@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;700&family=Orbitron:wght@700;900&display=swap");:root{--fd-void:#081210;--fd-surface:#141f1d;--fd-elevated:#232f2d;--fd-border:#2e403d;--fd-muted:#899e99;--fd-ink:#e8f4f1;--fd-deep:#008f72;--fd-brand:#00c69e;--fd-electric:#00ffcc;--fd-again:#f4254e;--fd-hard:#f46325;--fd-easy:#00b3ff;--fd-gold:#ffd11a;--fd-robo:#ff29bf;--fd-fase:#d633ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-display:"Orbitron",sans-serif;--font-impact:"Bebas Neue",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-body:"IBM Plex Sans",sans-serif}*{box-sizing:border-box}body,html{background:var(--fd-void);color:var(--fd-ink)}body{margin:0;min-width:320px;font-family:var(--font-body)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--fd-electric);outline-offset:3px}.entry-shell,.game-shell{min-height:100svh;padding:28px clamp(20px,5vw,76px) 44px;position:relative;overflow:hidden}.entry-shell>*,.game-shell>*{position:relative}.brand{display:inline-grid;grid-template-columns:50px auto;align-items:center;column-gap:14px}.brand img{width:50px;height:50px;grid-row:1/span 2}.brand span{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:.07em;color:var(--fd-brand)}.brand em{font-family:var(--font-mono);font-style:normal;font-size:12px;letter-spacing:.09em;color:var(--fd-muted)}.brand.compact{grid-template-columns:34px;column-gap:0}.brand.compact img{width:34px;height:34px;grid-row:auto}.brand.compact span{font-size:16px}.entry-grid{max-width:1180px;margin:clamp(62px,13vh,140px) auto 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);grid-gap:clamp(48px,10vw,140px);gap:clamp(48px,10vw,140px);align-items:center}.answer-controls p,.card-meta,.deck-panel .panel-top,.eyebrow,.grade-controls p,.header-score span,.lobby-action p,.observer-state,.panel-label,.room-ident>span:first-child,.roster-player,.timer-block span{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--fd-muted)}.eyebrow{margin:0 0 var(--space-4)}.entry-statement h1,.lobby-intro h1,.state-panel h1{margin:0;font-family:var(--font-display);font-size:clamp(36px,5vw,72px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.entry-statement>p:not(.eyebrow),.lobby-intro>p:not(.eyebrow),.state-panel>p:not(.eyebrow){max-width:550px;margin:var(--space-5) 0 0;color:var(--fd-muted);font-size:18px;line-height:1.65;text-wrap:pretty}.entry-rule{margin-top:var(--space-5);color:var(--fd-ink);display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:13px}.entry-rule span{color:var(--fd-brand);font-weight:700}.connection-panel,.deck-panel{border:1px solid var(--fd-border);border-radius:8px;background:var(--fd-surface);padding:clamp(20px,3vw,32px)}.panel-label{margin:0 0 var(--space-5);color:var(--fd-brand)}.connection-panel label{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.capacity-row>span,.connection-panel label>span{color:var(--fd-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}input{width:100%;min-height:48px;border:1px solid var(--fd-border);border-radius:4px;padding:0 14px;color:var(--fd-ink);background:var(--fd-void);font-family:var(--font-mono);font-size:14px;transition:border-color .2s ease,background .2s ease}input:hover{border-color:var(--fd-muted)}input::placeholder{color:#58716b}.connection-hint{margin:10px 0 0;color:var(--fd-muted);font-size:13px;line-height:1.5}.connection-hint code{font-family:var(--font-mono);color:var(--fd-ink);font-size:12px}.capacity-row{display:flex;align-items:center;gap:8px;margin:22px 0}.capacity-row>span{margin-right:auto}.seat-choice{height:44px;min-width:44px;border:1px solid var(--fd-border);color:var(--fd-muted);border-radius:0;background:transparent;font-family:var(--font-mono);transition:transform .08s ease,color .2s ease,background .2s ease}.seat-choice.selected,.seat-choice:hover{background:var(--fd-brand);border-color:var(--fd-brand);color:var(--fd-void)}.seat-choice:active{transform:translateY(2px)}.outline-action,.primary-action,.secondary-action,.text-action{border:1px solid transparent;border-radius:4px;min-height:48px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-impact);font-size:20px;line-height:1;letter-spacing:.05em;transition:transform .08s ease,background .2s ease,border-color .2s ease,color .2s ease}.primary-action{width:100%;background:var(--fd-brand);color:var(--fd-void)}.primary-action:hover:not(:disabled){background:var(--fd-electric)}.grade:active:not(:disabled),.outline-action:active:not(:disabled),.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled){transform:translateY(2px)}.primary-action:disabled{background:var(--fd-border);color:var(--fd-muted)}.secondary-action{background:var(--fd-elevated);border-color:var(--fd-border);color:var(--fd-ink)}.secondary-action.ready,.secondary-action:hover:not(:disabled){border-color:var(--fd-brand);color:var(--fd-brand)}.outline-action:disabled,.secondary-action:disabled{opacity:.48}.outline-action{background:transparent;border-color:var(--fd-border);color:var(--fd-muted)}.outline-action:hover:not(:disabled){border-color:var(--fd-again);color:var(--fd-again)}.text-action{min-height:44px;background:transparent;padding:0;color:var(--fd-muted);font-size:16px;border-radius:0}.text-action:hover{color:var(--fd-brand)}.text-action:active{transform:translateY(2px)}.text-action.danger:hover{color:var(--fd-again)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.join-divider{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:center;margin:26px 0 14px;color:var(--fd-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.join-divider:after,.join-divider:before{content:"";height:1px;background:var(--fd-border)}.join-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.join-row .secondary-action{min-height:48px}.game-shell{max-width:1480px;margin:0 auto}.game-header{height:64px;display:grid;grid-template-columns:minmax(190px,1fr) auto 1fr;grid-gap:16px;gap:16px;align-items:center;border-bottom:1px solid var(--fd-border)}.room-ident{display:flex;align-items:center;gap:10px}.room-ident strong{font-family:var(--font-mono);color:var(--fd-brand);font-size:19px;letter-spacing:.17em}.icon-button{border:0;background:transparent;color:var(--fd-muted);display:grid;place-items:center;width:44px;height:44px;transition:transform .08s ease,color .2s ease,background .2s ease}.icon-button:hover{color:var(--fd-brand);background:var(--fd-surface)}.icon-button:active{transform:translateY(2px)}.icon-button svg{width:18px;height:18px}.phase{padding:4px 7px;border:1px solid var(--fd-border);color:var(--fd-muted);font-size:12px}.phase-active{color:var(--fd-brand);border-color:var(--fd-deep)}.phase-paused{color:var(--fd-gold);border-color:var(--fd-gold)}.header-score{justify-self:end;text-align:right}.header-score span{display:block;font-size:12px}.header-score strong{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:26px}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-bottom:1px solid var(--fd-border);overflow-x:auto}.roster-player{min-width:190px;height:52px;padding:0 12px;display:grid;grid-template-columns:24px 28px minmax(70px,1fr) auto auto;grid-gap:8px;gap:8px;align-items:center;border-right:1px solid var(--fd-border);font-size:12px;white-space:nowrap}.roster-player:last-child{border-right:0}.roster-player.me{background:var(--fd-surface)}.roster-player.responder{border-bottom:2px solid var(--fd-brand)}.roster-player.grader .initials{-webkit-clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%);clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%)}.seat{color:var(--fd-muted)}.initials{width:26px;height:26px;display:grid;place-items:center;background:var(--fd-elevated);color:var(--fd-ink);font-weight:700}.player-name{overflow:hidden;text-overflow:ellipsis;color:var(--fd-ink)}.player-role{color:var(--fd-brand);font-size:12px}.roster-player strong{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fd-ink)}.lobby-layout{max-width:1120px;margin:clamp(42px,8vh,96px) auto;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:34px 72px;gap:34px 72px;align-items:start}.lobby-intro{grid-row:span 2}.lobby-intro h1{font-size:clamp(28px,4vw,52px)}.panel-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--fd-border)}.panel-top strong{color:var(--fd-brand);font-size:12px}.upload-control{margin-top:22px;height:76px;border:1px dashed var(--fd-border);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--fd-ink);font-family:var(--font-impact);font-size:22px;letter-spacing:.06em;transition:border-color .2s ease,color .2s ease}.upload-control:hover{border-color:var(--fd-brand);color:var(--fd-brand)}.upload-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-control:focus-within{outline:2px solid var(--fd-electric);outline-offset:3px}.upload-control svg{width:20px}.deck-panel>.text-action{margin-top:10px}.waiting-copy{color:var(--fd-muted);line-height:1.6}.deck-preview{margin-top:20px;border-top:1px solid var(--fd-border);padding-top:16px;font-family:var(--font-mono);font-size:12px}.deck-preview>div{display:grid;grid-template-columns:82px 1fr;grid-gap:8px;gap:8px;margin:7px 0}.deck-preview span{color:var(--fd-muted);font-size:12px}.deck-preview strong{color:var(--fd-brand);letter-spacing:.08em}.deck-preview p{margin:0;color:var(--fd-ink);line-height:1.5}.deck-preview ol{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid var(--fd-border)}.deck-preview li{padding:8px 0;border-bottom:1px solid var(--fd-border);color:var(--fd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-errors{margin-top:14px;padding:12px;border-left:2px solid var(--fd-again);background:var(--fd-void);color:var(--fd-muted);font-family:var(--font-mono);font-size:12px}.deck-errors strong{color:var(--fd-again)}.deck-errors p{margin:6px 0 0}.lobby-action{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lobby-action p{width:100%;margin:0}.lobby-action .start{width:auto;flex:1 1}.duel-area{min-height:calc(100svh - 176px);display:grid;place-items:center;padding:52px 0 78px}.question-card{width:min(860px,100%);min-height:500px;position:relative;z-index:2;border:1px solid var(--fd-brand);border-radius:6px;background:var(--fd-surface);padding:clamp(24px,5vw,54px);transform-style:preserve-3d}.card-meta{display:flex;justify-content:space-between;gap:16px;padding-right:156px}.timer-block{position:absolute;right:clamp(20px,4vw,42px);top:28px;width:106px;border:1px solid var(--fd-border);padding:8px 10px;text-align:right}.timer-block span{display:block;font-size:12px}.timer-block strong{display:block;color:var(--fd-ink);font-family:var(--font-mono);font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-block[data-critical=true]{border-color:var(--fd-again)}.timer-block[data-critical=true] strong{color:var(--fd-again)}.question-card h1{max-width:670px;margin:58px 0 46px;font-weight:400;font-size:clamp(25px,3.2vw,38px);line-height:1.4;letter-spacing:-.02em;text-wrap:pretty}.answer-key{padding:16px 18px;margin:-8px 0 30px;border:1px solid var(--fd-brand);background:var(--fd-elevated)}.answer-key span{color:var(--fd-brand);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.answer-key p{margin:9px 0 0;font-size:17px;font-weight:300;line-height:1.6;text-wrap:pretty}.answer-controls,.grade-controls{margin-top:auto}.answer-controls>p,.grade-controls>p{margin:0 0 10px}.answer-controls{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.answer-controls>p{grid-column:1/-1}.answer-controls .primary-action{width:auto}.grade-controls>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.grade{min-height:74px;padding:9px 8px 8px;border:0;border-radius:4px;background:var(--fd-border);color:var(--fd-muted);display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;justify-content:center;align-items:center;grid-column-gap:6px;column-gap:6px;font-family:var(--font-impact);font-size:22px;line-height:.9;letter-spacing:.05em;transition:transform .08s ease,background .2s ease,color .2s ease}.grade svg{width:22px;height:22px;grid-row:span 2}.grade small{grid-column:2;font-family:var(--font-mono);font-size:12px;letter-spacing:0}.grade:not(:disabled):hover{color:var(--fd-void)}.grade.grade-again:not(:disabled){background:var(--fd-again)}.grade.grade-hard:not(:disabled){background:var(--fd-hard)}.grade.grade-good:not(:disabled){background:var(--fd-brand)}.grade.grade-easy:not(:disabled){background:var(--fd-easy)}.observer-state{min-height:64px;display:grid;place-items:center;border:1px solid var(--fd-border);color:var(--fd-muted)}.end-match{position:fixed;bottom:14px;right:20px;min-height:44px;border:0;background:transparent;color:var(--fd-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.end-match:hover{color:var(--fd-again)}.state-panel{max-width:720px;margin:clamp(90px,18vh,170px) auto;text-align:center}.state-panel .eyebrow{color:var(--fd-brand)}.state-panel>p:not(.eyebrow){margin-inline:auto}.state-panel .primary-action{width:auto;margin-top:28px}.ranking{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--fd-border);text-align:left}.ranking li{min-height:54px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 80px;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid var(--fd-border);font-family:var(--font-mono)}.ranking em,.ranking li>span{color:var(--fd-muted)}.ranking em{font-style:normal;font-size:12px}.ranking b{color:var(--fd-brand);text-align:right;font-size:20px}.event-banner{position:fixed;top:86px;left:50%;transform:translateX(-50%);z-index:5;min-width:270px;padding:10px 28px;text-align:center;font-family:var(--font-impact);font-size:34px;letter-spacing:.1em;color:var(--fd-void)}.event-banner.gold{background:var(--fd-gold)}.event-banner.electric{background:var(--fd-electric)}.notice{position:fixed;z-index:6;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;min-height:42px;max-width:min(460px,calc(100vw - 40px));padding:7px 10px 7px 14px;border:1px solid var(--fd-border);border-left:2px solid var(--fd-brand);background:var(--fd-elevated);font-family:var(--font-mono);font-size:12px;color:var(--fd-ink)}.notice span{text-wrap:pretty}.notice button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--fd-muted)}.notice button:hover{color:var(--fd-ink)}.notice svg{width:16px}.sound-control{position:fixed;left:18px;bottom:18px;z-index:24;height:46px;display:flex;align-items:center;gap:6px;padding:0 10px 0 0;border:1px solid var(--fd-border);background:var(--fd-surface)}.sound-control button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--fd-brand);transition:color .2s ease,background .2s ease,transform .15s ease}.sound-control button:hover{color:var(--fd-electric);background:var(--fd-elevated)}.sound-control button:active{transform:scale(.92)}.sound-control button svg{width:20px;height:20px}.sound-control input[type=range]{width:96px;min-height:44px;height:44px}.sound-control input:disabled{opacity:.34}.avatar-picker{min-width:0;margin:20px 0 0;padding:0;border:0}.avatar-picker legend,.rule-heading span{color:var(--fd-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.avatar-picker>div{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;margin-top:9px}.avatar-choice{min-width:44px;min-height:44px;padding:0;border:1px solid var(--fd-border);border-radius:3px;background:var(--fd-void);color:var(--fd-muted);display:grid;place-items:center;transition:transform .16s ease,border-color .2s ease,background .2s ease,color .2s ease}.avatar-choice:hover{transform:translateY(-2px);border-color:var(--fd-muted);color:var(--fd-ink)}.avatar-choice.selected{border-color:var(--fd-electric);background:var(--fd-elevated);color:var(--fd-electric)}.avatar-choice:active{transform:translateY(2px) scale(.94)}.avatar-glyph{--avatar-tone:var(--fd-brand);width:58px;height:58px;display:inline-grid;flex:0 0 auto;place-items:center;position:relative;border:1px solid var(--avatar-tone);background:var(--fd-void);color:var(--avatar-tone);-webkit-clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}.avatar-glyph:after{content:"";position:absolute;inset:5px;border:1px solid;opacity:.38;-webkit-clip-path:inherit;clip-path:inherit}.avatar-glyph svg{width:30px;height:30px;stroke-width:1.7;position:relative;z-index:1}.avatar-glyph.compact{width:28px;height:28px}.avatar-glyph.compact:after{inset:3px}.avatar-glyph.compact svg{width:16px;height:16px}.avatar-glyph[data-avatar=nova]{--avatar-tone:var(--fd-hard)}.avatar-glyph[data-avatar=hex]{--avatar-tone:var(--fd-robo)}.avatar-glyph[data-avatar=vortex]{--avatar-tone:var(--fd-fase)}.avatar-glyph[data-avatar=lumen]{--avatar-tone:var(--fd-gold)}.avatar-glyph[data-avatar=arc]{--avatar-tone:var(--fd-easy)}.rule-dials{margin:20px 0 22px;padding:16px;border:1px solid var(--fd-border);background:var(--fd-void)}.rule-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.rule-heading em{color:var(--fd-brand);font-family:var(--font-mono);font-size:10px;font-style:normal;letter-spacing:.06em}.connection-panel .rule-dials label,.rule-dials label{display:grid;grid-gap:6px;gap:6px;margin:10px 0 0}.rule-dials label>span{display:flex;justify-content:space-between;color:var(--fd-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.rule-dials label b{color:var(--fd-ink);font-weight:700}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;height:44px;padding:0;border:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--fd-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--fd-electric);border-radius:50%;background:var(--fd-void);-webkit-transition:transform .15s ease,background .2s ease;transition:transform .15s ease,background .2s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18);background:var(--fd-brand)}input[type=range]::-moz-range-track{height:4px;background:var(--fd-border)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--fd-electric);border-radius:50%;background:var(--fd-void)}.lobby-rules{margin-top:28px;max-width:520px}.lobby-rules .secondary-action{width:100%}.lobby-rules>p{display:flex;gap:10px;align-items:center;color:var(--fd-ink);font-family:var(--font-mono)}.lobby-rules>p span{color:var(--fd-brand)}.duel-area{position:relative;isolation:isolate;perspective:1100px}.arena-rail{position:absolute;top:12%;bottom:14%;width:18%;border-top:1px solid var(--fd-deep);border-bottom:1px solid var(--fd-deep);opacity:.65;animation:rail-charge 2.8s ease-in-out infinite}.arena-rail:after,.arena-rail:before{content:"";position:absolute;width:42px;height:42px;border:1px solid var(--fd-brand);transform:rotate(45deg)}.arena-rail:before{top:-21px}.arena-rail:after{bottom:-21px}.arena-rail-left{left:-7%;border-left:2px solid var(--fd-deep);transform:skewY(-10deg)}.arena-rail-left:after,.arena-rail-left:before{right:-21px}.arena-rail-right{right:-7%;border-right:2px solid var(--fd-deep);transform:skewY(10deg)}.arena-rail-right:after,.arena-rail-right:before{left:-21px}.arena-sigil{position:absolute;width:min(720px,82vw);aspect-ratio:1;border:1px solid var(--fd-border);border-radius:50%;opacity:.42;animation:sigil-turn 28s linear infinite}.arena-sigil:before{content:"";position:absolute;inset:12%;border:1px dashed var(--fd-deep);border-radius:50%}.question-card:after,.question-card:before{content:"";position:absolute;width:54px;height:10px;border-top:2px solid var(--fd-electric)}.question-card:before{left:-1px;top:-1px;border-left:2px solid var(--fd-electric)}.question-card:after{right:-1px;bottom:-1px;border-right:2px solid var(--fd-electric);transform:rotate(180deg)}.question-card.status-revealing{animation:reveal-card .6s ease both}.answer-key.revealed{border-color:var(--fd-electric);animation:answer-lock .7s ease both}.answer-key.revealed span{color:var(--fd-electric)}.observer-state.revealed{border-color:var(--fd-electric);color:var(--fd-electric)}.timer-block[data-critical=true]{animation:timer-danger .55s ease-in-out infinite alternate}.grade:not(:disabled):hover,.primary-action:not(:disabled):hover{transform:translateY(-2px)}.grade:not(:disabled):active,.icon-button:active,.outline-action:not(:disabled):active,.primary-action:not(:disabled):active,.secondary-action:not(:disabled):active{transform:translateY(2px) scale(.96);filter:brightness(1.25)}.roster-player{transition:background .25s ease,color .25s ease,transform .25s ease}.roster-player.scored{z-index:2;background:var(--fd-electric);color:var(--fd-void);animation:score-roster 1.2s ease both}.roster-player.scored .player-name,.roster-player.scored .player-role,.roster-player.scored strong{color:var(--fd-void)}.score-impact:before{content:"";position:fixed;inset:0;z-index:18;pointer-events:none;border:12px solid var(--fd-electric);animation:impact-frame .42s ease-out both}.click-impact{position:fixed;z-index:60;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;border:2px solid var(--fd-electric);-webkit-clip-path:polygon(50% 0,61% 35%,100% 20%,69% 50%,100% 80%,61% 65%,50% 100%,39% 65%,0 80%,31% 50%,0 20%,39% 35%);clip-path:polygon(50% 0,61% 35%,100% 20%,69% 50%,100% 80%,61% 65%,50% 100%,39% 65%,0 80%,31% 50%,0 20%,39% 35%)}.click-impact b,.click-impact i,.click-impact span{position:absolute;left:50%;top:50%;width:46px;height:1px;background:var(--fd-electric);transform-origin:left center}.click-impact i{transform:rotate(60deg)}.click-impact b{transform:rotate(120deg)}.resolution-cinematic{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(4,12,11,.92);overflow:hidden}.resolution-slash{position:absolute;left:-10vw;right:-10vw;top:50%;height:4px;background:var(--fd-electric);transform-origin:center}.resolution-cinematic.grade-again .resolution-slash{background:var(--fd-again)}.resolution-cinematic.grade-hard .resolution-slash{background:var(--fd-hard)}.resolution-cinematic.grade-easy .resolution-slash{background:var(--fd-easy)}.resolution-panel{width:min(900px,100%);border:1px solid var(--fd-electric);background:var(--fd-surface);position:relative}.resolution-score{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:18px;gap:18px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--fd-border)}.resolution-score>div span{display:block;color:var(--fd-brand);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.resolution-score>div strong{display:block;margin-top:5px;font-family:var(--font-display);font-size:clamp(22px,4vw,38px);letter-spacing:-.02em}.resolution-score>b{color:var(--fd-electric);font-family:var(--font-impact);font-size:clamp(52px,8vw,88px);font-weight:400;line-height:.8}.resolution-score>b small{font-size:20px}.resolution-card{padding:22px 26px;display:grid;grid-template-columns:150px 1fr;grid-gap:8px 18px;gap:8px 18px}.next-duel>span,.resolution-card span{color:var(--fd-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.09em}.resolution-card p,.resolution-card strong{margin:0;color:var(--fd-ink);font-size:16px;line-height:1.45;text-wrap:pretty}.resolution-card strong{color:var(--fd-electric);font-weight:500}.next-duel{padding:16px 26px 22px;border-top:1px solid var(--fd-border)}.next-duel>div{margin-top:10px;display:grid;grid-template-columns:28px minmax(70px,1fr) auto 40px 28px minmax(70px,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.next-duel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-duel em{color:var(--fd-brand);font-family:var(--font-mono);font-size:10px;font-style:normal}.next-duel i{color:var(--fd-hard);font-family:var(--font-impact);font-size:25px;font-style:normal;text-align:center}.finish-stage{max-width:920px;margin:56px auto 0;text-align:center}.finish-stage h1{margin:0;font-family:var(--font-display);font-size:clamp(38px,7vw,74px);letter-spacing:-.04em}.podium{min-height:410px;margin-top:28px;display:flex;align-items:flex-end;justify-content:center;gap:8px}.podium-place{width:min(29vw,210px);display:grid;justify-items:center;position:relative}.podium-place .avatar-glyph{margin-bottom:9px}.podium-rank{min-height:28px;color:var(--fd-gold);font-family:var(--font-display)}.podium-rank svg{width:28px}.podium-place>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-place>b{margin-top:4px;color:var(--fd-brand);font-family:var(--font-mono)}.podium-block{width:100%;height:130px;margin-top:12px;display:grid;place-items:center;border:1px solid var(--fd-border);border-bottom:0;background:var(--fd-elevated)}.podium-block span{color:var(--fd-muted);font-family:var(--font-impact);font-size:70px}.place-1 .podium-block{height:205px;border-color:var(--fd-gold)}.place-1 .podium-block span{color:var(--fd-gold)}.place-2 .podium-block{height:155px}.place-3 .podium-block{height:112px}.fourth-place{margin:10px auto 0;color:var(--fd-muted);font-family:var(--font-mono)}.menu-action{width:auto;margin-top:28px;padding-inline:32px}@keyframes rail-charge{0%,to{opacity:.28;filter:brightness(.8)}50%{opacity:.9;filter:brightness(1.6)}}@keyframes sigil-turn{to{transform:rotate(1turn)}}@keyframes reveal-card{0%{filter:brightness(1)}18%{filter:brightness(2.4)}to{filter:brightness(1)}}@keyframes answer-lock{0%{transform:scaleY(.7);opacity:0}45%{transform:scaleY(1.04);opacity:1}to{transform:scaleY(1)}}@keyframes timer-danger{to{transform:translateX(2px);filter:brightness(1.35)}}@keyframes score-roster{0%{transform:scale(1)}24%{transform:scale(1.08)}52%{transform:scale(.98)}to{transform:scale(1)}}@keyframes impact-frame{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.04)}}@media (max-width:800px){.entry-shell,.game-shell{padding:20px}.entry-grid{margin-top:58px;grid-template-columns:1fr;gap:48px}.game-header{grid-template-columns:1fr auto}.game-header .brand{min-width:0}.room-ident{order:3;grid-column:1/-1;height:36px;margin-top:-10px}.header-score{grid-column:2;grid-row:1}.roster{margin-top:12px}.lobby-layout{margin-top:58px;grid-template-columns:1fr}.lobby-intro{grid-row:auto}.lobby-action{grid-column:auto}.duel-area{min-height:calc(100svh - 220px);padding:28px 0 72px}.question-card{min-height:520px;padding:24px}.card-meta{padding-right:0;padding-top:58px}.timer-block{top:20px;right:20px}.question-card h1{margin:34px 0 36px;font-size:25px}.grade-controls>div{grid-template-columns:repeat(2,1fr)}.grade{min-height:62px}.ranking li{grid-template-columns:34px 1fr 66px}.ranking em{display:none}.arena-rail{width:10%;opacity:.35}.resolution-panel{max-height:calc(100svh - 32px);overflow:auto}.resolution-score{grid-template-columns:auto 1fr;padding:18px}.resolution-score>b{grid-column:1/-1;justify-self:center;margin:8px 0}.resolution-card{grid-template-columns:1fr;padding:18px}.resolution-card span:not(:first-child){margin-top:8px}.next-duel{padding-inline:18px}.next-duel>div{grid-template-columns:28px 1fr auto}.next-duel i{grid-column:1/-1;font-size:18px;line-height:1}.podium{min-height:340px}.podium-block{height:96px}.place-1 .podium-block{height:155px}.place-2 .podium-block{height:120px}.place-3 .podium-block{height:84px}}@media (max-width:460px){.brand span{font-size:20px}.entry-statement h1{font-size:38px}.answer-controls,.join-row{grid-template-columns:1fr}.answer-controls .primary-action{width:100%}.question-card{padding:20px}.card-meta{font-size:12px}.event-banner{min-width:0;width:calc(100vw - 40px);font-size:28px}.avatar-picker>div{grid-template-columns:repeat(3,1fr)}.rule-heading{display:grid}.resolution-cinematic{padding:12px}.resolution-score .avatar-glyph{width:44px;height:44px}.resolution-score .avatar-glyph svg{width:24px;height:24px}.podium{gap:4px}.podium-place{width:31vw;font-size:12px}.podium-place .avatar-glyph{width:42px;height:42px}.podium-place .avatar-glyph svg{width:22px;height:22px}.podium-block span{font-size:48px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}