@font-face {font-family:"Site Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/site-assets/dm-sans-latin.woff2") format("woff2")}
/* Site-owned tokens. Game layouts keep their existing app.css contract. */
:root { color-scheme: light dark; }
.site-shell {
 --paper:#f6f3e9; --card:#fffdf6; --ink:#233d37; --muted:#58685f;
 --sea:#245e50; --sea-hover:#16483d; --coral:#af503c; --mango:#efbc65;
 --line:#d9ded1; --soft:#e9ede2; --mahogany:#57392e; --focus:#a63e29;
 --serif:Georgia,'Times New Roman',serif; --sans:'Site Sans',ui-sans-serif,system-ui,sans-serif;
 color:var(--ink); background:var(--paper); font:16px/1.6 var(--sans);
 min-height:100vh; overflow-x:clip;
}
@media(prefers-color-scheme:dark) { .site-shell:not([data-theme=light]) { --paper:#172823;--card:#1e332c;--ink:#eeeadd;--muted:#b7c5b8;--sea:#afd7bd;--sea-hover:#c9e8d1;--coral:#f5ac91;--line:#395146;--soft:#263e34;--mahogany:#f1ccb1;--focus:#f2ba72; } }
.site-shell[data-theme=dark] { color-scheme:dark;--paper:#172823;--card:#1e332c;--ink:#eeeadd;--muted:#b7c5b8;--sea:#afd7bd;--sea-hover:#c9e8d1;--coral:#f5ac91;--line:#395146;--soft:#263e34;--mahogany:#f1ccb1;--focus:#f2ba72; }
.site-shell[data-theme=light] { color-scheme:light; }
body {margin:0} .site-shell * {box-sizing:border-box} .site-shell a {color:var(--sea);text-underline-offset:5px} .site-shell svg {flex-shrink:0}
.site-shell :focus-visible {outline:3px solid var(--focus);outline-offset:5px}
.site-shell button,.site-shell input,.site-shell select {font:inherit}
.site-shell button {cursor:pointer} .site-shell button:disabled {cursor:default}
.skip-link {position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:100;background:var(--card);padding:12px 20px;border:2px solid var(--sea);border-radius:8px}
.skip-link:focus {transform:none}
.chrome-header {max-width:1280px;margin:auto;padding:29px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
.site-brand {display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)!important;flex-shrink:0}
.brand-name {font-size:17px;font-weight:650;line-height:1.15;letter-spacing:-.45px}.brand-name>span {display:block}
.site-tile {display:inline-flex;vertical-align:middle;flex-shrink:0;width:104px;height:52px;border:1px solid #d5cdb7;border-radius:8px;box-shadow:0 3px 0 #c5b99f,0 7px 12px #291c1b14;background:#fff9e7;padding:3px;position:relative;color:#273e35}
.site-tile>svg {width:50%;height:100%;fill:currentColor}.site-tile>svg+svg {border-left:1px solid #c6bba3}
.brand-mark .site-tile {width:34px;height:46px;flex-direction:column;border-radius:5px;box-shadow:0 2px 0 #c5b99f;transform:rotate(-12deg);padding:2px}
.brand-mark .site-tile>svg {width:100%;height:50%}.brand-mark .site-tile>svg+svg {border-left:0;border-top:1px solid #c6bba3}
.desktop-nav {display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600;white-space:nowrap}
.desktop-nav a {text-decoration:none;color:var(--muted)} .desktop-nav a:hover,.desktop-nav a[aria-current] {color:var(--ink)}
.desktop-nav a[aria-current] {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.header-tools {display:flex;align-items:center;gap:17px}.theme-form {margin:0}.icon-button {width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink)}
.icon-button:hover {background:var(--soft)}.account-link {font-size:13px;font-weight:650;white-space:nowrap}.account-link a {text-decoration:none;color:var(--ink)}.mobile-menu {display:none}
.site-page {max-width:1280px;margin:auto;padding:0 48px}.site-page h1,.site-page h2,.site-page h3,.chrome-footer p {margin:0}
.site-page h1,.site-page h2 {font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08;white-space:pre-line;text-wrap:balance}
.site-page h1 {font-size:clamp(44px,5vw,68px)} .site-page h2 {font-size:clamp(30px,3vw,43px)}.site-page h3 {font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.site-page p {margin:0 0 20px}.site-page .site-eyebrow {font-size:10px;font-weight:750;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;color:var(--sea);margin-bottom:19px}
.site-lede {font-size:19px;line-height:1.6;color:var(--muted);max-width:650px;text-wrap:pretty}
.site-button {display:inline-flex;gap:17px;align-items:center;justify-content:center;font-size:13px;font-weight:650;line-height:1.4;padding:17px 21px;border-radius:7px;border:1px solid transparent;text-decoration:none;transition:background .18s,transform .18s;color:var(--ink);min-height:48px}
.site-button:hover {transform:translateY(-2px)}.site-button.primary {background:var(--sea);color:var(--paper)} .site-button.primary:hover {background:var(--sea-hover)}
.site-button.secondary {background:transparent;border-color:var(--line);color:var(--ink)}.site-button.secondary:hover {background:var(--soft)}.site-button.ivory {background:#f6f3e9;color:#233d37}.site-button.text-button {padding:8px 0;min-height:44px;color:var(--sea);background:none}
.hero-actions {display:flex;flex-wrap:wrap;gap:12px}.landing-hero {display:grid;grid-template-columns:1fr 1.04fr;gap:32px;align-items:center;padding:68px 0 60px}
.hero-copy {padding:16px 0}.landing-hero h1 {font-size:clamp(50px,5.8vw,78px);line-height:1.01;letter-spacing:-.055em;margin-bottom:26px;white-space:nowrap}.landing-hero h1 em {font-weight:400;color:var(--sea)}
.hero-copy .site-lede {font-size:18px;margin-bottom:14px;color:var(--ink)}.hero-detail {max-width:380px;color:var(--muted);font-size:14px;line-height:1.8}
.hero-copy .hero-actions {margin:28px 0 17px}.site-page .hero-note {font-size:11px;letter-spacing:.025em;color:var(--muted);margin:0}
.hero-table {margin:0;position:relative;border-radius:160px 160px 12px 12px;padding:0;background:#dbd6c5;isolation:isolate;min-width:0;box-shadow:0 12px 35px #3826110a}
.hero-table-stage {height:465px;border-radius:160px 160px 12px 12px;overflow:hidden;background:#6c4835}.hero-table-stage>div {height:100%!important;min-height:0!important}.hero-table-stage canvas,.hero-table-stage svg {width:100%;height:100%;display:block}
.table-stamp {position:absolute;left:24px;top:20px;color:#fcf5df;display:flex;flex-direction:column;align-items:center;gap:10px;width:105px;transform:rotate(-13deg);pointer-events:none;text-shadow:0 1px 3px #0006}
.table-stamp>span {font-size:7px;letter-spacing:.13em}.table-stamp .site-tile {width:32px;height:55px;flex-direction:column;border-radius:4px}.table-stamp .site-tile svg {width:100%;height:50%}.table-stamp .site-tile svg+svg {border-left:0;border-top:1px solid #c6bba3}
.hero-table-caption {position:absolute;bottom:0;left:0;right:0;padding:15px 18px;background:#1e302beb;display:flex;justify-content:space-between;align-items:center;color:#f6f3e9;gap:10px;font-size:10px;backdrop-filter:blur(8px);border-radius:0 0 12px 12px}
.scene-pause {font-size:10px!important;background:transparent;border:1px solid #e2e9dc66;padding:7px 10px;border-radius:5px;color:#f6f3e9;min-height:36px}.when-paused,.when-reduced {display:none}.scene-pause[data-gosx-scene3d-animation-state=paused] .when-playing,.scene-pause[data-gosx-scene3d-animation-state=reduced-motion] .when-playing {display:none}.scene-pause[data-gosx-scene3d-animation-state=paused] .when-paused,.scene-pause[data-gosx-scene3d-animation-state=reduced-motion] .when-reduced {display:inline}
.live-strip {padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:16px}.site-page .live-strip p {margin:0}.live-count {display:flex;align-items:center;gap:9px}.live-dot {display:block;width:6px;height:6px;border-radius:50%;background:var(--sea);box-shadow:0 0 0 4px var(--soft)}
.site-section {padding:70px 0}.section-heading {display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.section-heading .site-eyebrow {margin-bottom:12px}.section-heading>a {font-size:12px;white-space:nowrap}
.preset-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.preset-card {text-decoration:none;display:flex;flex-direction:column;padding:15px 18px 20px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)!important;transition:transform .2s,border-color .2s;min-width:0}.preset-card:hover {transform:translateY(-4px);border-color:var(--sea)}
.preset-art {position:relative;height:115px;margin:-1px -3px 23px;border-radius:5px;background:var(--art,#cbd9c8);display:grid;place-items:center;color:#23453c}.preset-index {position:absolute;left:10px;top:8px;font-size:9px;letter-spacing:.1em}.preset-art>svg {position:absolute;right:9px;bottom:10px;width:16px;height:16px}
.preset-bone {transform:rotate(-14deg)}.preset-card:nth-child(even) .preset-bone {transform:rotate(14deg)}.preset-card .site-eyebrow {font-size:8px;margin-bottom:8px}.preset-card h3 {font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:10px}.preset-card>p:not(.site-eyebrow) {font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:18px}.preset-meta {margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.teal {--art:#b8d0bc}.coral {--art:#efbdab}.mango {--art:#efd294}.blue {--art:#c6d9df}.rose {--art:#e7c6c0}.mahogany {--art:#d9c8b5}.sage {--art:#d7dcaf}.preset-card:last-child {grid-column:span 2}
.how-strip {padding:47px 40px;background:var(--soft);border-radius:10px;margin-bottom:75px}.how-strip .site-eyebrow {margin-bottom:12px}.steps {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:34px 0 10px}.step-number {display:block;color:var(--sea);font-family:var(--serif);font-size:28px;margin-bottom:13px}.step h3 {font-size:16px;margin-bottom:8px}.step p {font-size:13px;color:var(--muted);max-width:255px}
.discord-section {background:#254d40;border-radius:10px;padding:46px 44px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;color:#f6f3e9}.discord-section .site-eyebrow {color:#d1ddbd}.discord-section h2 {margin-bottom:22px;font-size:43px}.discord-section .site-lede {color:#d0dbcd;font-size:14px;max-width:350px}.discord-illustration {padding:24px;background:#1c3b32;border:1px solid #58775d;border-radius:10px;box-shadow:8px 10px 0 #152c2555;transform:rotate(2deg)}.voice-heading {display:flex;align-items:center;gap:10px;font-size:10px;border-bottom:1px solid #58775d;padding-bottom:15px}.voice-people {display:flex;justify-content:space-between;margin-top:25px}.voice-person {display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px}.voice-avatar {display:grid;place-items:center;width:45px;height:45px;border-radius:50%;font-family:var(--serif);font-size:23px;background:var(--art,#eee9d6);color:#23453c;border:2px solid #c1d2b8}.discord-tiles {display:flex;gap:4px;justify-content:center;margin:31px 0 20px}.discord-tiles .site-tile {width:82px;height:41px}.discord-illustration>p {font-size:10px;text-align:center;color:#d0dbcd;margin-bottom:0}
.closing-note {padding:85px 0;text-align:center}.closing-note h2 {max-width:640px;margin:0 auto 30px;font-size:48px}.closing-note .site-eyebrow {margin-bottom:18px}
.chrome-footer {max-width:1184px;margin:auto;padding:36px 0 23px;border-top:1px solid var(--line);color:var(--muted)}.footer-top {display:flex;justify-content:space-between;gap:30px}.chrome-footer .footer-pitch {font-family:var(--sans);font-size:12px;margin:17px 0 0}.footer-links {display:flex;gap:28px;align-items:flex-start;font-size:12px;padding-top:10px}.footer-links a {text-decoration:none;color:var(--muted)}.footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.footer-bottom p {font:10px var(--sans)}
.page-heading {padding:65px 0 40px;max-width:850px}.page-heading h1 {margin-bottom:22px}.page-heading .site-lede {font-size:17px;margin-bottom:0}.site-page>.preset-grid {margin-bottom:25px}
.site-card {padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.site-card h2 {font-size:30px;margin-bottom:20px}.site-card h3 {margin-bottom:12px}.site-card p {color:var(--muted);font-size:14px}.site-notice {background:var(--soft);border-left:3px solid var(--sea);border-radius:3px;padding:15px 20px;font-size:12px;color:var(--muted);margin:20px 0 50px!important}
.login-layout {display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 40px 40px;align-items:center}.login-story h1 {font-size:67px;margin-bottom:25px}.login-story>p:last-child {font-size:13px;color:var(--muted);max-width:280px}.login-tiles {margin:35px 0 30px;display:flex;gap:15px}.login-tiles .site-tile:first-child {transform:rotate(-13deg)}.login-tiles .site-tile:last-child {transform:rotate(14deg) translateY(12px)}.login-card {background:var(--card);border:1px solid var(--line);border-radius:12px;padding:42px}.login-card h2 {font-size:38px;margin-bottom:20px}.login-card>p {font-size:14px;color:var(--muted)}.discord-button {width:100%;margin:10px 0 23px}.privacy-note {display:flex;gap:9px;font-size:11px!important;line-height:1.7;border-top:1px solid var(--line);padding-top:21px}.privacy-note svg {margin-top:3px}.small-copy {font-size:11px!important;color:var(--muted)}.dev-login {max-width:580px;padding:20px 0 65px;margin:0 auto;color:var(--muted);font-size:12px}.dev-login summary {cursor:pointer;padding:15px 0}.guest-form {display:flex;align-items:flex-end;gap:15px;padding-top:15px}.guest-form .site-label {flex:1}.site-label,.board-filters label {display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:7px}.site-label input,.board-filters select {border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);min-height:46px;padding:10px 12px;width:100%}
.signin-card {max-width:620px;margin-bottom:80px}.signin-card>.site-tile {margin-bottom:28px}.empty-state {padding:45px 24px;text-align:center;border:1px dashed var(--line);border-radius:8px;background:var(--card)}.empty-mark {display:block;opacity:.8;margin-bottom:27px}.empty-mark .site-tile {width:65px;height:33px;transform:rotate(-8deg)}.empty-state h3 {font-family:var(--serif);font-size:24px;font-weight:400;margin-bottom:10px}.empty-state p {max-width:390px;margin:0 auto!important;font-size:12px;color:var(--muted)}
.about-grid {display:grid;grid-template-columns:1.3fr 1fr;gap:100px;margin-bottom:25px}.prose {font-size:15px;max-width:650px;color:var(--muted);line-height:1.9}.prose h2 {color:var(--ink);font-size:29px;margin:30px 0 17px}.prose h2:first-child {margin-top:0}.prose p {margin-bottom:24px}.story-art {background:var(--soft);border-radius:140px 140px 10px 10px;min-height:400px;text-align:center;padding:65px 25px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-art>.site-tile {transform:rotate(-12deg);width:75px;height:140px;flex-direction:column;margin:20px 0 38px}.story-art>.site-tile svg {width:100%;height:50%}.story-art>.site-tile svg+svg {border-left:0;border-top:1px solid #c6bba3}.site-page .story-quote {font-family:var(--serif);font-style:italic;font-size:31px;line-height:1.2;white-space:pre-line;color:var(--ink);margin-bottom:0}.wide-prose {max-width:800px}.instruction-list {padding-left:22px}.instruction-list li {padding:9px 0}.gosx-note {padding:35px 40px;background:var(--soft);border-radius:10px;margin-bottom:70px}.gosx-note h2 {font-size:34px;margin-bottom:16px}.gosx-note>p:last-child {max-width:740px;color:var(--muted);font-size:14px;margin-bottom:0}.legal-prose {margin:40px auto 75px}.error-page {text-align:center;padding:80px 0 100px;max-width:760px;margin:auto}.error-tiles {margin:0 0 45px}.error-tiles .site-tile:first-child {transform:rotate(-15deg)}.error-tiles .site-tile:last-child {transform:rotate(15deg) translateY(13px)}.error-page h1 {margin-bottom:25px}.error-page .site-lede {margin:0 auto 35px}.error-page .hero-actions {justify-content:center}
.breadcrumbs {padding:30px 0 0;font-size:11px;color:var(--muted)}.rule-hero {display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:30px;padding:15px 0 40px;border-bottom:1px solid var(--line)}.rule-hero .page-heading {padding:20px 0 30px}.rule-facts {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rule-fact {display:flex;flex-direction:column;font-size:11px;gap:5px}.rule-fact>span {color:var(--muted)}.rule-fact>strong {font-size:12px;font-weight:650}.rule-hero-art {background:var(--art);height:260px;border-radius:100px 100px 8px 8px;display:flex;align-items:center;justify-content:center;gap:25px;flex-direction:column;color:#233d37}.rule-hero-art>.site-tile {width:75px;height:145px;flex-direction:column;transform:rotate(-12deg)}.rule-hero-art>.site-tile svg {width:100%;height:50%}.rule-hero-art>.site-tile svg+svg {border-left:0;border-top:1px solid #c6bba3}.rule-hero-art>span:last-child {font-size:10px;letter-spacing:.07em}.rules-body {display:grid;grid-template-columns:1.3fr 1fr;gap:85px;margin:50px 0}.rule-aside {padding-top:5px;min-width:0}.rule-aside .site-card {margin-top:25px}.rule-extra {margin:20px 0 40px;max-width:780px}.rule-extra h2 {font-size:28px}.rule-extra p:last-child {margin:0}
.match-example {margin:0;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--soft);min-width:0}.match-example legend {font-family:var(--serif);font-size:23px;line-height:1.2;padding:0 8px;max-width:95%;color:var(--ink)}.example-board {display:flex;justify-content:center;gap:4px;padding:15px 0 20px}.match-example>p {font-size:12px;text-align:center;color:var(--muted);margin-bottom:22px}.example-choices {display:flex;justify-content:center;gap:15px}.example-choice {cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px}.example-choice input {position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.example-choice .site-tile {width:74px;height:39px;pointer-events:none}.example-choice:has(input:checked) .site-tile {outline:2px solid var(--sea);outline-offset:4px}.example-choice:has(input:focus-visible) .site-tile {outline:3px solid var(--focus);outline-offset:4px}.example-feedback {margin-top:23px;min-height:60px;border-top:1px solid var(--line);padding-top:14px}.example-feedback p {font-size:12px;margin:0!important;color:var(--muted)}.feedback-yes,.feedback-no,.feedback-also {display:none}.match-example:has(input:checked) .feedback-start {display:none}.match-example:has(input[value=yes]:checked) .feedback-yes,.match-example:has(input[value=no]:checked) .feedback-no,.match-example:has(input[value=also]:checked) .feedback-also {display:block}
.profile-heading {display:flex;align-items:center;gap:25px;padding:65px 0 35px}.profile-heading h1 {font-size:52px;margin-bottom:10px;overflow-wrap:anywhere}.profile-heading .site-eyebrow {margin-bottom:10px}.profile-heading p:last-child {font-size:12px;color:var(--muted);margin:0}.profile-avatar {width:85px;height:85px;object-fit:cover;border-radius:50%;border:4px solid var(--card);box-shadow:0 0 0 1px var(--line);flex-shrink:0}.avatar-initial {display:grid;place-items:center;background:var(--soft);font:44px var(--serif);color:var(--sea)}.logout-form {margin-left:auto}.stat-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}.stat-card {background:var(--card);border:1px solid var(--line);border-radius:9px;padding:25px 26px;display:flex;flex-direction:column;gap:5px}.stat-value {font:44px var(--serif);color:var(--sea)}.stat-label {font-size:11px;color:var(--muted)}.profile-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-grid .site-eyebrow {font-size:9px;margin-bottom:13px}.profile-grid .empty-state {padding:25px 15px}.detail-stats {display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:12px}.detail-stats strong {font:26px var(--serif);color:var(--sea)}.record-list,.match-list {list-style:none;margin:0;padding:0}.record-row {display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);font-size:13px}.record-row>div {display:flex;flex-direction:column}.record-row span {font-size:10px;color:var(--muted)}.record-result {font-weight:500;white-space:nowrap}.match-row {display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:24px;padding:22px 0;border-top:1px solid var(--line);font-size:12px}.match-date {display:flex;flex-direction:column}.match-date>span {font-size:10px;color:var(--muted)}.match-people p {margin:0 0 4px;font-size:12px}.match-people span {font-size:10px;color:var(--muted)}.match-row>a {font-size:11px}
.board-heading {display:flex;align-items:center;justify-content:space-between;margin:12px 0 23px}.board-heading>div {display:flex;gap:13px;align-items:center}.board-heading h2 {font-size:30px}.board-heading>p {margin:0}.board-filters {display:flex;align-items:flex-end;gap:20px;padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--soft);margin-bottom:28px}.board-filters label {flex:1}.board-filters .site-button {padding:13px 19px}.board-note {margin:30px 0 65px!important}.board-signin {margin:30px 0}.table-scroll {overflow-x:auto;border:1px solid var(--line);border-radius:10px}.leaderboard-table {width:100%;border-collapse:collapse;text-align:left;font-size:13px;background:var(--card)}.leaderboard-table caption {text-align:left;padding:18px 24px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.leaderboard-table th,.leaderboard-table td {padding:17px 22px;border-bottom:1px solid var(--line);white-space:nowrap}.leaderboard-table thead {font-size:10px;color:var(--muted);background:var(--soft)}.leaderboard-table tbody th {font-weight:600}.rank {font:24px var(--serif);color:var(--sea)}.leaderboard-table tbody tr:last-child>* {border-bottom:0}.replay-board {display:flex;flex-wrap:wrap;gap:6px;padding:35px;background:var(--soft);border-radius:9px;margin:25px 0}.replay-board .site-tile {width:80px;height:40px}.replay-moves {padding:25px 0 75px;font-size:13px}.replay-moves summary {cursor:pointer}.replay-moves ol {columns:2;padding-left:24px}.replay-moves li {padding:5px}
@media(min-width:1400px) {.landing-hero {gap:45px}}
@media(max-width:1100px) {.chrome-header {padding:24px 30px;gap:22px}.desktop-nav {gap:18px;font-size:12px}.site-page {padding:0 30px}.chrome-footer {margin:0 30px}.landing-hero {gap:25px}.landing-hero h1 {font-size:clamp(45px,5.7vw,64px)}.hero-actions .site-button {padding:15px 17px;gap:9px;font-size:12px}.hero-table-stage {height:420px}.login-layout {padding:65px 0 30px;gap:45px}.about-grid,.rules-body {gap:50px}.rule-facts {gap:12px}.rule-hero {grid-template-columns:1.7fr 1fr}.preset-grid {gap:13px}.discord-section {gap:35px;padding:35px}.discord-tiles .site-tile {width:70px;height:36px}}
@media(max-width:800px) {.chrome-header {padding:20px 24px}.desktop-nav {display:none}.mobile-menu {display:block;position:relative;font-size:12px}.mobile-menu summary {cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 5px;list-style:none;font-weight:650}.mobile-menu summary:after {content:'☰';margin-left:8px;font-size:16px}.mobile-menu nav {position:absolute;right:-5px;top:50px;z-index:20;width:210px;background:var(--card);padding:12px;border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 35px #0002}.mobile-menu nav a {display:block;padding:12px;text-decoration:none}.header-tools {gap:12px}.account-link {font-size:12px}.site-page {padding:0 24px}.landing-hero {grid-template-columns:1fr 1fr;padding:45px 0;gap:20px}.landing-hero h1 {font-size:43px;white-space:normal}.hero-copy .site-lede {font-size:15px}.hero-detail {font-size:12px}.hero-copy .hero-actions {margin:20px 0 16px;gap:9px}.hero-copy .site-button {font-size:11px}.hero-table-stage {height:405px}.hero-table {border-radius:100px 100px 10px 10px}.hero-table-stage {border-radius:100px 100px 10px 10px}.table-stamp {left:15px;top:18px;width:80px}.hero-table-caption {font-size:9px;padding:12px;flex-wrap:wrap}.preset-grid {grid-template-columns:repeat(2,1fr);gap:15px}.preset-art {height:125px}.preset-card:last-child {grid-column:auto}.preset-card h3 {font-size:25px}.how-strip {padding:35px 27px;margin-bottom:50px}.steps {gap:24px}.discord-section {gap:25px;padding:32px 26px}.discord-section h2 {font-size:35px}.voice-avatar {width:36px;height:36px;font-size:19px}.discord-illustration {padding:18px}.discord-tiles {gap:3px}.discord-tiles .site-tile {width:55px;height:29px}.closing-note {padding:65px 0}.closing-note h2 {font-size:40px}.chrome-footer {margin:0 24px}.footer-links {gap:17px}.login-layout {gap:25px}.login-story h1 {font-size:54px}.login-card {padding:28px}.login-card h2 {font-size:31px}.about-grid {gap:40px}.story-art {min-height:370px;padding:45px 20px}.rule-hero {grid-template-columns:1fr}.rule-hero-art {display:none}.rules-body {grid-template-columns:1fr 1fr;gap:30px}.rule-facts {grid-template-columns:repeat(4,1fr)}.match-example {padding:20px}.example-choices {gap:10px}.example-choice .site-tile {width:65px;height:34px}.stat-card {padding:23px 20px}.profile-grid {gap:15px}.site-card {padding:25px}.profile-grid .site-card h2 {font-size:28px}}
@media(max-width:600px) {.chrome-header {padding:18px 20px}.brand-name {font-size:15px}.brand-mark .site-tile {width:29px;height:40px}.site-brand {gap:10px}.header-tools {gap:10px}.account-link {display:none}.icon-button {width:35px;height:35px}.site-page {padding:0 20px}.landing-hero {grid-template-columns:1fr;padding:39px 0 29px;gap:28px}.hero-copy {padding:0}.landing-hero .site-eyebrow {font-size:9px;margin-bottom:17px}.landing-hero h1 {font-size:clamp(44px,11.4vw,68px);line-height:1.06;white-space:nowrap;margin-bottom:22px}.hero-copy .site-lede {font-size:16px;margin-bottom:10px}.hero-detail {font-size:12px;max-width:340px}.hero-copy .hero-actions {gap:9px;margin:23px 0 13px;flex-wrap:nowrap}.hero-copy .site-button {font-size:11px;gap:8px;padding:14px 13px;flex:1;white-space:nowrap}.hero-copy .site-button svg {width:15px}.hero-copy .hero-note {font-size:10px}.hero-table-stage {height:340px;border-radius:110px 110px 10px 10px}.hero-table {border-radius:110px 110px 10px 10px}.hero-table-caption {font-size:9px;flex-wrap:nowrap}.table-stamp {left:20px;top:25px;width:90px}.live-strip {font-size:10px;align-items:flex-start;flex-direction:column;gap:9px;padding:16px 0}.site-section {padding:45px 0}.section-heading {align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:23px}.section-heading>a {font-size:11px}.site-page h2 {font-size:32px}.site-page .site-eyebrow {font-size:9px}.preset-grid {gap:12px}.preset-card {padding:12px 13px 17px}.preset-art {height:101px;margin:0 0 18px}.preset-card .site-eyebrow {font-size:7px;letter-spacing:.08em}.preset-card h3 {font-size:23px}.preset-card>p:not(.site-eyebrow) {font-size:11px;margin-bottom:15px}.preset-meta {font-size:8px}.preset-bone .site-tile {width:78px;height:42px}.how-strip {padding:31px 24px;margin-bottom:42px}.steps {grid-template-columns:1fr;gap:15px;margin-top:28px}.step {display:grid;grid-template-columns:35px 1fr;column-gap:14px}.step-number {grid-row:span 2;font-size:25px;margin:0}.step h3 {font-size:15px;margin-bottom:7px}.step p {font-size:12px;max-width:none;margin-bottom:8px}.discord-section {grid-template-columns:1fr;gap:32px;padding:30px 26px}.discord-section h2 {font-size:36px}.discord-section .site-lede {font-size:13px}.discord-illustration {padding:21px}.voice-avatar {width:41px;height:41px}.discord-tiles .site-tile {width:75px;height:39px}.closing-note {padding:52px 0}.closing-note h2 {font-size:34px;max-width:350px}.chrome-footer {margin:0 20px;padding-top:26px}.footer-top,.footer-bottom {flex-direction:column;gap:23px}.footer-links {justify-content:space-between;gap:15px;width:100%;font-size:11px;padding:0}.footer-bottom {gap:12px;margin-top:24px;padding-top:18px}.page-heading {padding:42px 0 29px}.site-page h1 {font-size:44px}.page-heading .site-lede {font-size:15px}.login-layout {grid-template-columns:1fr;gap:30px;padding:39px 0 20px}.login-story h1 {font-size:51px}.login-story .login-tiles,.login-story>p:last-child {display:none}.login-card {padding:29px 25px}.login-card h2 {font-size:32px}.login-card>p {font-size:13px}.dev-login {padding-bottom:42px}.guest-form {flex-direction:column;align-items:stretch}.site-card {padding:24px}.signin-card {margin-bottom:50px}.about-grid {grid-template-columns:1fr;gap:28px}.story-art {min-height:325px;border-radius:130px 130px 10px 10px;max-width:350px;width:100%;margin:auto}.story-art>.site-tile {margin:10px 0 28px;width:65px;height:120px}.prose {font-size:14px}.prose h2 {font-size:28px}.gosx-note {padding:28px 24px;margin-bottom:45px}.gosx-note h2 {font-size:30px}.legal-prose {margin:20px 0 50px}.site-notice {font-size:11px;padding:13px 16px;margin-bottom:32px!important}.error-page {padding:55px 0 70px}.error-page h1 {font-size:43px}.error-page .site-lede {font-size:15px}.rule-hero .page-heading {padding-top:20px}.rule-facts {grid-template-columns:1fr 1fr;gap:20px}.rules-body {grid-template-columns:1fr;gap:30px;margin:35px 0}.match-example {padding:24px}.example-choices {gap:20px}.example-choice .site-tile {width:76px;height:40px}.rule-extra h2 {font-size:28px}.profile-heading {flex-wrap:wrap;padding:40px 0 28px;gap:18px}.profile-avatar {width:67px;height:67px}.avatar-initial {font-size:35px}.profile-heading>div {flex:1;min-width:0}.profile-heading h1 {font-size:36px}.profile-heading .site-eyebrow {font-size:7px}.logout-form {flex:0 0 calc(100% - 85px);margin-left:85px}.logout-form .site-button {padding:9px 15px;min-height:38px;font-size:11px}.stat-grid {grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.stat-card {padding:22px}.stat-value {font-size:37px}.stat-label {font-size:10px}.profile-grid {grid-template-columns:1fr}.match-row {grid-template-columns:1fr auto;gap:14px}.match-people {grid-column:1/-1;grid-row:2}.match-row>a,.match-row>.small-copy {grid-column:2;grid-row:1}.board-heading {align-items:flex-start;flex-direction:column;gap:10px}.board-heading h2 {font-size:28px}.board-filters {flex-direction:column;align-items:stretch;gap:15px;padding:18px}.leaderboard-table th,.leaderboard-table td {padding:14px 15px;font-size:12px}.replay-board {padding:23px}.replay-moves ol {columns:1}.replay-board .site-tile {width:63px;height:32px}.empty-state {padding:35px 20px}}
@media(max-width:360px) {.site-page {padding:0 16px}.chrome-header {padding:15px 16px}.hero-copy .hero-actions {flex-direction:column}.landing-hero h1 {font-size:41px}.hero-table-stage {height:300px}.example-choices {gap:11px}}
@media(prefers-reduced-motion:reduce) {.site-shell *, .site-shell *::before,.site-shell *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}.site-button:hover,.preset-card:hover {transform:none} ::view-transition-old(root),::view-transition-new(root) {animation:none!important}}
@view-transition {navigation:auto}
::view-transition-old(root),::view-transition-new(root) {animation-duration:.18s}

.theme-to-light {display:none}
@media(prefers-color-scheme:dark) {.site-shell:not([data-theme=light]) .theme-to-dark {display:none}.site-shell:not([data-theme=light]) .theme-to-light {display:grid}}
.site-shell[data-theme=dark] .theme-to-dark {display:none}.site-shell[data-theme=dark] .theme-to-light {display:grid}
.site-shell[data-theme=light] .theme-to-dark {display:grid}.site-shell[data-theme=light] .theme-to-light {display:none}
/* The native scene owns readiness; hide its control in the static fallback. */
.scene-pause {visibility:hidden}
.hero-table:has([data-gosx-scene3d-ready=true]) .scene-pause {visibility:visible}