@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;0,800;1,600;1,700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.lobby{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4) var(--space-16);overflow:hidden}.lobby__content{position:relative;z-index:2;width:100%;max-width:480px;animation:fadeIn var(--duration-enter) var(--ease-out-expo) both}.lobby__footer{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2;font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost);white-space:nowrap;-webkit-user-select:none;user-select:none}.lobby-bg{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none;overflow:hidden}.lobby-bg__digit{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:clamp(1rem,2.2vw,2rem);color:var(--color-text-primary);aspect-ratio:1;animation:bgFloat linear infinite}@keyframes bgFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}to{transform:translateY(0) scale(1)}}.lobby-panel{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.lobby-panel__header{display:flex;flex-direction:column;gap:var(--space-2)}.lobby-panel__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.lobby-panel__desc{font-size:var(--text-sm);color:var(--color-text-dim);line-height:var(--leading-normal)}.home-hero{text-align:center;margin-bottom:var(--space-10)}.home-hero__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost);margin-bottom:var(--space-3)}.home-hero__wordmark{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);display:flex;flex-direction:column;align-items:center}.home-hero__sudo{color:var(--color-text-primary);text-shadow:0 0 80px rgba(221,208,184,.06)}.home-hero__race{color:transparent;-webkit-text-stroke:1.5px var(--color-amber-500);text-shadow:var(--shadow-amber);letter-spacing:.06em}.home-hero__tagline{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-dim);letter-spacing:var(--tracking-wide)}.mode-cards{display:flex;flex-direction:column;gap:var(--space-3)}.mode-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-fast) var(--ease-out-expo);animation:fadeIn var(--duration-enter) var(--ease-out-expo) both}.mode-card:nth-child(1){animation-delay:.05s}.mode-card:nth-child(2){animation-delay:.12s}.mode-card:nth-child(3){animation-delay:.19s}.mode-card:hover{background:var(--color-surface-2);transform:translate(5px)}.mode-card:active{transform:translate(3px) scale(.99)}.mode-card--public:hover{border-color:var(--color-amber-500)}.mode-card--private:hover{border-color:var(--color-steel-400)}.mode-card--join:hover{border-color:var(--color-border-strong)}.mode-card__glyph{font-size:1.5rem;width:2.2rem;text-align:center;flex-shrink:0;transition:transform var(--duration-base) var(--ease-out-back)}.mode-card:hover .mode-card__glyph{transform:scale(1.15)}.mode-card--public .mode-card__glyph{color:var(--color-amber-500)}.mode-card--private .mode-card__glyph{color:var(--color-steel-400)}.mode-card--join .mode-card__glyph{color:var(--color-text-dim)}.mode-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.mode-card__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);letter-spacing:var(--tracking-wide)}.mode-card__desc{font-size:var(--text-sm);color:var(--color-text-dim);line-height:var(--leading-snug)}.mode-card__arrow{font-size:1rem;color:var(--color-text-ghost);flex-shrink:0;transition:color var(--duration-base) ease,transform var(--duration-base) var(--ease-out-expo)}.mode-card:hover .mode-card__arrow{color:var(--color-text-dim);transform:translate(4px)}.form-field{display:flex;flex-direction:column}.form-actions{display:flex;flex-direction:column;gap:var(--space-3)}.queue-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center}.pulse-rig{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.pulse-core{position:relative;z-index:1;font-size:2rem;animation:corePulse 2.6s ease-in-out infinite}.queue-screen__headline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);font-style:italic;color:var(--color-text-primary);min-width:16ch}.queue-matchup{display:flex;align-items:center;gap:var(--space-5)}.queue-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.queue-player__tag{padding:var(--space-1) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-mid);border-radius:var(--radius-xs);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-primary);min-width:8ch;text-align:center}.queue-player--you .queue-player__tag{background:var(--color-amber-900);border-color:var(--color-amber-500);color:var(--color-amber-400)}.queue-player--opp .queue-player__tag{color:var(--color-text-ghost);border-style:dashed;animation:dimPulse 1.5s ease-in-out infinite}.queue-player__role{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost)}.queue-vs{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);font-style:italic;color:var(--color-text-dim)}.queue-meta{display:flex;align-items:center;gap:var(--space-5)}.queue-timer{font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.room-code-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center}.room-code-screen__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost)}.room-code-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.room-code-screen__desc{font-size:var(--text-sm);color:var(--color-text-dim);max-width:32ch;line-height:var(--leading-normal)}.room-code{display:flex;gap:var(--space-2);align-items:center}.room-code__digit{display:flex;align-items:center;justify-content:center;width:3.2rem;height:4rem;background:var(--color-surface-2);border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-amber-400);box-shadow:inset 0 1px #ffffff0a,0 0 16px var(--color-amber-halo);animation:digitReveal .3s var(--ease-out-back) both}.room-code__digit:nth-child(1){animation-delay:0s}.room-code__digit:nth-child(2){animation-delay:.06s}.room-code__digit:nth-child(3){animation-delay:.12s}.room-code__digit:nth-child(4){animation-delay:.18s}.room-code__digit:nth-child(5){animation-delay:.24s}.room-code__digit:nth-child(6){animation-delay:.3s}@keyframes digitReveal{0%{opacity:0;transform:translateY(-6px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.btn--copied{background:var(--color-steel-900)!important;border-color:var(--color-steel-400)!important;color:var(--color-steel-300)!important}.room-waiting-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dim);letter-spacing:var(--tracking-wide)}.code-inputs{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.code-sep{color:var(--color-text-ghost);font-size:var(--text-md);margin:0 var(--space-1);-webkit-user-select:none;user-select:none}.code-input{width:2.8rem;height:3.6rem;text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-text-primary);text-transform:uppercase;caret-color:var(--color-amber-500);transition:border-color var(--duration-base) ease,background var(--duration-base) ease,box-shadow var(--duration-base) ease}.code-input:focus{border-color:var(--color-amber-500);background:var(--color-surface-3);box-shadow:0 0 0 3px var(--color-amber-glow)}.code-input--filled{border-color:var(--color-border-mid);color:var(--color-amber-400)}.code-input--error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--color-error-glow)!important}@media(max-width:480px){.lobby-panel,.queue-screen,.room-code-screen{padding:var(--space-6)}.home-hero{margin-bottom:var(--space-8)}.room-code__digit{width:2.6rem;height:3.2rem;font-size:var(--text-lg)}.code-input{width:2.4rem;height:3rem;font-size:var(--text-lg)}.queue-screen__headline{font-size:var(--text-lg);min-width:14ch}}.ongoing-games{margin-top:var(--space-8);width:100%;max-width:480px;animation:fadeIn var(--duration-enter) var(--ease-out-expo) both;animation-delay:.25s}.ongoing-games__header{margin-bottom:var(--space-4)}.ongoing-games__title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.games-list{display:flex;flex-direction:column;gap:var(--space-4)}.game-card{background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-lg);animation:slideIn var(--duration-enter) var(--ease-out-expo) both;transition:transform var(--duration-base) var(--ease-out-expo),border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}.game-card:hover{transform:translateY(-2px);border-color:var(--color-border-mid);box-shadow:var(--shadow-xl)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.game-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.game-card__difficulty{font-size:var(--text-xs)}.game-card__players{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.game-player{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border-ghost);border-radius:var(--radius-md);transition:all var(--duration-base) ease}.game-player--you{border-left:3px solid var(--color-amber-500)}.game-player--opp{border-right:3px solid var(--color-steel-400)}.game-player__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-dim)}.game-player__name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);word-break:break-word}.game-player__progress{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-amber-400);font-variant-numeric:tabular-nums}.game-player--opp .game-player__progress{color:var(--color-steel-300)}.game-player__waiting{font-size:var(--text-xs);color:var(--color-text-ghost);font-style:italic;animation:dimPulse 1.5s ease-in-out infinite}.game-vs{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-dim);text-shadow:0 0 8px var(--color-amber-halo);padding:0 var(--space-1)}.game-card__footer{margin-top:var(--space-3)}.btn__arrow{font-size:1.2em;transition:transform var(--duration-base) var(--ease-out-expo)}.btn:hover .btn__arrow{transform:translate(4px)}.ongoing-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);margin-top:var(--space-8)}.ongoing-loading__text{font-size:var(--text-sm);color:var(--color-text-dim);letter-spacing:var(--tracking-wide)}.ongoing-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-dim);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-top:var(--space-8);color:var(--color-error);font-size:var(--text-sm)}.pulse-rig{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border-radius:50%;border:1px solid var(--color-amber-500);animation:pulseExpand 2.6s ease-out infinite}.pulse-ring--1{inset:0;animation-delay:0s;opacity:.55}.pulse-ring--2{inset:0;animation-delay:.85s;opacity:.35}.pulse-ring--3{inset:0;animation-delay:1.7s;opacity:.15}@keyframes pulseExpand{0%{transform:scale(.5);opacity:.6}to{transform:scale(2.4);opacity:0}}.pulse-core{position:relative;z-index:1;font-size:1.5rem;animation:corePulse 2.6s ease-in-out infinite}@keyframes corePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 10px var(--color-amber-500))}}@keyframes dimPulse{0%,to{opacity:.45}50%{opacity:1}}@media(max-width:480px){.ongoing-games{max-width:100%;padding:0 var(--space-2)}.game-card{padding:var(--space-4)}.game-card__players{flex-direction:column;gap:var(--space-2)}.game-player{width:100%}.game-vs{transform:rotate(90deg);margin:var(--space-1) 0}}.board-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6) var(--space-4) var(--space-8);min-height:100vh;background:var(--color-surface-0)}.board-progress{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:504px}.progress-bar{display:flex;flex-direction:column;gap:var(--space-1)}.progress-bar__header{display:flex;justify-content:space-between;align-items:baseline}.progress-bar__name{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.progress-bar--me .progress-bar__name{color:var(--color-amber-400)}.progress-bar--opponent .progress-bar__name{color:var(--color-text-dim)}.progress-bar--finished .progress-bar__name{color:var(--color-success)}.progress-bar__count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-primary)}.progress-bar__total{color:var(--color-text-ghost)}.progress-bar__track{position:relative;height:5px;background:var(--color-surface-3);border-radius:var(--radius-pill);overflow:visible}.progress-bar__fill{height:100%;border-radius:var(--radius-pill);transition:width .45s var(--ease-out-expo);min-width:0}.progress-bar--me .progress-bar__fill{background:linear-gradient(90deg,var(--color-amber-600),var(--color-amber-400));box-shadow:0 0 10px var(--color-amber-glow)}.progress-bar--opponent .progress-bar__fill{background:linear-gradient(90deg,var(--color-steel-500),var(--color-steel-400));box-shadow:0 0 10px var(--color-steel-glow)}.progress-bar--finished .progress-bar__fill{background:linear-gradient(90deg,#2d8058,var(--color-success));box-shadow:var(--shadow-success)}.progress-bar__pct{position:absolute;right:0;top:-1.3rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-ghost)}.board-outer{position:relative;border:var(--board-border);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-surface-0),var(--shadow-xl),0 0 60px #4a648c0f;overflow:hidden}.board{border-collapse:collapse;background:var(--color-surface-1);outline:none;display:block}.board:focus-visible{box-shadow:inset 0 0 0 2px var(--color-amber-500)}.board__row{display:table-row}.board__row--box-bottom .cell{border-bottom:var(--board-box-line)!important}.cell{width:var(--cell-size);height:var(--cell-size);border:var(--board-cell-line);text-align:center;vertical-align:middle;position:relative;cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.cell--box-right{border-right:var(--board-box-line)!important}.cell--input{cursor:pointer}.cell__value{display:block;font-family:var(--font-mono);font-size:1.25rem;font-weight:var(--weight-regular);line-height:1;color:var(--color-text-dim);transition:color var(--duration-base) ease,transform var(--duration-fast) ease;pointer-events:none}.cell--clue .cell__value{color:var(--color-text-primary);font-weight:var(--weight-bold)}.cell--selected{background:var(--color-surface-4);box-shadow:inset 0 0 0 2px var(--color-amber-500);z-index:var(--z-raised)}.cell--selected .cell__value{color:var(--color-text-primary)}.cell--highlight{background:var(--color-surface-2)}.cell--same-num .cell__value{color:var(--color-amber-500)}.cell--same-num{background:var(--color-amber-900)}.cell--optimistic .cell__value{color:var(--color-amber-400)}.cell--confirmed:not(.cell--clue) .cell__value{color:var(--color-steel-300)}.cell--confirmed:not(.cell--clue){animation:cellConfirm .25s var(--ease-out-back)}@keyframes cellConfirm{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.cell--rejected{background:var(--color-error-dim)!important;animation:cellShake .55s var(--ease-in-out)}.cell--rejected .cell__value{color:var(--color-error)!important}@keyframes cellShake{0%,to{transform:translate(0)}15%,45%{transform:translate(-4px)}30%,60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.numpad{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);width:100%;max-width:340px}.numpad__btn{display:flex;align-items:center;justify-content:center;height:3rem;background:var(--color-surface-2);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo);touch-action:manipulation;-webkit-user-select:none;user-select:none}.numpad__btn:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-mid)}.numpad__btn:active:not(:disabled){transform:scale(.93);background:var(--color-surface-4);border-color:var(--color-amber-500)}.numpad__btn:disabled{opacity:.3;cursor:not-allowed}.numpad__btn--erase{font-size:var(--text-md);color:var(--color-text-dim)}.numpad__btn--erase:active:not(:disabled){border-color:var(--color-error);color:var(--color-error)}@media(max-width:560px){.cell{width:var(--cell-size-sm);height:var(--cell-size-sm)}.cell__value{font-size:1rem}.board-wrap{padding:var(--space-4) var(--space-2) var(--space-6)}}@media(min-width:640px){.numpad{display:none}}@media(min-width:900px){:root{--cell-size: 58px}}.cd-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:cdOverlayIn var(--duration-enter) var(--ease-out-expo) both}.cd-overlay--exiting{animation:cdOverlayOut .42s var(--ease-in-expo) both;pointer-events:none}@keyframes cdOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cdOverlayOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.06);filter:blur(4px)}}.cd-backdrop{position:absolute;inset:0;background:#07090fc7;backdrop-filter:blur(2px) saturate(.35) brightness(.7);-webkit-backdrop-filter:blur(2px) saturate(.35) brightness(.7)}.cd-spotlight{position:absolute;inset:0;pointer-events:none;transition:background .5s ease}.cd-spotlight--step-3{background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(245,166,35,.07) 0%,transparent 70%)}.cd-spotlight--step-2{background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(74,144,217,.07) 0%,transparent 70%)}.cd-spotlight--step-1{background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(224,85,85,.09) 0%,transparent 70%)}.cd-spotlight--step-0{background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(76,175,128,.12) 0%,transparent 70%)}.cd-grid-lines{position:absolute;inset:0;display:flex;pointer-events:none;overflow:hidden}.cd-grid-line{flex:1;border-right:1px solid rgba(74,100,140,.07);animation:cdLineReveal .6s var(--ease-out-expo) both}.cd-grid-line:nth-child(1){animation-delay:0s}.cd-grid-line:nth-child(2){animation-delay:.04s}.cd-grid-line:nth-child(3){animation-delay:.08s}.cd-grid-line:nth-child(4){animation-delay:.12s}.cd-grid-line:nth-child(5){animation-delay:.16s}.cd-grid-line:nth-child(6){animation-delay:.2s}.cd-grid-line:nth-child(7){animation-delay:.24s}.cd-grid-line:nth-child(8){animation-delay:.28s}.cd-grid-line:nth-child(9){animation-delay:.32s}@keyframes cdLineReveal{0%{opacity:0;transform:scaleY(0);transform-origin:center}to{opacity:1;transform:scaleY(1)}}.cd-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;max-width:420px;padding:0 var(--space-6)}.cd-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:#111827e0;border:1px solid var(--color-border-mid);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:cdBannerIn .5s var(--ease-out-expo) .1s both}@keyframes cdBannerIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cd-banner__player{display:flex;flex-direction:column;gap:var(--space-1)}.cd-banner__player--you{align-items:flex-start}.cd-banner__player--opp{align-items:flex-end}.cd-banner__role{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost)}.cd-banner__name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-banner__player--you .cd-banner__name{color:var(--color-amber-400)}.cd-banner__centre{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.cd-banner__vs{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);font-style:italic;color:var(--color-text-dim)}.cd-banner__diff{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-ghost)}.cd-stage{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.cd-digit-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cd-digit-frame--visible{animation:cdDigitIn .32s var(--ease-out-back) both;opacity:1}.cd-digit-frame--hidden{animation:cdDigitOut .18s var(--ease-in-expo) both;opacity:0}@keyframes cdDigitIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes cdDigitOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.cd-digit-frame__value{position:relative;z-index:2;font-family:var(--font-display);font-size:7rem;font-weight:var(--weight-black);line-height:1;font-variant-numeric:tabular-nums;transition:color .2s ease,text-shadow .2s ease}.cd-digit-frame--3 .cd-digit-frame__value{color:var(--color-amber-500);text-shadow:0 0 48px var(--color-amber-glow)}.cd-digit-frame--2 .cd-digit-frame__value{color:var(--color-steel-400);text-shadow:0 0 48px var(--color-steel-glow)}.cd-digit-frame--1 .cd-digit-frame__value{color:var(--color-error);text-shadow:0 0 48px var(--color-error-glow)}.cd-digit-frame--go .cd-digit-frame__value{font-size:5.5rem;letter-spacing:.08em;color:var(--color-success);text-shadow:0 0 60px var(--color-success-glow);animation:cdGoFlash .65s var(--ease-out-back) both}@keyframes cdGoFlash{0%{transform:scale(.65);opacity:0}45%{transform:scale(1.18);opacity:1}70%{transform:scale(.96)}to{transform:scale(1)}}.cd-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cd-ring__fill{animation:cdRingDrain 1s linear both;will-change:stroke-dashoffset}@keyframes cdRingDrain{0%{stroke-dashoffset:0}to{stroke-dashoffset:327}}.cd-particle{position:absolute;top:50%;left:50%;width:var(--cd-size);height:var(--cd-size);border-radius:50%;background:var(--cd-color);pointer-events:none;animation:cdParticleBurst .75s var(--ease-out-expo) var(--cd-delay) both}@keyframes cdParticleBurst{0%{transform:translate(-50%,-50%) rotate(var(--cd-angle)) translate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--cd-angle)) translate(var(--cd-dist));opacity:0}}.cd-hint{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-ghost);text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out-expo) both;min-height:1.4em}@media(max-width:480px){.cd-stage{width:140px;height:140px}.cd-digit-frame__value{font-size:5.5rem}.cd-digit-frame--go .cd-digit-frame__value{font-size:4rem}.cd-banner{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.cd-banner__name{font-size:var(--text-sm);max-width:10ch}.cd-content{gap:var(--space-6)}}.victory-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:victoryOverlayIn var(--duration-enter) var(--ease-out-expo) both}@keyframes victoryOverlayIn{0%{opacity:0}to{opacity:1}}.victory-backdrop{position:absolute;inset:0;background:#07090fd9;backdrop-filter:blur(4px) saturate(.5);-webkit-backdrop-filter:blur(4px) saturate(.5)}.victory-spotlight{position:absolute;inset:0;pointer-events:none}.victory-spotlight--win{background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(245,166,35,.08) 0%,transparent 65%)}.victory-spotlight--loss{background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(74,144,217,.07) 0%,transparent 65%)}.victory-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-10);background:var(--color-surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;width:100%;max-width:440px;animation:victoryCardIn .55s var(--ease-out-back) .05s both}@keyframes victoryCardIn{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.victory-card--win{border:1px solid rgba(245,166,35,.3);box-shadow:var(--shadow-xl),0 0 0 1px #f5a6231f,0 0 80px #f5a6230f}.victory-card--loss{border:1px solid var(--color-border-mid)}.victory-card__glyph{font-size:3.5rem;line-height:1;animation:victoryGlyphIn .6s var(--ease-out-back) .15s both}@keyframes victoryGlyphIn{0%{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.victory-card--win .victory-card__glyph{color:var(--color-amber-400);animation:victoryGlyphIn .6s var(--ease-out-back) .15s both,victoryGlowPulse 2.4s ease-in-out .8s infinite}@keyframes victoryGlowPulse{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(245,166,35,.4))}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(245,166,35,.7))}}.victory-card--loss .victory-card__glyph{color:var(--color-text-dim)}.victory-card__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);animation:fadeIn var(--duration-enter) var(--ease-out-expo) .2s both}.victory-card--win .victory-card__title{color:var(--color-amber-200)}.victory-card--loss .victory-card__title{color:var(--color-text-primary)}.victory-card__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-dim);animation:fadeIn var(--duration-enter) var(--ease-out-expo) .28s both}.victory-results{display:flex;flex-direction:column;gap:var(--space-2);width:100%;animation:fadeIn var(--duration-enter) var(--ease-out-expo) .35s both}.result-player{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border-faint);border-radius:var(--radius-md)}.result-player--winner{border-color:#f5a62340;background:#3d250666}.result-player--me.result-player--winner{border-color:#f5a62373;background:#3d2506a6}.result-player__glyph{font-size:1.4rem;flex-shrink:0}.result-player--winner .result-player__glyph{color:var(--color-amber-400)}.result-player--loser .result-player__glyph{color:var(--color-text-ghost)}.result-player__info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-width:0}.result-player__name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18ch}.result-player--winner .result-player__name{color:var(--color-amber-400)}.result-player__stats{display:flex;align-items:center;gap:var(--space-3)}.result-player__cells,.result-player__time{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-dim)}.result-player__time{color:var(--color-amber-500);font-weight:var(--weight-medium)}.result-player__badge{flex-shrink:0}.victory-results__divider{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--color-text-ghost);text-align:center;-webkit-user-select:none;user-select:none}.victory-card__actions{display:flex;gap:var(--space-3);width:100%;animation:fadeIn var(--duration-enter) var(--ease-out-expo) .45s both}.victory-card__actions .btn{flex:1}@media(max-width:480px){.victory-card{padding:var(--space-8) var(--space-6);gap:var(--space-5)}.victory-card__title{font-size:var(--text-3xl)}.victory-card__glyph{font-size:2.8rem}.result-player{padding:var(--space-3) var(--space-4)}.result-player__name{max-width:14ch}}:root{--color-void: #07090f;--color-surface-0: #0c1018;--color-surface-1: #111827;--color-surface-2: #182030;--color-surface-3: #1f2d40;--color-surface-4: #263548;--color-border-ghost: rgba(74, 100, 140, .12);--color-border-faint: rgba(74, 100, 140, .22);--color-border-mid: rgba(74, 100, 140, .4);--color-border-strong: rgba(74, 100, 140, .65);--color-text-primary: #ddd0b8;--color-text-dim: #8a96a8;--color-text-ghost: #3d4e60;--color-text-invert: #07090f;--color-amber-200: #fde9b4;--color-amber-400: #f7bc57;--color-amber-500: #f5a623;--color-amber-600: #d4891a;--color-amber-900: #3d2506;--color-amber-glow: rgba(245, 166, 35, .18);--color-amber-halo: rgba(245, 166, 35, .08);--color-steel-300: #93bce0;--color-steel-400: #5a8fc0;--color-steel-500: #3a6fa0;--color-steel-900: #0d2035;--color-steel-glow: rgba(90, 143, 192, .15);--color-success: #4caf80;--color-success-glow: rgba(76, 175, 128, .2);--color-success-dim: #1a3d2a;--color-error: #e05555;--color-error-glow: rgba(224, 85, 85, .18);--color-error-dim: #3a1212;--color-warning: #e8a030;--color-info: #5a8fc0;--font-display: "Cormorant Garamond", "Georgia", serif;--font-mono: "DM Mono", "Fira Code", "Courier New", monospace;--text-xs: .64rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-hero: clamp(4rem, 12vw, 7rem);--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-wider: .12em;--tracking-widest: .2em;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.6;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .7), 0 4px 16px rgba(0, 0, 0, .5);--shadow-amber: 0 0 20px var(--color-amber-glow), 0 0 48px var(--color-amber-halo);--shadow-steel: 0 0 20px var(--color-steel-glow);--shadow-success: 0 0 16px var(--color-success-glow);--z-base: 0;--z-raised: 10;--z-overlay: 50;--z-modal: 100;--z-toast: 200;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--duration-enter: .42s;--duration-page: .48s;--cell-size: 52px;--cell-size-sm: 38px;--board-border: 2px solid var(--color-border-strong);--board-box-line: 2px solid rgba(74, 100, 140, .55);--board-cell-line: 1px solid var(--color-border-faint)}@media(prefers-color-scheme:light){:root{color-scheme:dark}}.field-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-2);-webkit-user-select:none;user-select:none}.text-input{width:max-content;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:var(--tracking-wide);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease,background var(--duration-base) ease}.text-input::placeholder{color:var(--color-text-ghost)}.text-input:hover{border-color:var(--color-border-mid)}.text-input:focus{border-color:var(--color-amber-500);outline:none;background:var(--color-surface-3);box-shadow:0 0 0 3px var(--color-amber-glow)}.text-input--error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--color-error-glow)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--duration-base) ease,border-color var(--duration-base) ease,color var(--duration-base) ease,box-shadow var(--duration-base) ease,transform var(--duration-fast) var(--ease-out-expo);-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--color-amber-500);color:var(--color-text-invert);border:1px solid transparent}.btn--primary:hover:not(:disabled){background:var(--color-amber-400);box-shadow:var(--shadow-amber)}.btn--ghost{background:transparent;border:1px solid var(--color-border-mid);color:var(--color-text-dim)}.btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-surface-2)}.btn--danger{background:var(--color-error-dim);border:1px solid var(--color-error);color:var(--color-error)}.btn--danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-invert);box-shadow:var(--shadow-md)}.btn--steel{background:var(--color-steel-900);border:1px solid var(--color-steel-500);color:var(--color-steel-300)}.btn--steel:hover:not(:disabled){background:var(--color-steel-500);color:var(--color-text-primary);box-shadow:var(--shadow-steel)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--full{width:100%}.btn--icon{padding:var(--space-2);border-radius:var(--radius-sm);aspect-ratio:1}.card{background:var(--color-surface-1);border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card--padded{padding:var(--space-8)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;-webkit-user-select:none;user-select:none}.badge--amber{background:var(--color-amber-900);color:var(--color-amber-400);border:1px solid rgba(245,166,35,.25)}.badge--steel{background:var(--color-steel-900);color:var(--color-steel-300);border:1px solid rgba(90,143,192,.25)}.badge--success{background:var(--color-success-dim);color:var(--color-success);border:1px solid rgba(76,175,128,.25)}.badge--error{background:var(--color-error-dim);color:var(--color-error);border:1px solid rgba(224,85,85,.25)}.divider{width:100%;height:1px;background:var(--color-border-ghost);margin:var(--space-4) 0}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-dim);padding:var(--space-1) 0;transition:color var(--duration-base) ease;-webkit-user-select:none;user-select:none;width:fit-content}.back-btn:hover{color:var(--color-text-primary)}.back-btn:before{content:"←";display:inline-block;transition:transform var(--duration-base) var(--ease-out-expo)}.back-btn:hover:before{transform:translate(-3px)}.field-error{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-error);letter-spacing:var(--tracking-wide);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.field-error:before{content:"✕";font-size:.6rem}.diff-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.diff-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border-faint);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-base) ease,border-color var(--duration-base) ease,transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-base) ease}.diff-option:hover{background:var(--color-surface-3);border-color:var(--color-border-mid);transform:translateY(-2px)}.diff-option--active{background:var(--color-amber-900);border-color:var(--color-amber-500);box-shadow:0 0 0 1px var(--color-amber-900),var(--shadow-amber)}.diff-option__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.diff-option__label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-dim);letter-spacing:var(--tracking-wide);transition:color var(--duration-base) ease}.diff-option--active .diff-option__label{color:var(--color-amber-400)}.diff-option__sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-ghost);transition:color var(--duration-base) ease}.diff-option--active .diff-option__sub{color:#f5a62373}.name-input-wrap{position:relative}.name-input-wrap .text-input{padding-right:3.5rem}.name-input__counter{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-ghost);pointer-events:none;-webkit-user-select:none;user-select:none}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--green{background:var(--color-success);box-shadow:0 0 8px var(--color-success-glow);animation:statusPulse 2s ease-in-out infinite}.status-dot--red{background:var(--color-error);box-shadow:0 0 8px var(--color-error-glow);animation:statusPulse 1.6s ease-in-out infinite}.status-dot--amber{background:var(--color-amber-500);box-shadow:0 0 8px var(--color-amber-glow);animation:statusPulse 1.8s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.game-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-0);background-image:radial-gradient(ellipse 100% 40% at 50% 0%,rgba(30,48,70,.55) 0%,transparent 65%);animation:pageEnter var(--duration-page) var(--ease-out-expo) both}.game-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#0d1219d9;border-bottom:1px solid var(--color-border-ghost);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:var(--z-raised)}.game-header__brand{display:flex;align-items:baseline;gap:.15em;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.game-header__sudo{color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.game-header__race{color:transparent;-webkit-text-stroke:1px var(--color-amber-500);letter-spacing:.05em}.game-header__centre{display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:center}.game-header__clock{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-text-dim);font-variant-numeric:tabular-nums;transition:color var(--duration-slow) ease}.game-header__clock--active{color:var(--color-text-primary);animation:clockTick 60s linear infinite}@keyframes clockTick{0%,99%{filter:brightness(1)}to{filter:brightness(1.4)}}.game-header__actions{display:flex;align-items:center;flex-shrink:0;min-width:5rem;justify-content:flex-end}.game-screen__main{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden}.connection-banner{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);background:#0d1219f2;border:1px solid rgba(224,85,85,.4);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);white-space:nowrap;animation:bannerDrop var(--duration-enter) var(--ease-out-expo) both;pointer-events:none}@keyframes bannerDrop{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.connection-banner__msg{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:#ddd0b8bf}@media(max-width:480px){.game-header{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.game-header__brand,.game-header__clock{font-size:var(--text-md)}.game-header__actions{min-width:4rem}.game-header__centre .badge{display:none}}@media(min-width:900px){.game-screen__main{padding:var(--space-6) 0}}