.forge-smooth-scroll{scroll-behavior:smooth}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}hr{border:none;border-color:var(--border-color);background-color:var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientBorderRotate{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gradient-btn-halo{animation:2s linear infinite gradientBorderRotate;background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%) padding-box, conic-gradient(from var(--angle), var(--brand-primary), var(--brand-secondary), #10b981, #06b6d4, var(--brand-primary)) border-box!important;border:2px solid #0000!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #a35bff4d}50%{box-shadow:0 0 30px #a35bff80}}@keyframes borderSweepIn{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}14%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}28%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 50%,100% 50%,100% 50%)}42%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,100% 100%,100% 100%)}57%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,50% 100%)}71%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%)}85%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%)}to{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes thumbSpring{0%{transform:translateY(-50%)scale(1)}30%{transform:translateY(-50%)scale(1.1,.9)}50%{transform:translateY(-50%)scale(.95,1.05)}70%{transform:translateY(-50%)scale(1.02)}to{transform:translateY(-50%)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeletonWave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes progressBarFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fadeIn{animation:.15s ease-out fadeIn}.animate-fadeOut{animation:.15s ease-out fadeOut}.animate-scaleIn{animation:.2s ease-out scaleIn}.animate-scaleOut{animation:.2s ease-out scaleOut}.animate-slideInUp{animation:.2s ease-out slideInUp}.animate-slideInDown{animation:.2s ease-out slideInDown}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-pulseScale{animation:2s ease-in-out infinite pulseScale}.animate-glowPulse{animation:2s ease-in-out infinite glowPulse}.animate-float{animation:3s ease-in-out infinite float}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-bounce{animation:.5s ease-in-out bounce}.animate-shake{animation:.3s ease-in-out shake}.border-sweep-active{animation:.2s ease-out forwards borderSweepIn}.border-sweep-inactive{opacity:0}.skeleton{background:var(--bg-tertiary);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-wave{background:linear-gradient(90deg, var(--bg-tertiary) 0%, #ffffff1a 50%, var(--bg-tertiary) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonWave}.progress-bar-animated{transform-origin:0;animation:.7s cubic-bezier(.4,0,.2,1) forwards progressBarFill}.interactive-icon:hover{background-color:var(--bg-tertiary)}.interactive-danger:hover{background-color:#ef44441a}.interactive-nav{transition:color .15s,background-color .15s}.interactive-nav:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.interactive-card-subtle:hover{background-color:var(--bg-tertiary)}.interactive-row{transition:all .15s}.interactive-row:hover{background-color:var(--bg-tertiary)}.interactive-subtle{transition:all .15s}.interactive-subtle:hover{background-color:var(--bg-tertiary)}.interactive-card{transition:all .15s}.interactive-card:hover{background-color:var(--bg-tertiary);border-color:var(--border-color)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}.transition-fast{transition:all .15s}.transition-normal{transition:all .2s}.transition-slow{transition:all .3s}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 20px #a35bff4d}.image-tile{box-shadow:none;transform:scale(1)}.image-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.image-tile-img{transition:transform .2s}.image-tile:hover .image-tile-img{transform:scale(1.05)}.image-tile-overlay{color:#fff;opacity:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-tile:hover .image-tile-overlay{opacity:1}.lightbox-thumbnail{transform:none}.lightbox-thumbnail:hover{box-shadow:none;transform:none;opacity:1!important}.lightbox-thumbnail .image-tile-img{transition:none}.lightbox-thumbnail:hover .image-tile-img{transform:none}.lightbox-thumbnail .image-tile-overlay{display:none}.forge-scrollbar::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.forge-scrollbar::-webkit-scrollbar-track{background:0 0}.forge-scrollbar-thin::-webkit-scrollbar-track{background:0 0}.forge-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color,#404040);border-radius:4px}.forge-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-color,#404040);border-radius:4px}.forge-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}.forge-scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}.forge-scrollbar-gutter{scrollbar-gutter:stable}.forge-scrollbar-auto::-webkit-scrollbar-thumb{background:0 0}.forge-scrollbar-auto:hover::-webkit-scrollbar-thumb{background:var(--border-color,#404040)}.forge-scrollbar-auto:hover::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}.forge-scrollbar-minimal::-webkit-scrollbar{width:4px;height:4px}.forge-scrollbar-minimal::-webkit-scrollbar-track{background:0 0}.forge-scrollbar-minimal::-webkit-scrollbar-thumb{background:var(--border-subtle,#2a2a2a);border-radius:2px}.forge-scrollbar-minimal::-webkit-scrollbar-thumb:hover{background:var(--border-color,#404040)}.forge-scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.forge-scrollbar-hidden::-webkit-scrollbar{display:none}.forge-scrollbar,.forge-scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-color,#404040) transparent}.forge-scrollbar-minimal{scrollbar-width:thin;scrollbar-color:var(--border-subtle,#2a2a2a) transparent}.forge-scrollbar-global,.forge-scrollbar-global *{scrollbar-width:thin;scrollbar-color:var(--border-color,#404040) transparent}.forge-scrollbar-global::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-global ::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-global::-webkit-scrollbar-track{background:0 0}.forge-scrollbar-global ::-webkit-scrollbar-track{background:0 0}.forge-scrollbar-global::-webkit-scrollbar-thumb{background:var(--border-color,#404040);border-radius:4px}.forge-scrollbar-global ::-webkit-scrollbar-thumb{background:var(--border-color,#404040);border-radius:4px}.forge-scrollbar-global::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}.forge-scrollbar-global ::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}*,:before,:after{scrollbar-width:thin;scrollbar-color:var(--border-color,#404040) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color,#404040);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}::-webkit-scrollbar-corner{background:0 0}@keyframes forge-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.forge-motion-gradient-text{color:#0000;-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.forge-motion-gradient-text--animated{animation:6s ease-in-out infinite forge-gradient-shift}@keyframes forge-text-shimmer{0%{background-position:-200%}to{background-position:200%}}.forge-motion-text-shimmer{color:#0000;-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite forge-text-shimmer}@keyframes forge-kinetic-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes forge-kinetic-rubber{0%,to{transform:scaleX(1)scaleY(1)}50%{transform:scaleX(1.15)scaleY(.85)}}@keyframes forge-kinetic-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-2deg)}75%{transform:translateY(3px)rotate(2deg)}}.forge-motion-kinetic-char{will-change:transform;animation-duration:1.6s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;display:inline-block}.forge-motion-kinetic-char--wave{animation-name:forge-kinetic-wave}.forge-motion-kinetic-char--rubber{animation-name:forge-kinetic-rubber}.forge-motion-kinetic-char--float{animation-name:forge-kinetic-float}@keyframes forge-marquee-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes forge-marquee-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}.forge-motion-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%)}.forge-motion-marquee-track{will-change:transform;flex-shrink:0;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.forge-motion-marquee-track--ltr{animation-name:forge-marquee-ltr}.forge-motion-marquee-track--rtl{animation-name:forge-marquee-rtl}.forge-motion-marquee:hover .forge-motion-marquee-track--pause{animation-play-state:paused}@keyframes forge-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.forge-motion-breathe{animation:4s cubic-bezier(.4,0,.2,1) infinite forge-breathe}@keyframes forge-aura-pulse{0%,to{box-shadow:0 0 0 0 var(--forge-aura-color,#a35bff80)}50%{box-shadow:0 0 0 16px #0000}}.forge-motion-aura{border-radius:inherit;animation:2.4s cubic-bezier(.4,0,.2,1) infinite forge-aura-pulse}@keyframes forge-ripple-wave{0%{opacity:.55;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.forge-motion-ripple-wave{pointer-events:none;border-radius:9999px;animation:.8s cubic-bezier(0,0,.2,1) forwards forge-ripple-wave;position:absolute}@keyframes forge-orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forge-motion-orbital{display:inline-block;position:relative}.forge-motion-orbital-ring{transform-origin:50%;will-change:transform;animation:linear infinite forge-orbital-spin;position:absolute;top:50%;left:50%}@keyframes forge-holo-shift{0%{background-position:0 0,0 0}50%{background-position:100% 100%,0 0}to{background-position:0 0,0 0}}.forge-motion-cipher{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,Menlo,monospace}@keyframes forge-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.forge-motion-shimmer{background-size:200% 100%;animation:2s linear infinite forge-shimmer}[data-forge-reduce-motion=true] .forge-motion-gradient-text--animated,[data-forge-reduce-motion=true] .forge-motion-text-shimmer,[data-forge-reduce-motion=true] .forge-motion-kinetic-char,[data-forge-reduce-motion=true] .forge-motion-marquee-track,[data-forge-reduce-motion=true] .forge-motion-breathe,[data-forge-reduce-motion=true] .forge-motion-aura,[data-forge-reduce-motion=true] .forge-motion-ripple-wave,[data-forge-reduce-motion=true] .forge-motion-orbital-ring,[data-forge-reduce-motion=true] .forge-motion-shimmer{animation:none!important}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--night-deep:#0e1434;--night:#182154;--panel:#222f66;--panel-light:#2b3a7c;--panel-edge:#131c48;--text:#fff;--text-soft:#c7cff2;--text-muted:#96a0d4;--gold:#ffc233;--gold-dark:#b97f10;--green:#3ed167;--green-dark:#1f9d4a;--red:#ff5c5c;--red-dark:#c03636;--violet:#9d7bff;--violet-dark:#6a48d4;--blue:#4f8cff;--blue-dark:#2f5fc4;--radius-card:24px;--radius-button:16px;background:#0e1434;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{min-height:100svh;margin:0}button,textarea{font:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:inherit}.game-shell{background:radial-gradient(1100px 520px at 18% -10%, #4f8cff29, transparent 70%), radial-gradient(900px 520px at 88% 108%, #9d7bff26, transparent 70%), linear-gradient(180deg, var(--night) 0%, var(--night-deep) 100%);min-height:100svh;position:relative;overflow:hidden}.hud,.stage{z-index:1;width:min(1080px,100% - 32px);margin-inline:auto;position:relative}.hud{z-index:10;justify-content:space-between;align-items:center;min-height:76px;display:flex}.logo{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}.brand{align-items:center;gap:.34em;font-size:30px;display:inline-flex}.hud .brand{font-size:24px}.brand-clock{width:1.32em;height:1.32em}.brand-shadow{fill:#00000052}.brand-rim{fill:var(--gold-dark)}.brand-face{fill:var(--gold)}.brand-tick{stroke:#3d2a004d;stroke-width:1.6px;stroke-linecap:round}.brand-tick-major{stroke:#3d2a008c;stroke-width:2.6px}.brand-shine{fill:none;stroke:#ffffff80;stroke-width:2.4px;stroke-linecap:round}.brand-hand{stroke:#3d2a00;stroke-width:3.6px;stroke-linecap:round}.brand-hand-minute{stroke-width:3px}.brand-pin{fill:#3d2a00}.brand-word{color:var(--text);font-family:var(--font-display);text-shadow:0 .06em #00000059;font-size:1em;font-weight:700;line-height:1}.brand-word em{color:var(--gold);font-style:normal}.hud-right{align-items:center;gap:12px;display:flex}.icon-button{width:42px;height:42px;color:var(--text-soft);background:var(--panel);box-shadow:0 3px 0 var(--panel-edge);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:4px;padding:0;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:var(--panel-light);transform:translateY(-1px)}.icon-button:active:not(:disabled){box-shadow:0 1px 0 var(--panel-edge);transform:translateY(2px)}.icon-button:disabled{cursor:default;opacity:.55}.icon-button svg{width:21px;height:21px}.icon-button-wide{width:auto;padding:0 11px}.icon-button-wide svg:last-child{opacity:.7;width:12px;height:12px}.flag{flex:none;width:24px;height:16px}.flag-edge{fill:none;stroke:#ffffff38}.hud-menu{position:relative}.hud-dropdown{z-index:31;background:var(--panel-light);min-width:190px;box-shadow:0 6px 0 var(--panel-edge), 0 18px 40px #00000059;border-radius:16px;flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.hud-dropdown a,.hud-dropdown button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.hud-dropdown a:hover,.hud-dropdown button:hover{background:var(--panel)}.hud-dropdown button.active{color:#3d2a00;background:var(--gold)}.hud-handle{color:var(--text-muted);word-break:break-all;padding:6px 12px 10px;font-size:13px;font-weight:800}.hud-signout{color:var(--red)!important}.stage{place-items:center;min-height:calc(100svh - 100px);padding-block:28px 48px;display:grid}.stage>*{width:100%}.stage-research{place-items:start center;padding-top:12px}h1,h2,p{margin-top:0}.gb{border-radius:var(--radius-button);color:#fff;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;box-shadow:0 var(--gb-depth,5px) 0 var(--gb-edge,var(--panel-edge));border:0;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.gb:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.gb:active:not(:disabled){box-shadow:0 2px 0 var(--gb-edge,var(--panel-edge));transform:translateY(calc(var(--gb-depth,5px) - 2px))}.gb:disabled{cursor:default;opacity:.55}.gb-md{--gb-depth:4px;min-height:42px;padding:8px 20px;font-size:16px}.gb-lg{--gb-depth:5px;min-height:52px;padding:10px 28px;font-size:19px}.gb-xl{--gb-depth:6px;min-height:62px;padding:12px 34px;font-size:22px}.gb-full{width:100%}.gb-green{--gb-edge:var(--green-dark);background:var(--green)}.gb-gold{--gb-edge:var(--gold-dark);color:#3d2a00;background:var(--gold)}.gb-violet{--gb-edge:var(--violet-dark);background:var(--violet)}.gb-blue{--gb-edge:var(--blue-dark);background:var(--blue)}.gb-red{--gb-edge:var(--red-dark);background:var(--red)}.gb-plain{--gb-edge:var(--panel-edge);color:var(--text-soft);background:var(--panel-light)}.lobby{text-align:center;flex-direction:column;align-items:center;gap:30px;width:min(680px,100%);margin-inline:auto;display:flex}.lobby-title h1{margin:0;line-height:1}.lobby-title .brand{font-size:clamp(56px,10vw,82px)}.lobby-title .brand-clock{transform:rotate(-6deg)}.lobby-title p{max-width:440px;color:var(--text-soft);margin:12px auto 0;font-size:17px;line-height:1.5}.bento{grid-template-columns:repeat(3,1fr);grid-template-areas:"rank rank rank""quick quick daily""quick quick multi""board board board";gap:16px;width:100%;display:grid}.bento-tile{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:20px 22px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;position:relative;overflow:hidden}.bento-tile:hover{filter:brightness(1.06);transform:translateY(-2px)}.bento-tile:active{transform:translateY(5px)}.bento-tile strong{font-family:var(--font-display);font-size:24px;font-weight:600}.bento-tile span{opacity:.9;font-size:14px;font-weight:700}.bento-tile em{background:#00000038;border-radius:999px;margin-top:8px;padding:6px 12px;font-size:12px;font-style:normal;font-weight:800}.bento-art{align-self:center;height:84px;margin-bottom:4px}.bento-quick{min-height:300px;box-shadow:0 7px 0 var(--green-dark);background:linear-gradient(#4bdd7a 0%,#2fbf58 100%);grid-area:quick}.bento-quick:active{box-shadow:0 2px 0 var(--green-dark)}.bento-quick .bento-art{height:150px;margin-bottom:12px}.bento-quick strong{font-size:30px}.bento-daily{box-shadow:0 7px 0 var(--blue-dark);background:linear-gradient(#5f9aff 0%,#3f78e8 100%);grid-area:daily}.bento-daily:active{box-shadow:0 2px 0 var(--blue-dark)}.bento-multi{box-shadow:0 7px 0 var(--violet-dark);background:linear-gradient(#ac8dff 0%,#8a63f0 100%);grid-area:multi}.bento-multi:active{box-shadow:0 2px 0 var(--violet-dark)}.bento-multi .bento-art{height:104px}.bento-banner{flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;padding:16px 22px}.bento-banner .bento-art{flex:none;align-self:auto;height:62px;margin:0}.bento-lines{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.bento-banner em{flex:none;margin-top:0;margin-left:auto}.bento-board{color:#3d2a00;box-shadow:0 7px 0 var(--gold-dark);background:linear-gradient(#ffd15c 0%,#ffb61e 100%);flex-direction:row;grid-area:board;align-items:center;gap:16px}.bento-board:active{box-shadow:0 2px 0 var(--gold-dark)}.bento-board strong{font-size:22px}.bento-board span{margin-left:auto}.lobby-footer{color:var(--text-muted);gap:18px;font-size:12px;font-weight:700;display:flex}.lobby-footer button{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.draw-screen{perspective:1100px;width:min(620px,100%);margin-inline:auto}.draw-card{background:var(--panel);box-shadow:0 10px 0 var(--panel-edge);text-align:center;border-radius:28px;padding:clamp(30px,5vw,52px);animation:.5s cubic-bezier(.2,1.3,.4,1) both card-in;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:rotateX(38deg)scale(.88)}}.draw-card-back{background:linear-gradient(160deg, #34448f 0%, var(--panel) 70%)}.draw-card-back:after{content:"?";color:#ffc2331a;font-family:var(--font-display);pointer-events:none;font-size:300px;font-weight:700;line-height:1;position:absolute;bottom:-70px;right:-30px}.draw-mystery{color:#3d2a00;background:var(--gold);width:92px;height:92px;box-shadow:0 6px 0 var(--gold-dark);font-family:var(--font-display);border-radius:26px;place-items:center;margin:6px auto 20px;font-size:52px;font-weight:700;animation:2.4s ease-in-out infinite mystery-bob;display:grid;transform:rotate(-5deg)}@keyframes mystery-bob{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-7px)}}.start-sequence{text-align:center;place-items:center;min-height:min(58svh,420px);display:grid}.start-count{color:var(--gold);font-family:var(--font-display);font-size:clamp(110px,22vw,190px);font-weight:700;line-height:1;animation:.85s cubic-bezier(.2,1.4,.4,1) both count-pop}.start-reveal{flex-direction:column;align-items:center;gap:14px;animation:.55s cubic-bezier(.2,1.2,.4,1) both reveal-in;display:flex}.start-reveal p{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(16px,2.4vw,20px);font-weight:800}.start-reveal h1{max-width:900px;font-family:var(--font-display);margin:0;font-size:clamp(38px,7vw,76px);font-weight:600;line-height:1.08}@keyframes reveal-in{0%{opacity:0;transform:scale(.86)}}@keyframes count-pop{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(1)}}.draw-category{color:#3d2a00;background:var(--gold);font-family:var(--font-display);border-radius:999px;margin-bottom:22px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.draw-card h1{font-family:var(--font-display);margin-bottom:14px;font-size:clamp(32px,5.5vw,46px);font-weight:600;line-height:1.08}.draw-card p{max-width:440px;color:var(--text-soft);margin:0 auto 26px;font-size:17px;line-height:1.5}.duration-toggle{margin-bottom:26px}.duration-toggle>span{color:var(--text-muted);margin-bottom:10px;font-size:14px;font-weight:800;display:block}.duration-toggle>div{background:var(--night-deep);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.duration-toggle button{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:500}.duration-toggle button.active{color:#fff;background:var(--blue);box-shadow:0 3px 0 var(--blue-dark)}.draw-actions{flex-direction:column;align-items:center;gap:18px;margin-top:26px;display:flex}.research-screen{width:min(1160px,100%);margin-inline:auto}.screen-tag{color:#3d2a00;background:var(--gold);font-family:var(--font-display);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.research-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.research-header h1{font-family:var(--font-display);margin:10px 0 0;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.1}.timer-chip{color:var(--green);background:var(--panel);box-shadow:0 5px 0 var(--panel-edge);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:18px;flex:none;padding:10px 22px;font-size:34px;font-weight:600}.timer-chip-danger{color:var(--red);animation:1s ease-in-out infinite soft-pulse}@keyframes soft-pulse{50%{transform:scale(1.05)}}.research-progress{background:var(--panel);border-radius:999px;height:14px;overflow:hidden}.research-progress-fill{background:linear-gradient(90deg, var(--green) 0%, #7ae59c 100%);border-radius:999px;height:100%;transition:width 1s linear}.research-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-top:22px;display:grid}.research-grid-single{grid-template-columns:minmax(0,1fr)}.research-notes,.notebook{background:var(--panel);box-shadow:0 8px 0 var(--panel-edge);border-radius:24px;padding:26px}.research-notes h2,.notebook h2{color:var(--gold);font-family:var(--font-display);margin:0 0 16px;font-size:22px;font-weight:600}.fact-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fact-list li{color:var(--text-soft);background:var(--panel-light);border-radius:14px;padding:13px 16px;font-size:16px;line-height:1.5}.sources{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.sources a{color:#fff;background:var(--blue);box-shadow:0 3px 0 var(--blue-dark);border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;text-decoration:none;transition:filter .15s,transform 80ms}.sources a:hover{filter:brightness(1.1);transform:translateY(-1px)}.research-notes .gb{margin-top:22px}.research-push{background:var(--panel-light);border-radius:14px;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.research-push p{color:var(--text-soft);flex:1;margin:0;font-size:14px;line-height:1.45}.research-push .gb{flex:none;margin-top:0;text-decoration:none}.notebook{flex-direction:column;display:flex}.notebook p{color:var(--text-muted);margin:0 0 12px;font-size:14px}.notebook textarea{min-height:220px;color:var(--text);background:var(--night-deep);resize:vertical;border:0;border-radius:14px;flex:1;margin-bottom:16px;padding:14px;line-height:1.5}.notebook textarea::placeholder{color:var(--text-muted)}.quiz-screen{width:min(1080px,100%);margin-inline:auto}.quiz-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.quiz-pips{gap:8px;display:flex}.pip{background:var(--panel-light);border-radius:999px;width:44px;height:13px}.pip-current{background:var(--gold)}.pip-correct{background:var(--green)}.pip-wrong{background:var(--red)}.timer-ring{flex:none;place-items:center;display:grid;position:relative}.timer-ring svg{position:absolute;inset:0}.timer-ring-track{fill:none;stroke:var(--panel-light)}.timer-ring-fill{fill:none;stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer-ring span{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.timer-ring-danger .timer-ring-fill{stroke:var(--red)}.timer-ring-danger span{color:var(--red);animation:1s ease-in-out infinite soft-pulse}.quiz-prompt{font-family:var(--font-display);margin-bottom:30px;font-size:clamp(26px,4vw,46px);font-weight:600;line-height:1.12}.choices{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.choice{min-height:92px;color:var(--text);background:var(--panel);box-shadow:0 6px 0 var(--panel-edge);text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:16px;padding:16px 22px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s,opacity .2s;display:flex}.choice:hover:not(:disabled){background:var(--panel-light);transform:translateY(-2px)}.choice:active:not(:disabled){box-shadow:0 2px 0 var(--panel-edge);transform:translateY(4px)}.choice:disabled{cursor:default}.choice-letter{color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:13px;flex:none;place-items:center;font-size:20px;font-weight:600;display:grid;box-shadow:inset 0 -3px #00000038}.choice-0 .choice-letter{background:var(--blue)}.choice-1 .choice-letter{color:#3d2a00;background:var(--gold)}.choice-2 .choice-letter{background:var(--violet)}.choice-3 .choice-letter{background:var(--red)}.choice-correct{background:var(--green);box-shadow:0 6px 0 var(--green-dark)}.choice-wrong{background:var(--red);box-shadow:0 6px 0 var(--red-dark)}.choice-correct .choice-letter,.choice-wrong .choice-letter{color:#fff;background:#0003}.choice-faded{opacity:.45}.answer-panel{background:var(--panel);box-shadow:0 6px 0 var(--panel-edge);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:18px 22px;display:flex}.answer-panel p{color:var(--text-soft);margin:0;line-height:1.5}.answer-panel .gb{flex:none}@media (width>=900px){.quiz-prompt{min-height:2.3em}.choice{gap:20px;min-height:148px;padding:20px 26px;font-size:20px}.choice-letter{border-radius:16px;width:54px;height:54px;font-size:26px}.timer-ring span{font-size:30px}.answer-panel{min-height:96px;padding:20px 26px}.answer-panel p{font-size:17px}}.result-screen{text-align:center;width:min(560px,100%);margin-inline:auto}.result-stars{justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.star{width:62px;height:62px;fill:var(--panel-light)}.result-stars .star:nth-child(2){width:84px;height:84px}.star-filled{fill:var(--gold);animation:.5s cubic-bezier(.2,1.6,.4,1) both star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-24deg)}}.result-score{color:var(--gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(84px,16vw,128px);font-weight:700;line-height:1}.result-points{color:var(--text-muted);font-family:var(--font-display);font-size:20px;font-weight:500}.result-subtitle{color:var(--text-soft);margin:12px 0 30px;font-size:18px;font-weight:700}.result-actions{flex-direction:column;align-items:center;gap:16px;width:min(320px,100%);margin-inline:auto;display:flex}.leaderboard-screen{width:min(760px,100%);margin-inline:auto}.leaderboard-header{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.leaderboard-header h1{font-family:var(--font-display);margin:0;font-size:clamp(36px,6vw,52px);font-weight:600}.board-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.board-filters button{color:var(--text-muted);background:var(--panel);cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font-weight:800}.board-filters button.active{color:#3d2a00;background:var(--gold);box-shadow:0 3px 0 var(--gold-dark)}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin-bottom:18px;display:grid}.podium-slot{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.podium-handle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:800;overflow:hidden}.podium-points{color:var(--gold);font-family:var(--font-display);font-size:22px;font-weight:600}.podium-block{width:100%;font-family:var(--font-display);border-radius:16px 16px 0 0;place-items:center;font-size:34px;font-weight:700;display:grid}.podium-1 .podium-block{color:#4a3200;background:linear-gradient(#ffd15c 0%,#f0a90f 100%);height:122px}.podium-2 .podium-block{color:#2b3352;background:linear-gradient(#ccd4ee 0%,#96a2c9 100%);height:90px}.podium-3 .podium-block{color:#47250e;background:linear-gradient(#e8a06b 0%,#c1763c 100%);height:68px}.board-rows{gap:8px;display:grid}.board-row{background:var(--panel);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.board-rank{color:var(--text-muted);font-family:var(--font-display);font-size:18px;font-weight:600}.board-handle{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.board-points{color:var(--gold);font-family:var(--font-display);font-size:20px;font-weight:600}.board-message{min-height:220px;color:var(--text-muted);background:var(--panel);border-radius:18px;place-items:center;font-weight:700;display:grid}.board-back{text-align:center;margin-top:24px}.arena-state{background:var(--panel);width:min(520px,100%);box-shadow:0 8px 0 var(--panel-edge);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:16px;margin-inline:auto;padding:44px 34px;font-weight:700;display:flex}.arena-state>svg{width:52px;height:52px;color:var(--gold)}.arena-state h1{font-family:var(--font-display);margin:0;font-size:34px;font-weight:600}.arena-state p{max-width:380px;color:var(--text-soft);margin:0}.privacy-panel{z-index:20;background:var(--panel-light);width:min(680px,100% - 40px);box-shadow:0 8px 0 var(--panel-edge), 0 24px 60px #00000059;border-radius:20px;align-items:center;gap:26px;padding:20px 22px;display:flex;position:fixed;bottom:20px;right:20px}.privacy-panel strong{font-family:var(--font-display);font-size:20px;font-weight:600}.privacy-panel p{color:var(--text-soft);margin:6px 0 0;font-size:14px;line-height:1.45}.privacy-actions{flex:none;gap:8px;display:flex}.multi-entry,.multi-lobby,.multi-final{text-align:center;flex-direction:column;align-items:center;gap:20px;width:min(560px,100%);margin-inline:auto;display:flex}.multi-entry h1,.multi-lobby h1,.multi-final h1{font-family:var(--font-display);margin:0;font-size:clamp(36px,6vw,50px);font-weight:600}.multi-error{color:#fff;background:var(--red);box-shadow:0 4px 0 var(--red-dark);border-radius:14px;margin:0;padding:12px 18px;font-weight:800}.multi-menu{flex-direction:column;align-items:center;gap:18px;width:min(360px,100%);display:flex}.multi-form{background:var(--panel);width:100%;box-shadow:0 8px 0 var(--panel-edge);text-align:left;border-radius:24px;flex-direction:column;gap:18px;padding:26px;display:flex}.multi-field{flex-direction:column;gap:8px;display:flex}.multi-field>span{color:var(--text-muted);font-size:14px;font-weight:800}.multi-field input{color:var(--text);background:var(--night-deep);border:0;border-radius:14px;padding:13px 16px;font-size:16px;font-weight:700}.multi-field input::placeholder{color:var(--text-muted)}.code-input{font-family:var(--font-display);letter-spacing:.35em;text-align:center;text-transform:uppercase;font-size:24px!important}.pill-row{gap:8px;display:flex}.pill-row-wrap{flex-wrap:wrap}.pill-row button{color:var(--text-muted);background:var(--night-deep);cursor:pointer;border:0;border-radius:999px;padding:9px 14px;font-weight:800}.pill-row button.active{color:#3d2a00;background:var(--gold);box-shadow:0 3px 0 var(--gold-dark)}.multi-actions{flex-direction:column;align-items:center;gap:18px;margin-top:6px;display:flex}.room-code{gap:8px;display:flex}.room-code span{color:#3d2a00;background:var(--gold);width:52px;height:62px;box-shadow:0 5px 0 var(--gold-dark);font-family:var(--font-display);border-radius:14px;place-items:center;font-size:32px;font-weight:700;display:grid}.multi-hint{color:var(--text-muted);margin:0;font-size:15px;font-weight:700}.lobby-players{background:var(--panel);width:100%;box-shadow:0 6px 0 var(--panel-edge);border-radius:20px;padding:20px 22px}.lobby-players h2{color:var(--gold);font-family:var(--font-display);margin:0 0 12px;font-size:19px;font-weight:600}.player-rows,.final-rows,.mini-board{gap:8px;display:grid}.player-row,.final-row,.mini-board-row{background:var(--panel-light);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;display:flex}.player-name,.final-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.final-name em{color:var(--text-muted);font-size:13px;font-style:normal}.player-tag{color:#3d2a00;background:var(--gold);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.player-tag-you{color:#fff;background:var(--violet)}.multi-final .final-rows{width:100%}.final-row{text-align:left;justify-content:space-between}.final-row-winner{background:var(--gold);box-shadow:0 4px 0 var(--gold-dark)}.final-row-winner .final-name,.final-row-winner .final-rank,.final-row-winner .final-points{color:#3d2a00}.final-row-winner .final-name em{color:#3d2a0099}.final-rank{width:30px;color:var(--text-muted);font-family:var(--font-display);flex:none;font-size:18px;font-weight:700}.final-name{flex:1}.final-points{color:var(--gold);font-family:var(--font-display);font-size:20px;font-weight:600}.multi-game{width:min(1080px,100%);margin-inline:auto}.multi-game-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.multi-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.multi-progress{color:var(--text-muted);font-weight:800}.free-answer{gap:12px;width:min(640px,100%);display:flex}.free-answer input{min-width:0;color:var(--text);background:var(--panel);box-shadow:0 5px 0 var(--panel-edge);border:0;border-radius:16px;flex:1;padding:14px 18px;font-size:18px;font-weight:700}.free-answer input::placeholder{color:var(--text-muted)}.order-zone{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.order-items{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.order-items-revealed{grid-template-columns:1fr;width:min(640px,100%)}.order-item{min-height:66px;color:var(--text);background:var(--panel);box-shadow:0 5px 0 var(--panel-edge);text-align:left;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;font-size:16px;font-weight:700;transition:transform 80ms,background .15s;display:flex}.order-item:hover:not(:disabled){background:var(--panel-light);transform:translateY(-2px)}.order-item:disabled{cursor:default}.order-item-picked{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.order-item-correct{background:var(--green);box-shadow:0 5px 0 var(--green-dark);cursor:default}.order-slot{width:34px;height:34px;font-family:var(--font-display);background:#00000038;border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.multi-waiting{margin-top:20px}.multi-hook{color:var(--text-soft);margin:0 0 16px;font-size:17px;line-height:1.5}.research-notes>.gb{margin-top:20px}.multi-reveal{background:var(--panel);box-shadow:0 6px 0 var(--panel-edge);border-radius:18px;flex-direction:column;gap:12px;margin-top:22px;padding:20px 24px;display:flex}.multi-correct{color:var(--text-soft);margin:0;font-size:16px;font-weight:700}.multi-correct strong{color:var(--green)}.multi-explanation{color:var(--text-soft);margin:0;line-height:1.5}.multi-gain{color:var(--text-muted);font-family:var(--font-display);margin:0;font-size:22px;font-weight:600}.multi-gain-good{color:var(--green)}.streak-banner{color:#3d2a00;background:var(--gold);box-shadow:0 4px 0 var(--gold-dark);border-radius:999px;align-items:baseline;gap:8px;margin-bottom:22px;padding:10px 20px;display:inline-flex}.streak-banner strong{font-family:var(--font-display);font-size:26px;font-weight:700}.streak-banner span{font-size:14px;font-weight:800}.share-fallback{width:min(360px,100%);color:var(--text);background:var(--panel);resize:none;border:0;border-radius:14px;margin:0 auto 16px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.result-note{width:min(320px,100%);color:var(--text-muted);text-align:center;margin:18px auto 0;font-size:13px;font-weight:700;line-height:1.45}.board-me{margin-top:18px}.board-me-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.board-me .board-row{background:var(--violet)}.board-me .board-rank,.board-me .board-points{color:#fff}.rules-screen{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(760px,100%);margin-inline:auto;display:flex}.rules-screen h1{font-family:var(--font-display);margin:0;font-size:clamp(34px,6vw,48px);font-weight:600}.rule-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.rule-cards article{background:var(--panel);box-shadow:0 6px 0 var(--panel-edge);border-radius:20px;padding:20px}.rule-score,.rule-ranked{grid-column:1/-1;background:var(--panel-light)!important}.rule-ranked h2{color:var(--red)}.rule-ranked p+p{margin-top:10px}.rule-cards h2{color:var(--gold);font-family:var(--font-display);margin:0 0 8px;font-size:19px;font-weight:600}.rule-cards p{color:var(--text-soft);margin:0;font-size:15px;line-height:1.5}.trophy-screen{flex-direction:column;align-items:center;gap:22px;width:min(880px,100%);margin-inline:auto;display:flex}.trophy-head{align-items:baseline;gap:14px;display:flex}.trophy-head h1{font-family:var(--font-display);margin:0;font-size:clamp(34px,6vw,48px);font-weight:600}.trophy-count{color:#3d2a00;background:var(--gold);font-family:var(--font-display);border-radius:999px;padding:6px 14px;font-size:18px;font-weight:600}.trophy-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.trophy-stats div{background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.trophy-stats strong{color:var(--gold);font-family:var(--font-display);font-size:26px;font-weight:600}.trophy-stats span{color:var(--text-muted);font-size:12px;font-weight:800}.trophy-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.trophy{background:var(--panel);box-shadow:0 5px 0 var(--panel-edge);border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.trophy-badge{flex:none;width:46px;height:46px}.trophy-badge path,.trophy-badge rect{fill:var(--gold)}.trophy-badge .trophy-handle{fill:none;stroke:var(--gold);stroke-width:3px}.trophy-bronze .trophy-badge path,.trophy-bronze .trophy-badge rect{fill:#d08b52}.trophy-bronze .trophy-badge .trophy-handle{fill:none;stroke:#d08b52}.trophy-silver .trophy-badge path,.trophy-silver .trophy-badge rect{fill:#c9d2ea}.trophy-silver .trophy-badge .trophy-handle{fill:none;stroke:#c9d2ea}.trophy-locked{background:var(--night-deep);box-shadow:none}.trophy-locked .trophy-badge path,.trophy-locked .trophy-badge rect{fill:var(--panel-light)}.trophy-locked .trophy-badge .trophy-handle{fill:none;stroke:var(--panel-light)}.trophy-locked strong{color:var(--text-muted)}.trophy-text{flex-direction:column;gap:3px;min-width:0;display:flex}.trophy-text strong{font-family:var(--font-display);font-size:18px;font-weight:600}.trophy-text>span{color:var(--text-muted);font-size:13px;font-weight:700}.trophy-progress{background:var(--panel);border-radius:999px;height:16px;margin-top:6px;position:relative;overflow:hidden}.trophy-progress div{background:var(--violet);border-radius:999px;height:100%}.trophy-progress em{place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}.trophy-pops{gap:8px;width:min(360px,100%);margin:0 auto 18px;display:grid}.trophy-pop{color:#3d2a00;background:var(--gold);box-shadow:0 4px 0 var(--gold-dark);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;animation:.5s cubic-bezier(.2,1.4,.4,1) both trophy-pop-in;display:flex}@keyframes trophy-pop-in{0%{opacity:0;transform:translateY(-10px)scale(.9)}}.trophy-pop svg{fill:#3d2a00;flex:none;width:30px;height:30px}.trophy-pop span{text-transform:uppercase;font-size:11px;font-weight:800;display:block}.trophy-pop strong{font-family:var(--font-display);font-size:17px;font-weight:600}@media (width<=840px){.stage{padding-block:20px 36px}.research-grid{grid-template-columns:1fr}.bento{grid-template-columns:1fr;grid-template-areas:"rank""quick""daily""multi""board"}.bento-quick{min-height:240px}.bento-multi .bento-art{height:84px}.research-push{flex-direction:column;align-items:stretch;gap:10px}.rule-cards,.trophy-grid{grid-template-columns:1fr}.trophy-stats{grid-template-columns:repeat(2,1fr)}.lobby{gap:24px}.research-header{align-items:start}.answer-panel{flex-direction:column;align-items:stretch}.privacy-panel{flex-direction:column;align-items:stretch;gap:16px}}@media (width<=620px){.hud{min-height:62px}.logo{font-size:24px}.hud-right{gap:8px}.icon-button{border-radius:11px;width:38px;height:38px}.icon-button svg{width:19px;height:19px}.icon-button-wide{padding:0 8px}.flag{width:21px;height:14px}}@media (width<=430px){.hud .brand{font-size:20px}.hud-right{gap:6px}.icon-button{border-radius:10px;width:34px;height:34px}.icon-button svg{width:18px;height:18px}.icon-button-wide svg:last-child{display:none}.icon-button-wide{padding:0 7px}.bento-tile{padding:18px}.bento-tile strong{font-size:21px}.bento-tile span{font-size:13px}.bento-quick strong{font-size:25px}.bento-board{gap:12px}.bento-board span{display:none}.bento-board .bento-art{height:48px}.duration-toggle button{padding:9px 14px;font-size:15px}.draw-card{padding:26px 20px}.answer-panel{padding:16px}.arena-state{padding:32px 22px}.choices{grid-template-columns:1fr}.choice{min-height:66px;padding:12px 14px;font-size:16px}.choice-letter{width:38px;height:38px;font-size:18px}.quiz-prompt{font-size:26px}.pip{width:24px;height:10px}.timer-chip{padding:8px 16px;font-size:26px}.research-notes,.notebook{border-radius:20px;padding:20px}.draw-card{border-radius:24px}.podium-block{font-size:26px}.podium-1 .podium-block{height:96px}.podium-2 .podium-block{height:72px}.podium-3 .podium-block{height:56px}.privacy-panel{width:calc(100% - 28px);padding:18px;bottom:14px;right:14px}.privacy-actions{flex-direction:column-reverse}.lobby-footer{flex-direction:column;gap:8px}.order-items{grid-template-columns:1fr}.free-answer{flex-direction:column}.room-code span{width:42px;height:52px;font-size:26px}.multi-form{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bento-rank{box-shadow:0 7px 0 var(--red-dark);background:linear-gradient(#ff7a5c 0%,#ee4f4f 100%);grid-area:rank}.bento-rank:active{box-shadow:0 2px 0 var(--red-dark)}.bento-rank-art{place-items:center;height:62px;display:grid}.bento-rank strong{font-size:24px}.bento-rank em{font-size:14px}.duel-intro{flex-direction:column;gap:18px;width:min(720px,100%);margin-inline:auto;display:flex}.rank-card{background:var(--panel);box-shadow:0 8px 0 var(--panel-edge);border-radius:26px;align-items:center;gap:24px;padding:26px 28px;display:flex}.rank-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.rank-card-body .rank-track{align-self:stretch}.rank-card-body h1{font-family:var(--font-display);margin:0;font-size:clamp(30px,5vw,44px);font-weight:600;line-height:1}.rank-card-points{margin:0;font-size:18px;font-weight:800}.rank-card-next{color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.rank-track{background:#ffffff1a;border-radius:999px;height:10px;margin-block:4px;overflow:hidden}.rank-track-fill{background:linear-gradient(90deg, var(--green) 0%, var(--gold) 100%);border-radius:999px;height:100%;transition:width .4s}.rank-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rank-stats div{background:var(--panel);text-align:center;border-radius:18px;flex-direction:column;gap:2px;padding:14px 10px;display:flex}.rank-stats strong{font-family:var(--font-display);font-size:26px;font-weight:600}.rank-stats span{color:var(--text-muted);font-size:12px;font-weight:700}.duel-history h2{font-family:var(--font-display);margin:0 0 10px;font-size:20px;font-weight:600}.duel-history ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.duel-row{background:var(--panel);border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.duel-row-mark{color:#0e1434;background:var(--text-muted);width:26px;height:26px;font-family:var(--font-display);border-radius:9px;place-items:center;font-size:15px;display:grid}.duel-row-win .duel-row-mark{background:var(--green)}.duel-row-loss .duel-row-mark{background:var(--red)}.duel-row-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.duel-row-score{color:var(--text-muted);margin-left:auto}.bot-tag{color:#0e1434;background:var(--text-muted);letter-spacing:.06em;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.duel-delta{min-width:46px;font-family:var(--font-display);text-align:right;font-size:15px;font-weight:600}.duel-delta-up{color:var(--green)}.duel-delta-down{color:var(--red)}.duel-search{background:var(--panel);width:min(460px,100%);box-shadow:0 8px 0 var(--panel-edge);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:14px;margin-inline:auto;padding:48px 32px;display:flex}.duel-search h1{font-family:var(--font-display);margin:0;font-size:26px;font-weight:600}.duel-search-badge{animation:1.6s ease-in-out infinite duel-hunt}@keyframes duel-hunt{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.duel-search-timer{color:var(--gold);font-family:var(--font-display);margin:0;font-size:40px;font-weight:700}.duel-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(720px,100%);min-height:min(52svh,380px);margin-inline:auto;animation:.5s cubic-bezier(.2,1.2,.4,1) both reveal-in;display:grid}.duel-versus-side{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.duel-versus-side strong{max-width:100%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:clamp(18px,3vw,26px);font-weight:600;display:flex;overflow:hidden}.duel-versus-side>span{color:var(--text-muted);font-size:13px;font-weight:800}.duel-versus-mark{color:var(--red);font-family:var(--font-display);font-size:clamp(38px,8vw,72px);font-weight:700}.duel-round{flex-direction:column;gap:18px;display:flex}.duel-board{background:var(--panel);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.duel-board-side{flex-direction:column;gap:2px;min-width:0;display:flex}.duel-board-side>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.duel-board-side strong{font-family:var(--font-display);font-size:30px;font-weight:600}.duel-board-them{text-align:right;align-items:flex-end}.duel-board-clock{flex-direction:column;align-items:center;gap:4px;display:flex}.duel-board-clock span{color:var(--text-muted);font-size:12px;font-weight:800}.duel-pip{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:800}.duel-pip-on{color:#0e1434;background:var(--green)}.choice-picked{outline:3px solid var(--gold);outline-offset:2px}.duel-ready-strip{gap:8px;margin-bottom:12px;display:flex}.duel-ready{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.duel-ready-on{color:#0e1434;background:var(--green)}.duel-quit{justify-content:center;display:flex}.duel-quit button,.duel-quit-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.duel-quit button:hover,.duel-quit-link:hover{color:var(--red)}.duel-quit-link{margin-left:auto}.duel-confirm{z-index:40;background:#060a1eb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.duel-confirm>div{background:var(--panel-light);width:min(420px,100%);box-shadow:0 8px 0 var(--panel-edge);text-align:center;border-radius:22px;padding:26px 24px}.duel-confirm p{margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.5}.duel-confirm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.duel-end{background:var(--panel);width:min(560px,100%);box-shadow:0 8px 0 var(--panel-edge);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:18px;margin-inline:auto;padding:36px 30px;display:flex}.duel-end h1{font-family:var(--font-display);margin:0;font-size:clamp(34px,6vw,54px);font-weight:600}.duel-end-win h1{color:var(--green)}.duel-end-loss h1{color:var(--red)}.duel-end-scores{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.duel-end-scores div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.duel-end-scores span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.duel-end-scores strong{font-family:var(--font-display);font-size:40px;font-weight:700}.duel-end-scores em{color:var(--text-muted);font-family:var(--font-display);font-size:20px;font-style:normal}.duel-end-rank{background:#ffffff0d;border-radius:20px;align-items:center;gap:18px;padding:14px 20px;display:flex}.duel-end-rank div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.duel-end-rank strong{font-family:var(--font-display);font-size:22px;font-weight:600}.duel-end-rank .duel-delta{text-align:left;font-size:22px}.duel-end-total{color:var(--text-muted);font-size:13px;font-weight:800}.duel-end-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}@media (width<=640px){.rank-card{text-align:center;flex-direction:column}.rank-card-body{align-items:center}.rank-track{width:100%}.rank-stats{grid-template-columns:repeat(2,1fr)}.duel-versus{grid-template-columns:1fr;gap:12px}.duel-board{padding:12px 14px}.duel-board-side strong{font-size:24px}}
