@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--paper:#fff;--canvas:#f5f6f7;--canvas-deep:#e8eaec;--ink:#1b1f24;--ink-soft:#4a5560;--muted:#737c85;--faint:#9aa1a8;--line:#e6e9ec;--line-strong:#d3d7db;--blue:#5c7fa3;--blue-deep:#44607e;--blue-soft:#eef2f5;--red:#a5706a;--red-deep:#7f524c;--red-soft:#f6ecea;--gold:#b28a4c;--green:#4a8c6a;--warning:#c9a24a;--board-max-size:950.4px;--font-sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"Space Mono", "SFMono-Regular", Consolas, monospace;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-padding-top:88px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);margin:0}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--blue) 35%, transparent)}:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px;border-radius:5px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing-page,.app-surface,.game-page{min-height:100vh}.landing-page{background:var(--paper)}.site-header,.app-header{background:color-mix(in srgb, var(--paper) 94%, transparent);z-index:20;border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;height:78px;padding-inline:clamp(20px,4vw,44px);display:flex;position:relative}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:1180px;margin-inline:auto;position:sticky;top:0}.brand{letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:0;font-size:18px;font-weight:600;display:inline-flex}.brand--compact{font-size:16px}.brand-mark{border-radius:6px;width:22px;height:22px;display:flex;overflow:hidden;transform:rotate(45deg);box-shadow:0 3px 8px #141c2633}.brand-mark>span{background:var(--blue);width:50%;display:block}.brand-mark>span+span{background:var(--red)}.brand-mark--small{box-shadow:none;border-radius:5px;flex:none;width:18px;height:18px}.site-header nav,.app-header__actions{align-items:center;gap:clamp(18px,2.4vw,34px);display:flex}.google-auth-button{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);min-height:38px;transition:background-color .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);white-space:nowrap;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.google-auth-button:hover{background:#fafafa;border-color:#b8bec5;box-shadow:0 2px 8px #141c2614}.google-auth-button__mark{background:conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;width:18px;font-family:Arial,sans-serif;font-size:17px;font-weight:700;line-height:1;display:inline-flex}.account-menu{position:relative}.account-menu>summary{border:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 5px;list-style:none;display:flex}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary,.account-menu>summary:hover{background:#f5f6f7;border-color:#b8bec5}.account-menu__avatar{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;font-weight:700;display:inline-flex}.account-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.account-menu__chevron{color:var(--muted);font-size:13px;transform:translateY(-1px)}.account-menu__panel{background:var(--paper);border:1px solid var(--line);z-index:50;border-radius:14px;flex-direction:column;min-width:260px;padding:17px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #141c2629}.account-menu__provider{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px}.account-menu__panel>strong{font-size:15px}.account-menu__email{color:var(--muted);text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.account-menu__alias{border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--ink-soft);margin:14px 0 8px;padding:12px 0;font-size:12px;line-height:1.5}.account-menu__panel>button{color:var(--red-deep);text-align:left;background:0 0;border:0;border-radius:7px;padding:9px;font-size:13px;font-weight:600}.account-menu__panel>button:hover{background:var(--red-soft)}.account-menu__panel>button:disabled{cursor:wait;opacity:.6}.auth-notice{border:1px solid;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;max-width:min(1092px,100% - 40px);margin:18px auto 0;padding:11px 14px 11px 16px;font-size:13px;display:flex}.auth-notice.is-success{color:#315f48;background:#f0f7f3;border-color:#bfd8c9}.auth-notice.is-error{background:var(--red-soft);color:var(--red-deep);border-color:#dfc3bf}.auth-notice>button{color:inherit;background:0 0;border:0;padding:2px 4px;font-size:19px;line-height:1}@media (max-width:960px){.site-header nav>a,.site-header .nav-link{display:none}}.locale-switch{border:1px solid var(--line-strong);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.08em;min-height:30px;transition:background-color .16s var(--ease), border-color .16s var(--ease);background:0 0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.locale-switch:hover{border-color:var(--ink-soft);background:#f2f3f4}.site-header nav>a,.nav-link,.text-button{color:var(--ink-soft);background:0 0;border:0;align-items:center;min-height:44px;padding:10px 0;font-size:14.5px;font-weight:500;display:inline-flex;position:relative}.site-header nav>a:after,.nav-link:after,.text-button:after{background:var(--ink);content:"";transform-origin:100%;height:1px;transition:transform .22s var(--ease);width:100%;position:absolute;bottom:5px;left:0;transform:scaleX(0)}.site-header nav>a:hover:after,.nav-link:hover:after,.text-button:hover:after{transform-origin:0;transform:scaleX(1)}.button{min-height:46px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;padding:12px 22px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button:disabled{cursor:wait;opacity:.55;transform:none}.button--primary{background:var(--ink);color:#fff;box-shadow:0 8px 22px #1b1f2429}.button--primary:hover{background:#2b3138;box-shadow:0 12px 30px #1b1f2438}.button--secondary{background:var(--paper);border-color:var(--line-strong)}.button--secondary:hover{border-color:var(--ink-soft);box-shadow:0 9px 24px #1b1f2414}.button--danger{background:var(--paper);color:var(--red-deep);border-color:#dfcbc8}.button--danger:hover{background:var(--red-soft);border-color:var(--red)}.button--small{min-height:42px;padding:10px 18px;font-size:14px}.button--large{min-height:54px;padding:15px 27px;font-size:16px}.eyebrow,.mono-caption,.hero-spec,.match-spec,.prototype-chip,.seat-status{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px}.eyebrow{color:#8a929a;letter-spacing:.2em;font-size:12px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(40px,5vw,56px);max-width:1180px;margin:0 auto;padding:clamp(56px,7vw,76px) clamp(24px,4vw,44px) clamp(52px,6vw,68px);display:grid}.hero-copy{max-width:560px}.game-picker{border:1px solid var(--line);background:#f1f3f4;border-radius:999px;gap:3px;margin-bottom:24px;padding:3px;display:inline-flex}.game-picker button{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;min-width:92px;padding:8px 15px;font-size:12px;font-weight:700}.game-picker button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 5px #141c261f}.hero-copy .eyebrow{margin-bottom:22px}.hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 22px;font-size:clamp(42px,4.9vw,58px);font-weight:600;line-height:1.02}.hero-lead{color:#5b636b;text-wrap:pretty;max-width:440px;margin:0 0 34px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.hero-spec{color:var(--faint);letter-spacing:.04em;text-transform:none;font-size:13px;line-height:1.6}.hero-board-card{border-radius:var(--radius-lg);background:#f4f5f6;border:1px solid #e6e9ec;flex-direction:column;align-items:center;gap:20px;min-width:0;padding:30px 30px 26px;display:flex;overflow:hidden}.goal-legend{flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:0;display:flex}.goal-legend>span{color:#4a5560;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.stone-dot{background:radial-gradient(circle at 35% 30%, #84a3c1, var(--blue) 55%, var(--blue-deep));border-radius:50%;flex:none;width:15px;height:15px;display:inline-flex;position:relative;box-shadow:0 1px 2px #141c2640}.stone-dot--red{background:radial-gradient(circle at 35% 30%, #c29188, var(--red) 55%, var(--red-deep))}.stone-dot--lg{width:32px;height:32px;box-shadow:0 2px 5px #141c2647}.how-section{background:#fafbfb;border-top:1px solid #f0f1f3;padding:clamp(48px,6vw,60px) clamp(24px,4vw,44px)}.section-heading,.rules-grid{max-width:1092px;margin-inline:auto}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{letter-spacing:-.02em;margin:0 0 44px;font-size:clamp(28px,3vw,34px)}.rules-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.rule-card{border-top:2px solid var(--ink);padding-top:20px}.rule-card--blue{border-color:var(--blue)}.rule-card--red{border-color:var(--red)}.rule-card>span{color:var(--ink);font-family:var(--font-mono);margin-bottom:14px;font-size:13px;font-weight:700;display:block}.rule-card--blue>span{color:var(--blue-deep)}.rule-card--red>span{color:var(--red-deep)}.rule-card h3{letter-spacing:-.01em;margin:0 0 9px;font-size:19px}.trust-strip h3{letter-spacing:-.01em;font-size:19px}.rule-card p,.trust-strip p{color:#5b636b;max-width:34ch;margin:0;font-size:15px;line-height:1.6}.trust-strip{background:var(--paper);border-top:1px solid #f0f1f3;grid-template-columns:repeat(3,1fr);max-width:1180px;margin-inline:auto;display:grid}.trust-strip article{padding:28px clamp(24px,4vw,44px)}.trust-strip article+article{border-left:1px solid #f0f1f3}.trust-strip h3{margin:0 0 5px;font-size:15px}.trust-strip p{color:#8a929a;font-size:13.5px}.site-footer{color:var(--faint);font-family:var(--font-mono);border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;max-width:1180px;margin-inline:auto;padding:26px 44px;font-size:12.5px;display:flex}.site-footer div{gap:22px;display:flex}.site-footer button{color:inherit;font:inherit;background:0 0;border:0;padding:8px 0}.site-footer button:hover{color:var(--ink)}.latest-section{border-top:1px solid #f0f1f3;max-width:1180px;margin-inline:auto;padding:34px clamp(24px,4vw,44px) 38px}.latest-section__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.latest-section__title{color:#8a929a;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:flex}.live-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px}.latest-section__live{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.match-feed{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.match-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px}.match-card__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.match-card__meta>span{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:11px}.match-card__badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.match-card__badge--blue{background:var(--blue-soft);color:#4a6b8c}.match-card__badge--red{background:var(--red-soft);color:#8f5a54}.match-card__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.match-card__row+.match-card__row{margin-top:7px}.match-card__who{color:#5b636b;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:500;display:flex}.match-card__who b{color:var(--ink);font-weight:600}.match-card__who,.match-card__who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-card__who .stone-dot{width:11px;height:11px}.match-card__elo{font-family:var(--font-mono);flex:none;font-size:12.5px;font-weight:700}.match-card__elo.is-up{color:var(--green)}.match-card__elo.is-down{color:#8f5a54}@media (max-width:900px){.match-feed{grid-template-columns:1fr}}.app-surface,.game-page{background:#fafbfb}.app-header{background:var(--paper)}.prototype-chip{border:1px solid var(--line);letter-spacing:.08em;background:#f1f3f4;border-radius:999px;padding:6px 10px}.waiting-view{text-align:center;flex-direction:column;align-items:center;max-width:650px;min-height:calc(100vh - 78px);margin:0 auto;padding:clamp(70px,9vw,120px) 24px 64px;display:flex}.waiting-view>.eyebrow{margin-bottom:26px}.search-pulse{gap:8px;margin-bottom:27px;display:flex}.search-pulse span{animation:searching 1.2s var(--ease) infinite;background:var(--blue);border-radius:50%;width:10px;height:10px}.search-pulse span:nth-child(2){opacity:.52;animation-delay:.12s}.search-pulse span:nth-child(3){opacity:.28;animation-delay:.24s}@keyframes searching{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.waiting-view h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(29px,4vw,42px)}.elapsed-time{font-family:var(--font-mono);letter-spacing:-.045em;margin-top:14px;font-size:clamp(42px,7vw,62px)}.mono-caption{color:var(--faint);letter-spacing:.04em;text-transform:none;margin-bottom:30px}.identity-pill{background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 17px;font-size:14px;display:inline-flex}.identity-pill b{margin-left:-4px}.match-spec{color:var(--faint);letter-spacing:.04em;text-transform:none;margin-bottom:30px}.prototype-note{color:var(--faint);max-width:52ch;margin:30px auto 0;font-size:12px;line-height:1.6}.waiting-view--room{max-width:var(--board-max-size)}.waiting-copy{color:#5b636b;max-width:50ch;margin:0 0 30px;line-height:1.65}.invite-field{gap:10px;width:100%;margin-bottom:24px;display:flex}.invite-field input{background:var(--paper);border:1px solid var(--line-strong);font-family:var(--font-mono);border-radius:11px;flex:1;min-width:0;padding:0 16px;font-size:13px}.seats{gap:10px;width:100%;margin-bottom:28px;display:grid}.seat{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:11px;align-items:center;gap:11px;min-height:60px;padding:13px 17px;display:flex}.seat small{color:var(--faint);font-family:var(--font-mono);font-size:10px}.seat .connection-status,.seat-status{margin-left:auto}.seat--empty{color:var(--faint);border-style:dashed}.seat__elo{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-mono);background:#f4f5f6;border-radius:6px;padding:2px 8px;font-size:12px}.swap-choice{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:760px;margin-bottom:18px;display:grid}.swap-choice__option{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .15s var(--ease), background-color .15s var(--ease);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.swap-choice__option--blue{background:#f4f7fa;border-color:#c5d4df;box-shadow:0 0 0 3px #5c7fa31a}.swap-choice__option--blue:hover:not(:disabled){border-color:var(--blue)}.swap-choice__option--red:hover{background:#fdf7f6;border-color:#d9b9b4}.swap-choice__head{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.swap-choice__head .stone-dot{width:14px;height:14px}.swap-choice__copy{color:#5b636b;font-size:11.5px;line-height:1.5}.rating-shift{border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;margin-bottom:18px;display:flex;overflow:hidden}.rating-shift__row{justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.rating-shift__row+.rating-shift__row{border-top:1px solid #eceef0}.rating-shift__name{align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.rating-shift__name .stone-dot{width:11px;height:11px}.rating-shift__nums{color:var(--faint);font-family:var(--font-mono);align-items:baseline;gap:8px;font-size:13px;display:flex}.rating-shift__nums b,.rating-history__delta,.rating-last{font-family:var(--font-mono);font-size:13px;font-weight:700}.is-up,.rating-history__delta.is-win{color:var(--green)}.is-down,.rating-history__delta.is-loss{color:var(--red-deep)}.rating-view{text-align:left;flex-direction:column;width:100%;max-width:560px;margin:0 auto;padding:64px 24px 80px;display:flex}.rating-headline{align-items:baseline;gap:14px;margin:6px 0 10px;display:flex}.rating-number{font-family:var(--font-mono);letter-spacing:-.03em;font-size:54px;font-weight:700}.rating-copy{color:#5b636b;text-wrap:pretty;margin:0 0 24px;font-size:15px;line-height:1.65}.rating-history{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:18px;overflow:hidden}.rating-history>header{color:#6b7280;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#fafbfb;border-bottom:1px solid #eceef0;padding:12px 16px;font-size:11px;font-weight:700}.rating-history__row{justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.rating-history__row+.rating-history__row{border-top:1px solid #eceef0}.rating-history__who{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.rating-history__outcome{font-family:var(--font-mono);width:14px;font-size:11px;font-weight:700}.rating-history__outcome.is-win{color:var(--green)}.rating-history__outcome.is-loss{color:var(--red-deep)}.rating-history__opp{color:var(--faint);font-family:var(--font-mono);font-size:12px}.rating-history__empty{color:var(--faint);font-family:var(--font-mono);margin:0;padding:14px 16px;font-size:12px}.rating-footnote{color:#b3bac0;font-family:var(--font-mono);margin:0 0 26px;font-size:12px;line-height:1.7}.rating-view .button{align-self:flex-start}.bot-offer{text-align:left;background:linear-gradient(135deg,#f2f6fa,#f8fafb);border:1px solid #cfdae4;border-radius:13px;justify-content:space-between;align-items:center;gap:22px;width:100%;margin-bottom:28px;padding:17px 18px 17px 20px;display:flex}.bot-offer b{margin-bottom:4px;font-size:14px;display:block}.bot-offer p{color:var(--muted);max-width:46ch;margin:0;font-size:12px;line-height:1.5}.bot-offer .button{flex:none}.empty-seat-mark{border:1.5px dashed #bfc6cc;border-radius:6px;width:20px;height:20px;transform:rotate(45deg)}.room-actions{gap:12px;display:flex}.room-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100vh - 78px);padding:48px 24px;display:flex}.room-error h1{letter-spacing:-.035em;max-width:18ch;margin:0;font-size:clamp(30px,5vw,48px)}.room-command-error{border-radius:var(--radius-sm);color:#765c20;background:#fff6e4;border:1px solid #ead6a7;margin:0;padding:11px 13px;font-size:13px;line-height:1.5}.room-move-row{grid-template-columns:34px 1fr}.match-meta{background:var(--paper);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding:15px clamp(20px,3.5vw,52px);font-size:11px;display:flex}.connection-status{color:var(--green);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:inline-flex}.connection-status.is-reconnecting{color:#9a6f27}.connection-status.is-reconnecting .status-dot{background:var(--warning);animation:none}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite connected}@keyframes connected{0%,to{box-shadow:0 0 #4a8c6a00}45%{box-shadow:0 0 0 5px #4a8c6a1c}}@keyframes hxPop{0%{opacity:0;transform:scale(0)}62%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes hxGlowPulse{0%,to{opacity:.22}50%{opacity:.5}}.game-layout{grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:clamp(28px,4vw,56px);max-width:1536.4px;margin:0 auto;padding:clamp(28px,4vw,52px);display:grid}.board-stage{flex-direction:column;align-items:center;min-width:0;display:flex}.turn-pill{background:var(--paper);border:1px solid #dbe4ea;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 0 0 3px #5c7fa31a}.turn-pill--red{border-color:#e6d7d5;box-shadow:0 0 0 3px #a5706a1a}.opening-rule{text-align:left;background:linear-gradient(135deg,#f4f7fa,#faf7f6);border:1px solid #d8dfe5;border-radius:13px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:760px;margin-bottom:18px;padding:12px 15px;display:grid}.opening-rule--decision{border-color:#c5d4df;grid-template-columns:40px minmax(0,1fr) auto;box-shadow:0 0 0 3px #5c7fa314}.opening-rule__icon{background:linear-gradient(135deg, var(--blue) 0 48%, var(--red) 52% 100%);color:#fff;font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;font-weight:700;display:flex}.opening-rule__copy{min-width:0}.opening-rule__copy .eyebrow{letter-spacing:.15em;margin-bottom:2px;font-size:9px}.opening-rule__copy strong{font-size:13px;line-height:1.35;display:block}.opening-rule__copy p:not(.eyebrow),.opening-rule__copy small{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.45;display:block}.opening-rule__copy small{color:var(--faint);font-family:var(--font-mono);font-size:9px}.opening-rule .button{max-width:220px}.board-instructions{color:var(--faint);font-family:var(--font-mono);letter-spacing:.02em;margin:20px 0 0;font-size:10px}.match-sidebar{flex-direction:column;gap:13px;display:flex}.player-card,.swap-card,.result-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:17px 19px}.player-card.is-active.player-card--blue{border-color:#c8d6e1;box-shadow:0 0 0 3px #5c7fa31c}.player-card.is-active.player-card--red{border-color:#dfcbc8;box-shadow:0 0 0 3px #a5706a1c}.player-card__topline,.player-card__meta,.player-name{align-items:center;display:flex}.player-card__topline,.player-card__meta{justify-content:space-between}.player-name{gap:9px}.player-name b{font-size:14px}.player-name small,.sidebar-actions small,.swap-card small{color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.turn-tag{background:var(--blue-soft);color:var(--blue-deep);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:4px 7px;font-size:9px}.player-card--red .turn-tag{background:var(--red-soft);color:var(--red-deep)}.clock{font-family:var(--font-mono);letter-spacing:-.04em;margin:9px 0 7px;font-size:36px;display:block}.clock.is-low:after{color:var(--warning);content:" LOW";letter-spacing:.06em;font-size:9px}.clock.is-critical{color:var(--red-deep);animation:.7s ease-in-out infinite alternate critical-time}@keyframes critical-time{to{transform:translate(2px)}}.player-card__meta{color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.swap-card{background:#f3f4f5;border-color:#dce0e3;gap:10px;display:grid}.swap-card h2,.result-card h2{letter-spacing:-.025em;margin:0;font-size:20px}.swap-card p:not(.eyebrow){color:#5b636b;margin:0;font-size:13px;line-height:1.55}.sidebar-actions{border-top:1px solid var(--line);gap:10px;margin-top:3px;padding-top:16px;display:grid}.sidebar-actions small{text-align:center;line-height:1.5}.sidebar-hint{color:#b3bac0;font-family:var(--font-mono);text-align:center;margin:4px 0 0;font-size:11.5px;line-height:1.6}.move-log{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.move-log__head{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.move-log__head span:first-child{color:#6b7280;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.move-log__head span:last-child{color:#b3bac0;font-family:var(--font-mono);font-size:11px}.move-log__cols{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:34px 1fr 1fr;padding:8px 16px 4px;font-size:10px;display:grid}.move-log__body{max-height:120px;padding:0 8px 8px;overflow:auto}.move-log__row{font-family:var(--font-mono);border-radius:8px;grid-template-columns:34px 1fr 1fr;align-items:center;padding:6px 8px;font-size:13px;display:grid}.move-log__n{color:#b3bac0}.move-log__cell{color:var(--ink);align-items:center;gap:7px;display:flex}.move-log .stone-dot{box-shadow:none;width:9px;height:9px}.move-log__empty{color:var(--faint);font-family:var(--font-mono);text-align:center;margin:0;padding:12px 8px;font-size:12px}.chat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.chat__head{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat__head>span{color:#6b7280;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.chat__mute{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.08em;background:0 0;border:0;padding:0;font-size:11px}.chat__mute:hover{color:#5b636b}.chat__feed{flex-direction:column;gap:8px;max-height:150px;padding:12px 14px 10px;display:flex;overflow:auto}.chat__msg{display:flex}.chat__msg--blue{justify-content:flex-end}.chat__msg--red{justify-content:flex-start}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.chat__bubble{align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;animation:.22s cubic-bezier(.2,.9,.3,1.2) both bubbleIn;display:flex}.chat__msg--blue .chat__bubble{transform-origin:100% 100%;background:#eef2f5;border:1px solid #dfe7ed;border-radius:11px 11px 4px}.chat__msg--red .chat__bubble{background:var(--red-soft);transform-origin:0 100%;border:1px solid #eddfdc;border-radius:11px 11px 11px 4px}.chat__msg--mine{justify-content:flex-end}.chat__msg--theirs{justify-content:flex-start}.chat__msg--mine .chat__bubble{transform-origin:100% 100%;border-radius:11px 11px 4px}.chat__msg--theirs .chat__bubble{transform-origin:0 100%;border-radius:11px 11px 11px 4px}.chat .stone-dot{box-shadow:none;width:8px;height:8px}.chat__muted-note{color:#b3bac0;font-family:var(--font-mono);text-align:center;margin:0;padding-top:2px;font-size:11px}.chat__phrases{flex-wrap:wrap;gap:7px;padding:2px 14px 12px;display:flex}.chat__chip{background:var(--paper);color:var(--ink-soft);transition:background-color .15s var(--ease), border-color .15s var(--ease);border:1px solid #dfe2e5;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:500}.chat__chip:hover:not(:disabled){background:#fafbfb;border-color:#aeb4ba}.chat__chip:disabled{cursor:default;opacity:.5}.chat__note{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #f0f1f3;margin:0;padding:8px 16px;font-size:10.5px}.chat__footnote{color:#b3bac0;font-family:var(--font-mono);letter-spacing:.04em;margin:0;padding:0 16px 10px;font-size:10.5px;line-height:1.6}.result-card{gap:13px;display:grid}.result-title{align-items:center;gap:10px;display:flex}.result-reason{background:var(--blue-soft);color:var(--blue-deep);font-family:var(--font-mono);letter-spacing:.06em;text-align:center;border:1px solid #dbe4ea;border-radius:999px;margin:0;padding:7px 10px;font-size:8px}.result-reason--red{background:var(--red-soft);color:var(--red-deep);border-color:#e6d7d5}.result-stats{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.result-stats div{gap:3px;padding:11px 12px;display:grid}.result-stats div+div{border-left:1px solid var(--line)}.result-stats b{font-family:var(--font-mono);font-size:15px}.result-winner{text-transform:uppercase}.result-winner--blue{color:var(--blue)}.result-winner--red{color:var(--red)}.result-stats span{color:var(--faint);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.result-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-secondary-actions .button{padding-inline:8px;font-size:12px}.rematch-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.result-card .button:disabled{cursor:default}.hexboard-wrap{justify-content:center;width:100%;display:flex}.hexboard{height:auto;max-width:var(--board-max-size);width:100%;display:block;overflow:visible}.hexboard__cell{transition:fill .12s}.hexboard__cell.is-interactive{cursor:pointer}.hexboard__cell.is-interactive:hover{fill:var(--preview-fill,#cbd8e2)}.hexboard__cell:focus{outline:none}.hexboard__cell.is-interactive:focus-visible{fill:var(--preview-fill,#cbd8e2);stroke:var(--gold);stroke-width:2.4px}.hero-board-card .hexboard{max-width:320px}.susan-board-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.susan-board{height:auto;max-width:min(var(--board-max-size), 760px);width:100%;display:block;overflow:visible}.susan-cell{outline:none}.susan-cell__tile{fill:#e9e3d9;stroke:#c8beb0;stroke-linejoin:round;stroke-width:1.5px;transition:fill .13s var(--ease), stroke .13s var(--ease)}.susan-cell.is-interactive{cursor:pointer}.susan-cell.is-interactive.is-empty:hover .susan-cell__tile,.susan-cell:focus-visible .susan-cell__tile{fill:#f3eee5;stroke:var(--gold);stroke-width:2.5px}.susan-cell.has-blue,.susan-cell.has-red{cursor:pointer}.susan-cell__target{fill:color-mix(in srgb, var(--gold) 78%, white);opacity:.9;pointer-events:none}.susan-cell.is-slide-target .susan-cell__tile{fill:#f2ead9;stroke:var(--gold);stroke-width:2.4px}.susan-stone,.susan-cell__selection,.susan-cell__origin,.susan-cell__last,.susan-cell__surrounded,.susan-cell__coord{pointer-events:none}.susan-cell__selection{fill:none;stroke:var(--gold);stroke-width:3.5px}.susan-cell__origin{fill:none;opacity:.45;stroke:var(--ink-soft);stroke-dasharray:4 4;stroke-width:2.4px}.susan-cell__last{fill:#fff;stroke:#141c2673;stroke-width:1px}.susan-cell__surrounded{fill:none;stroke:#d7a52d;stroke-width:4px;animation:1.15s ease-in-out infinite susanThreatPulse}@keyframes susanThreatPulse{0%,to{opacity:.72}50%{opacity:1;stroke-width:6px}}.susan-cell__coord{fill:#aaa297;font-family:var(--font-mono);letter-spacing:-.04em;font-size:9px;font-weight:600}.susan-cell__coord.is-on-stone{fill:#ffffffa8}.susan-board__selection-note{background:color-mix(in srgb, var(--paper) 92%, transparent);border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-mono);border-radius:999px;margin:10px 0 0;padding:7px 12px;font-size:11px}.hero-board-card .susan-board,.games-featured__board .susan-board{max-width:330px}.rules-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#14191e75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rules-panel{background:var(--paper);border-radius:var(--radius-lg);border:1px solid #ffffff73;width:100%;max-width:880px;max-height:min(820px,100vh - 48px);padding:clamp(28px,5vw,58px);overflow:auto;box-shadow:0 38px 90px #141c264d}.rules-panel__header{justify-content:space-between;align-items:flex-start;display:flex}.rules-panel__header .eyebrow{margin-bottom:14px}.rules-panel h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,48px)}.close-button{border:1px solid var(--line);background:#f2f4f5;border-radius:999px;min-height:44px;padding:8px 16px}.rules-intro{color:#5b636b;max-width:65ch;margin:16px 0 36px;font-size:17px;line-height:1.65}.rules-list{border-top:1px solid var(--line)}.rules-list article{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr;gap:24px;padding:26px 0;display:grid}.rules-list article>span{color:var(--faint);font-family:var(--font-mono);font-size:11px;font-weight:700}.rules-list h3,.rules-notes h3{margin:0 0 7px;font-size:20px}.rules-list p,.rules-notes p{color:#5b636b;margin:0;line-height:1.65}.rules-notes{grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;display:grid}.rules-notes article{border:1px solid var(--line);border-radius:var(--radius-md);background:#f4f5f6;padding:24px}.rules-source{color:var(--muted);font-family:var(--font-mono);text-align:right;margin:24px 0 0;font-size:11px}.rules-source a{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.rules-source a:hover{color:var(--ink)}@media (max-width:980px){.hero{grid-template-columns:1fr;max-width:760px}.hero-copy{max-width:690px}.hero-board-card{width:100%}.game-layout{grid-template-columns:1fr}.match-sidebar{grid-template-columns:1fr 1fr;display:grid}.move-log,.chat,.swap-card,.result-card,.sidebar-actions{grid-column:1/-1}}@media (max-width:700px){.site-header,.app-header{height:68px;padding-inline:16px}.site-header nav>a,.nav-link,.prototype-chip,.site-header .header-quick-action{display:none}.google-auth-button{border-radius:50%;justify-content:center;width:40px;padding:7px}.google-auth-button__label,.account-menu__name,.account-menu__chevron{display:none}.account-menu>summary{border:0;padding:0}.account-menu__avatar{width:38px;height:38px}.account-menu__panel{position:fixed;top:62px;right:16px}.brand,.brand--compact{font-size:15px}.hero{gap:46px;min-height:auto;padding:58px 20px 70px}.hero h1{font-size:clamp(42px,12.5vw,60px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-board-card{padding-inline:4px}.rules-grid,.trust-strip,.rules-notes{grid-template-columns:1fr}.rule-card p{max-width:60ch}.trust-strip article+article{border-top:1px solid #f0f1f3;border-left:0}.site-footer{flex-direction:column;align-items:flex-start;gap:12px}.waiting-view{min-height:calc(100vh - 68px)}.invite-field{flex-direction:column}.invite-field input{flex:none;min-height:50px}.room-actions{flex-direction:column;width:100%}.bot-offer{flex-direction:column;align-items:stretch;gap:14px}.opening-rule,.opening-rule--decision{grid-template-columns:36px minmax(0,1fr);align-items:start;padding:12px}.opening-rule__icon{border-radius:9px;width:36px;height:36px;font-size:17px}.opening-rule .button{grid-column:1/-1;width:100%;max-width:none}.game-layout{padding:22px 12px 36px}.match-sidebar{grid-template-columns:1fr 1fr}.player-card{padding:12px}.player-card__topline{align-items:flex-start}.player-name{flex-wrap:wrap;align-items:flex-start;gap:6px}.player-name b{max-width:100px;font-size:12px}.clock{font-size:clamp(24px,8vw,34px)}.player-card__meta>span:first-child{display:none}.board-instructions{text-align:center}.rules-backdrop{align-items:flex-end;padding:0}.rules-panel{border-radius:22px 22px 0 0;max-height:92vh;padding:28px 20px 42px}.rules-panel__header{gap:16px}.rules-panel h2{font-size:34px}}@media (max-width:380px){.brand-mark{width:19px;height:19px}.brand{gap:9px}.app-header__actions{gap:12px}.site-header .button--small{padding-inline:12px}.match-meta{font-size:9px}.match-sidebar{gap:8px}.player-card{padding:10px}.player-name .stone-dot{width:12px;height:12px}}.board-stage__eyebrow{margin-bottom:10px}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.tag--red{background:var(--red-soft);color:var(--red-deep)}.eyebrow--live:before,.eyebrow--red:before{content:"";vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.eyebrow--live:before{background:var(--green)}.eyebrow--red:before{background:var(--red-deep)}.games-lobby{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,44px)}.games-lobby__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.games-lobby h1{letter-spacing:-.025em;margin:14px 0 10px;font-size:clamp(30px,4vw,40px);font-weight:600}.games-lobby__lead{color:var(--ink-soft);max-width:460px;margin:0;line-height:1.6}.games-lobby__error{background:var(--red-soft);border-radius:var(--radius-sm);color:var(--red-deep);border:1px solid #e2c4bf;margin:18px 0 0;padding:10px 14px;font-size:13px}.games-stats{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;overflow:hidden}.games-stats__item{text-align:center;padding:15px 22px}.games-stats__item+.games-stats__item{border-left:1px solid var(--line)}.games-stats__item b{color:var(--ink);font-family:var(--font-mono);font-size:24px;font-weight:700;display:block}.games-stats__item b.is-open{color:var(--warning)}.games-stats__item span{color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.games-filters{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.games-filter{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;font-family:var(--font-mono);transition:border-color .15s var(--ease);border-radius:999px;padding:8px 15px;font-size:12.5px}.games-filter:hover{border-color:#aeb4ba}.games-filter.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.games-featured{border-top:1px solid var(--line);grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,44px);margin-top:26px;padding:32px 0;display:grid}.games-featured__board{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:center;padding:26px;display:flex}.games-featured__players{flex-direction:column;gap:10px;margin:16px 0 22px;display:flex}.games-featured__players>div{align-items:center;gap:10px;display:flex}.games-featured__players b{font-size:18px;font-weight:600}.games-featured__elo{color:var(--faint);font-family:var(--font-mono);margin-left:auto;font-size:13px;font-weight:700}.games-featured__meta{align-items:center;gap:22px;margin-bottom:24px;display:flex}.games-featured__move{color:var(--ink);font-family:var(--font-mono);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.games-featured__move .tag{font-weight:400}.games-featured__watching{color:var(--ink-soft);font-family:var(--font-mono);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.games-featured__actions{gap:12px;display:flex}.games-table{border-top:1px solid var(--line)}.games-table__head,.games-row{grid-template-columns:18px minmax(0,1.7fr) 150px 150px 120px;align-items:center;gap:18px;display:grid}.games-table__head{background:var(--canvas);border-bottom:1px solid var(--line);padding:14px 0}.games-table__head span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.games-row{border-bottom:1px solid var(--line);color:inherit;transition:background .15s var(--ease);padding:16px 0}.games-row:hover{background:var(--canvas)}.games-row__status{border-radius:50%;width:8px;height:8px}.games-row__status.is-live{background:var(--green)}.games-row__status.is-open{background:var(--warning)}.games-row__status.is-bot{background:var(--faint)}.games-row__match{flex-direction:column;gap:8px;min-width:0;display:flex}.games-row__player{align-items:center;gap:10px;display:flex}.games-row__player b{font-size:15px;font-weight:600}.games-row__player.is-empty b{color:var(--faint);font-weight:500}.games-row__player small{color:var(--faint);font-family:var(--font-mono);font-size:11.5px}.games-row__seat{border:1.5px dashed #c3ccd3;border-radius:50%;width:12px;height:12px}.games-row__seat.is-occupied{background:var(--muted);border-style:solid}.games-row__col b{color:var(--ink);font-family:var(--font-mono);font-size:13.5px;font-weight:700;display:block}.games-row__col+.games-row__col b{color:var(--ink-soft)}.games-row__col small{color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.games-row__action{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;transition:opacity .15s var(--ease);border-radius:10px;justify-self:end;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:600}.games-row__action:disabled{cursor:wait;opacity:.55}.games-row__action.is-join{background:var(--ink);border-color:var(--ink);color:var(--paper)}.games-row:hover .games-row__action{opacity:.9}.games-row:hover .games-row__action:disabled{opacity:.55}.games-table__foot{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.games-table__foot span{color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;font-size:12.5px}.games-table__all{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;color:var(--blue-deep)!important}.games-empty{border-bottom:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:32px 0}.spectate-bar{border-bottom:1px solid #f0f1f3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1536.4px;margin:0 auto;padding:16px clamp(20px,4vw,40px);display:flex}.spectate-bar__left,.spectate-bar__right{align-items:center;gap:14px;display:flex}.spectate-badge{align-items:center;gap:7px;display:inline-flex}.spectate-bar__title{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}.spectate-bar__watching{color:var(--ink-soft);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;display:inline-flex}.spectator-panel{background:var(--paper);border:1px solid var(--blue-soft);border-radius:var(--radius-md);padding:14px 16px}.spectator-panel__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.spectator-panel__head span:first-child{color:#6b7280;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.spectator-panel__count{color:var(--green);font-family:var(--font-mono);font-size:11px}.spectator-panel p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.sidebar-hint--center{text-align:center}@media (max-width:900px){.games-featured{grid-template-columns:minmax(0,1fr)}.games-table__head{display:none}.games-row{grid-template-columns:12px minmax(0,1fr) auto;gap:10px 14px}.games-row__col{grid-column:2}.games-row__action{grid-area:1/3/span 3;align-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}