@font-face{font-family:Brawl;src:url(assets/font/Pusia-Bold.otf);font-display:swap}@font-face{font-family:Lilita;src:url(assets/font/LilitaOne-Regular.ttf);font-display:swap}
:root{font-family:Brawl,'Arial Black',sans-serif;color:#fff;background:#0660cb;--ink:#10162d;--yellow:#ffe02a;--button:none;--buttonBlue:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100dvh;overflow:hidden;user-select:none;overscroll-behavior:none}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}img{display:block;object-fit:contain;pointer-events:none}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}h1,h2,h3,b,strong,button,.eyebrow{paint-order:stroke fill;-webkit-text-stroke:.055em var(--ink);text-shadow:0 .07em var(--ink)}
.backdrop{position:fixed;inset:0;z-index:-2;background:#0873e5 var(--background) center/cover no-repeat}.backdrop::before{content:'';position:absolute;inset:-50%;background-image:var(--pattern);background-size:680px auto;opacity:.28;animation:pattern-rise 80s linear infinite}.backdrop::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 34%,#37dbff55,transparent 65%),linear-gradient(0deg,#002a8d99,transparent 40%)}@keyframes pattern-rise{to{transform:translateY(-344.3870967742px)}}
#app{height:100%;width:min(100%,1600px);margin:auto;position:relative;container-type:size;padding:0 3cqw}.topbar{height:13cqh;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.top-title{font-size:clamp(16px,2.9cqh,28px);letter-spacing:.045em;flex:1;text-align:center}.top-actions{display:flex;gap:12px}.icon-button{width:8.1cqh;height:7.8cqh;min-width:46px;min-height:44px;max-width:80px;max-height:76px;position:relative;display:grid;place-items:center;flex:none;border:3px solid #10162d;border-radius:11px;background:linear-gradient(#3e75c9,#153e8f);box-shadow:inset 0 2px #8ac6fb88,0 5px #0b204e;transition:transform .13s,filter .13s}.icon-button>img{height:78%;width:78%;filter:drop-shadow(0 2px #10162d55)}.icon-button:hover{transform:translateY(2px) scaleY(.96);filter:brightness(1.12)}.icon-button:active{transform:translateY(4px) scale(.95)}.unread::after{content:'';width:15px;height:15px;background:#ff4b40;border:2px solid #201832;border-radius:50%;position:absolute;right:-5px;top:-5px}
.home-screen,.difficulty-screen{height:80cqh;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1180px;margin:auto;gap:3cqh}.headline{text-align:center;position:relative}.eyebrow{font-size:clamp(12px,2.2cqh,20px);color:#9eecff;letter-spacing:.1em;display:block;margin-bottom:1cqh}.headline h1{font-size:clamp(28px,7.5cqh,68px);line-height:1;letter-spacing:-.02em;-webkit-text-stroke:.065em #11192d;text-shadow:0 .11em #081e54;transform:rotate(-2deg)}
.mode-grid{width:100%;display:grid;grid-template-columns:1fr 9cqh 1fr;gap:2.6cqh;align-items:center;margin-top:1cqh}.mode-card{height:45cqh;min-height:200px;max-height:425px;position:relative;overflow:hidden;border:4px solid var(--ink);border-radius:23px;background:linear-gradient(145deg,#37d9ff,#1689ef 70%);box-shadow:inset 0 4px #a3f6ff99,0 9px #082951,0 16px 30px #00255755;transition:transform .17s,filter .17s;isolation:isolate;padding:0;display:flex;flex-direction:column;text-align:left;transform:rotate(-1.5deg)}.voice-card{background:linear-gradient(145deg,#cd76ff,#7a40e8 76%);transform:rotate(1.5deg);box-shadow:inset 0 4px #ebbcff99,0 9px #20255b,0 16px 30px #00255755}.mode-card:hover{transform:translateY(3px) rotate(0) scaleY(.98);filter:brightness(1.07)}.mode-card:active{transform:translateY(7px) scale(.98)}.card-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}.spotlight{position:absolute;width:90%;height:190%;left:5%;top:-48%;background:repeating-conic-gradient(from 3deg,#ffffff1b 0deg 12deg,transparent 12deg 24deg);mask-image:radial-gradient(ellipse,#000,transparent 67%);z-index:-1}.hero{height:90%;width:70%;position:absolute;bottom:-1%;animation:brawler-bob 4s ease-in-out infinite;object-position:center bottom;filter:drop-shadow(0 8px #153d6e33)}.silhouette{filter:brightness(0) drop-shadow(0 6px #143d7566)}.voice-hero{height:95%;left:9%;width:64%;animation-delay:-1.8s}.question-mark{position:absolute;left:49%;top:34%;font:12cqh Lilita;transform:rotate(9deg);-webkit-text-stroke:.06em #192f57;filter:drop-shadow(0 4px #132f5880)}.voice-symbol{position:absolute;width:24%;height:40%;right:8%;top:35%;rotate:-8deg;filter:drop-shadow(0 4px #2b176c88)}.sound-rings{position:absolute;right:0;top:12%;width:62%;height:95%}.sound-rings i{position:absolute;inset:20%;border:3px solid #eac9ff8a;border-radius:50%;animation:ring-out 3s ease-out infinite}.sound-rings i:nth-child(2){animation-delay:1s}.sound-rings i:nth-child(3){animation-delay:2s}.mode-label{position:relative;z-index:1;background:linear-gradient(#072c7180,#092765d9);padding:1.8cqh 3cqh 2.4cqh;width:100%;border-top:2px solid #09254f66}.voice-card .mode-label{background:linear-gradient(#3e197a99,#2e1765ee)}.mode-label h2{font-size:clamp(22px,4.5cqh,42px);line-height:1.1;color:#ffef57;padding-right:24px}.mode-label p{font-size:clamp(12px,1.8cqh,17px);color:#d4f6ff;margin-top:.6cqh}.card-arrow{position:absolute;right:2cqh;bottom:2.8cqh;font-size:6cqh;color:#fff6b4}.center-rail{display:flex;flex-direction:column;align-items:center;gap:2.8cqh}.center-rail .icon-button{height:8.5cqh;width:8.5cqh}.center-rail .icon-button:first-child{background:linear-gradient(#ffe85c,#f1a71c);box-shadow:inset 0 2px #fff1ae,0 5px #7b531b}.home-meta{display:flex;align-items:center;justify-content:center;gap:4cqh;color:#a8e9ff;font-size:clamp(12px,2cqh,19px);margin-top:1cqh}.home-meta>span{display:flex;align-items:center;gap:.7cqh}.home-meta img{width:3cqh;height:3cqh;min-height:20px;min-width:20px}.home-meta b{color:#fff}.home-meta button{color:#ffe66a;border-bottom:2px solid #ffe66a55;font-size:inherit}footer{position:absolute;bottom:1cqh;width:94%;text-align:center;font-size:clamp(9px,1.25cqh,12px);color:#a4dbf0;opacity:.7}
.difficulty-screen{gap:5cqh}.difficulty-screen .headline h1{font-size:clamp(30px,6.5cqh,58px)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.3cqh;width:100%}.difficulty-card{position:relative;border:4px solid #10192d;border-radius:20px;overflow:hidden;height:43cqh;max-height:380px;min-height:200px;background:radial-gradient(ellipse at 50% 28%,#c0ff9b,#50b930 80%);box-shadow:inset 0 4px #e0ffbf88,0 8px #164e32;transition:transform .16s,filter .16s}.difficulty-card.normal{background:radial-gradient(ellipse at 50% 28%,#ffec85,#ffa517 80%);box-shadow:inset 0 4px #ffe9b788,0 8px #7b4826}.difficulty-card.hard{background:radial-gradient(ellipse at 50% 28%,#ff9995,#ed3c52 80%);box-shadow:inset 0 4px #ffc0bb88,0 8px #762545}.difficulty-card:hover{transform:translateY(3px) scaleY(.98);filter:brightness(1.07)}.difficulty-emblem{height:48%;display:flex;justify-content:center;align-items:center;position:relative}.difficulty-emblem>img{height:77%;width:48%;filter:drop-shadow(0 4px #153a4244)}.difficulty-emblem>span{position:absolute;bottom:0;color:#ffec36;font-size:3cqh;letter-spacing:.15em}.difficulty-card h2{font-size:clamp(24px,4.5cqh,42px);margin-top:1.2cqh}.difficulty-card p{font-size:clamp(12px,2.2cqh,20px);margin-top:1cqh}.difficulty-card p>span{margin:0 1cqh}.difficulty-bottom{position:absolute;bottom:0;left:0;width:100%;background:#091c4344;border-top:2px solid #14254a44;display:flex;justify-content:space-between;align-items:center;padding:1.3cqh 2.8cqh;font-size:2.6cqh}.run-rules{display:flex;align-items:center;justify-content:center;gap:4cqh;font-size:clamp(12px,2.1cqh,20px);color:#d6f3ff}.hearts{display:flex;gap:.6cqh}.hearts img{width:3.1cqh;height:3.1cqh}
.game-screen{height:84cqh;max-width:1160px;margin:auto;display:flex;flex-direction:column}.round-status{display:flex;align-items:center;gap:2cqh;height:7cqh;min-height:38px}.round-count{font-size:clamp(12px,1.8cqh,17px);white-space:nowrap;color:#beecff}.round-count>b{font-size:3.6cqh;color:#fff;margin-left:.7cqh}.round-count small{font-size:2cqh;color:#a9e3ff}.round-progress{display:flex;gap:.6cqh;flex:1;height:1.25cqh}.round-progress>i{background:#10488e;border:1px solid #14346499;border-radius:3px;flex:1}.round-progress>.done{background:#91f331}.round-progress>.current{background:#ffe95b;box-shadow:0 0 10px #f5df6b55}.life-count{display:flex;gap:.6cqh;margin-left:1cqh}.life-count>img{width:3.6cqh;height:3.6cqh;min-width:19px;min-height:19px;filter:drop-shadow(0 2px #00225488)}.life-count .lost{filter:grayscale(1) brightness(.55);opacity:.65}.score-counter{font-size:3.4cqh;display:flex;gap:1cqh;align-items:center;min-width:12cqh;justify-content:flex-end}.score-counter>img{width:3.8cqh;height:3.8cqh}.game-heading{text-align:center;font-size:clamp(25px,5.5cqh,48px);margin:1.6cqh 0 2cqh;line-height:1.1}.question-board{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr 1fr 5.3cqh;gap:3cqh}.brawler-panel{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#66edff,#159ae9 75%);border:4px solid #0e2853;border-radius:23px;overflow:hidden;box-shadow:inset 0 3px #aaf2ff99,0 7px #0b3b7f;isolation:isolate}.reveal-rays{position:absolute;inset:-55%;background:repeating-conic-gradient(from 0deg,#ffffff25 0deg 12deg,transparent 12deg 24deg);animation:rays 45s linear infinite;mask-image:radial-gradient(ellipse,#000,transparent 65%);z-index:-1}.quiz-hero{width:80%;height:89%;object-fit:contain;filter:drop-shadow(0 5px #04325c44);animation:reveal-hero .3s both}.quiz-hero.silhouette{filter:brightness(0) drop-shadow(0 6px #23649a66)}.mystery-badge{position:absolute;bottom:3%;right:5%;font-size:7cqh;color:#fff8ba;transform:rotate(8deg)}.voice-panel{background:radial-gradient(ellipse,#a991ff,#5841c7 80%)}.mystery-voice{height:100%;width:100%;position:relative;display:grid;place-items:center}.mystery-voice>span{font:28cqh Lilita;color:#311b8e;text-shadow:0 3px #cabbff55}.mystery-voice>img{position:absolute;width:40%;height:40%;animation:brawler-bob 3s ease-in-out infinite;filter:drop-shadow(0 6px #30206f66)}.reveal-name{position:absolute;left:0;bottom:0;width:100%;padding:1cqh;background:#062a57e8;border-top:2px solid #1a4e78;text-align:center;font-size:clamp(16px,3.2cqh,29px);text-transform:uppercase}.answered .quiz-hero{height:80%;align-self:flex-start}.points-pop{position:absolute;top:6%;right:7%;font-size:4.5cqh;color:#c7ff4e;transform:rotate(8deg);animation:reward-pop .4s both}.brawler-panel.success{border-color:#b4ff47;box-shadow:0 0 0 3px #24594e,0 7px #19476a}.brawler-panel.failure{border-color:#ffb1a6}
.answers-panel{display:flex;flex-direction:column;justify-content:space-between;gap:1.7cqh;min-height:0}.answer{position:relative;flex:1;min-height:0;display:flex;align-items:center;gap:1.3cqh;padding:0 2.1cqh 0 1.3cqh;font-size:clamp(18px,3.7cqh,34px);background:linear-gradient(#ffe85b,#ffce23);border:3px solid #13254b;border-radius:12px;box-shadow:inset 0 3px #fff3b9,0 5px #9c7a1d;transition:transform .12s,filter .12s;line-height:1.1;text-align:left}.answer:hover:not(:disabled){transform:translateY(2px) scaleY(.97);filter:brightness(1.08)}.answer:active:not(:disabled){transform:translateY(4px)}.answer>span{flex:1;overflow-wrap:anywhere}.answer>kbd{font:1.8cqh Lilita;color:#eff9ff;background:#aa7b2040;border:1px solid #714e3e40;border-radius:5px;width:3cqh;height:3.5cqh;display:grid;place-items:center;flex:none}.answer>i{font-style:normal;color:#6f4d20;font-size:4cqh}.answer.eliminated{visibility:hidden;pointer-events:none}.answer.correct-answer{background:linear-gradient(#aaff59,#54d942);box-shadow:inset 0 3px #d4ffaa,0 5px #226b46}.answer.correct-answer>i{color:#174d37}.answer.wrong-answer{background:linear-gradient(#ff7e6e,#ed3b54);box-shadow:inset 0 3px #ffbfb7,0 5px #7a2741}.answer.wrong-answer>i{color:#fff}.answered .answer:not(.correct-answer):not(.wrong-answer){opacity:.6;filter:saturate(.3)}
.timer{display:flex;flex-direction:column;align-items:center;gap:1cqh;min-height:0}.timer-cap{height:4.5cqh;width:4.5cqh;flex:none}.timer-cap>img{width:100%;height:100%}.timer-track{width:100%;max-width:4.5cqh;flex:1;border:3px solid #11264a;border-radius:14px;overflow:hidden;position:relative;display:flex;align-items:flex-end;background:#0b3d88;box-shadow:inset 3px 0 #0a2a5f88,2px 3px #17437777}.timer-fill{width:100%;height:100%;background:#6cf21a;border-top:3px solid #ffffff80;box-shadow:inset 4px 0 #ffffff22;transition:background-color .3s}.timer-lines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 calc(10% - 2px),#05214933 calc(10% - 2px) 10%);pointer-events:none}.timer>b{font:3.2cqh Lilita;color:#fff6b7}.timer-track.urgent{animation:timer-pulse .55s infinite}.question-footer{height:13cqh;min-height:76px;display:flex;align-items:center;gap:2cqh;position:relative;padding-top:1.7cqh}.keyboard-hint{font:2.1cqh Lilita;letter-spacing:.15em;color:#87c9f6;padding-left:2cqh}.reward-actions{margin-left:auto;display:flex;gap:1.5cqh;align-items:center}.reward-actions>button{display:flex;align-items:center;text-align:left;gap:.7cqh;background:#0b438c99;border:2px solid #0b2b5a;border-radius:10px;padding:1.2cqh 1.5cqh;box-shadow:inset 0 2px #7ab3ed44;font-size:clamp(11px,1.9cqh,18px);transition:transform .12s}.reward-actions>button:hover:not(:disabled){transform:translateY(2px) scaleY(.97);background:#225cae}.reward-actions>button:disabled{opacity:.35}.reward-actions img{height:4.1cqh;width:4.1cqh;min-width:23px;min-height:23px}.reward-actions small{display:block;color:#b9f989;font-size:.72em;margin-top:.3em}.replay-button{display:flex;gap:1.2cqh;align-items:center;font-size:clamp(12px,2.4cqh,22px);color:#fff8a5;flex:none}.replay-button>img{height:4.8cqh;width:4.8cqh}.voice-tip{display:none}.feedback-meta{font-size:3cqh;color:#f9e96e}.feedback-meta b{margin-left:1cqh;font:4cqh Lilita}.next-question{margin-left:auto;min-width:30cqh}
.action{display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;min-height:56px;padding:1.2cqh 3.7cqh;font-size:clamp(18px,2.8cqh,28px);line-height:1.1;transition:transform .12s,filter .12s;min-width:140px;text-align:center}.action::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--button) center/100% 100% no-repeat #ffd62a;border:3px solid #142241;border-radius:10px;box-shadow:inset 0 3px #fff78c,0 5px #7f6017;transform:skewX(-5deg)}.action.blue::before{background:var(--buttonBlue) center/100% 100% no-repeat #227ef5;box-shadow:inset 0 3px #8dc5ff,0 5px #123475}.action:hover{transform:translateY(2px) scaleY(.97);filter:brightness(1.1)}.action:active{transform:translateY(5px) scale(.97)}
.results-screen{height:83cqh;max-width:960px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqh;position:relative}.results-screen::before{content:'';position:absolute;width:100%;height:150%;left:0;top:-30%;background:repeating-conic-gradient(#ffffff18 0deg 10deg,transparent 10deg 20deg);mask-image:radial-gradient(ellipse,#000,transparent 66%);z-index:-1;animation:rays 80s linear infinite}.result-trophy{width:12cqh;height:12cqh;animation:brawler-bob 4s infinite}.result-trophy img{width:100%;height:100%}.results-screen .eyebrow{color:#baff7d;margin:0}.results-screen h1{font-size:clamp(27px,5.4cqh,48px);text-align:center;transform:rotate(-2deg)}.result-score{font:clamp(56px,11cqh,110px)/1 Lilita;text-shadow:0 .07em #10162d;-webkit-text-stroke:.05em #10162d;paint-order:stroke fill;text-align:center;color:#ffeb52}.result-score small{display:block;font:2cqh Brawl;color:#c0e7ff;letter-spacing:.15em;margin-top:.4cqh}.result-stats{display:flex;justify-content:center;gap:1cqh;width:100%;margin:1cqh 0}.result-stats>div{flex:1;background:#063a83b0;border:2px solid #0c2c5b;border-radius:12px;padding:1.6cqh;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5cqh}.result-stats b{font-size:clamp(16px,3.6cqh,32px);color:#fff9ae}.result-stats b>small{font-size:.6em;color:#adddf5}.result-stats span{font-size:clamp(10px,1.6cqh,16px);color:#cbefff}.result-actions{display:flex;gap:3cqh;margin-top:1.3cqh;width:85%;justify-content:center}.result-actions .action{flex:1}.text-button{font-size:clamp(12px,2.1cqh,20px);color:#d0edff;margin-top:1cqh}.revive-offer{display:flex;align-items:center;gap:1.5cqh;background:#163a99e8;border:2px solid #7b93eb;border-radius:12px;padding:1.3cqh 2cqh;width:88%}.revive-offer>img{height:5cqh;width:5cqh}.revive-offer>div{flex:1;font-size:2.2cqh}.revive-offer small{display:block;font-size:.75em;color:#bfe4ff;margin-top:.4cqh}.revive-offer button{display:flex;align-items:center;gap:1cqh;background:#ffe12d;border:2px solid #0c294d;border-radius:8px;padding:1cqh 1.7cqh;font-size:2cqh}.revive-offer button img{width:3.5cqh;height:3.5cqh}
.modal-shade{position:fixed;inset:0;z-index:20;background:#031331bf;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .16s}.dialog{width:min(760px,94vw);max-height:93dvh;background:linear-gradient(140deg,#217ee9,#1352c6);border:4px solid #101c3b;border-radius:20px;box-shadow:inset 0 3px #9ed7ff77,0 9px #071b48,0 20px 70px #00102588;position:relative;animation:dialog-in .22s cubic-bezier(.2,1.25,.4,1);overflow:hidden;display:flex;flex-direction:column}.dialog>header,.menu-drawer>header{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#10378c99;padding:18px 24px;border-bottom:3px solid #12316d}.dialog>header h2,.menu-drawer h2{font-size:clamp(23px,4vh,36px)}.dialog .close-modal{width:52px;height:46px;min-width:46px;min-height:40px;background:linear-gradient(#ff8a6b,#ee3e4c);box-shadow:inset 0 2px #ffc9a6,0 4px #76253f;border-radius:8px}.dialog .close-modal img{width:70%;height:70%}.settings-content{display:flex;flex-direction:column;gap:26px;padding:28px 36px 36px;overflow:auto}.settings-content>label{font-size:20px;display:block;color:#d5f3ff}.language-switch{display:flex;gap:12px;margin-top:12px}.language-switch>button,.leader-select button{flex:1;background:#114799;border:2px solid #10306b;border-radius:8px;padding:12px;font-size:20px;box-shadow:inset 0 2px #75a8e144,0 3px #113271}.language-switch>.selected,.leader-select .selected{background:linear-gradient(#ffe65c,#ffc526);border-color:#4e3b38;color:#fff}.volume-label{position:relative}.volume-label>b{float:right;color:#fff8ae}.volume-label>input{display:block;appearance:none;width:100%;height:17px;background:#0a3479;border:2px solid #092a60;border-radius:6px;outline-offset:9px;margin:22px 0 6px;cursor:pointer;box-shadow:inset 0 3px #062551}.volume-label>input::-webkit-slider-thumb{appearance:none;height:32px;width:27px;background:linear-gradient(#fff9ab,#ffd42a);border:3px solid #143258;border-radius:6px;box-shadow:0 3px #0d2c61}.volume-label>input::-moz-range-thumb{height:26px;width:22px;background:#ffe23c;border:3px solid #143258;border-radius:6px}
.menu-drawer{height:100dvh;position:absolute;left:0;top:0;width:min(440px,92vw);background:linear-gradient(140deg,#114ac6,#10237e);border-right:4px solid #122147;box-shadow:12px 0 60px #001336aa;display:flex;flex-direction:column;padding-bottom:28px;animation:drawer-in .22s ease-out}.menu-drawer>header .icon-button{height:48px;width:52px}.drawer-link{display:flex;align-items:center;gap:16px;margin:12px 20px 0;background:#1957bc;border:2px solid #102b67;border-radius:10px;padding:14px 16px;box-shadow:inset 0 2px #72b8ed55,0 4px #0b2259;text-align:left;font-size:23px}.drawer-link>img{width:45px;height:45px}.drawer-link>span{flex:1}.drawer-link>small{font-size:12px;background:#ff523d;padding:5px;rotate:-6deg}.drawer-link>b{font-size:36px}.menu-drawer h3{color:#9ec9ff;letter-spacing:.1em;font-size:16px;margin:35px 24px 4px}.socials-empty{margin:18px 24px;display:flex;align-items:center;gap:20px;color:#b8d1ed;font-size:17px}.socials-empty>img{width:50px;height:50px;opacity:.7}.drawer-brand{margin:auto 28px 0;text-align:center;font-size:34px;transform:rotate(-3deg);color:#ffe74c;-webkit-text-stroke:2px #0b1c53;paint-order:stroke fill;line-height:1}.drawer-brand>span{display:block;font-size:20px;color:#fff;margin-top:6px;letter-spacing:.3em}
.news-list{overflow:auto;padding:25px;display:flex;flex-direction:column;gap:20px}.news-list article{display:flex;align-items:center;background:#12499d;border:2px solid #10326a;border-radius:14px;padding:20px;gap:24px}.news-list article>img{height:150px;width:120px;flex:none}.news-list h3{font-size:25px;margin:6px 0 12px}.news-list p{font-size:17px;line-height:1.5;color:#cae9ff}.news-badge{background:#ffbd2d;border:2px solid #153b6b;font-size:12px;padding:4px 10px;display:inline-block;rotate:-4deg}.leaders-dialog{width:min(850px,96vw)}.leader-select{padding:18px 22px;display:flex;flex-direction:column;gap:10px}.leader-select>div{display:flex;gap:10px}.leader-select button{font-size:clamp(12px,2.2vh,20px);padding:10px 7px}.leader-list{margin:0 22px;background:#082c7999;border:2px solid #0e2d66;min-height:100px;max-height:31vh;overflow:auto;border-radius:9px;padding:8px}.leader-row{display:flex;align-items:center;gap:14px;padding:12px;background:#1852a5;border:2px solid #10326a;border-radius:7px;margin-bottom:7px;font-size:22px}.leader-row.is-user{background:linear-gradient(110deg,#b46e1e,#e4a52e);border-color:#ffe97f}.rank-number{width:34px;text-align:center;font:27px Lilita}.leader-avatar{width:40px;height:40px;border:2px solid #0a3269;border-radius:5px}.leader-row>span{flex:1;overflow-wrap:anywhere}.leader-row>strong{color:#ffec57}.leader-row>img:last-child{width:28px;height:28px}.local-note{font-size:14px;color:#bddef9;text-align:center;line-height:1.5;padding:14px 22px}.local-note b{color:#fff1a1;font-size:13px;letter-spacing:.1em}.loading,.empty-leaders{padding:25px;text-align:center;font-size:18px;color:#c9e8ff}.name-form{display:flex;align-items:center;gap:14px;background:#113c8d;padding:18px 22px;margin-top:8px}.name-form label{font-size:14px;max-width:70px}.name-form input{min-width:0;flex:1;background:#e9faff;color:#142953;border:3px solid #102e63;border-radius:7px;padding:12px;font-size:20px}.name-form .action{min-width:100px;font-size:17px;padding:10px 18px;min-height:48px}.leaders-dialog>.action{margin:8px 30px}.leave-copy{padding:32px;font-size:22px;line-height:1.4;text-align:center;color:#d2efff}.modal-actions{display:flex;justify-content:center;gap:24px;padding:0 28px 34px}.collection-dialog{width:min(1050px,96vw)}.collection-note{padding:18px 24px;font-size:16px;color:#c7e8ff}.collection-grid{overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;padding:0 24px 24px}.collection-grid>button{position:relative;height:180px;background:#1558ba;border:2px solid #0c346b;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:inset 0 2px #68b4ee55}.collection-grid>button>img{height:130px;width:100%;min-height:0}.collection-grid b{font-size:15px;line-height:1.05}.collection-grid small{position:absolute;right:7px;top:5px;background:#10317988;border-radius:4px;padding:3px 5px;color:#b8edff;font:16px Lilita}
.ad-shade{background:#041638ee;z-index:30}.ad-countdown{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;position:relative;padding:40px 65px;border:3px solid #64bef8;border-radius:24px;background:radial-gradient(ellipse at 50% 20%,#286ade,#11245b);box-shadow:0 10px #071631,inset 0 3px #8ed6ff55;width:min(480px,92vw)}.ad-countdown>img{height:95px;width:120px;filter:drop-shadow(0 5px #061c4a)}.ad-countdown h2{font-size:24px;color:#d7f2ff}.ad-number{font:110px/1 Lilita;color:#ffeb4f;paint-order:stroke fill;-webkit-text-stroke:7px #0d1742;text-shadow:0 7px #0b163d;animation:count-pop .3s ease-out}.ad-loader{width:100%;height:10px;border:2px solid #0d1b47;border-radius:6px;background:#082145;overflow:hidden}.ad-loader>i{height:100%;display:block;background:#ffe032;animation:ad-progress 3s linear both}
#toast{position:fixed;z-index:40;bottom:25px;left:50%;translate:-50% 20px;opacity:0;pointer-events:none;background:#072958f2;border:2px solid #74c1ef;border-radius:12px;padding:15px 24px;max-width:min(650px,90vw);font-size:18px;text-align:center;box-shadow:0 5px #06172f;transition:opacity .17s,translate .17s}#toast.show{opacity:1;translate:-50% 0}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.boot h1{font-size:clamp(28px,6vw,60px);color:#ffe332}.boot p{font-size:20px;color:#bceaff}.boot-spinner{height:56px;width:56px;border:6px solid #143c83;border-top-color:#ffe444;border-radius:50%;animation:rays 1s linear infinite}.enter{animation:enter .25s both}
@keyframes enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes brawler-bob{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -6px;rotate:1deg}}@keyframes ring-out{0%{scale:.5;opacity:.7}100%{scale:1.8;opacity:0}}@keyframes rays{to{rotate:360deg}}@keyframes reward-pop{from{scale:.2;opacity:0}to{scale:1;opacity:1}}@keyframes reveal-hero{from{scale:.93;opacity:.7}to{scale:1;opacity:1}}@keyframes timer-pulse{50%{box-shadow:0 0 15px #ff5b4b99}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{scale:.94;opacity:0}to{scale:1;opacity:1}}@keyframes drawer-in{from{translate:-100% 0}to{translate:0 0}}@keyframes count-pop{from{scale:1.45;opacity:.5}to{scale:1;opacity:1}}@keyframes ad-progress{from{width:0}to{width:100%}}
@media(max-height:550px) and (min-aspect-ratio:1/1){.topbar{min-height:48px}.icon-button{min-height:36px;min-width:40px;border-width:2px}.mode-card{min-height:150px;border-width:3px}.home-screen{height:82cqh;gap:2cqh}.mode-label p{font-size:11px}.mode-label h2{font-size:22px}.headline h1{font-size:32px}.mode-grid{grid-template-columns:1fr 55px 1fr}.home-meta{font-size:11px;gap:22px}.difficulty-card{min-height:175px}.difficulty-screen{gap:3cqh}.difficulty-screen .headline h1{font-size:27px}.difficulty-card h2{font-size:24px}.question-footer{min-height:66px}.round-status{min-height:28px}.game-heading{font-size:25px}.answer{font-size:20px;border-width:2px}.answer>kbd{font-size:10px}.reward-actions>button{padding:5px 9px;font-size:11px}.action{min-height:42px;font-size:18px}.modal-shade{padding:14px}.dialog>header{padding:10px 20px}.dialog>header h2{font-size:24px}.settings-content{padding:18px 28px;gap:18px}.settings-content>label{font-size:16px}.language-switch>button{font-size:17px;padding:8px}.volume-label>input{margin-top:15px}.results-screen{gap:1cqh}.results-screen h1{font-size:25px}.result-score{font-size:55px}.result-actions{margin-top:0}.revive-offer>div{font-size:13px}.revive-offer button{font-size:12px}}
@media(max-aspect-ratio:4/5){body{overflow:auto;min-height:100dvh;height:auto}#app{height:auto;min-height:100dvh;container-type:inline-size;padding:0 5vw 50px}.topbar{height:85px;min-height:85px;gap:12px}.top-title{font-size:15px}.top-actions{gap:8px}.icon-button{height:44px;width:46px;min-width:42px;min-height:42px}.top-actions>.icon-button:first-child{display:none}.home-screen{height:auto;min-height:calc(100dvh - 150px);gap:24px}.headline h1{font-size:37px;max-width:340px;line-height:1.05}.eyebrow{font-size:13px;margin-bottom:10px}.mode-grid{grid-template-columns:1fr;gap:22px;margin-top:0}.mode-card{height:270px;min-height:0;transform:rotate(-1deg);border-radius:18px}.voice-card{transform:rotate(1deg)}.mode-label{padding:12px 20px 16px}.mode-label h2{font-size:27px}.mode-label p{font-size:12px}.question-mark{font-size:84px}.voice-symbol{width:80px;height:75px;right:15%}.hero{width:66%;height:95%}.center-rail{grid-row:3;flex-direction:row;justify-content:center;gap:22px}.center-rail .icon-button{width:64px;height:54px}.home-meta{gap:16px;font-size:12px;flex-wrap:wrap}.home-meta img{width:20px;height:20px}.home-meta button{font-size:13px}footer{position:relative;width:100%;font-size:9px;margin-top:30px}.difficulty-screen{height:auto;min-height:calc(100dvh - 130px);gap:28px}.difficulty-screen .headline h1{font-size:32px}.difficulty-grid{grid-template-columns:1fr;gap:18px}.difficulty-card{height:150px;min-height:0;text-align:left;padding:18px 20px 18px 135px}.difficulty-emblem{position:absolute;left:10px;top:10px;width:115px;height:110px}.difficulty-emblem>img{height:78%;width:80%}.difficulty-emblem>span{font-size:18px;bottom:0}.difficulty-card h2{font-size:29px;margin:0}.difficulty-card p{font-size:13px;margin-top:12px}.difficulty-bottom{height:35px;padding:7px 20px;font-size:14px}.run-rules{font-size:12px;gap:15px;flex-wrap:wrap}.hearts img{height:20px;width:20px}.game-screen{height:auto;min-height:calc(100dvh - 125px)}.round-status{height:42px;min-height:42px;gap:10px}.round-count{font-size:10px}.round-count>b{font-size:22px}.round-count small{font-size:12px}.round-progress{height:8px;gap:3px}.life-count{gap:2px;margin:0}.life-count>img{min-width:15px;min-height:15px;width:15px;height:15px}.score-counter{font-size:20px;min-width:60px;gap:5px}.score-counter>img{height:20px;width:20px}.game-heading{font-size:27px;margin:20px 0}.question-board{grid-template-columns:1fr 28px;gap:20px 15px;flex:none}.brawler-panel{height:265px;min-height:265px;border-radius:18px}.timer{grid-column:2;grid-row:1;gap:8px}.timer-cap{height:25px;width:25px}.timer-track{width:25px;max-width:25px;border-width:2px}.timer>b{font-size:23px}.answers-panel{grid-column:1/3;gap:14px}.answer{height:61px;min-height:61px;padding:0 14px;gap:12px;font-size:26px;border-width:2px;border-radius:9px}.answer>kbd{width:25px;height:29px;font-size:14px}.answer>i{font-size:28px}.reveal-name{font-size:22px;padding:10px}.points-pop{font-size:32px}.mystery-badge{font-size:45px}.mystery-voice>span{font-size:170px}.question-footer{height:auto;min-height:120px;padding-top:24px;flex-wrap:wrap;gap:20px}.reward-actions{margin:0;width:100%;gap:12px;justify-content:center}.reward-actions>button{font-size:12px;flex:1;padding:10px 8px;gap:8px;border-radius:8px}.reward-actions img{height:27px;width:27px}.replay-button{font-size:17px;margin:auto}.replay-button img{height:35px;width:35px}.keyboard-hint{display:none}.feedback-meta{font-size:20px}.feedback-meta b{font-size:27px}.next-question{margin:auto;min-width:70%}.action{font-size:22px;min-height:56px;padding:12px 22px}.results-screen{height:auto;min-height:calc(100dvh - 130px);gap:20px}.result-trophy{height:100px;width:100px}.results-screen h1{font-size:32px}.result-score{font-size:85px}.result-score small{font-size:17px}.result-stats{gap:7px}.result-stats>div{padding:15px 7px;gap:8px}.result-stats b{font-size:21px}.result-stats span{font-size:10px}.result-actions{width:100%;gap:15px;flex-wrap:wrap}.result-actions .action{font-size:19px}.text-button{font-size:17px}.revive-offer{width:100%;gap:10px;padding:12px;flex-wrap:wrap}.revive-offer>img{height:30px;width:30px}.revive-offer>div{font-size:16px}.revive-offer button{font-size:14px;padding:8px 12px;margin:auto}.revive-offer button img{height:25px;width:25px}.modal-shade{padding:14px}.dialog{max-height:93dvh;border-width:3px;border-radius:15px}.dialog>header{padding:14px 16px;gap:12px}.dialog>header h2{font-size:23px}.settings-content{padding:24px;gap:25px}.settings-content>label{font-size:16px}.language-switch>button{font-size:16px;padding:12px 5px}.news-list{padding:15px;gap:15px}.news-list article{padding:15px;gap:15px}.news-list article>img{width:65px;height:90px}.news-list h3{font-size:20px}.news-list p{font-size:14px;line-height:1.4}.leader-select{padding:15px;gap:12px}.leader-select button{font-size:12px}.leader-list{margin:0 15px}.leader-row{padding:10px;gap:8px;font-size:18px}.rank-number{font-size:20px;width:24px}.leader-avatar{height:30px;width:30px}.leader-row>img:last-child{height:20px;width:20px}.name-form{padding:15px;gap:8px;flex-wrap:wrap}.name-form label{max-width:none;width:100%;font-size:12px}.name-form input{font-size:17px;width:40%}.name-form .action{min-width:90px;font-size:15px}.collection-grid{grid-template-columns:repeat(2,1fr);padding:0 15px 15px;gap:10px}.collection-note{font-size:13px;padding:15px}.modal-actions{padding:0 20px 25px;gap:15px}.modal-actions .action{font-size:16px;min-width:0;flex:1}.leave-copy{font-size:18px;padding:25px}.ad-countdown{padding:30px}.ad-countdown h2{font-size:22px}#toast{font-size:15px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.topbar>[data-action=menu],.topbar>[data-action=back]{width:8.1cqh;min-width:46px}.topbar>[data-action=menu]>img,.topbar>[data-action=back]>img{height:65%;width:65%}
.action::before{background:linear-gradient(#ffed68,#ffd42d 18%,#ffce24 88%,#efad22)}.action.blue::before{background:linear-gradient(#6db8ff,#2a8cfa 18%,#1b6de8 88%,#1456c4)}