:root,[data-theme=light]{--jade-900: #0e3b2a;--jade-700: #17694a;--jade-500: #2e9e68;--mint-300: #a8ddb0;--sand-50: #fbf6ea;--sand-100: #f4ead3;--sand-300: #e3cfa6;--dune-500: #c9a46a;--nur-400: #f5b83d;--coral-500: #e2603f;--frame: #17694a;--frame-pattern: #f4ead31f;--surface: #f6edd8;--surface-raised: #fffbf2;--grid-line: #17694a1c;--ink: #12261c;--ink-muted: #4d5e52;--brand: #17694a;--on-brand: #fbf6ea;--accent: #f5b83d;--on-accent: #12261c;--answer: #f1e2c1;--answer-chip: #17694a;--on-answer-chip: #fbf6ea;--success: #187a4a;--on-success: #fbf6ea;--danger: #c94f2f;--on-danger: #fffbf2;--timer-track: #0e3b2a;--shadow-ink: #0e3b2a;--focus: #0e3b2a;--shadow-pop: 0 4px 0 #0e3b2a;--shadow-pop-sm: 0 2px 0 #0e3b2a}[data-theme=dark]{--frame: #0a2419;--frame-pattern: #a8ddb014;--surface: #123b2b;--surface-raised: #1a4a37;--grid-line: #f4ead312;--ink: #f4ead3;--ink-muted: #b9c7b5;--brand: #4cc08a;--on-brand: #0b2e21;--answer: #22553f;--answer-chip: #f5b83d;--on-answer-chip: #12261c;--success: #5acb8e;--on-success: #0b2e21;--danger: #f07b5a;--on-danger: #0b2e21;--timer-track: #061b13;--shadow-ink: #061b13;--focus: #f5b83d;--shadow-pop: 0 4px 0 #061b13;--shadow-pop-sm: 0 2px 0 #061b13}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--grid-step: 22px;--radius-tile: 6px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 999px;--stroke-bold: 2.5px;--stroke-thin: 1.5px;--font-display: Unbounded, "Arial Black", system-ui, sans-serif;--font-body: Fredoka, "Baloo Bhaijaan 2", "Trebuchet MS", system-ui, sans-serif;--font-arabic: "Baloo Bhaijaan 2", "Geeza Pro", "Noto Naskh Arabic", serif}@font-face{font-family:Unbounded;src:url(./Unbounded-Variable-D5afBTBx.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Fredoka;src:url(./Fredoka-Variable-DM6njrJ3.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:"Baloo Bhaijaan 2";src:url(./BalooBhaijaan2-Medium-DVWcP2gZ.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Baloo Bhaijaan 2";src:url(./BalooBhaijaan2-Bold-BuUEWU-Z.woff2) format("woff2");font-weight:700;font-display:swap}:root{--qn-star-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='19' y='19' width='62' height='62'/%3E%3Crect x='19' y='19' width='62' height='62' transform='rotate(45 50 50)'/%3E%3C/svg%3E");--qn-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--qn-breath: 4.2s}.qn-star{width:1em;height:1em;display:block;fill:currentColor;overflow:visible}.qn-logo{--tile: var(--sand-100);--letter: var(--jade-900);--tile-hl: var(--nur-400);display:inline-flex;align-items:flex-end;gap:.07em;font-family:var(--font-display);font-weight:900;line-height:.8;color:var(--letter);-webkit-user-select:none;user-select:none}.qn-logo.on-sand{--tile: var(--jade-700);--letter: var(--sand-50)}.qn-logo .t{--s: 1;--pt: .1;--r: 0deg;--y: 0em;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:calc(var(--s) * 1em);padding:calc(var(--pt) * 1em + .1em) .13em .1em;background:var(--tile);border-radius:var(--radius-tile);box-shadow:0 .05em 0 var(--shadow-ink);transform:translateY(var(--y)) rotate(var(--r))}.qn-logo .t.hl{background:var(--tile-hl);color:var(--jade-900)}.qn-logo .t .dot{width:.34em;height:.34em;margin-bottom:.1em;color:var(--nur-400)}.qn-logo.on-sand .t .dot{color:var(--nur-400)}.qn-logo .t.hl .dot{color:var(--jade-900)}.qn-logo.breathe{animation:qn-breathe var(--qn-breath) ease-in-out infinite;transform-origin:50% 80%}.qn-logo.breathe .t{animation:qn-bob var(--qn-breath) ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.45s)}.qn-logo.breathe .dot{animation:qn-glint var(--qn-breath) ease-in-out infinite}@keyframes qn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes qn-bob{0%,to{transform:translateY(var(--y)) rotate(var(--r))}50%{transform:translateY(calc(var(--y) - .05em)) rotate(calc(var(--r) * -1))}}@keyframes qn-glint{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:rotate(45deg) scale(1.25);filter:drop-shadow(0 0 .12em var(--nur-400))}}.qn-halo{position:relative;display:inline-grid;place-items:center}.qn-halo:before{content:"";position:absolute;top:-30%;right:-12%;bottom:-30%;left:-12%;background:radial-gradient(closest-side,var(--nur-400),transparent);opacity:.22;border-radius:50%;animation:qn-halo var(--qn-breath) ease-in-out infinite}.qn-halo>*{position:relative}@keyframes qn-halo{0%,to{opacity:.12;transform:scale(.9)}50%{opacity:.3;transform:scale(1.06)}}.qn-logo.loading .t{animation:qn-wave 1.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .11s)}@keyframes qn-wave{0%,to{font-size:calc(var(--s) * 1em);padding-top:calc(var(--pt) * 1em + .1em)}35%{font-size:calc(var(--s) * 1.55em);padding-top:calc(var(--pt) * .3em + .1em)}65%{font-size:calc(var(--s) * .8em);padding-top:calc(var(--pt) * 1.6em + .1em)}}.qn-frame{position:relative;background:var(--frame);overflow:hidden;isolation:isolate}.qn-frame:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:-1;background:var(--frame-pattern);-webkit-mask:var(--qn-star-svg) 0 0 / 30px 30px;mask:var(--qn-star-svg) 0 0 / 30px 30px;-webkit-mask-repeat:space;mask-repeat:space;animation:qn-drift 30s linear infinite}@keyframes qn-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.qn-paper{--bump: 11px;position:relative;background-color:var(--surface);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-step) var(--grid-step);background-position:-1px -1px}.qn-paper:before,.qn-paper:after{content:"";position:absolute;top:0;bottom:0;width:var(--bump);background-size:var(--bump) var(--grid-step);background-repeat:repeat-y}.qn-paper:before{right:100%;background-image:radial-gradient(circle at 100% 50%,var(--surface) calc(var(--bump) - .5px),transparent var(--bump))}.qn-paper:after{left:100%;background-image:radial-gradient(circle at 0 50%,var(--surface) calc(var(--bump) - .5px),transparent var(--bump))}.qn-halftone{position:absolute;pointer-events:none;background:radial-gradient(var(--grid-line) 30%,transparent 34%) 0 0 / 9px 9px;-webkit-mask:linear-gradient(135deg,#000,transparent 70%);mask:linear-gradient(135deg,#000,transparent 70%)}.qn-float{position:absolute;pointer-events:none;animation:qn-float 6s ease-in-out infinite;animation-delay:var(--d, 0s)}.qn-spin{animation:qn-spin 18s linear infinite}.qn-twinkle{animation:qn-twinkle 2.6s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes qn-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-9px) rotate(calc(var(--rot, 0deg) + 6deg))}}@keyframes qn-spin{to{transform:rotate(360deg)}}@keyframes qn-twinkle{0%,to{transform:scale(.7) rotate(0);opacity:.55}50%{transform:scale(1.1) rotate(20deg);opacity:1}}.qn-glyph{display:block;font:900 26px/1 var(--font-display);color:var(--mint-300);opacity:.75;transform:rotate(var(--rot, 0deg));pointer-events:none}.qn-sticker{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:var(--radius-pill);background:var(--sand-300);color:var(--jade-900);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 2px 0 var(--jade-900);transform:rotate(var(--rot, -4deg))}.qn-sticker.gold{background:var(--nur-400)}.qn-sticker.mint{background:var(--mint-300)}.qn-sticker.jade{background:var(--jade-700);color:var(--sand-50)}.qn-sticker.sand{background:var(--sand-100)}.qn-sticker.wobble{animation:qn-wobble 3.4s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes qn-wobble{0%,to{transform:rotate(var(--rot, -4deg))}50%{transform:rotate(calc(var(--rot, -4deg) * -1)) translateY(-3px)}}.qn-timer{--dur: 10s;position:relative;height:10px;background:var(--timer-track);overflow:hidden}.qn-timer .fill{position:absolute;inset:0 auto 0 0;width:100%;background-color:var(--accent);background-image:repeating-linear-gradient(-45deg,transparent 0 8px,var(--sand-50) 8px 11px);background-blend-mode:soft-light;background-size:30px 100%;border-radius:0 999px 999px 0}.qn-timer .fill:after{content:"";position:absolute;right:-2px;top:50%;width:14px;height:14px;translate:0 -50%;border-radius:50%;background:var(--sand-50);box-shadow:0 0 10px 4px var(--accent)}.qn-timer.run .fill{animation:qn-drain var(--dur) linear forwards,qn-stripes .6s linear infinite}@keyframes qn-drain{0%{width:100%;background-color:var(--accent)}69%{background-color:var(--accent)}70%,to{background-color:var(--coral-500)}to{width:0%}}@keyframes qn-stripes{to{background-position:30px 0}}.qn-timer.urgent{animation:qn-shake .3s linear infinite}@keyframes qn-shake{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.qn-answer{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:8px 14px 8px 8px;font-family:var(--font-body);font-weight:600;font-size:18px;line-height:1.25;color:var(--ink);background:var(--answer);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease}.qn-answer .chip{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:15px;background:var(--answer-chip);color:var(--on-answer-chip)}.qn-answer .txt{flex:1;min-width:0}.qn-answer .ico{flex:none;width:26px;height:26px;display:none}.qn-answer:hover{transform:translateY(-1px)}.qn-answer:active,.qn-answer.pressed{transform:translateY(3px);box-shadow:var(--shadow-pop-sm)}.qn-answer:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.qn-answer.selected{background:var(--accent);color:var(--on-accent)}.qn-answer.selected .chip{background:var(--jade-900);color:var(--nur-400)}.qn-answer.correct{background:var(--success);color:var(--on-success);animation:qn-pop .45s var(--qn-ease-pop)}.qn-answer.correct .chip{background:var(--on-success);color:var(--success)}.qn-answer.wrong{background:var(--danger);color:var(--on-danger);animation:qn-nope .4s ease}.qn-answer.wrong .chip{background:var(--on-danger);color:var(--danger)}.qn-answer.correct .ico,.qn-answer.wrong .ico{display:block}.qn-answer.dim{opacity:.55}@keyframes qn-pop{0%{transform:scale(1)}40%{transform:scale(1.06) rotate(-1deg)}to{transform:scale(1)}}@keyframes qn-nope{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.qn-answer .who{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:700 10px var(--font-display)}.qn-answer .who.me{background:var(--nur-400);color:var(--jade-900)}.qn-answer .who.them{background:var(--mint-300);color:var(--jade-900)}@media(prefers-reduced-motion:reduce){.qn-logo.breathe,.qn-logo.breathe .t,.qn-logo.breathe .dot,.qn-halo:before,.qn-frame:before,.qn-float,.qn-spin,.qn-twinkle,.qn-sticker.wobble,.qn-timer.urgent{animation:none!important}.qn-logo.loading .t{animation-duration:3s}.qn-timer.run .fill{animation:qn-drain var(--dur) linear forwards}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--frame);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app{position:relative;height:100%;max-width:480px;margin:0 auto}.screen{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;overflow:clip;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.decor .shape{position:absolute}.av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--jade-900);box-shadow:0 3px 0 var(--jade-900);font:800 18px var(--font-display);color:var(--jade-900);background:var(--nur-400)}.them .av{background:var(--mint-300)}.av.big{width:84px;height:84px;font-size:32px;border-width:4px;box-shadow:0 5px 0 var(--jade-900)}.home{justify-content:space-between;padding-left:22px;padding-right:22px}.theme-toggle{position:absolute;z-index:4;top:calc(env(safe-area-inset-top,0px) + 14px);right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--sand-100);color:var(--jade-900);border:2.5px solid var(--jade-900);box-shadow:0 3px 0 var(--jade-900)}.home-hero{flex:1;display:grid;place-content:center;justify-items:center;gap:22px;padding-top:30px;position:relative;z-index:2}.tagline{margin:0;font:600 16px var(--font-body);color:var(--sand-100)}.home-actions{display:grid;gap:18px;position:relative;z-index:4}.mode-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;gap:4px;padding:22px 70px 20px 20px;border-radius:var(--radius-lg);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 5px 0 var(--jade-900);transition:transform .12s,box-shadow .12s}.mode-card:active{transform:translateY(4px);box-shadow:0 1px 0 var(--jade-900)}.mode-card:focus-visible{outline:3px solid var(--sand-50);outline-offset:3px}.mode-card.duel{background:var(--nur-400);color:var(--jade-900)}.mode-card.solo{background:var(--sand-100);color:var(--jade-900)}.mode-card .qn-sticker{position:absolute;top:-13px;right:16px}.mode-title{font:900 30px/1 var(--font-display)}.mode-sub{font:500 15px var(--font-body)}.mode-go{position:absolute;right:18px;top:50%;translate:0 -50%;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--jade-900);color:var(--sand-50);font:800 18px var(--font-display)}.mode-card.duel .mode-go{animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.foot{margin:18px 0 16px;text-align:center;font:500 12px var(--font-body);color:var(--sand-100);opacity:.75}.matching{justify-content:center;align-items:center;gap:26px}.loader-slot{height:160px;display:flex;align-items:center;justify-content:center}.loading-msg{margin:0;font:600 16px var(--font-body);color:var(--sand-50)}.dots i{font-style:normal;display:inline-block;margin-left:3px;animation:qn-twinkle 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;padding:0 16px}.vs-player{display:grid;justify-items:center;gap:12px;color:var(--sand-50);font:600 16px var(--font-body)}.vs-player.me{animation:slideL .5s var(--qn-ease-pop) both}.vs-player.them{animation:slideR .5s var(--qn-ease-pop) .15s both}.vs-mark{font:900 40px var(--font-display);color:var(--nur-400);text-shadow:0 4px 0 var(--jade-900);animation:popIn .5s var(--qn-ease-pop) .35s both}@keyframes slideL{0%{transform:translate(-120%)}}@keyframes slideR{0%{transform:translate(120%)}}@keyframes popIn{0%{transform:scale(0) rotate(-30deg)}}.game .qn-timer{flex:none;height:12px}.duel-head{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px 24px;color:var(--sand-50)}.duel-head .p{position:relative;display:flex;align-items:center;gap:9px;min-width:0}.duel-head .p.them{flex-direction:row-reverse;text-align:right}.duel-head .name{font:600 13px var(--font-body);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}.duel-head .pts{font:800 24px/1 var(--font-display);font-variant-numeric:tabular-nums}.duel-head .vs{display:grid;justify-items:center;gap:2px}.duel-head .vs b{font:900 15px var(--font-display);color:var(--nur-400)}.duel-head .vs span{font:500 12px var(--font-body);color:var(--sand-100);font-variant-numeric:tabular-nums}.p.answered .av{animation:ping 1s ease-out infinite}@keyframes ping{0%{box-shadow:0 3px 0 var(--jade-900),0 0 0 0 var(--mint-300)}to{box-shadow:0 3px 0 var(--jade-900),0 0 0 12px transparent}}.answered-tag{position:absolute;right:0;bottom:-20px;font:700 10px var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--mint-300)}.duel-head .pts{position:relative}.gain{position:absolute;left:calc(100% + 6px);top:2px;white-space:nowrap;font:900 18px var(--font-display);color:var(--nur-400);text-shadow:0 2px 0 var(--jade-900);pointer-events:none;animation:gain 1.2s ease-out forwards}.p.them .gain{left:auto;right:calc(100% + 6px);color:var(--mint-300)}@keyframes gain{0%{opacity:0;transform:translateY(10px) scale(.6)}25%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-14px) scale(1)}}.paper-wrap{position:relative;flex:1;min-height:0;margin:0 22px}.paper-wrap .cat{position:absolute;top:-14px;left:50%;translate:-50% 0;z-index:4;animation:popIn .45s var(--qn-ease-pop) both}.paper{height:100%;overflow-y:auto;scrollbar-width:none;padding:32px 16px 20px;border-radius:6px 6px 0 0;display:flex;flex-direction:column;gap:14px}.paper::-webkit-scrollbar{display:none}.paper .ht1{left:0;top:0;width:130px;height:130px}.paper .ht2{right:0;bottom:0;width:150px;height:150px;transform:rotate(180deg)}.intro{flex:1;display:grid;place-content:center;justify-items:center;gap:18px;position:relative;z-index:2}.intro-n{font:900 34px var(--font-display);color:var(--brand);animation:popIn .5s var(--qn-ease-pop) both}.qcard{position:relative;z-index:2;flex:none;background:var(--surface-raised);color:var(--ink);border:var(--stroke-bold) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:22px 18px;text-align:center;font:600 21px/1.3 var(--font-body);text-wrap:balance;animation:cardIn .45s var(--qn-ease-pop) both}@keyframes cardIn{0%{transform:translateY(16px) scale(.94);opacity:0}}.qcard .count{display:block;font:700 11px var(--font-display);letter-spacing:.08em;color:var(--ink-muted);margin-bottom:8px;text-transform:uppercase}.answers{position:relative;z-index:2;display:grid;gap:11px}.answers .qn-answer{animation:cardIn .4s var(--qn-ease-pop) both}.answers .qn-answer:nth-child(2){animation-delay:.06s}.answers .qn-answer:nth-child(3){animation-delay:.12s}.answers .qn-answer:nth-child(4){animation-delay:.18s}.answers .qn-answer.correct{animation:qn-pop .45s var(--qn-ease-pop)}.answers .qn-answer.wrong{animation:qn-nope .4s ease}.qn-answer:disabled{cursor:default}.qn-answer.dim:disabled{opacity:.55}.explain{position:relative;z-index:2;flex:none;display:grid;gap:4px;background:var(--brand);color:var(--on-brand);border-radius:var(--radius-md);border:var(--stroke-bold) solid var(--ink);padding:12px 14px;animation:cardIn .45s var(--qn-ease-pop) both}.explain p{margin:0;font:500 15px/1.35 var(--font-body)}.explain small{font:500 12px/1.35 var(--font-body);opacity:.85}.next{margin-top:8px;justify-self:end;cursor:pointer;padding:10px 16px;border-radius:var(--radius-pill);background:var(--nur-400);color:var(--jade-900);border:2.5px solid var(--jade-900);box-shadow:0 3px 0 var(--jade-900);font:800 13px var(--font-display)}.next:active{transform:translateY(2px);box-shadow:0 1px 0 var(--jade-900)}.game .decor{z-index:3}.result{padding-left:22px;padding-right:22px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:env(safe-area-inset-bottom,0px);gap:16px}.result-top{flex:none;display:grid;justify-items:center;gap:12px;padding-top:34px;color:var(--sand-50);position:relative;z-index:2}.result-title{margin:0;font:900 40px/1.05 var(--font-display);color:var(--sand-50);text-shadow:0 4px 0 var(--jade-900);animation:popIn .6s var(--qn-ease-pop) both}.result-title.win,.result-title.top{color:var(--nur-400)}.score-duel{display:flex;align-items:center;gap:18px}.score-duel .sd{display:grid;justify-items:center;gap:6px;font:600 14px var(--font-body)}.score-duel .pts,.score-solo .pts{font:900 30px var(--font-display);font-variant-numeric:tabular-nums}.score-duel .dash{font:900 26px var(--font-display);color:var(--sand-300)}.score-solo{display:grid;justify-items:center;font:600 15px var(--font-body)}.score-solo .pts{font-size:56px;line-height:1;color:var(--nur-400);text-shadow:0 4px 0 var(--jade-900)}.result-stats{margin:0;font:500 14px var(--font-body);color:var(--sand-100)}.recap{flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-md);margin:0 10px}.recap ol{list-style:none;margin:0;padding:8px 12px}.recap li{border-bottom:1.5px dashed var(--grid-line)}.recap-row{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto 12px;gap:10px;align-items:center;padding:9px 4px;border-radius:10px;transition:background .12s,transform .12s}.recap-row:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.recap-row:active{transform:scale(.98);background:color-mix(in srgb,var(--ink) 10%,transparent)}.recap-row:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.recap .chev{font:800 20px/1 var(--font-display);color:var(--ink-muted)}.recap-hint{flex:none;margin:-8px 0 0;text-align:center;font:500 12px var(--font-body);color:var(--sand-100);opacity:.8;position:relative;z-index:2}.recap li:last-child{border-bottom:0}.recap .mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 14px var(--font-display)}.recap .ok .mark{background:var(--success);color:var(--on-success)}.recap .ko .mark{background:var(--danger);color:var(--on-danger)}.recap .rq{display:grid;min-width:0}.recap .rq b{font:600 15px var(--font-body);color:var(--ink)}.recap .rq small{font:400 12px var(--font-body);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap .rp{font:800 14px var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums}.result-actions{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px;position:relative;z-index:2}.big-btn{cursor:pointer;padding:16px;border-radius:var(--radius-lg);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 5px 0 var(--jade-900);font:900 17px var(--font-display);color:var(--jade-900)}.big-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--jade-900)}.big-btn.gold{background:var(--nur-400)}.big-btn.sand{background:var(--sand-100)}.big-btn.rematch{position:relative;white-space:nowrap;min-width:0}.big-btn.rematch.waiting{font-size:15px}.big-btn.rematch.opp-ready:not(.waiting){animation:qn-pop .5s ease-out,rm-glow 1.6s .5s ease-in-out infinite}.big-btn.rematch.waiting{cursor:default;background:color-mix(in srgb,var(--nur-400) 75%,var(--sand-100))}.big-btn.rematch:disabled:active{transform:none;box-shadow:0 5px 0 var(--jade-900)}.rm-badge{position:absolute;top:-14px;right:-10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint-300);color:var(--jade-900);border:3px solid var(--jade-900);box-shadow:0 2px 0 var(--jade-900);font:800 15px var(--font-display);animation:popIn .35s cubic-bezier(.3,1.6,.5,1) both}.rm-badge i{position:absolute;right:-6px;bottom:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font:900 10px/1 var(--font-display);font-style:normal;background:var(--success);color:var(--on-success);border:2px solid var(--jade-900)}.rm-badge.me{background:var(--nur-400);animation:popIn .35s cubic-bezier(.3,1.6,.5,1) both,rm-wait 1.2s .35s ease-in-out infinite}.rm-badge.off{background:#c9c3b6;color:color-mix(in srgb,var(--jade-900) 50%,transparent);animation:none}.rm-badge.off i{background:var(--danger);color:var(--on-danger)}.rematch-note{flex:none;margin:0;min-height:17px;text-align:center;font:700 13px var(--font-body);color:var(--sand-100);position:relative;z-index:2;animation:fadeIn .3s}.rematch-note:empty{animation:none}@keyframes rm-glow{0%,to{box-shadow:0 5px 0 var(--jade-900),0 0 color-mix(in srgb,var(--mint-300) 70%,transparent)}50%{box-shadow:0 5px 0 var(--jade-900),0 0 0 7px transparent}}@keyframes rm-wait{0%,to{transform:scale(1)}50%{transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.big-btn.rematch,.rm-badge,.rm-badge.me{animation:none!important}}.burst{position:absolute;left:50%;top:90px;z-index:1;pointer-events:none}.burst .qn-star{position:absolute;width:18px;height:18px;margin:-9px;animation:burst 1.4s var(--delay) cubic-bezier(.2,.8,.3,1) both}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0) scale(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--dist) * -1)) scale(1) rotate(180deg);opacity:0}}@media(max-height:700px){.duel-head{padding-bottom:20px}.paper{padding-top:28px;gap:10px}.qcard{padding:16px 14px;font-size:19px}.qn-answer{min-height:50px;font-size:17px}.home-hero{padding-top:10px}}@media(prefers-reduced-motion:reduce){.vs-player,.vs-mark,.qcard,.answers .qn-answer,.explain,.intro-n,.result-title,.paper-wrap .cat{animation:none!important}.burst{display:none}}.duel-head.solo{grid-template-columns:1fr auto auto;gap:14px}.duel-head.solo .vs{justify-items:end}.duel-head.solo .vs span{font:800 15px var(--font-display)}.gain{font-size:15px}.detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 18px) 14px calc(env(safe-area-inset-bottom,0px) + 14px);background:#0a1a12b3;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}}.detail-sheet{width:100%;max-height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 6px 0 var(--jade-900);animation:sheetUp .35s var(--qn-ease-pop) both;overflow:hidden}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}.detail-head{flex:none;display:flex;align-items:center;gap:10px;padding:16px 14px 8px}.detail-count{flex:1;font:700 12px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.detail-close{flex:none;width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--surface-raised);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:800 15px var(--font-display)}.detail-close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.detail-body{flex:1;min-height:0;overflow-y:auto;padding:6px 14px 12px;display:flex;flex-direction:column;gap:12px}.detail-body .qcard{font-size:20px;padding:20px 16px}.detail-body .answers .qn-answer{animation:none}.detail-score{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);border:2.5px solid var(--ink);font:500 14px var(--font-body)}.detail-score.ok{background:var(--success);color:var(--on-success)}.detail-score.ko{background:var(--danger);color:var(--on-danger)}.detail-score.them{background:var(--surface-raised);color:var(--ink)}.detail-score .pts{font:900 18px var(--font-display);font-variant-numeric:tabular-nums}.detail .explain{animation:none}.detail-nav{flex:none;display:flex;justify-content:space-between;gap:10px;padding:10px 14px 16px;border-top:1.5px dashed var(--grid-line)}.detail-nav .next{margin:0}.detail-nav .next:disabled{opacity:.35;cursor:default;transform:none}@media(prefers-reduced-motion:reduce){.detail,.detail-sheet{animation:none!important}}.qn-timer-wrap{position:relative;flex:none;z-index:5}.qn-timer-wrap .qn-timer{transition:opacity .3s}.qn-timer-wrap.done .qn-timer{opacity:.45}.timer-mark{position:absolute;top:50%;width:0;height:0;pointer-events:none}.timer-mark i{position:absolute;left:0;top:0;translate:-50% -50%;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font:800 9px/1 var(--font-display);font-style:normal;color:var(--jade-900);border:2px solid var(--jade-900);background:var(--nur-400);animation:popIn .35s var(--qn-ease-pop) both}.timer-mark.them i{background:var(--mint-300)}.next.auto{position:relative;overflow:hidden;isolation:isolate;background:var(--sand-100);min-width:190px;max-width:100%}.next.auto .next-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next.auto .next-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--nur-400);transform-origin:left center;transform:scaleX(0);animation:qn-load var(--dur) linear forwards}.next.auto .next-label{position:relative}.paper{overflow-x:hidden}.next.auto.ready{cursor:default}.next.auto:disabled{opacity:1}@keyframes qn-load{to{transform:scaleX(1)}}.quit{width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--sand-100);color:var(--jade-900);border:2.5px solid var(--jade-900);box-shadow:0 3px 0 var(--jade-900);font:800 15px var(--font-display)}.quit:active{transform:translateY(2px);box-shadow:0 1px 0 var(--jade-900)}.quit-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#0a1a12b3;animation:fadeIn .2s ease both}.quit-box:before,.quit-box:after{display:none}.quit-box{overflow:hidden;width:100%;max-width:340px;display:grid;gap:10px;text-align:center;padding:24px 18px 20px;border-radius:var(--radius-lg);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 6px 0 var(--jade-900);animation:sheetUp .3s var(--qn-ease-pop) both}.quit-box h2{margin:0;font:900 24px var(--font-display);color:var(--ink)}.quit-box p{margin:0 0 8px;font:500 15px var(--font-body);color:var(--ink-muted)}.quit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.big-btn.danger{background:var(--danger);color:var(--on-danger)}.reveal-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}.reveal-actions .next{margin-top:0;min-width:0;flex:0 1 auto}.reveal-actions .next.auto{min-width:0;flex:1 1 auto;max-width:230px}.give-up{flex:none;cursor:pointer;padding:6px 9px;border-radius:var(--radius-pill);background:transparent;color:var(--on-brand);border:2px solid currentColor;font:700 10px var(--font-display);opacity:.85}.give-up:active{transform:translateY(1px);opacity:1}.quit-box>*{min-width:0}.quit-box h2{font-size:22px;line-height:1.15;text-wrap:balance}.quit-actions .big-btn{padding:14px 8px;font-size:15px;min-width:0}.reveal-actions .next.auto{padding:10px 12px;font-size:12px}.mode-card.survie{background:var(--mint-300);color:var(--jade-900)}.mode-best{margin-top:4px;font:600 13px var(--font-body);opacity:.85}.mode-best b{font:900 15px var(--font-display);font-variant-numeric:tabular-nums}.home-actions{gap:16px}.home-actions .mode-card{padding-top:18px;padding-bottom:16px}.home-actions .mode-title{font-size:27px}@media(max-height:740px){.home-actions{gap:14px}.home-actions .mode-card{padding-top:14px;padding-bottom:12px}.home-actions .mode-title{font-size:24px}.home-actions .mode-sub{font-size:14px}.home-hero{gap:14px}}.duel-head .vs .best-label{font:700 10px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--mint-300)}.result-title.record{color:var(--nur-400)}.result-title.over{font-size:34px}.app{z-index:1}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:none}@media(min-width:481px){.backdrop{display:block}}.bd-side{position:absolute;top:0;bottom:0;width:calc(50% - 264px);display:none}.bd-side.l{left:0}.bd-side.r{right:0}@media(min-width:760px){.bd-side{display:block}}.bd-item{position:absolute;translate:-50% -50%}.bd-ring{color:var(--sand-100);opacity:.06!important}.bd-glow{position:absolute;top:50%;width:60vh;height:60vh;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,var(--nur-400),transparent);opacity:.1;animation:qn-halo var(--qn-breath) ease-in-out infinite}.bd-glow.l{left:calc(25% - 120px);top:30%}.bd-glow.r{left:calc(75% + 120px);top:70%;animation-delay:-2s}@media(prefers-reduced-motion:reduce){.backdrop *,.backdrop:before{animation:none!important}}@media(min-width:481px){.app .qn-frame{background:transparent}.app .qn-frame:before{display:none}}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.splash-fly{display:inline-flex;transform-origin:50% 50%;will-change:transform}.splash .loading-msg{transition:opacity .25s ease}.splash.leaving .loading-msg{opacity:0}.splash.leaving{pointer-events:none}.home.intro-wait :is(.theme-toggle,.tagline,.home-actions,.foot,.decor){opacity:0;pointer-events:none}.home.intro-wait .home-hero .qn-logo{visibility:hidden}.home.intro-wait .qn-logo,.home.intro-wait .qn-logo .t,.home.intro-wait .qn-logo .dot{animation:none}.home.intro-wait .qn-halo:before{animation:none;opacity:0}.home.intro-reveal .qn-logo.breathe .t{animation-delay:calc(var(--i, 0) * .45s)}.home.intro-reveal .qn-halo:before{animation:qn-halo-in .8s ease-out both,qn-halo var(--qn-breath) ease-in-out .8s infinite}@keyframes qn-halo-in{0%{opacity:0;transform:scale(.9)}to{opacity:.12;transform:scale(.9)}}.home.intro-reveal :is(.tagline,.home-actions>*,.theme-toggle,.foot){animation:intro-in .5s ease-out var(--d, 0s) backwards}.home.intro-reveal .decor{animation:fadeIn .8s ease-out .2s backwards}.home.intro-reveal .tagline{--d: .05s}.home.intro-reveal .home-actions>:nth-child(1){--d: .15s}.home.intro-reveal .home-actions>:nth-child(2){--d: .25s}.home.intro-reveal .home-actions>:nth-child(3){--d: .35s}.home.intro-reveal .theme-toggle{--d: .3s}.home.intro-reveal .foot{--d: .45s}@keyframes intro-in{0%{opacity:0;translate:0 14px}}@media(prefers-reduced-motion:reduce){@keyframes intro-in{0%{opacity:0}}}.mode-card:disabled{cursor:default;filter:grayscale(1);opacity:.55;transform:none}.mode-card:disabled .qn-sticker{opacity:.8}.result-note{margin:6px 0 0;font:600 14px var(--font-body);color:var(--sand-100)}.duel-menu,.themes-screen,.lobby,.join{padding-left:22px;padding-right:22px;gap:14px}.sub-head{position:relative;z-index:4;flex:none;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding-top:14px}.sub-head h1{margin:0;text-align:center;font:900 24px/1.1 var(--font-display);color:var(--sand-50);text-shadow:0 3px 0 var(--jade-900)}.sub-head .quit{width:42px;height:42px;font-size:18px}.duel-left{position:relative;z-index:2;margin:6px 0 4px;text-align:center;font:600 15px var(--font-body);color:var(--sand-100);min-height:20px}.duel-choices{margin-top:18px;gap:26px}.duel-choices .mode-title{font-size:24px;line-height:1.1}.code-link{all:unset;position:relative;z-index:4;cursor:pointer;justify-self:center;align-self:center;margin-top:14px;padding:8px 12px;font:700 15px var(--font-body);color:var(--sand-50);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.code-link:focus-visible{outline:3px solid var(--sand-50);outline-offset:2px;border-radius:8px}.themes-lead,.lobby-lead{position:relative;z-index:2;margin:8px 0 0;text-align:center;font:600 16px var(--font-body);color:var(--sand-100)}.theme-badges{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 12px;padding:18px 4px 4px}.theme-badge{cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:var(--radius-pill);font:800 14px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 3px 0 var(--jade-900);transform:rotate(var(--rot, 0deg));transition:transform .15s var(--qn-ease-pop),background .15s,box-shadow .12s}.theme-badge.on{background:var(--nur-400);color:var(--jade-900)}.theme-badge.off{background:#c9c3b6;color:color-mix(in srgb,var(--jade-900) 55%,transparent)}.theme-badge.locked{background:#b9b4a8;color:color-mix(in srgb,var(--jade-900) 50%,transparent)}.theme-badge:active{transform:rotate(var(--rot, 0deg)) translateY(2px);box-shadow:0 1px 0 var(--jade-900)}.theme-badge.on:active{transform:rotate(var(--rot, 0deg)) scale(.96) translateY(2px)}.theme-badge .tb-ico{width:15px;height:15px;flex:none}.theme-badge .tb-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--jade-900);color:var(--nur-400);font:900 11px/1 var(--font-display)}.theme-badge.shake{animation:tb-shake .4s ease}@keyframes tb-shake{0%,to{translate:0 0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:3px 0}}.themes-all{margin-top:2px;font-size:14px}.themes-msg,.lobby-note{position:relative;z-index:2;margin:0;min-height:20px;text-align:center;font:700 14px var(--font-body);color:var(--nur-400)}.themes-actions,.lobby-actions{position:relative;z-index:4;margin-top:auto;padding-bottom:22px;display:grid;gap:12px}.lobby-actions:has(>:nth-child(2)){grid-template-columns:1fr 1fr}.big-btn:disabled{opacity:.7;cursor:default}.lobby-body{position:relative;z-index:4;display:grid;justify-items:center;gap:16px;margin-top:10px}.lobby-code{display:flex;gap:7px}.lobby-code span{width:46px;height:60px;display:grid;place-items:center;border-radius:12px;background:var(--sand-100);color:var(--jade-900);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 4px 0 var(--jade-900);font:900 30px/1 var(--font-display);transform:rotate(var(--rot, 0deg));animation:popIn .4s var(--qn-ease-pop) both}.lobby-code span:nth-child(2){animation-delay:.04s}.lobby-code span:nth-child(3){animation-delay:.08s}.lobby-code span:nth-child(4){animation-delay:.12s;background:var(--nur-400)}.lobby-code span:nth-child(5){animation-delay:.16s}.lobby-code span:nth-child(6){animation-delay:.2s}.lobby-code.expired span{filter:grayscale(1);opacity:.5}.lobby-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.lobby-wait{display:flex;align-items:center;gap:12px;font:600 15px var(--font-body);color:var(--sand-50)}.lobby-timer{margin:-4px 0 0;font:500 14px var(--font-body);color:var(--sand-100)}.lobby-timer b{font:800 15px var(--font-display);font-variant-numeric:tabular-nums}.lobby-themes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;max-width:360px}.lobby-themes .qn-sticker,.vs-themes .qn-sticker{font-size:11px;padding:5px 11px}.vs-themes{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;margin-top:26px;animation:fadeIn .4s .5s both}.code-boxes{position:relative;display:flex;gap:8px;cursor:text}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;caret-color:transparent;text-transform:uppercase}.code-box{width:46px;height:60px;display:grid;place-items:center;border-radius:12px;background:var(--sand-100);color:var(--jade-900);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 4px 0 var(--jade-900);font:900 30px/1 var(--font-display)}.code-box.full{background:var(--nur-400);animation:qn-pop .25s var(--qn-ease-pop)}.code-box.cur{outline:3px solid var(--nur-400);outline-offset:2px}.code-boxes:focus-within .code-box.cur{animation:code-blink 1s steps(2) infinite}@keyframes code-blink{50%{outline-color:transparent}}.code-boxes.error .code-box{animation:tb-shake .4s ease}@media(max-width:360px){.lobby-code span,.code-box{width:40px;height:54px;font-size:26px}}.paper-wrap .premium-badge{position:absolute;top:-12px;right:10px;z-index:4;font-size:10px;padding:5px 10px;pointer-events:none;animation:popIn .45s var(--qn-ease-pop) .1s both}.mode-card.duel .mode-best b{font:900 13px var(--font-display)}.premium{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;background:#0a1a12c7;animation:fadeIn .2s ease both}.premium-box{position:relative;width:100%;max-width:360px;display:grid;justify-items:center;gap:10px;text-align:center;padding:30px 20px 18px;border-radius:var(--radius-lg);border:var(--stroke-bold) solid var(--jade-900);box-shadow:0 6px 0 var(--jade-900);animation:sheetUp .3s var(--qn-ease-pop) both;overflow:hidden}.premium-box:before,.premium-box:after{display:none}.premium-box>*{position:relative;z-index:2;min-width:0}.premium-close{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--surface-raised);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:800 15px var(--font-display)}.premium-close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.premium-context{margin:0 34px;font:700 13px var(--font-body);color:var(--ink-muted);text-wrap:balance}.premium-logo{margin:8px 0 2px}.premium-title{margin:0;font:900 30px/1.05 var(--font-display);color:var(--ink)}.premium-sub{margin:0;font:600 16px/1.35 var(--font-body);color:var(--ink);text-wrap:balance}.premium-once{margin:2px 0 6px;font:700 14px var(--font-body);color:var(--brand)}.premium-offer{margin-bottom:2px}.premium-buy{width:100%;font-size:17px}.premium-buy s{opacity:.6;font-weight:700;margin-right:2px}.premium-msg{margin:0;min-height:18px;font:600 13px var(--font-body);color:var(--ink-muted)}.premium-restore{all:unset;cursor:pointer;padding:6px 10px;font:600 13px var(--font-body);color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}.premium-restore:focus-visible{outline:3px solid var(--focus);border-radius:6px}.premium-welcome{display:grid;justify-items:center;gap:12px;padding-top:6px}.premium-welcome h2{margin:0;font:900 24px/1.15 var(--font-display);color:var(--ink);text-wrap:balance}.premium-welcome p{margin:0;font:500 15px var(--font-body);color:var(--ink)}.premium-welcome .premium-soon{font-size:13px;color:var(--ink-muted)}.premium-welcome .big-btn{width:100%;margin-top:4px}.premium-light{width:64px;height:64px;color:var(--nur-400);filter:drop-shadow(0 0 14px var(--nur-400));animation:popIn .6s var(--qn-ease-pop) both,qn-spin 18s linear .6s infinite}.premium-light .qn-star{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.premium,.premium-box,.premium-light,.lobby-code span,.code-box.full,.theme-badge.shake,.vs-themes,.paper-wrap .premium-badge{animation:none!important}}.duel-menu,.themes-screen,.lobby,.join{overflow-y:auto;scrollbar-width:none}.duel-menu::-webkit-scrollbar,.themes-screen::-webkit-scrollbar,.lobby::-webkit-scrollbar,.join::-webkit-scrollbar{display:none}.themes-actions,.lobby-actions{padding-top:8px}@media(max-width:380px),(max-height:700px){.theme-badges{gap:12px 8px;padding-top:12px}.theme-badge{padding:9px 12px;font-size:12.5px;gap:6px}.duel-choices{gap:22px;margin-top:10px}.lobby-body{gap:12px}}.duel-choices .mode-card{padding-top:26px}.matching-fail{display:grid;justify-items:center;gap:12px;padding:0 28px;text-align:center;animation:fadeIn .3s both}.matching-fail-sub{margin:0 0 10px;font:500 14px var(--font-body);color:var(--sand-100)}.matching-fail .big-btn{min-width:180px}.mode-card.duel.offline{filter:grayscale(1);opacity:.6}.mode-card.duel.offline .mode-go{display:none}.net-banner{position:relative;z-index:6;flex:none;margin:8px 16px 0;padding:7px 12px;border-radius:var(--radius-md);text-align:center;font:700 12.5px/1.3 var(--font-body);background:var(--coral-500);color:#fffbf2;animation:fadeIn .25s both}.lobby .net-banner,.duel-menu .net-banner{margin:10px 0 0}