:root{color-scheme:dark;--bg-space-1: #070b16;--bg-space-2: #0e1626;--bg-nebula: #191330;--surface-1: rgba(13, 20, 38, .72);--surface-2: rgba(20, 30, 52, .55);--surface-border: rgba(164, 190, 255, .14);--surface-border-strong: rgba(164, 190, 255, .28);--text-primary: #f2f5fc;--text-secondary: #aab8d0;--text-faint: #6d7d99;--accent-teal: #7edccc;--accent-teal-deep: #0d2b28;--accent-gold: #f5c84c;--accent-violet: #a9b8ff;--danger: #ff8f80;--radius-panel: 20px;--radius-control: 12px;--radius-pill: 999px;--shadow-panel: 0 24px 80px rgba(0, 0, 0, .45);--glow-teal: 0 0 24px rgba(126, 220, 204, .35);--glow-gold: 0 0 24px rgba(245, 200, 76, .35);--font-body: "Zen Maru Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Quicksand", "Zen Maru Gothic", ui-sans-serif, system-ui, sans-serif;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-space-1);text-rendering:optimizeLegibility}@font-face{font-family:Quicksand;src:url(/assets/fonts/quicksand-latin-400-normal.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;src:url(/assets/fonts/quicksand-latin-700-normal.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700 900;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;color:var(--text-primary);background:radial-gradient(circle at 14% 16%,rgba(126,220,204,.14),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(169,184,255,.16),transparent 28rem),radial-gradient(circle at 78% 86%,rgba(245,200,76,.08),transparent 22rem),linear-gradient(145deg,var(--bg-space-1) 0%,var(--bg-space-2) 58%,var(--bg-nebula) 100%)}button,input,select,textarea{font:inherit}button,select,input,textarea{border:1px solid var(--surface-border-strong);border-radius:var(--radius-control)}button{min-height:44px;padding:.68rem 1rem;color:var(--text-primary);background:var(--surface-2);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}button:disabled{cursor:not-allowed;opacity:.58}button:hover:not(:disabled){border-color:#7edcccb3;background:#7edccc24}input,select,textarea{width:100%;min-height:44px;padding:.65rem .75rem;color:var(--text-primary);background:#090e19bd}textarea{resize:vertical}h1,h2,p{margin-top:0}a{color:var(--accent-teal);transition:color .15s ease}.stellar-backdrop{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;height:100dvh;pointer-events:none}.app-shell{width:min(1180px,calc(100vw - 32px));min-height:100vh;min-height:100dvh;margin:0 auto;padding:32px 0}.landing-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:18px 24px}.landing-shell>*{position:relative;z-index:1}.intro-panel,.quick-panel,.tool-panel,.quiet-panel{border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.intro-panel{position:relative;overflow:hidden;min-height:0;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:22px}.quick-panel{position:relative;overflow:hidden}.intro-panel:before,.quick-panel:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(circle at 28% 24%,rgba(126,220,204,.1),transparent 18rem),linear-gradient(135deg,#05091266,#03070f3d)}.intro-panel>*,.quick-panel>*{position:relative;z-index:1}.intro-panel h1{margin-bottom:0;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5.5rem);line-height:.98;letter-spacing:0}.intro-panel .hero-logo-heading{line-height:0}.brand-logo{display:block;height:auto}.brand-logo-hero{width:min(100%,520px)}.intro-panel p{max-width:680px;color:var(--text-secondary);font-size:1.08rem;line-height:1.8}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.landing-topbar{grid-column:1 / -1}.topbar select{width:auto}.topbar-controls{display:flex;align-items:center;gap:10px}.brand-button{min-height:auto;width:fit-content;max-width:min(190px,48vw);padding:0;border:0;border-radius:0;color:var(--text-primary);background:transparent;font-weight:700;letter-spacing:0;white-space:nowrap}.brand-button:hover:not(:disabled){color:var(--accent-teal);background:transparent}.home-actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:start;gap:14px}.home-mode-groups{display:grid;gap:20px}.home-mode-group-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.home-mode-group-header h2{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em}.mode-group-badge{padding:3px 10px;border:1px solid;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;line-height:1.35}.mode-group-badge-multi{border-color:#7edccc73;color:var(--accent-teal)}.mode-group-badge-solo{border-color:#a9b8ff73;color:var(--accent-violet)}.home-actions button,.toolbar button{min-width:0;overflow-wrap:anywhere}.mode-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;height:100%;min-height:104px;padding:16px;border-color:var(--surface-border);border-radius:var(--radius-panel);color:var(--text-primary);background:linear-gradient(135deg,#a9b8ff0f,#7edccc08),var(--surface-1);text-align:left;line-height:1.35;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mode-card:hover:not(:disabled){border-color:var(--surface-border-strong);background:linear-gradient(135deg,#a9b8ff1c,#7edccc0f),var(--surface-1);box-shadow:var(--shadow-panel);transform:translateY(-2px)}.mode-card-primary{border-color:#7edccc8f;background:linear-gradient(135deg,#7edccc2e,#7edccc0d),var(--surface-1)}.mode-card-primary:hover:not(:disabled){border-color:var(--accent-teal);box-shadow:var(--glow-teal)}.mode-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--accent-teal);background:var(--surface-2);font-size:1.25rem;font-weight:900}.mode-card-primary .mode-card-icon{color:#07111c;background:linear-gradient(135deg,#8ee9d8,#5fc9b8);box-shadow:var(--glow-teal)}.mode-card-body{min-width:0}.mode-card strong{display:block;font-size:1.04rem;font-weight:900}.mode-card small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.mode-card-meta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 9px;border:1px solid rgba(245,200,76,.38);border-radius:var(--radius-pill);color:var(--accent-gold);font-size:.72rem;font-weight:800;line-height:1.35}.tool-button-content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.tool-button-icon{width:1.15em;color:var(--accent-teal);font-weight:800;line-height:1;text-align:center}.drawing-tool-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;padding:8px;border:1px solid var(--surface-border);border-radius:var(--radius-control);background:#090e197a}.drawing-tool-toolbar .icon-tool-button{display:grid;place-items:center;min-width:0;min-height:48px;padding:.65rem .75rem;border-color:#a4beff2e;background:#141e349e}.drawing-tool-toolbar .icon-tool-button:hover:not(:disabled){border-color:#7edcccb3;box-shadow:var(--glow-teal)}.drawing-tool-toolbar .tool-button-content{gap:.45rem}.drawing-tool-toolbar .tool-button-icon{width:1.15em;color:var(--accent-teal);font-size:1.15rem}.primary-button{border-color:#7edcccb8;color:#07111c;background:linear-gradient(135deg,#8ee9d8,#5fc9b8);box-shadow:var(--glow-teal);font-weight:700}.primary-button:hover:not(:disabled){color:#07111c;background:linear-gradient(135deg,#a3f1e3,#6ad5c5);box-shadow:0 0 32px #7edccc70}.ghost-button{width:fit-content}.sound-toggle-button{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;white-space:nowrap}.sound-toggle-state{padding:.14rem .42rem;border:1px solid rgba(126,220,204,.34);border-radius:var(--radius-pill);color:var(--accent-teal);background:#7edccc1a;font-size:.76rem;font-weight:800;line-height:1.1}.sound-toggle-button[aria-checked=false] .sound-toggle-state{border-color:#c2cbda47;color:var(--text-secondary);background:#f6f7fb12}.quick-panel{padding:24px}.quiet-panel{padding:20px;box-shadow:none}.quiet-panel p{color:var(--text-secondary)}.start-preview{display:grid;gap:16px}.landing-demo-panel{position:relative;overflow:hidden;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:#0b1322}.landing-demo-panel canvas{display:block;width:100%;height:auto;aspect-ratio:1200 / 760}.landing-demo-caption,.landing-demo-answer{position:absolute;display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-weight:900;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-demo-caption{top:14px;left:14px;padding:5px 12px;border:1px solid var(--surface-border);color:var(--text-secondary);background:#0d1426b3;font-size:.78rem}.landing-demo-caption:before{width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent-teal);box-shadow:var(--glow-teal);content:""}.landing-demo-answer{right:16px;bottom:16px;padding:8px 16px;border:1px solid rgba(245,200,76,.52);color:var(--accent-gold);background:#14121ac2;box-shadow:var(--glow-gold);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .2s ease}.landing-demo-answer-visible{opacity:1;transform:translateY(0) scale(1)}.how-to-panel{display:grid;gap:14px}.constellation-rule{position:relative;height:20px;margin:2px 0 0;background:radial-gradient(circle at 8px 50%,var(--accent-gold) 0 4px,transparent 4.5px),radial-gradient(circle at 50% 50%,var(--accent-teal) 0 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 8px) 50%,var(--accent-violet) 0 4px,transparent 4.5px)}.constellation-rule:before{position:absolute;top:50%;right:8px;left:8px;height:1px;background:linear-gradient(90deg,#f5c84c8c,#7edccc73,#a9b8ff8c);content:""}.how-to-panel h2{margin:0;font-family:var(--font-display);font-size:1.35rem}.how-to-steps{display:grid;gap:10px}.how-to-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-control);background:var(--surface-2)}.how-to-step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(126,220,204,.38);border-radius:50%;color:#07111c;background:linear-gradient(135deg,#8ee9d8,#5fc9b8);font-family:var(--font-display);font-weight:900}.how-to-step h3{margin:0;color:var(--text-primary);font-size:.96rem}.how-to-step p{margin:3px 0 0;color:var(--text-secondary);font-size:.84rem;line-height:1.5}.about-link-button{justify-self:start;min-height:38px;padding:.45rem .8rem;border-color:transparent;color:var(--accent-teal);background:transparent;text-decoration:underline}.about-link-button:hover:not(:disabled){border-color:#7edccc47;background:#7edccc14}.form-stack,.field{display:grid;gap:12px}.field span{color:var(--text-secondary);font-size:.9rem}.field-hint{color:var(--text-faint);font-size:.8rem}.radio-group{margin:0;padding:0;border:0;display:grid;gap:8px}.radio-group legend{padding:0;color:var(--text-secondary);font-size:.9rem}.radio-option{min-height:44px;padding:8px 0;display:flex;align-items:center;gap:8px}.radio-option input{width:auto;min-height:auto}.radio-option span{color:var(--text-primary)}.lobby-settings{display:grid;gap:12px;margin:14px 0}.form-note{color:var(--text-secondary);font-size:.86rem}.score-preview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(245,200,76,.3);border-radius:var(--radius-control);background:#f5c84c14}.score-preview span{color:var(--text-secondary);font-size:.86rem}.score-preview strong{color:var(--accent-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;white-space:nowrap}.score-preview small{grid-column:1 / -1;color:var(--text-secondary)}.answer-bar{display:grid;gap:10px}.answer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.certain-answer-button{border-color:#f5c84c73;color:var(--accent-gold);background:#f5c84c17}.certain-answer-button:hover:not(:disabled){border-color:#f5c84ccc;background:#f5c84c29}.ad-slot{grid-column:1 / -1;min-height:76px;padding:16px;border:1px dashed rgba(246,247,251,.22);border-radius:var(--radius-panel);color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:16px}.ad-slot small{color:var(--accent-gold)}.site-footer{grid-column:1 / -1;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;color:var(--text-secondary);font-size:.9rem}.site-footer a{color:var(--text-secondary);text-decoration:underline}.site-footer a:hover{color:var(--accent-teal);text-decoration:underline}.legal-shell{min-height:auto;display:grid;gap:18px}.legal-header,.legal-document{border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.legal-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.legal-header .brand-button{flex:0 1 auto;min-width:0}.legal-header span{flex:0 0 auto;color:var(--text-secondary);font-size:.9rem;text-align:right;white-space:nowrap}.legal-document{padding:28px}.legal-document h1{margin-bottom:12px;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:0}.legal-lead{max-width:820px;color:var(--text-secondary);font-size:1.08rem}.legal-document section{padding-top:18px;border-top:1px solid var(--surface-border)}.legal-document h2{margin-bottom:10px;font-size:1.2rem}.legal-document p{color:var(--text-secondary);line-height:1.72}.game-shell{width:min(1440px,calc(100vw - 24px));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;align-items:stretch}.canvas-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);border:1px solid var(--surface-border);border-radius:var(--radius-panel);overflow:hidden;background:#101827}.star-canvas{display:block;aspect-ratio:1200 / 630;touch-action:manipulation}.tool-panel{min-width:0;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding:18px;display:flex;flex-direction:column;gap:16px;overflow:auto}.panel-header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.generated-image{display:grid;gap:14px;padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:linear-gradient(135deg,#7edccc14,#a9b8ff0f),#0c121fb8}.generated-image img{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:contain;border:1px solid rgba(126,220,204,.28);border-radius:var(--radius-control);background:#10131d;box-shadow:0 0 28px #7edccc1f}.generated-image a{color:var(--text-primary);text-decoration:none}.daily-topic-box{display:grid;gap:10px;padding:16px;border:1px solid rgba(245,200,76,.42);border-radius:var(--radius-control);background:linear-gradient(135deg,#f5c84c29,#7edccc14),#0c121fc7;box-shadow:0 0 26px #f5c84c1a}.daily-topic-kicker{color:var(--accent-teal);font-size:.78rem;font-weight:900;letter-spacing:0}.daily-topic-box strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.08;overflow-wrap:anywhere}.daily-topic-badges{display:flex;flex-wrap:wrap;gap:8px}.daily-topic-badges small{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid rgba(245,200,76,.34);border-radius:var(--radius-pill);background:#f5c84c14;line-height:1.3}.daily-topic-box small{color:var(--text-secondary);font-weight:700}.daily-topic-date{color:var(--text-faint)}.daily-topic-badges small{color:var(--accent-gold)}.daily-topic-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px}.daily-topic-mode-toggle button{min-width:0;min-height:36px;padding:.42rem .56rem;border-color:#f6f7fb29;border-radius:var(--radius-control);color:var(--text-secondary);background:#f6f7fb12;font-size:.84rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.daily-topic-mode-toggle button[aria-pressed=true]{border-color:#7edcccbd;color:#07111c;background:linear-gradient(135deg,#8ee9d8,#5fc9b8)}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-quiz-toggle{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.share-quiz-toggle input{width:18px;height:18px;accent-color:var(--accent-teal)}.share-actions button,.share-actions .download-button{flex:1 1 150px;min-height:44px}.download-button{display:inline-flex;align-items:center;justify-content:center;padding:.68rem 1rem;border:1px solid var(--surface-border-strong);border-radius:var(--radius-control);background:var(--surface-2);font-weight:800;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.download-button:hover{border-color:#7edcccb3;background:#7edccc24}.multiplayer-shell{width:min(1440px,calc(100vw - 24px))}.multiplayer-shell-in-game{padding-top:12px}.multiplayer-main{display:grid;gap:16px}.room-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-header{padding:18px;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.room-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.room-header-meta{display:grid;justify-items:start;gap:6px}.room-header-brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.eyebrow{color:var(--accent-teal);font-size:.78rem;text-transform:uppercase}.connection-badge{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.86rem}.connection-badge span{width:9px;height:9px;border-radius:50%;background:var(--accent-gold)}.connection-badge-connected span{background:var(--accent-teal)}.connection-badge-closed span{background:var(--danger)}.toast-stack{position:fixed;top:18px;right:18px;z-index:30;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}.toast-message{padding:12px 14px;border:1px solid rgba(245,200,76,.38);border-radius:var(--radius-control);background:#121724f5;box-shadow:0 18px 42px #0000004d;color:var(--text-primary);display:grid;gap:4px}.toast-message span{color:var(--text-secondary);font-size:.9rem}.toast-message-success{border-color:#7edccc6b}.lobby-layout{display:grid;gap:16px}.room-ticket{display:grid;justify-items:center;gap:12px;padding:26px 24px 22px;border:1px solid rgba(245,200,76,.26);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 0%,rgba(245,200,76,.12),transparent 42%),#0d1426b8;box-shadow:0 18px 56px #00000038;text-align:center}.room-ticket-label{color:var(--text-secondary);font-size:.78rem;font-weight:900;letter-spacing:.28em}.room-code{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.room-code span{display:grid;place-items:center;width:clamp(38px,7vw,52px);height:clamp(48px,9vw,64px);border:1px solid rgba(245,200,76,.36);border-radius:12px;background:#f5c84c14;color:var(--accent-gold);font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2.15rem);font-weight:900;line-height:1;text-shadow:0 0 18px rgba(245,200,76,.34)}.ticket-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ticket-note{max-width:560px;margin:0;color:var(--text-faint);font-size:.84rem}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}.panel-heading{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--text-secondary);font-size:.8rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.panel-heading:after{content:"";flex:1;min-width:28px;border-bottom:1px dashed rgba(126,220,204,.2)}.panel-heading small{color:var(--text-faint);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap}.player-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}.player-slot-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;min-height:62px;padding:10px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-control);background:#141d34ad}.player-avatar{grid-row:1 / -1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--player-accent, var(--accent-teal));color:#07111c;filter:drop-shadow(0 0 12px rgba(126,220,204,.32));font-size:.9rem;font-weight:900}.player-slot-name{min-width:0;overflow:hidden;color:var(--text-primary);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.player-slot-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-faint);font-size:.72rem;font-weight:800}.host-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid rgba(245,200,76,.32);border-radius:999px;background:#f5c84c1a;color:var(--accent-gold)}.player-slot-empty{grid-template-columns:1fr;place-items:center;border-style:dashed;background:#7edccc08;color:var(--text-faint);font-size:.86rem;font-weight:800}.player-slot-disconnected{opacity:.65}.lobby-settings-panel{display:grid}.segmented-field{gap:8px}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid var(--surface-border);border-radius:13px;background:#070d1a59}.segmented-control button{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 34px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:900}.segmented-control button[aria-checked=true]{border-color:#7edcccd1;background:linear-gradient(180deg,#7edcccfa,#49aca0eb),var(--accent-teal);color:#06121d;box-shadow:0 0 0 1px #7edccc38 inset,0 0 18px #7edccc38}.segmented-control button[aria-checked=true]:after{content:"";position:absolute;right:14px;width:8px;height:8px;border-radius:50%;background:#06121d;box-shadow:0 0 0 3px #06121d29}.segmented-control button:hover:not(:disabled):not([aria-checked=true]){border-color:#7edccc52;background:#7edccc0f;color:var(--text-primary)}.segmented-control button:focus-visible{outline:2px solid rgba(169,184,255,.78);outline-offset:2px}.segmented-control button:disabled{cursor:default;opacity:1}.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}.meta-chip{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:5px 10px;border:1px solid rgba(126,220,204,.22);border-radius:999px;background:#7edccc12;color:var(--text-secondary);font-size:.82rem;font-weight:800}.meta-chip strong{color:var(--text-primary)}.start-block{display:grid;gap:8px}.lobby-start-button{min-height:54px;font-size:1.05rem}.start-note{margin:0;color:var(--text-faint);font-size:.82rem;text-align:center}.room-game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);grid-template-rows:auto minmax(0,1fr);gap:16px;align-items:stretch}.game-hud{grid-column:1 / -1;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.game-hud-chip,.game-hud-drawer,.game-hud-actions{display:inline-flex;align-items:center;min-width:0}.game-hud-chip{gap:8px;min-height:40px;padding:5px 10px;border:1px solid rgba(126,220,204,.22);border-radius:var(--radius-pill);background:#7edccc12;color:var(--text-secondary);font-size:.86rem;font-weight:900}.game-hud-round{color:var(--accent-teal);font-family:var(--font-display);font-variant-numeric:tabular-nums}.game-hud-drawer strong{min-width:0;overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.game-hud-room{margin-left:auto;color:var(--accent-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1rem;letter-spacing:.08em}.game-hud-actions{justify-content:flex-end;gap:8px}.round-timer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:10px;flex:0 0 auto;min-width:154px;min-height:62px;padding:6px 7px 6px 14px;border:1px solid rgba(126,220,204,.46);border-radius:var(--radius-pill);background:radial-gradient(circle at 78% 50%,rgba(126,220,204,.2),transparent 42px),linear-gradient(135deg,#7edccc26,#a9b8ff14),#080f1ddb;box-shadow:0 0 28px #7edccc38;color:var(--accent-teal);font-family:var(--font-display);font-variant-numeric:tabular-nums}.round-timer-ring{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#070b16b8;justify-self:end}.round-timer svg{width:100%;height:100%;transform:rotate(-90deg)}.round-timer circle{fill:none;stroke-width:4}.round-timer-track{stroke:#f6f7fb24}.round-timer-progress{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .28s linear,color .16s ease}.round-timer-copy{display:grid;min-width:0;gap:1px;line-height:1}.round-timer-copy>span{color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:.06em}.round-timer strong{position:relative;z-index:1;color:var(--text-primary);font-size:1.7rem;line-height:.95;text-shadow:0 0 18px rgba(126,220,204,.34)}.round-timer small{margin-left:2px;color:currentColor;font-size:.64em;font-weight:900}.round-timer-warning{color:var(--accent-gold);border-color:#f5c84c94;background:radial-gradient(circle at 78% 50%,rgba(245,200,76,.25),transparent 44px),linear-gradient(135deg,#f5c84c2e,#7edccc14),#0d111de6;box-shadow:0 0 30px #f5c84c40}.round-timer-danger{color:var(--danger);border-color:#ff8f80b8;background:radial-gradient(circle at 78% 50%,rgba(255,143,128,.28),transparent 44px),linear-gradient(135deg,#ff8f8033,#f5c84c1a),#140d19eb;box-shadow:0 0 36px #ff8f804d;animation:round-timer-danger-pulse .9s ease-in-out infinite alternate}.multiplayer-canvas{min-height:calc(100vh - 160px);min-height:calc(100dvh - 160px)}@media(min-width:861px){.multiplayer-shell-in-game{min-height:100vh;min-height:100dvh;padding-bottom:12px}.multiplayer-shell-in-game .multiplayer-main{min-height:calc(100vh - 24px);min-height:calc(100dvh - 24px)}.multiplayer-shell-in-game .room-game-grid{height:calc(100vh - 24px);height:calc(100dvh - 24px);grid-template-rows:auto minmax(0,1fr)}.multiplayer-shell-in-game .multiplayer-canvas,.multiplayer-shell-in-game .tool-panel{min-height:0}.multiplayer-shell-in-game .tool-panel{overflow:auto}}.player-list,.score-list,.round-result-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.player-list li,.score-list li,.round-result-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--surface-border)}.round-result-list li>span{min-width:0;overflow-wrap:anywhere}.player-list small{color:var(--accent-gold)}.topic-box,.topic-choice-box,.hint-box,.result-panel{padding:14px;border:1px solid rgba(126,220,204,.28);border-radius:var(--radius-control);background:#7edccc14}.result-overlay{position:fixed;inset:0;z-index:20;padding:24px;background:#070b16c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;overscroll-behavior:none}.confirmation-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#070b16c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.confirmation-dialog{width:min(440px,100%);padding:24px;border:1px solid rgba(126,220,204,.28);border-radius:var(--radius-panel);background:#0d1426f5;box-shadow:var(--shadow-panel)}.confirmation-dialog h2,.confirmation-dialog p{margin:0}.confirmation-dialog h2{font-family:var(--font-display);font-size:1.5rem}.confirmation-dialog p{margin-top:12px;color:var(--text-secondary);line-height:1.6}.confirmation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.result-panel-overlay{position:relative;width:min(860px,100%);max-height:min(760px,calc(100vh - 48px));max-height:min(760px,calc(100dvh - 48px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px;background:#0d1426f0;box-shadow:var(--shadow-panel)}.result-panel-overlay h2{margin-bottom:16px;font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.2rem);line-height:1.08;letter-spacing:0}.round-result-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.round-result-copy{display:grid;align-content:center;gap:10px;min-width:0}.round-result-copy h2,.round-result-copy p{margin:0}.round-result-copy p{color:var(--text-secondary);font-weight:800}.result-status-chip{justify-self:start;display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px solid rgba(245,200,76,.42);border-radius:var(--radius-pill);color:var(--accent-gold);background:#f5c84c1a;font-size:.78rem;font-weight:900}.round-result-thumbnail{display:grid;gap:8px;min-width:0;margin:0}.round-result-thumbnail .star-canvas{display:block;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(126,220,204,.26);border-radius:var(--radius-control);background:#10131d;box-shadow:0 0 30px #7edccc1f}.round-result-thumbnail figcaption{color:var(--text-faint);font-size:.78rem;font-weight:800}.round-award-section{display:grid;gap:10px;margin-bottom:16px}.round-award-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.round-award-card{display:grid;align-content:start;gap:12px;min-width:0;padding:14px;border:1px solid rgba(126,220,204,.28);border-radius:var(--radius-control);background:linear-gradient(135deg,#7edccc1f,#a9b8ff14),#0c121fb8}.round-award-card-drawer{border-color:#f5c84c61;background:linear-gradient(135deg,#f5c84c29,#7edccc14),#0c121fc7}.round-award-card header{display:flex;align-items:center;gap:8px;color:var(--accent-gold);font-size:.82rem;font-weight:900}.round-award-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.round-award-card li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.round-award-card li>span{display:grid;gap:4px;min-width:0}.round-award-card strong{overflow-wrap:anywhere}.round-award-card em{color:var(--accent-gold);font-family:var(--font-display);font-size:1.8rem;font-style:normal;font-variant-numeric:tabular-nums;font-weight:900}.round-award-card p{margin:0;color:var(--text-faint);font-weight:800}@media(min-width:760px){.round-result-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:stretch}}.round-result-progress{height:8px;overflow:hidden;border-radius:999px;background:#f6f7fb24}.round-result-progress span{display:block;width:100%;height:100%;transform-origin:left center;background:#f5c84c;transition:transform .2s linear}.round-result-callout{display:grid;gap:4px;margin:14px 0;padding:14px;border:1px solid rgba(245,200,76,.46);border-radius:var(--radius-control);background:linear-gradient(90deg,#f5c84c33,#7edccc1c),#0c121feb}.round-result-callout span{color:var(--accent-gold);font-size:.78rem;font-weight:800;text-transform:uppercase}.round-result-callout strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.45rem;line-height:1.1;overflow-wrap:anywhere}.round-result-callout small{color:var(--text-secondary);font-weight:700}.round-result-award-badge{display:inline-flex;width:max-content;padding:1px 6px;border:1px solid rgba(245,200,76,.42);border-radius:var(--radius-pill);color:var(--accent-gold);font-size:.72rem;font-weight:800;white-space:nowrap}.final-confetti{position:sticky;top:0;z-index:0;height:0;pointer-events:none}.final-confetti span{position:absolute;top:-26px;left:var(--confetti-left, 50%);width:7px;height:12px;border-radius:2px;background:var(--confetti-color, var(--accent-gold));opacity:0;transform:translateY(-20px) rotate(0);animation:final-confetti-fall 1.5s ease-out var(--confetti-delay, 0ms) both}.final-confetti span:nth-child(3n+1){--confetti-color: var(--accent-teal)}.final-confetti span:nth-child(3n+2){--confetti-color: var(--accent-violet)}.final-confetti span:nth-child(1){--confetti-left: 6%;--confetti-delay: 40ms}.final-confetti span:nth-child(2){--confetti-left: 13%;--confetti-delay: .18s}.final-confetti span:nth-child(3){--confetti-left: 19%;--confetti-delay: 20ms}.final-confetti span:nth-child(4){--confetti-left: 25%;--confetti-delay: .26s}.final-confetti span:nth-child(5){--confetti-left: 32%;--confetti-delay: 90ms}.final-confetti span:nth-child(6){--confetti-left: 39%;--confetti-delay: .21s}.final-confetti span:nth-child(7){--confetti-left: 45%;--confetti-delay: 60ms}.final-confetti span:nth-child(8){--confetti-left: 52%;--confetti-delay: .24s}.final-confetti span:nth-child(9){--confetti-left: 58%;--confetti-delay: .12s}.final-confetti span:nth-child(10){--confetti-left: 64%;--confetti-delay: 20ms}.final-confetti span:nth-child(11){--confetti-left: 70%;--confetti-delay: .17s}.final-confetti span:nth-child(12){--confetti-left: 76%;--confetti-delay: 80ms}.final-confetti span:nth-child(13){--confetti-left: 82%;--confetti-delay: .28s}.final-confetti span:nth-child(14){--confetti-left: 88%;--confetti-delay: .13s}.final-confetti span:nth-child(15){--confetti-left: 94%;--confetti-delay: 50ms}.final-confetti span:nth-child(16){--confetti-left: 36%;--confetti-delay: .34s}.final-confetti span:nth-child(17){--confetti-left: 67%;--confetti-delay: .32s}.final-confetti span:nth-child(18){--confetti-left: 48%;--confetti-delay: .39s}.final-primary-actions{position:sticky;top:-24px;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin:-4px -4px 16px;padding:4px;background:linear-gradient(180deg,#0d1426fa,#0d1426c7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.final-primary-actions .primary-button{flex:1 1 220px}.final-primary-actions .ghost-button{flex:0 1 auto}.final-winner-callout{position:relative;margin-bottom:16px;padding:16px;border:1px solid rgba(245,200,76,.42);border-radius:var(--radius-control);overflow:hidden;background:linear-gradient(90deg,#f5c84c2e,#7edccc1f),#0c121fe6}.final-winner-callout:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.18) 45%,transparent 56% 100%);transform:translate(-120%);animation:winner-sheen 1.6s ease-out .18s both;pointer-events:none}.final-winner-callout span{display:block;color:var(--accent-gold);font-size:.78rem;font-weight:800;text-transform:uppercase}.final-winner-callout strong{display:block;margin-top:5px;color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.55rem,5vw,2.5rem);line-height:1.08;overflow-wrap:anywhere}.score-list-winner{border-color:#f5c84c59;background:#f5c84c14}.final-award-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.final-special-title-section{margin-bottom:16px}.final-special-title-section>h3{margin:0 0 10px;color:var(--accent-gold);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.final-special-title-grid{display:grid;grid-template-columns:1fr;gap:12px}.final-special-title-card{border-color:#b38bff6b;background:radial-gradient(circle at 92% 8%,rgba(179,139,255,.2),transparent 42%),#0c121fd1}.final-special-title-card>.award-icon,.final-special-title-card>span{color:#c9a9ff}.coop-result-card{display:grid;gap:8px;min-height:178px;margin-bottom:16px;padding:22px;border:1px solid rgba(126,220,204,.45);border-radius:var(--radius-control);background:linear-gradient(120deg,#7edccc2e,#f5c84c1f),#0c121fe6}.coop-result-card>span{color:var(--accent-teal);font-size:.78rem;font-weight:800;text-transform:uppercase}.coop-result-card h3,.coop-result-card p{margin:0}.coop-result-card>strong{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,7vw,3.25rem);line-height:1}.coop-result-card p{color:var(--text-secondary);font-weight:700}.coop-result-card em{display:inline-block;margin-left:8px;color:var(--accent-gold);font-style:normal}.final-award-card{position:relative;display:grid;gap:6px;min-width:0;padding:14px;border:1px solid rgba(126,220,204,.28);border-radius:var(--radius-control);background:linear-gradient(135deg,#7edccc1c,#a0b5ff14),#0c121fb8;overflow:hidden}.final-award-card-featured{min-height:178px;padding-top:22px;grid-column:1 / -1;border-color:#f5c84c6b;background:linear-gradient(90deg,#f5c84c2e,#7edccc1f),#0c121fe6}.final-award-card-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.18) 45%,transparent 56% 100%);transform:translate(-120%);animation:winner-sheen 1.6s ease-out .18s both;pointer-events:none}.award-icon{width:32px;height:32px;color:var(--accent-gold);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;filter:drop-shadow(0 0 12px rgba(245,200,76,.22))}.final-award-card>.award-icon{margin-bottom:2px}.final-award-card span{display:block;color:var(--accent-gold);font-size:.78rem;font-weight:800;text-transform:uppercase}.final-award-card strong{display:block;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.25rem,3vw,2rem);line-height:1.08;overflow-wrap:anywhere}.final-award-card-featured strong{font-size:clamp(1.55rem,5vw,2.5rem)}.final-award-card small{color:var(--text-secondary);font-weight:700}.final-award-card em{color:var(--text-primary);font-style:normal;font-weight:900}.final-self-summary{display:grid;gap:10px;margin-bottom:16px;padding:14px;border:1px solid rgba(246,247,251,.12);border-radius:var(--radius-control);background:#f6f7fb0f}.final-self-summary h3,.final-round-review h3{margin:0}.final-self-summary>strong{color:var(--text-primary);font-size:1.2rem;overflow-wrap:anywhere}.final-self-summary dl,.final-round-card dl{display:grid;gap:8px;margin:0}.final-self-summary dl{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.final-self-summary dl div,.final-round-card dl div{display:grid;gap:2px}.final-self-summary dt,.final-round-card dt{color:#9fb0ca;font-size:.78rem;font-weight:800}.final-self-summary dd,.final-round-card dd{margin:0;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:900;overflow-wrap:anywhere}.final-round-review{display:grid;gap:12px;margin-bottom:16px}.final-round-review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.final-round-card{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid rgba(126,220,204,.22);border-radius:var(--radius-control);background:#0c121fad}.final-round-card-extreme{border-color:#ff70b8b8;background:linear-gradient(135deg,#ff52a821,#7448dc21);box-shadow:inset 0 0 0 1px #ff70b81f}.final-round-thumbnail{aspect-ratio:16 / 10;overflow:hidden;border-radius:6px;background:#10131d}.final-round-thumbnail .star-canvas{display:block}.final-round-card-body{display:grid;gap:8px}.final-round-card-body>span{color:var(--accent-teal);font-size:.78rem;font-weight:900}.final-round-card-body>strong{color:var(--text-primary);font-size:1.1rem;overflow-wrap:anywhere}.final-ranking-details{margin-bottom:16px}.final-ranking-details summary{cursor:pointer;color:var(--accent-gold);font-weight:900}.final-ranking-details .score-list{margin-top:10px}@media(min-width:720px){.final-award-grid,.final-special-title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.topic-box,.topic-choice-box,.hint-box{display:grid;gap:6px}.topic-box-drawer{border-color:#f5c84c6b;background:linear-gradient(135deg,#f5c84c29,#7edccc14),#0c121fc7}.topic-box span,.topic-choice-box span,.hint-box span{color:var(--text-secondary);font-size:.86rem}.topic-box strong,.topic-choice-box strong{font-family:var(--font-display);font-size:1.8rem}.topic-choice-list{display:grid;gap:8px}.topic-choice-button{display:grid;gap:3px;justify-content:flex-start;width:100%;min-height:44px;padding-inline:14px;text-align:left}.topic-choice-button .topic-choice-label{color:inherit;font-weight:900}.topic-category-label{color:var(--text-secondary);font-size:.76rem;font-weight:700}.topic-choice-button .topic-category-label{text-align:left}.final-round-card-body>.final-round-extreme-label{color:#ffb6dc}.topic-choice-button-extreme{border-color:#ff70b8cc;box-shadow:inset 0 0 0 1px #ff70b838,0 0 18px #ff52a829;background:linear-gradient(135deg,#ff52a833,#7448dc2e)}.topic-choice-button .extreme-topic-choice-badge{color:#ffb6dc;font-size:.72rem;font-weight:900;letter-spacing:.04em}.extreme-round-banner{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(255,112,184,.7);border-radius:14px;background:linear-gradient(135deg,#ff52a838,#7448dc33);box-shadow:0 0 22px #ff52a824}.extreme-round-result span{color:#ffb6dc;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.extreme-round-banner small,.extreme-round-result small{color:var(--text-secondary)}.extreme-round-result{border-color:#ff70b87a;background:linear-gradient(135deg,#ff52a82e,#7448dc29)}.hint-box p{margin:0;font-weight:700}.panel-subheading{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-secondary);font-size:.82rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.panel-subheading:before{content:"";width:34px;height:10px;flex:0 0 auto;background:radial-gradient(circle at 5px 5px,var(--accent-teal) 0 2px,transparent 2.5px),radial-gradient(circle at 28px 5px,var(--accent-gold) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 0 5px,rgba(126,220,204,.48) 5px 28px,transparent 28px)}.certain-answer-details{color:var(--text-secondary);font-size:.86rem}.certain-answer-details summary{width:fit-content;cursor:pointer;color:var(--accent-gold);font-weight:900}.certain-answer-details small{display:block;margin-top:6px;line-height:1.6}.answer-log{display:grid;gap:8px;max-height:180px;min-height:80px;overflow:auto}.answer-log-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin:0;color:var(--text-secondary)}.answer-log-bubble{display:grid;gap:3px;min-width:0;padding:8px 10px;border:1px solid rgba(246,247,251,.11);border-radius:4px 14px 14px;background:#f6f7fb0f}.answer-log-bubble strong{min-width:0;overflow:hidden;color:var(--text-primary);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.answer-log-bubble>span:not(.answer-log-badges){overflow-wrap:anywhere}.answer-log-correct{border:1px solid rgba(126,220,204,.42);background:#7edccc1f;box-shadow:0 0 20px #7edccc29}.answer-log-correct .answer-log-bubble{border-color:#7edccc6b;background:#7edccc1f}.answer-log-badges{display:flex;flex-wrap:wrap;gap:6px}.answer-log-badge{display:inline-flex;align-items:center;padding:1px 6px;border:1px solid rgba(245,200,76,.36);border-radius:var(--radius-pill);color:var(--accent-gold);font-size:.72rem;font-weight:800}.answer-log-correct-badge{border-color:#7edccc6b;color:var(--accent-teal)}.answer-log-close-badge{border-color:#b997ff7a;color:#d7c3ff}.tool-panel .score-list li{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(246,247,251,.1);border-radius:var(--radius-control);background:#f6f7fb0d}.tool-panel .score-list-leader{border-color:#f5c84c57;background:#f5c84c14}.tool-panel .score-list li.score-gain{animation:score-gain-flash .9s ease-out}.score-rank{color:var(--accent-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:900;text-align:center}.score-player-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--text-primary);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.tool-panel .score-list strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums}.drawer-chip{display:inline-flex;flex:0 0 auto;padding:1px 6px;border:1px solid rgba(126,220,204,.32);border-radius:var(--radius-pill);color:var(--accent-teal);font-size:.68rem;font-weight:900}.correct-answer-flash{position:absolute;top:clamp(14px,4vh,42px);left:50%;z-index:2;min-width:min(360px,calc(100% - 32px));padding:14px 18px;border:1px solid rgba(246,247,251,.24);border-radius:var(--radius-control);background:#0a121ed6;box-shadow:0 18px 46px #0000005c,0 0 32px #7edccc33;text-align:center;transform:translate(-50%);animation:correct-answer-flash-in .55s ease-out both;pointer-events:none}.correct-answer-flash-certain{border-color:#f5c84c8a;background:#14121ae6;box-shadow:0 18px 46px #00000061,0 0 42px #f5c84c40}.correct-answer-flash span{display:block;color:var(--accent-teal);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.correct-answer-flash-certain span{color:var(--accent-gold)}.correct-answer-flash strong{display:block;margin-top:4px;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.35rem,4vw,2.05rem);line-height:1.1;overflow-wrap:anywhere}@keyframes correct-answer-flash-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}34%{opacity:1;transform:translate(-50%) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes round-timer-danger-pulse{0%{box-shadow:0 0 22px #ff8f8038}to{box-shadow:0 0 42px #ff8f806b}}@keyframes score-gain-flash{0%{background:#7edccc40;box-shadow:0 0 22px #7edccc59}to{background:#7edccc00;box-shadow:0 0 #7edccc00}}@keyframes winner-sheen{to{transform:translate(120%)}}@keyframes final-confetti-fall{0%{opacity:0;transform:translateY(-24px) rotate(0)}18%{opacity:1}to{opacity:0;transform:translateY(190px) rotate(220deg)}}@media(prefers-reduced-motion:reduce){button,a,.landing-demo-answer{transition:none}.correct-answer-flash,.round-timer-danger,.tool-panel .score-list li.score-gain{animation:none}.final-winner-callout:after,.final-award-card-featured:after,.final-confetti span{animation:none;opacity:0}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.intro-panel,.quick-panel,.mode-card,.landing-demo-caption,.landing-demo-answer,.tool-panel,.quiet-panel,.legal-header,.legal-document,.room-header,.game-hud{background:#0d1426e6}}.warning-text{color:var(--accent-gold)}.success-text{color:var(--accent-teal)}.error-text{margin:0;color:#ffb4a8}@media(max-width:860px){.landing-shell,.game-shell,.lobby-layout,.lobby-grid,.room-game-grid{grid-template-columns:1fr}.room-ticket{padding:20px}.room-code span{width:clamp(34px,12vw,46px);height:clamp(44px,14vw,58px)}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading:after{order:4;flex-basis:100%}.player-slot-grid{grid-template-columns:1fr}.segmented-control{grid-auto-flow:row}.intro-panel{min-height:auto;padding:12px 24px 24px}.topbar{margin-bottom:0}.brand-button{max-width:min(154px,46vw)}.brand-logo-hero{width:min(100%,430px)}@media(max-width:430px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:0}.brand-button{flex:0 0 100%;max-width:100%}.topbar-controls{width:100%;flex-wrap:wrap;justify-content:flex-start}.sound-toggle-button{max-width:100%}}.site-footer{justify-content:flex-start}.home-actions,.how-to-steps{grid-template-columns:1fr}.mode-card{min-height:86px}.quick-panel,.legal-header,.legal-document{padding:18px}@media(max-width:430px){.legal-header{flex-direction:column;justify-content:center;align-items:center;gap:10px}.legal-header .brand-button{max-width:100%}.legal-header span{width:100%;text-align:center}}.canvas-stage,.tool-panel{min-height:auto}.canvas-stage{width:100%;height:auto}.multiplayer-shell-in-game{width:100vw;padding-top:0}.multiplayer-shell-in-game .multiplayer-main,.multiplayer-shell-in-game .room-game-grid{gap:10px}.game-hud{margin:0 10px;flex-wrap:wrap;border-radius:0 0 var(--radius-panel) var(--radius-panel)}.game-hud-room{margin-left:0}.game-hud-actions{width:100%;justify-content:flex-start}.multiplayer-canvas{position:sticky;top:0;z-index:5;border-right:0;border-left:0;border-radius:0}.star-canvas{max-width:100%}.room-game-grid .tool-panel{padding-bottom:calc(96px + env(safe-area-inset-bottom));backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d1426eb}.answer-bar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--surface-border);background:#0d1426eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.answer-bar .field{display:contents}.answer-bar .field span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.answer-bar .answer-actions{display:contents}.answer-bar button{padding:.5rem .7rem;font-size:.82rem;white-space:nowrap}.result-overlay{padding:12px}.result-panel-overlay{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:18px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.game-shell,.multiplayer-shell-in-game .room-game-grid{align-items:start}.game-shell .canvas-stage,.multiplayer-shell-in-game .multiplayer-canvas{height:min(56vh,280px);height:min(56dvh,280px);min-height:180px}.game-shell .canvas-stage{position:sticky;top:12px}.multiplayer-shell-in-game .multiplayer-canvas{position:relative;top:auto}.game-shell .tool-panel,.multiplayer-shell-in-game .tool-panel{min-height:auto;overflow:visible}.multiplayer-shell-in-game .room-game-grid{height:auto;grid-template-rows:auto auto}}