:root{--blue-dark: #060ce9;--blue-mid: #0d16c9;--blue-light: #1a24f0;--gold: #ffcc00;--gold-dark: #d4a800;--white: #ffffff;--gray-used: #2a2a4a;--text-used: #555577;--overlay-bg: rgba(0, 0, 0, .82);--modal-bg: #060ce9;--radius: 6px;--cell-font: clamp(1rem, 5vw, 1.8rem);--header-font: clamp(.7rem, 3.5vw, 1rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,Arial,sans-serif;background:#030880;color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:36px;padding:24px}.landing__image-wrap{position:relative;margin-top:60px}.landing__banner{position:absolute;top:-55px;left:50%;transform:translate(-50%);width:110px;height:110px;border-radius:50%;background:var(--gold);color:var(--blue-dark);border:4px solid var(--blue-dark);outline:3px solid var(--gold-dark);box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:1;text-align:center;line-height:1.1}.landing__banner span:first-child{font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.landing__banner span:last-child{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.landing__image{display:block;max-height:62vh;max-width:min(90vw,420px);border-radius:12px;border:3px solid var(--gold);box-shadow:0 8px 32px #00000080}.btn--start{background:var(--gold);color:var(--blue-dark);font-size:clamp(1rem,4vw,1.2rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:16px 52px;border:none;border-radius:var(--radius);cursor:pointer;min-height:56px;transition:filter .12s,transform .08s}.btn--start:hover{filter:brightness(1.08)}.btn--start:active{transform:scale(.97)}.score-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#020660;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:10;min-height:52px}.score-bar__label{font-size:clamp(.85rem,3vw,1rem);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);font-weight:700}.score-bar__value{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;color:var(--white);min-width:60px;text-align:center}.score-bar__reset{background:transparent;border:2px solid var(--gold);color:var(--gold);font-size:clamp(.7rem,2.5vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 14px;border-radius:var(--radius);cursor:pointer;min-width:44px;min-height:44px;transition:background .15s,color .15s}.score-bar__reset:hover,.score-bar__reset:focus-visible{background:var(--gold);color:var(--blue-dark);outline:none}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;max-width:900px;margin:0 auto}.board__category{background:var(--blue-dark);border:2px solid var(--gold-dark);border-radius:var(--radius);padding:10px 6px;text-align:center;font-size:var(--header-font);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);min-height:56px;display:flex;align-items:center;justify-content:center;line-height:1.2}.board__cell{background:var(--blue-mid);border:2px solid var(--gold-dark);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:clamp(52px,12vw,90px);cursor:pointer;transition:background .12s,transform .08s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.board__cell:hover:not(.board__cell--used),.board__cell:focus-visible:not(.board__cell--used){background:var(--blue-light);transform:scale(1.03);outline:none}.board__cell:active:not(.board__cell--used){transform:scale(.97)}.board__cell-value{font-size:var(--cell-font);font-weight:900;color:var(--gold);letter-spacing:-.01em}.board__cell--used{background:var(--gray-used);border-color:#335;cursor:default}.board__cell--used .board__cell-value{color:var(--text-used);text-decoration:line-through}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);border:3px solid var(--gold);border-radius:10px;width:100%;max-width:540px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:20px;animation:slideUp .18s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.modal__dismiss{background:transparent;border:none;color:var(--gold);font-size:1.1rem;line-height:1;cursor:pointer;padding:4px 6px;border-radius:var(--radius);opacity:.7;transition:opacity .12s;margin-left:auto}.modal__dismiss:hover,.modal__dismiss:focus-visible{opacity:1;outline:2px solid var(--gold)}.modal__category{font-size:clamp(.75rem,3vw,.9rem);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-weight:700}.modal__value{font-size:clamp(1rem,4vw,1.4rem);font-weight:900;color:var(--gold)}.modal__question{font-size:clamp(1rem,4vw,1.3rem);line-height:1.55;text-align:center;color:var(--white);font-weight:500;min-height:80px;display:flex;align-items:center;justify-content:center}.modal__answer{background:#ffcc001f;border:1px solid var(--gold-dark);border-radius:var(--radius);padding:12px 16px;font-size:clamp(.85rem,3vw,1rem);color:var(--gold);text-align:center;animation:fadeIn .2s ease}.modal__answer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:4px}.modal__answer-text{font-weight:700;font-size:clamp(.9rem,3.5vw,1.1rem)}.modal__actions{display:flex;gap:12px;flex-direction:column}@media(min-width:420px){.modal__actions{flex-direction:row}}.btn{flex:1;padding:14px 12px;font-size:clamp(.85rem,3vw,1rem);font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:var(--radius);cursor:pointer;min-height:52px;transition:filter .12s,transform .08s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn--correct{background:#22c55e;color:#fff}.btn--wrong{background:#ef4444;color:#fff}.btn--reveal{background:var(--gold);color:var(--blue-dark);width:100%}.modal__double{background:var(--gold);color:var(--blue-dark);text-align:center;font-size:clamp(.85rem,3.5vw,1.1rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:10px 12px;border-radius:var(--radius);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.02)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:300;padding:16px;animation:fadeIn .15s ease}.confirm{background:var(--modal-bg);border:3px solid var(--gold);border-radius:10px;padding:28px 24px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:340px;max-height:90dvh;overflow-y:auto;animation:slideUp .18s ease}.confirm__text{text-align:center;font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--white)}.confirm__actions{display:flex;gap:12px}.confirm__cancel{background:transparent;border:2px solid var(--gold);color:var(--gold)}.confirm__cancel:hover{background:#ffcc0026}.confirm__ok{background:#ef4444;color:#fff}.confirm__ok:hover{filter:brightness(1.1)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020660f5;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:fadeIn .3s ease}.gameover{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.gameover__title{font-size:clamp(2rem,10vw,4rem);font-weight:900;color:var(--gold);text-shadow:0 0 30px rgba(255,204,0,.5);letter-spacing:-.02em}.gameover__score{font-size:clamp(1.2rem,6vw,2rem);color:var(--white)}.gameover__score strong{color:var(--gold);font-size:clamp(1.5rem,8vw,2.8rem)}.btn--play-again{background:var(--gold);color:var(--blue-dark);font-size:clamp(.9rem,4vw,1.1rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:16px 40px;border:none;border-radius:var(--radius);cursor:pointer;min-height:56px;transition:filter .12s}.btn--play-again:hover{filter:brightness(1.1)}@media(orientation:portrait)and (max-width:500px){html,body{height:100dvh;overscroll-behavior:none}#root{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.board{flex:1;min-height:0;max-width:none;margin:0;grid-template-rows:auto repeat(5,1fr)}.board__category{min-height:0;padding:4px 3px;font-size:clamp(.5rem,2.8vw,.75rem);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.board__cell{min-height:0}}@media(orientation:landscape)and (max-height:500px){:root{--cell-font: clamp(.75rem, 2.8vw, 1.2rem);--header-font: clamp(.5rem, 1.8vw, .7rem)}html,body{height:100dvh;overscroll-behavior:none}#root{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.score-bar{min-height:36px;padding:4px 12px}.score-bar__reset{min-height:32px;padding:4px 10px}.board{flex:1;min-height:0;max-width:none;margin:0;padding:3px;gap:2px;grid-template-rows:auto repeat(5,1fr)}.board__category{min-height:0;padding:3px 4px}.board__cell{min-height:0}.modal{padding:12px 16px;gap:10px;max-width:680px;max-height:92dvh;overflow-y:auto}.modal__question{min-height:0;font-size:clamp(.85rem,2dvh,1rem);padding:0 4px}.modal__answer{padding:8px 12px}.modal__actions{flex-direction:row;gap:8px}.btn{padding:10px 8px;min-height:42px}.btn--reveal{min-height:42px}.confirm{padding:16px;gap:12px}.gameover{gap:12px}.gameover__title{font-size:clamp(1.5rem,6vw,2.5rem)}}