:root{color-scheme:dark;--bg: #08111f;--panel: rgba(11, 19, 32, .8);--text: #edf3ff;--muted: #9fb0ca;--accent: #53d0bc;--accent-strong: #2cb19d;--line: rgba(167, 190, 229, .18);--shadow: 0 22px 80px rgba(3, 9, 19, .42);--surface: rgba(14, 24, 40, .86);--surface-strong: rgba(18, 30, 50, .96);--chip: rgba(255, 255, 255, .06);--timer-bg: rgba(18, 30, 50, .82);--timer-border: rgba(167, 190, 229, .2);--timer-text: #edf3ff;--timer-muted: #9fb0ca;--timer-warning-bg: rgba(86, 58, 6, .86);--timer-warning-border: rgba(229, 189, 96, .28);--timer-warning-text: #ffe3a1;--timer-danger-bg: rgba(84, 20, 25, .86);--timer-danger-border: rgba(239, 128, 128, .28);--timer-danger-text: #ffc0c0;--info-banner-bg: rgba(18, 30, 50, .82);--info-banner-border: rgba(167, 190, 229, .2);--info-banner-text: #edf3ff;--field-bg: rgba(18, 30, 50, .88);--field-border: rgba(167, 190, 229, .22);--field-text: #edf3ff;--field-placeholder: #88a0c4;--field-focus-ring: rgba(83, 208, 188, .18);--error-text: #ffb3b3;--info-text: #9fe9cc;--claim-banner-bg: rgba(78, 66, 25, .82);--claim-banner-border: rgba(217, 194, 121, .24);--claim-banner-text: #f5e6b8;--result-banner-bg: rgba(22, 57, 49, .84);--result-banner-border: rgba(83, 208, 188, .24);--result-banner-text: #d7fff6}.app-shell.theme-light{color-scheme:light;--bg: #f7f1e6;--panel: rgba(255, 252, 246, .86);--text: #2b2218;--muted: #7c6b59;--accent: #d86b34;--accent-strong: #ba5523;--line: rgba(79, 56, 33, .14);--shadow: 0 18px 44px rgba(129, 92, 55, .12);--surface: rgba(255, 250, 242, .88);--surface-strong: rgba(255, 252, 247, .98);--chip: rgba(216, 107, 52, .08);--timer-bg: rgba(255, 252, 247, .94);--timer-border: rgba(105, 84, 60, .14);--timer-text: #2b2218;--timer-muted: #7c6b59;--timer-warning-bg: rgba(255, 244, 220, .96);--timer-warning-border: rgba(182, 126, 31, .28);--timer-warning-text: #9a5a00;--timer-danger-bg: rgba(255, 232, 226, .96);--timer-danger-border: rgba(190, 61, 43, .28);--timer-danger-text: #9d1f1f;--info-banner-bg: rgba(255, 252, 247, .94);--info-banner-border: rgba(105, 84, 60, .14);--info-banner-text: #2b2218;--field-bg: rgba(255, 255, 255, .94);--field-border: rgba(79, 56, 33, .14);--field-text: #2b2218;--field-placeholder: #8d7a67;--field-focus-ring: rgba(216, 107, 52, .14);--error-text: #9d1f1f;--info-text: #1d5b3d;--claim-banner-bg: rgba(244, 240, 229, .96);--claim-banner-border: rgba(177, 147, 87, .22);--claim-banner-text: #6c4e13;--result-banner-bg: rgba(231, 245, 240, .96);--result-banner-border: rgba(66, 147, 122, .2);--result-banner-text: #1f5a4e}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(83,208,188,.18),transparent 26%),radial-gradient(circle at top right,rgba(72,119,255,.2),transparent 22%),linear-gradient(160deg,#06101d,#0c1727 40%,#08111f)}body.theme-light{background:radial-gradient(circle at top left,rgba(229,165,92,.22),transparent 24%),radial-gradient(circle at top right,rgba(217,107,52,.16),transparent 20%),linear-gradient(180deg,#fbf6ee,#f6efe4 45%,#efe5d7)}body.theme-dark{background:radial-gradient(circle at top left,rgba(83,208,188,.18),transparent 26%),radial-gradient(circle at top right,rgba(72,119,255,.2),transparent 22%),linear-gradient(160deg,#06101d,#0c1727 40%,#08111f)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh;padding-top:14px;color:var(--text);background:radial-gradient(circle at top left,rgba(83,208,188,.18),transparent 26%),radial-gradient(circle at top right,rgba(72,119,255,.2),transparent 22%),linear-gradient(160deg,#06101d,#0c1727 40%,#08111f)}.app-shell.theme-light{background:radial-gradient(circle at top left,rgba(229,165,92,.22),transparent 24%),radial-gradient(circle at top right,rgba(217,107,52,.16),transparent 20%),linear-gradient(180deg,#fbf6ee,#f6efe4 45%,#efe5d7)}.page-shell{flex:1 0 auto}.site-header,.page-shell{width:min(1160px,calc(100vw - 32px));margin:0 auto}.site-header{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 0 18px;border-bottom:1px solid var(--line);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.site-footer{flex-shrink:0;padding:8px 0 28px}.site-footer-inner{width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:18px 6px 0;border-top:1px solid var(--line);display:flex;justify-content:center}.site-footer-copy{text-align:center;color:var(--muted);font-size:.92rem;line-height:1.7}.site-footer-link{color:var(--text);font-weight:700;border-bottom:1px solid rgba(83,208,188,.4);transition:color .15s ease,border-color .15s ease}.site-footer-link:hover{color:var(--accent);border-color:var(--accent)}.brand{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1;font-weight:800;color:var(--text)}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#4e7bff);color:#fff;font-weight:800;letter-spacing:.08em}.brand-block{display:inline-flex;gap:14px;align-items:center;min-width:0}.brand-text{min-width:0}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.site-nav,.session-actions,.hero-actions,.join-row,.section-head,.social-auth{display:flex;gap:12px;align-items:center}.desktop-nav,.desktop-actions{justify-content:center}.desktop-nav{justify-self:center;padding:0;border-radius:0;background:transparent;border:0}.desktop-actions{justify-self:end;gap:10px;min-width:0}.toolbar-group,.locale-switch,.mobile-toolbar,.mobile-session,.mobile-nav{display:flex;gap:12px;align-items:center}.toolbar-group{padding:0;border-radius:0;background:transparent;border:0}.locale-pill,.compact-pill,.menu-toggle{border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--text);padding:10px 14px}.locale-flag{display:inline-flex;align-items:center;justify-content:center}.locale-text{display:inline}.locale-pill.active{background:var(--accent);color:#fff;border-color:transparent}.menu-toggle{display:none}.site-nav a,.ghost-link,.primary-link,.primary-button,.ghost-button{border-radius:999px;padding:12px 18px;border:1px solid transparent;transition:.15s ease}.site-nav a{padding:10px 16px;color:var(--muted)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-nav a:hover,.ghost-link:hover,.ghost-button:hover{border-color:var(--line);background:var(--chip)}.primary-link,.primary-button{background:var(--accent);color:#04111d}.app-shell.theme-light .primary-link,.app-shell.theme-light .primary-button{color:#fffaf5}.primary-link:hover,.primary-button:hover{background:var(--accent-strong)}.ghost-button{background:var(--chip);border-color:var(--line);color:var(--text)}.session-pill,.profile-chip,.flash,.panel,.game-card,.public-game{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.session-pill,.profile-chip{padding:10px 14px;border-radius:999px;background:var(--chip);border:1px solid var(--line)}.profile-chip{display:inline-flex;gap:12px;align-items:center;padding-right:18px;min-width:0}.profile-copy{display:grid;line-height:1.1;min-width:0}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{color:var(--muted)}.avatar-badge{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#4e7bff);color:#fff;font-weight:700}.page-shell{padding:12px 0 48px}.app-shell.theme-light .site-header{background:transparent}.hero-grid,.dashboard-grid{display:grid;gap:24px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.board-page{min-height:auto;place-items:start stretch;align-content:start}.board-page>.board-panel{justify-self:center}.hero-grid{grid-template-columns:1fr;align-items:stretch}.hero-copy{padding:40px 0}.hero-copy h1,.single-panel h1,.section-head h1{margin-bottom:12px;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.04}.lead{max-width:700px;font-size:1rem;line-height:1.55;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.panel h2{margin-bottom:12px;font-size:clamp(1.1rem,1.75vw,1.4rem)}.feature-list,.card-list{margin:0;padding:0;list-style:none}.feature-list li,.empty-state{color:var(--muted);line-height:1.7}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr)}.stack-column{display:grid;gap:24px}.section-head{justify-content:space-between;margin-bottom:20px}.section-head h1{font-size:clamp(1.3rem,2vw,1.65rem)}.card-list{display:grid;gap:14px}.board-panel{width:min(1140px,100%);padding:10px 0 0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:var(--muted)}.score-block{display:inline-flex;gap:10px;align-items:center;padding:8px 10px;border-radius:999px;background:var(--chip);border:1px solid var(--line);color:var(--muted)}.score-block span{display:inline-flex;align-items:center;gap:8px}.match-players{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;color:var(--text);white-space:nowrap;overflow:hidden}.board-stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.board-panel.is-windowed{width:min(1240px,100%)}.board-panel.is-windowed .board-stage{grid-template-columns:1fr;gap:14px}.board-windowed-head{width:100%;position:relative;display:grid;justify-items:center}.board-windowed-summary{display:grid;justify-items:center;gap:12px;align-items:start;min-height:0;width:100%;text-align:center}.board-panel.is-windowed .board-action-button{writing-mode:initial;transform:none;min-height:40px;width:40px;padding:0;font-size:1rem;border-color:transparent;background:transparent;box-shadow:none;flex:0 0 auto}.board-windowed-fullscreen{position:absolute;top:0;right:0}.board-windowed-code{margin:0;text-align:center}.board-windowed-timer{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--timer-bg);border:1px solid var(--timer-border)}.board-windowed-time{font-size:1rem;font-weight:700;color:var(--timer-text)}.board-windowed-time.warning{color:var(--timer-warning-text)}.board-windowed-time.danger{color:var(--timer-danger-text)}.board-windowed-time.static{color:var(--timer-muted)}.board-windowed-time-separator{color:var(--timer-muted);font-weight:700}.board-windowed-players{justify-content:center}.board-windowed-summary .game-info-banner{width:min(100%,560px);justify-self:center}.board-windowed-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.board-windowed-action-slot{min-height:44px;display:flex}.board-windowed-action-slot.left{justify-content:flex-start}.board-windowed-action-slot.right{justify-content:flex-end}.board-canvas-stack{display:grid;gap:12px;width:fit-content;max-width:100%;justify-items:center;align-content:start;justify-self:center}.board-side-actions{display:grid;gap:10px;align-self:stretch;align-content:start}.board-info{display:grid;gap:12px}.board-timer-strip{display:grid;gap:8px}.timer-pill{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:18px;background:var(--timer-bg);border:1px solid var(--timer-border);color:var(--timer-text)}.timer-pill span{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--timer-muted)}.timer-pill strong{font-size:1rem}.timer-pill.no-label{justify-content:center;min-width:108px}.timer-pill.warning{border-color:var(--timer-warning-border);background:var(--timer-warning-bg);color:var(--timer-warning-text)}.timer-pill.danger{border-color:var(--timer-danger-border);background:var(--timer-danger-bg);color:var(--timer-danger-text)}.timer-pill.static{justify-content:flex-start}.timer-pill.static.no-label{justify-content:center}.game-info-banner{display:grid;gap:8px;padding:12px 14px;border-radius:18px;border:1px solid var(--info-banner-border);background:var(--info-banner-bg);color:var(--info-banner-text)}.game-info-banner strong,.game-info-banner span,.game-info-banner p{margin:0}.claim-banner{background:var(--claim-banner-bg);border-color:var(--claim-banner-border);color:var(--claim-banner-text)}.result-banner{background:var(--result-banner-bg);border-color:var(--result-banner-border);color:var(--result-banner-text)}.game-action-row{display:flex;flex-wrap:wrap;gap:10px}.game-action-row.compact{margin-top:4px}.danger-button{color:#9d1f1f}.player-inline-score{color:var(--muted);font-size:.92em}.player-color.current-turn{animation:player-turn-pulse 1.15s ease-in-out infinite;transform-origin:center}@keyframes player-turn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}.board-action-button{writing-mode:vertical-rl;transform:rotate(180deg);min-height:180px;padding:14px 10px;font-size:1.2rem;line-height:1}.board-action-button svg{width:18px;height:18px;display:block}.board-canvas-shell{position:relative;overflow:hidden;padding:12px;border-radius:22px;background:radial-gradient(circle at top left,rgba(178,76,47,.08),transparent 32%),linear-gradient(180deg,#fff9efb3,#eadabb4d);border:1px solid rgba(105,84,60,.14)}.board-panel.is-windowed .board-canvas-shell{padding:16px;justify-self:center;width:fit-content;max-width:100%}.board-meta-under{margin:0;padding:0 10px}.board-error-inline{margin:-2px 0 0;padding:0 10px}.board-panel:fullscreen,.board-panel:-webkit-full-screen{width:100vw;height:100vh;max-width:none;margin:0;padding:10px;display:grid;align-content:stretch;background:var(--bg)}.board-panel:fullscreen .board-stage,.board-panel:-webkit-full-screen .board-stage{height:100%;min-height:calc(100vh - 120px);align-items:stretch}.board-panel:fullscreen .board-canvas-shell,.board-panel:-webkit-full-screen .board-canvas-shell{height:100%;width:100%;min-width:0;display:grid;align-items:center;justify-items:center}.board-panel:fullscreen .board-side-actions,.board-panel:-webkit-full-screen .board-side-actions{height:100%;max-height:100vh;width:clamp(170px,18vw,230px);min-width:170px;gap:12px;padding:8px 0;grid-template-rows:1fr auto;align-content:stretch;overflow-y:auto;overflow-x:hidden}.board-panel:fullscreen .board-info,.board-panel:-webkit-full-screen .board-info{width:100%;min-width:0;gap:10px;align-content:start}.board-panel:fullscreen .board-info h1,.board-panel:-webkit-full-screen .board-info h1{margin:0;font-size:clamp(.82rem,1.5vw,1.08rem)}.board-panel:fullscreen .board-info .eyebrow,.board-panel:-webkit-full-screen .board-info .eyebrow{margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.5rem,.95vw,.68rem)}.board-panel:fullscreen .match-players,.board-panel:-webkit-full-screen .match-players{flex-direction:column;align-items:flex-start;gap:6px;white-space:normal;overflow:visible}.board-panel:fullscreen .player-name,.board-panel:-webkit-full-screen .player-name{align-items:center;white-space:normal;overflow-wrap:anywhere}.board-panel:fullscreen .versus-mini,.board-panel:-webkit-full-screen .versus-mini{margin-left:18px}.board-panel:fullscreen .board-meta,.board-panel:-webkit-full-screen .board-meta{display:grid;justify-content:start;gap:6px;margin-bottom:0;white-space:normal}.board-panel:fullscreen .ghost-button.board-action-button,.board-panel:-webkit-full-screen .ghost-button.board-action-button{writing-mode:initial;transform:none;min-height:36px;width:36px;padding:0;font-size:.95rem;border-color:transparent!important;background:transparent!important;box-shadow:none!important;justify-self:start;align-self:end}.board-panel:fullscreen .ghost-button.board-action-button:hover,.board-panel:-webkit-full-screen .ghost-button.board-action-button:hover,.board-panel:fullscreen .ghost-button.board-action-button:focus-visible,.board-panel:-webkit-full-screen .ghost-button.board-action-button:focus-visible,.board-panel:fullscreen .ghost-button.board-action-button:active,.board-panel:-webkit-full-screen .ghost-button.board-action-button:active{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.board-point-tooltip{position:absolute;z-index:2;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;padding:6px 10px;border-radius:999px;background:#1d1814e6;color:#fff7eb;font-size:.78rem;font-weight:600;letter-spacing:.04em;box-shadow:0 10px 22px #1d181433;white-space:nowrap}.game-board-canvas{display:block;margin:0;touch-action:none;border-radius:18px;box-shadow:inset 0 0 0 1px #69543c14,0 18px 32px #62442424;width:100%;height:auto;max-width:100%}.game-board-canvas.playable{cursor:crosshair}.game-card,.public-game{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid rgba(31,26,23,.08)}.game-preview-card{display:grid;gap:14px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid rgba(31,26,23,.08);box-shadow:var(--shadow)}.game-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.game-preview-head h2,.game-preview-head p{margin:0}.game-preview-head h2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.98rem}.preview-players{row-gap:6px}.player-name{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.player-color{width:10px;height:10px;border-radius:999px;flex:0 0 10px}.player-color-one{background:#2859c5}.player-color-two{background:#ba4535}.versus-mini{font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.preview-score{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;background:var(--chip);border:1px solid var(--line);font-size:.82rem;font-weight:700;white-space:nowrap}.preview-canvas-shell{overflow:hidden;border-radius:18px;background:radial-gradient(circle at top left,rgba(178,76,47,.08),transparent 32%),linear-gradient(180deg,#fff9efe0,#eadabbb3);border:1px solid rgba(105,84,60,.14);padding:8px}.preview-board-canvas{display:block;width:100%;height:auto;border-radius:14px;box-shadow:inset 0 0 0 1px #69543c14}.preview-status{margin:-2px 0 0;font-size:.86rem;color:var(--muted)}.games-main-panel{padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.games-main-panel>.section-head,.games-main-panel>.card-list,.games-main-panel>.error-text,.games-main-panel>p{padding-left:6px;padding-right:6px}.create-game-controls{display:grid;gap:14px;padding:0 6px 14px}.create-game-timing{display:grid;gap:10px}.create-game-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.time-choice-row{display:flex;flex-wrap:wrap;gap:10px}.time-choice-pill{border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--text);padding:10px 14px;transition:.15s ease}.time-choice-pill.active{background:var(--accent);border-color:transparent;color:#04111d}.custom-time-input{max-width:220px}.game-preview-actions{display:grid;gap:10px}.preview-action,.preview-subaction{width:100%;justify-content:center;text-align:center}.home-live-panel{margin-top:26px;padding:26px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--line)}.section-bottom-action{display:flex;justify-content:center;margin-top:20px}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mobile-drawer-backdrop{position:fixed;inset:0;background:#03091375;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:29}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);padding:22px;background:var(--surface-strong);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translate(100%);transition:transform .18s ease;z-index:30;display:grid;align-content:start;gap:18px}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.mobile-nav{display:grid;gap:10px}.mobile-nav a{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--chip)}.mobile-toolbar,.mobile-session{display:grid;gap:12px}.game-card h2,.public-game p,.public-game strong{margin:0}.game-code{margin:0 0 6px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.game-card h2,.public-game strong{font-size:1rem}.game-card p,.public-game p{font-size:.88rem;color:var(--muted)}.compact{gap:12px}.single-panel,.screen-center{display:grid;place-items:center;min-height:calc(100vh - 160px)}.auth-form{width:min(560px,100%)}.auth-form label{display:grid;gap:8px;margin-bottom:16px}.auth-form span{color:var(--muted)}.auth-helper{margin:0 0 18px;color:var(--muted);line-height:1.6}.auth-inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 18px}.auth-inline-actions .ghost-button{flex:1 1 200px}.social-auth{margin-top:18px;flex-wrap:wrap}.profile-overview{width:min(720px,100%)}.profile-summary{display:grid;gap:12px;margin:24px 0}.profile-summary-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.profile-summary-row span{color:var(--muted)}.profile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-action-card h2,.profile-action-card p{margin:0}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1 1 220px;text-align:center;border-color:var(--line);background:var(--chip)}.social-icon{display:inline-flex;width:18px;height:18px;flex:0 0 18px}.social-icon svg{width:100%;height:100%;display:block}input{width:100%;border:1px solid var(--field-border);border-radius:16px;padding:14px 16px;background:var(--field-bg);color:var(--field-text);caret-color:var(--field-text)}input::placeholder{color:var(--field-placeholder)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--field-focus-ring)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--field-text);box-shadow:0 0 0 1000px var(--field-bg) inset;transition:background-color 9999s ease-out 0s}.join-row input{flex:1}.error-text{color:var(--error-text);margin:0 0 16px}.info-text{color:var(--info-text);margin:0 0 16px}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#080c127a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.dialog-panel{width:min(420px,100%);display:grid;gap:14px;padding:24px;border-radius:24px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow)}.dialog-panel h2,.dialog-panel p{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.flash{margin-bottom:18px;padding:14px 18px;border-radius:20px;background:#305e5324;border:1px solid rgba(48,94,83,.2)}@media(max-width:960px){.hero-grid,.dashboard-grid,.profile-actions-grid{grid-template-columns:1fr}.profile-summary-row{flex-direction:column;align-items:start}.preview-grid,.compact-grid{grid-template-columns:1fr}.desktop-nav,.desktop-actions{display:none}.menu-toggle{display:inline-flex;justify-self:end}.site-header{grid-template-columns:1fr auto;padding:8px 0 14px}.brand{max-width:none;overflow:visible;text-overflow:initial;white-space:normal}.hero-actions,.join-row,.section-head,.game-action-row,.social-auth,.board-meta{flex-wrap:wrap}.board-panel{width:100%}.board-stage{grid-template-columns:1fr}.board-windowed-summary{gap:12px}.board-windowed-fullscreen{position:static;justify-self:end}.board-windowed-actions{grid-template-columns:1fr}.board-windowed-action-slot.left,.board-windowed-action-slot.right{justify-content:center}.board-side-actions{grid-auto-flow:row;justify-content:start}.board-timer-strip{width:100%}.timer-pill{flex-direction:column;align-items:flex-start}.create-game-controls{padding-bottom:12px}.dialog-actions{flex-wrap:wrap}.board-action-button{writing-mode:initial;transform:none;min-height:0}.board-canvas-shell,.board-panel.is-windowed .board-canvas-shell{padding:6px}.game-board-canvas{width:100%;height:auto}.board-panel:fullscreen,.board-panel:-webkit-full-screen{padding:8px}.board-panel:fullscreen .section-head,.board-panel:-webkit-full-screen .section-head,.board-panel:fullscreen .board-meta,.board-panel:-webkit-full-screen .board-meta{margin-bottom:8px}.board-panel:fullscreen .board-stage,.board-panel:-webkit-full-screen .board-stage{grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr;min-height:95vh;gap:8px}.board-panel:fullscreen .board-side-actions,.board-panel:-webkit-full-screen .board-side-actions{grid-auto-flow:row;justify-content:start;align-content:start;gap:8px;order:0;width:min(120px,22vw);min-width:0;padding:6px 0;max-height:100vh;overflow-y:auto;overflow-x:hidden}.board-panel:fullscreen .board-info,.board-panel:-webkit-full-screen .board-info{font-size:clamp(.72rem,2.55vw,.94rem)}.board-panel:fullscreen .board-info h1,.board-panel:-webkit-full-screen .board-info h1{font-size:clamp(.82rem,3.2vw,1.08rem)}.board-panel:fullscreen .board-info .eyebrow,.board-panel:-webkit-full-screen .board-info .eyebrow{font-size:clamp(.5rem,1.75vw,.64rem)}.board-panel:fullscreen .match-players,.board-panel:-webkit-full-screen .match-players,.board-panel:fullscreen .board-meta,.board-panel:-webkit-full-screen .board-meta,.board-panel:fullscreen .score-block,.board-panel:-webkit-full-screen .score-block{font-size:clamp(.66rem,2.35vw,.9rem)}.board-panel:fullscreen .board-canvas-shell,.board-panel:-webkit-full-screen .board-canvas-shell{min-height:0;width:100%;padding:6px;display:grid;align-items:center;justify-items:center}.board-panel:fullscreen .game-board-canvas,.board-panel:-webkit-full-screen .game-board-canvas{width:100%;height:auto;max-width:100%;max-height:100%}.mobile-drawer{left:0;right:auto;border-left:0;border-right:1px solid var(--line);transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}}@media(min-width:961px){.site-header{gap:18px;padding-bottom:16px}.brand-mark{width:46px;height:46px;border-radius:16px}.brand-block .eyebrow{margin-bottom:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem}.brand-block .brand-text{width:200px}.brand-block .brand{max-width:200px}.toolbar-group,.locale-switch{gap:8px}.desktop-actions .locale-pill{min-width:0;padding:9px 11px}.desktop-actions .locale-text{display:none}.desktop-actions .profile-chip{max-width:168px;padding:8px 12px 8px 10px}.desktop-actions .avatar-badge{width:34px;height:34px;font-size:.88rem}.desktop-actions .profile-copy{display:block}.desktop-actions .profile-copy strong{font-size:.94rem}.desktop-actions .profile-copy small{display:none}}