:root{color-scheme:dark;--ink: #f7f0dc;--paper: #102421;--field: #14765e;--field-light: #1b8b6d;--sun: #f05a37;--sun-light: #f7c95e;--tide: #24395b;--tide-light: #79d4df;--muted: #c7d4bf;--line: #86aa9b;--danger: #ffbdab;--focus: #fff18a;--shadow: #061411;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:0;overflow-wrap:anywhere;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5}button,select,input{font:inherit}button,select{min-height:44px}button{cursor:pointer}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--sun-light)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:20;top:-4rem;left:1rem;padding:.7rem 1rem;border-radius:.35rem;background:var(--focus);color:#112421;font-weight:800}.skip-link:focus{top:1rem}.site-header,main,.site-footer{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header{min-height:76px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-block:.5rem;border-bottom:1px solid rgba(134,170,155,.48)}.wordmark,.site-header nav a,.site-footer nav a,.touch-link{display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px}.wordmark{color:var(--ink);font-weight:900;letter-spacing:-.04em;font-size:1.32rem;text-decoration:none}.wordmark span{color:var(--sun);font-size:.8em}nav{display:flex;flex-wrap:wrap;gap:1rem}nav a[aria-current=page]{color:var(--sun-light);font-weight:800}.route-announcement{position:fixed;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}main{padding-block:2.5rem 4.5rem}.launch-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(1.25rem,3vw,3.25rem)}.game-intro{margin:0}.intro-copy{max-width:720px}.eyebrow{margin:0 0 .65rem;color:var(--sun-light);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.05}h1{max-width:760px;margin-bottom:1rem;font-size:clamp(2.25rem,6.2vw,4.5rem);letter-spacing:-.055em}h2{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.03em}h3{font-size:1.45rem}.lede{max-width:650px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem)}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:1.5rem 0}.action-note{color:var(--muted);font-size:.94rem}.button,.quiet-button,.text-button,.touch-controls button{border:0;border-radius:.28rem;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;text-decoration:none}.button.primary{background:var(--sun);color:#24150f;box-shadow:4px 4px 0 var(--shadow)}.button.primary:hover{background:#ff7a59;color:#24150f}.button.secondary{background:transparent;color:var(--ink);border:2px solid var(--line)}.plain-facts{display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:0;margin:0;color:var(--muted);font-size:.92rem;list-style:none}.plain-facts li:before{content:"●";color:var(--sun-light);padding-right:.45rem}.game-stage{display:flex;min-width:0;flex-direction:column}.game-stage>h2{margin-bottom:.3rem}.section-note{color:var(--muted)}.match-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:.35rem;background:#0c1d1b;box-shadow:7px 7px 0 var(--shadow)}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.75rem 1rem;color:#151817;background:var(--sun-light)}.demo-banner strong{font-weight:900}.demo-banner span{flex:1 1 260px;font-size:.9rem}.text-button{padding:.55rem .4rem;min-height:44px;background:transparent;color:#151817;text-decoration:underline;text-underline-offset:3px}.room-panel{margin-bottom:1rem;padding:.9rem;border:1px solid var(--line);border-left:5px solid var(--sun);background:#14302c}.room-panel h3,.room-panel p{margin-bottom:.35rem}.room-panel p{color:var(--muted)}.room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.75rem}.room-actions label{font-weight:800}.room-actions input{width:8.5rem;min-height:44px;padding:.45rem .65rem;border:2px solid var(--line);border-radius:.25rem;background:var(--paper);color:var(--ink);font:800 1.05rem/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.room-actions input[aria-invalid=true]{border-color:var(--danger)}.room-or{color:var(--muted)}.room-details{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem}.room-details[hidden]{display:none}.room-details output{color:var(--sun-light);font:900 1.15rem/1 ui-monospace,monospace;letter-spacing:.12em}.room-status{min-height:1.5rem;margin:.65rem 0 0!important;color:var(--sun-light)!important}.score-strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:58px;color:#102421;background:var(--sun-light);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:900}.team{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem}.sun-team{justify-content:flex-start}.tide-team{justify-content:flex-end;background:var(--tide-light)}.team strong{font-family:Georgia,serif;font-size:1.75rem}.clock{display:grid;min-width:6.4rem;place-items:center;padding-inline:.65rem;background:var(--ink);color:#102421;font-size:1.45rem}.match-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem 1rem;border-bottom:1px solid rgba(134,170,155,.5);background:#14302c}.match-toolbar label{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-weight:700}select{padding:.45rem .6rem;border:1px solid var(--line);border-radius:.25rem;background:#102421;color:var(--ink)}.rule-label{margin-right:auto;color:var(--sun-light);font-weight:800}.quiet-button{padding:.45rem .75rem;border:1px solid var(--line);background:#102421;color:var(--ink)}.quiet-button:hover{border-color:var(--sun-light);color:var(--sun-light)}.canvas-wrap{position:relative;width:100%;aspect-ratio:16 / 9;max-height:72vh;overflow:hidden;background:var(--field)}.pitch{display:block;width:100%;height:100%;touch-action:none}.field-callout{position:absolute;top:.75rem;left:50%;transform:translate(-50%);padding:.25rem .6rem;border:1px solid rgba(247,240,220,.62);border-radius:99rem;background:#061411c9;color:var(--ink);font-size:.88rem;font-weight:800;pointer-events:none}.controls-panel{padding:.9rem 1rem 1rem;background:#0e2623}.controls-panel p{margin-bottom:.4rem;color:var(--muted)}kbd{padding:.08rem .32rem;border:1px solid var(--line);border-bottom-width:3px;border-radius:.22rem;background:#173b35;color:var(--ink);font-family:ui-monospace,monospace;font-size:.88em}.touch-controls{display:none;flex-direction:column;gap:.8rem;padding-top:.4rem}.touch-player{padding-top:.5rem;border-top:1px solid rgba(134,170,155,.35)}.touch-player>span{display:block;margin-bottom:.35rem;color:var(--sun-light);font-weight:800}.touch-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.d-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.d-pad button{width:44px;min-height:44px;padding:0}.d-pad button[data-hold=up]{grid-column:2}.d-pad button[data-hold=left]{grid-column:1;grid-row:2}.d-pad button[data-hold=down]{grid-column:2;grid-row:2}.d-pad button[data-hold=right]{grid-column:3;grid-row:2}.touch-actions{display:flex;gap:.5rem}.touch-actions button{min-width:68px;min-height:52px;padding:.5rem}.touch-controls button{border:1px solid var(--sun-light);background:#183a34;color:var(--ink);font-weight:900}.touch-controls button:active{transform:translateY(2px);background:var(--sun);color:#102421}.match-shell[data-play-mode=practice] [data-touch-player=two],.match-shell[data-play-mode=online] [data-touch-player=two]{display:none}.end-panel{position:absolute;z-index:3;top:50%;left:50%;width:min(390px,calc(100% - 32px));transform:translate(-50%,-50%);padding:1.4rem;border:2px solid var(--sun-light);border-radius:.35rem;background:#102421;box-shadow:8px 8px #061411;text-align:center}.end-panel p{color:var(--muted)}.end-panel .button{width:100%;margin-top:.55rem}.demo-finish{display:block;width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.55rem;border:1px dashed var(--line);border-radius:.25rem;background:transparent;color:var(--muted)}.demo-finish:hover{color:var(--sun-light);border-color:var(--sun-light)}.how-it-works,.limits{max-width:760px;margin-top:5rem}.how-it-works ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0;list-style:none;counter-reset:steps}.how-it-works li{padding-top:.8rem;border-top:4px solid var(--sun);color:var(--muted)}.how-it-works strong{color:var(--ink)}.limits{padding:1.4rem;border-left:5px solid var(--tide-light);background:#122d29}.limits p{max-width:680px;color:var(--muted)}.text-page{max-width:760px;padding-block:1rem 2rem}.text-page section{margin-top:2.5rem}.text-page li,.text-page p{max-width:70ch}.text-page code{padding:.1em .3em;border-radius:.2em;background:#173b35;color:var(--sun-light)}.not-found{min-height:45vh}.site-footer{display:grid;grid-template-columns:1fr auto;gap:.4rem 2rem;padding:1.6rem 0 2rem;border-top:1px solid rgba(134,170,155,.48);color:var(--muted);font-size:.9rem}.site-footer p{margin:0}.site-footer nav{justify-content:flex-end}.generated-note{grid-column:1 / -1;font-size:.83rem}.settings-dialog{width:min(520px,calc(100% - 32px));border:2px solid var(--sun-light);border-radius:.35rem;background:#102421;color:var(--ink);box-shadow:8px 8px #061411}.settings-dialog::backdrop{background:#040f0db8}.settings-dialog form{padding:1.15rem}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-head h3{margin-bottom:.5rem}.check-row{display:block;margin-top:1rem}.check-row input{width:1.1rem;height:1.1rem;vertical-align:middle;accent-color:var(--sun)}.rebind{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(134,170,155,.35)}.rebind-status{min-height:1.5rem;margin:.8rem 0 0;color:var(--sun-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.site-header{min-height:68px;align-items:center}.site-header nav{gap:.7rem;font-size:.92rem}.site-header,main,.site-footer{width:min(calc(100% - 24px),1120px)}main{padding-top:1.1rem}.launch-grid{grid-template-columns:1fr;gap:1rem}h1{margin-bottom:.65rem;font-size:clamp(2.1rem,11vw,3.5rem)}.eyebrow{margin-bottom:.35rem}.lede{margin-bottom:.65rem;font-size:1rem}.intro-actions{gap:.35rem .7rem;margin:.8rem 0}.action-note{font-size:.82rem}.plain-facts{gap:.2rem .8rem;font-size:.8rem}.game-stage>h2{margin:.2rem 0;font-size:1.38rem}.game-stage>.section-note{display:none}.game-stage>.match-shell{order:1}.game-stage>.room-panel{order:2;margin-top:1rem;margin-bottom:0}.match-toolbar{align-items:stretch}.match-toolbar label{width:100%;justify-content:space-between}.match-toolbar select{flex:1}.rule-label{margin-right:auto}.score-strip{min-height:48px;font-size:1rem}.team{padding:.55rem .5rem;gap:.3rem}.team strong{font-size:1.35rem}.clock{min-width:4.8rem;padding-inline:.35rem;font-size:1.12rem}.canvas-wrap{aspect-ratio:16 / 9}.touch-controls{display:flex}.how-it-works ol{grid-template-columns:1fr;gap:.6rem}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}@media(max-width:400px){.site-header{align-items:flex-start}.site-header nav{width:100%;justify-content:space-between;gap:.35rem}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.room-actions>*{flex:1 1 100%}.room-actions input{width:100%}.room-or{display:none}.touch-row{align-items:flex-end}.touch-actions{flex-direction:column}.touch-actions button{min-height:44px}.rebind{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}