@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-vietnamese-wght-normal-B59RsdDd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-latin-ext-wght-normal-Cq1Gr55P.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-latin-wght-normal-C4OLzBX3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#151714;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#ba2d22;--accent-strong:#962118;--border:#c7c3b8;--border-strong:#8f8b80;--page:#f2f0e9;--surface:#faf9f5;--surface-raised:#fff;--surface-muted:#e9e6de;--text:#151714;--text-muted:#67675f;--focus:#2458a6;--success:#23724a;--success-soft:#e2f0e7;--danger:#9c2d25;--danger-soft:#f6e6e2;--team-wash-base:white;background:#f2f0e9;font-family:Saira Variable,Arial Narrow,sans-serif}:root[data-theme=dark]{color:#f2f0e9;--accent:#ef6659;--accent-strong:#ff8478;--border:#3f433d;--border-strong:#676c64;--page:#121411;--surface:#191c18;--surface-raised:#21251f;--surface-muted:#2a2e28;--text:#f2f0e9;--text-muted:#b2b5ad;--focus:#8db6ff;--success:#74d4a0;--success-soft:#183729;--danger:#ff8a7f;--danger-soft:#42221e;--team-wash-base:#171a16;background:#121411}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;min-height:100vh;color:var(--text);background:var(--page);margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:.18rem solid var(--focus);outline-offset:.18rem}code{border:1px solid var(--border);background:var(--surface-muted);overflow-wrap:anywhere;padding:.15rem .35rem;font-family:Cascadia Code,Consolas,monospace}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.site-shell{width:min(92rem,100% - 2rem);margin:0 auto}.site-header{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;min-height:4.75rem;display:flex}.brand{letter-spacing:.015em;align-items:center;gap:.7rem;font-size:1rem;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{width:2.1rem;height:2.1rem;color:var(--surface-raised);background:var(--text);letter-spacing:-.03em;border-radius:.65rem .45rem .7rem .5rem;place-items:center;font-size:.72rem;font-weight:850;display:grid;transform:rotate(-2deg)}:root[data-theme=dark] .brand-mark{color:var(--page);background:var(--text)}.header-actions{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:clamp(.75rem,2vw,1.5rem);font-size:.82rem;font-weight:700;display:flex}.header-actions>a{text-underline-offset:.3rem}.header-play-link{border:1px solid var(--border-strong);border-radius:999px;padding:.45rem .8rem;text-decoration:none}.theme-toggle{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .72rem;display:inline-flex}.theme-dot{background:var(--text);border:1px solid;border-radius:50%;width:.65rem;height:.65rem}.hero{border-bottom:1px solid var(--border-strong);align-content:center;min-height:min(41rem,76vh);padding:clamp(5rem,12vw,10rem) clamp(0rem,2vw,2rem);display:grid}.eyebrow,.section-number{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.74rem;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:13ch;margin-bottom:1.5rem;font-size:clamp(3.4rem,9vw,8.7rem);font-weight:760;line-height:.86}.hero-copy{max-width:38rem;color:var(--text-muted);margin-bottom:2rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.hero-link,.home-callout a{border-bottom:2px solid var(--accent);width:fit-content;color:var(--text);padding-bottom:.25rem;font-weight:720;text-decoration:none}.home-callout,.rules-section{padding:clamp(4rem,8vw,7rem) clamp(0rem,2vw,2rem)}.home-callout{border-bottom:1px solid var(--border-strong);grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,7rem);display:grid}.home-callout>div{justify-items:start;gap:1.25rem;display:grid}.home-callout h2,.rules-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.home-callout p:not(.section-number){max-width:42rem;color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.65}.rules-section{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem);display:grid}.rules-list{margin:0;padding:0;list-style:none}.rules-list li{border-top:1px solid var(--border);grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;display:grid}.rules-list li:last-child{border-bottom:1px solid var(--border)}.rules-list>li>span{color:var(--accent);font-size:.78rem;font-weight:800}.rules-list strong{font-size:1.1rem}.rules-list p{color:var(--text-muted);margin:.25rem 0 0;line-height:1.45}.play-page{padding:1rem 0 2.5rem}.site-footer{border-top:1px solid var(--border-strong);color:var(--text-muted);justify-content:space-between;gap:1rem;padding:1.5rem 0 2.5rem;font-size:.8rem;display:flex}.site-footer span:first-child{color:var(--text);font-weight:750}@media (width<=48rem){.home-callout,.rules-section,.play-page{padding-top:.75rem}.hero{min-height:auto}}@media (width<=34rem){.site-shell{width:min(100% - 1rem,92rem)}.header-actions>a:first-child{display:none}.hero h1{font-size:clamp(3.1rem,17vw,5rem)}.site-footer{flex-direction:column}}.player-search{gap:.5rem;display:grid;position:relative}.player-search label{font-size:.9rem;font-weight:700}.search-input-wrap{position:relative}.search-input-wrap input{border:1px solid var(--border-strong);width:100%;min-height:3rem;color:inherit;background:var(--surface-raised);font:inherit;border-radius:0;padding:.75rem 3rem .75rem .9rem}.search-input-wrap input:focus{border-color:var(--focus);outline-offset:.05rem;outline:.2rem solid #2563eb33}.search-spinner{border:.15rem solid #d7dce5;border-top-color:var(--accent);border-radius:50%;width:1rem;height:1rem;animation:.75s linear infinite spin;position:absolute;top:50%;right:1rem}.search-status{min-height:1.25rem;color:var(--text-muted);font-size:.85rem}.search-error{border-left:.25rem solid var(--danger);color:var(--danger);background:var(--danger-soft);border-radius:0;margin:0;padding:.8rem}.search-results{z-index:10;border:1px solid var(--border);background:var(--surface-raised);border-radius:0;max-height:21rem;position:absolute;top:calc(100% - .15rem);left:0;right:0;overflow-y:auto;box-shadow:0 1rem 2rem #17203329}.search-result{cursor:pointer;gap:.3rem;padding:.85rem 1rem;display:grid}.search-result+.search-result{border-top:1px solid var(--border)}.search-result[aria-selected=true]{background:var(--surface-muted);box-shadow:inset .2rem 0 var(--focus)}.result-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.position-badge{border:1px solid var(--border);color:var(--text);background:var(--surface-muted);border-radius:0;padding:.15rem .45rem;font-size:.75rem;font-weight:750}.result-details{color:var(--text-muted);font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.search-spinner{animation:none}}.game-playground,.game-setup,.game-state,.game-move-form{gap:1.35rem;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-playground button{min-height:2.75rem;color:var(--surface-raised);background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.65rem 1rem;font-weight:740}.game-playground button:hover:not(:disabled){background:var(--accent-strong)}.game-playground button:disabled{color:var(--text-muted);background:var(--surface-muted);cursor:not-allowed}.game-playground .secondary-action,.game-playground .route-cancel{color:var(--text);border-color:var(--border-strong);background:0 0}.game-playground .secondary-action:hover:not(:disabled),.game-playground .route-cancel:hover:not(:disabled){color:var(--surface-raised);background:var(--text)}.game-setup{border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--text) 7%, transparent);border-radius:1.75rem 2.1rem 1.6rem 2rem;grid-template-columns:minmax(15rem,.75fr) minmax(20rem,1.25fr);padding:clamp(1.5rem,4vw,2.5rem)}.setup-intro{padding-right:clamp(0rem,4vw,3rem)}.setup-intro h3{margin-bottom:.65rem;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1}.setup-intro>p:last-child{color:var(--text-muted);margin:0;line-height:1.5}.game-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:800;display:block}.game-setup fieldset{border:0;grid-template-columns:1fr 1fr;align-self:start;gap:.65rem;margin:0;padding:0;display:grid}.game-setup fieldset>label{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:1rem 1.25rem .95rem 1.15rem;gap:.2rem;min-height:5.5rem;padding:1rem 1rem 1rem 2.6rem;display:grid;position:relative}.game-setup fieldset>label.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.game-setup fieldset input{accent-color:var(--accent);position:absolute;top:1.15rem;left:1rem}.game-setup fieldset small{color:var(--text-muted);line-height:1.3}.game-searches{grid-column:2;grid-template-columns:1fr 1fr;gap:1rem;padding-top:.75rem;display:grid}.selected-route{border-left:.22rem solid var(--accent);background:var(--surface-muted);color:var(--text-muted);border-radius:0 .8rem .8rem 0;grid-column:1/-1;margin:0;padding:.75rem 1rem}.selected-route span,.route-matchup span{color:var(--accent)}.game-setup>.primary-action{grid-column:2;justify-self:start}.game-state{border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 1.25rem 3rem color-mix(in srgb, var(--text) 8%, transparent);border-radius:2rem 2.35rem 1.8rem 2.2rem;padding:clamp(1.15rem,3vw,2rem)}.game-state-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.25rem;padding:.3rem .3rem 1.35rem;display:grid}.game-state h3,.route-hand h4,.endpoint-details h4{margin:0}.game-state-header h3{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1}.route-matchup{color:var(--text-muted);margin:.45rem 0 0}.game-stats{border:1px solid var(--border);border-radius:1rem;display:flex;overflow:hidden}.game-stats div{text-align:center;min-width:4.6rem;padding:.55rem .75rem;display:grid}.game-stats div+div{border-left:1px solid var(--border)}.game-stats span{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:750}.game-stats strong{font-size:1.2rem}.route-scroll{padding:1.4rem .75rem 1.7rem;overflow-x:auto}.route-track{justify-content:center;align-items:center;min-width:max-content;display:flex}.route-segment{display:contents}.route-node{border:1px solid var(--border);background:var(--surface-raised);width:10.25rem;height:9rem;box-shadow:0 .55rem 1.2rem color-mix(in srgb, var(--text) 6%, transparent);overflow-wrap:anywhere;border-radius:1.3rem 1.55rem 1.15rem 1.45rem;flex-direction:column;flex:0 0 10.25rem;justify-content:center;gap:.3rem;padding:1rem;display:flex;position:relative}.route-node strong{font-size:1.05rem;line-height:1.15}.route-node small{color:var(--text-muted)}.route-node-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:800}.route-endpoint{border-width:2px;border-color:var(--border-strong)}.route-endpoint:hover{border-color:var(--accent)}.route-target.is-complete{border-color:var(--success);background:var(--success-soft)}.route-locked-player{background:var(--surface-muted)}.route-draft-player{border-style:dashed;justify-content:center;gap:.15rem;padding:.55rem}.route-draft-player .player-search{width:100%}.route-draft-player .player-search label,.route-draft-player .search-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-draft-player .search-input-wrap input{min-height:2.4rem;padding:.45rem .5rem;font-size:.75rem}.route-draft-player .search-results{z-index:20;min-width:15rem;max-height:12rem}.route-draft-player>small{font-size:.66rem}.game-playground .route-draft-player .route-cancel{min-height:1.5rem;padding:.1rem .4rem;font-size:.68rem}.route-connector{clip-path:polygon(0 0,calc(100% - 1.2rem) 0,100% 50%,calc(100% - 1.2rem) 100%,0 100%,.7rem 50%);min-height:4.25rem;color:var(--text-muted);background:var(--surface-muted);text-align:center;overflow-wrap:anywhere;border:0;flex:0 0 8rem;justify-content:center;align-items:center;gap:.35rem;margin:0 .45rem;padding:.55rem 1.3rem .55rem .8rem;display:flex;position:relative}.route-locked-card{color:var(--success);background:var(--success-soft)}.route-locked-card span{font-size:.75rem;font-weight:750}.route-drop-zone{flex-direction:column;font-size:.78rem;font-weight:720}.route-drop-zone.is-drag-over{background:var(--danger-soft)}.route-drop-zone.is-filled{color:var(--text);background:var(--danger-soft)}.route-drop-zone>button{min-height:auto;color:var(--danger);background:0 0;padding:.1rem .4rem;font-size:1.15rem}.route-gap-actions{gap:.35rem;width:100%;display:grid}.route-drop-zone .route-gap-actions button{min-height:2.1rem;padding:.3rem .6rem;font-size:.72rem}.route-future{clip-path:none;background:0 0;flex-basis:3rem;min-height:0;padding:0;font-size:1.5rem}.game-playground .route-remove{min-height:auto;color:var(--danger);background:0 0;padding:.05rem .42rem;font-size:1.25rem;line-height:1.2;position:absolute;top:.3rem;right:.35rem}.endpoint-details{border:1px solid var(--team-primary);border-left:.55rem solid var(--team-primary);border-top:.3rem solid var(--team-secondary);background:linear-gradient(135deg, color-mix(in srgb, var(--team-primary) 18%, var(--team-wash-base)), color-mix(in srgb, var(--team-secondary) 12%, var(--team-wash-base)));border-radius:1rem 1.25rem .9rem 1.1rem;padding:1rem 1.15rem}.endpoint-details dl{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:.75rem 0 0;display:grid}.endpoint-details dt{color:var(--text-muted);font-size:.72rem;font-weight:700}.endpoint-details dd{margin:.2rem 0 0;font-weight:750}.route-hand{border-top:1px solid var(--border);gap:1rem;padding:1.5rem clamp(0rem,3vw,2.5rem) 0;display:grid}.hand-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.hand-heading h4{font-size:1.5rem}.hand-heading p{max-width:28rem;color:var(--text-muted);text-align:right;margin:0;font-size:.85rem}.game-hand{grid-template-columns:repeat(3,minmax(9rem,13rem));justify-content:center;gap:clamp(.85rem,2.5vw,1.75rem);padding:1.25rem 0 1rem;display:grid}.game-playground .game-card{border:2px solid var(--border-strong);min-height:10rem;color:var(--text);background:var(--surface-raised);box-shadow:0 .7rem 1.3rem color-mix(in srgb, var(--text) 8%, transparent);text-align:left;cursor:grab;border-radius:1.2rem 1.75rem 1rem 1.55rem;align-content:space-between;gap:.6rem;padding:1.2rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.game-playground .game-card.card-1{transform:rotate(-1.8deg)}.game-playground .game-card.card-2{border-radius:1.55rem 1rem 1.65rem 1.1rem;transform:translateY(-.2rem)rotate(.7deg)}.game-playground .game-card.card-3{border-radius:1rem 1.6rem 1.35rem .9rem;transform:rotate(1.9deg)}.game-playground .game-card:hover:not(:disabled){color:var(--text);border-color:var(--accent);background:var(--surface-raised);transform:translateY(-.5rem)rotate(0)}.game-playground .game-card.is-selected,.game-playground .game-card.is-selected:hover:not(:disabled){border-color:var(--danger);outline:2px solid color-mix(in srgb, var(--danger) 50%, transparent);outline-offset:3px;background:var(--surface-raised);box-shadow:0 .85rem 1.6rem color-mix(in srgb, var(--danger) 18%, transparent);transform:translateY(-.65rem)rotate(0)}.game-playground .game-card:disabled{cursor:not-allowed}.game-card strong{font-size:1.2rem;line-height:1.15}.game-card small{color:var(--text-muted)}.card-type{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:800}.hand-actions{border-top:1px dashed var(--border);grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;gap:1rem;padding-top:1rem;display:grid}.game-playground .discard-action{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 65%, var(--border));background:0 0;align-items:center;gap:.55rem;display:inline-flex}.game-playground .discard-action small{color:inherit;font-size:.68rem}.game-playground .discard-action:hover:not(:disabled){color:var(--surface-raised);border-color:var(--danger);background:var(--danger)}.hand-status{color:var(--text-muted);text-align:center;font-size:.78rem}.game-playground .check-action{min-width:9rem}.game-feedback,.game-win,.game-error{overflow-wrap:anywhere;border:1px solid;border-left-width:.35rem;border-radius:.9rem 1.2rem .85rem 1.05rem;padding:1rem 1.15rem}.game-feedback p,.game-win p{margin:.3rem 0 0}.game-feedback.accepted,.game-win{border-color:var(--success);background:var(--success-soft)}.game-feedback.rejected,.game-error{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.game-win{gap:.7rem;display:grid}.game-win button{justify-self:start}@media (width<=52rem){.game-setup{grid-template-columns:1fr}.game-searches,.game-setup>.primary-action{grid-column:1}.game-state-header{grid-template-columns:1fr auto}.game-stats{grid-area:2/1/auto/-1;justify-self:start}}@media (width<=42rem){.game-setup fieldset,.game-searches,.game-state-header{grid-template-columns:1fr}.game-state-header>button{justify-self:start}.game-stats{grid-area:auto;width:100%}.game-stats div{flex:1;min-width:0}.hand-heading{flex-direction:column;align-items:start}.hand-heading p{text-align:left}.game-hand{justify-content:start;padding:1.25rem .4rem 1.5rem;display:flex;overflow-x:auto}.game-playground .game-card{flex:0 0 11.5rem}.hand-actions{grid-template-columns:1fr 1fr}.hand-status{text-align:left;grid-area:1/1/auto/-1}.discard-action{justify-self:start}.check-action{justify-self:end}}
