:root{color-scheme:light;font-family:Verdana,Geneva,sans-serif;color:#152d2f;background:#f4e9d3;font-synthesis:none;--paper: #f4e9d3;--surface: #fff8e9;--ink: #152d2f;--muted: #526566;--coral: #d94a3d;--deep-coral: #c43c32;--blue: #176b87;--lime: #b8d638;--warning: #a85a00;--danger: #a52a32;--focus: #005fcc;--rule: 3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);color:var(--ink);font-size:16px;line-height:1.55}body:before{position:fixed;z-index:-1;inset:0;background-image:url(/art/race-poster.webp);background-position:75% 10%;background-size:min(1100px,90vw) auto;background-repeat:no-repeat;opacity:.055;content:"";pointer-events:none}a{color:#075a72;text-decoration-thickness:2px;text-underline-offset:.22em}a:hover{text-decoration-thickness:4px}button,.primary-action{min-height:44px;border:2px solid var(--ink);border-radius:0;padding:10px 16px;color:var(--ink);background:var(--surface);box-shadow:4px 4px 0 var(--ink);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));font:700 .9rem/1.15 Verdana,Geneva,sans-serif;text-align:center;text-decoration:none;cursor:pointer}button:hover,.primary-action:hover{background:#eef4c6;text-decoration:none}button:active,.primary-action:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}:focus-visible{outline:4px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Arial Black,Franklin Gothic Heavy,Arial,sans-serif;line-height:.98;letter-spacing:-.045em}h1{max-width:13ch;margin-bottom:24px;font-size:clamp(2.5rem,5.8vw,5.7rem)}h2{font-size:clamp(1.8rem,3vw,3.2rem)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;color:var(--surface);background:var(--ink);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.demo-banner{display:flex;position:sticky;z-index:20;top:0;align-items:center;justify-content:center;gap:16px;min-height:52px;border-bottom:var(--rule);padding:4px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));background:var(--lime);font-size:.82rem}.demo-banner button,.demo-banner a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:2px solid var(--ink);padding:7px 10px;background:var(--surface);box-shadow:none;color:var(--ink);font-weight:700}.site-header,.site-footer,main{width:min(1460px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:var(--rule);padding-block:8px}.wordmark{display:inline-flex;min-width:44px;min-height:44px;align-items:center;gap:10px;color:var(--ink);font-family:Arial Black,Arial,sans-serif;font-size:.95rem;letter-spacing:-.03em;text-decoration:none}.wordmark-number{display:inline-grid;width:37px;height:37px;place-items:center;border:2px solid var(--ink);background:var(--deep-coral);box-shadow:3px 3px 0 var(--blue);color:var(--surface)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:24px}.site-header nav a,.site-footer nav a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink);font-size:.85rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.55fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:calc(100vh - 72px);padding-block:32px 48px}.eyebrow,.section-number,.game-label,.course-label,.result-label{margin-bottom:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.audience{max-width:55ch;margin-bottom:24px;font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:24px}.hero-actions span{max-width:20ch;color:var(--muted);font-size:.83rem}.primary-action{display:inline-flex;align-items:center;justify-content:center;background:var(--lime)}.plain-facts{display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:.84rem;font-weight:700}.plain-facts li:before{margin-right:8px;color:var(--coral);content:"■"}.game-shell{position:relative;border:var(--rule);background:var(--surface);box-shadow:12px 12px 0 var(--blue)}.game-shell:before{position:absolute;z-index:-1;inset:-18px 8% 48% -18px;background:var(--coral);content:"";transform:rotate(-1.2deg)}.game-topline,.game-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.game-topline{border-bottom:2px solid var(--ink)}.game-topline p,.game-foot p{margin:0}.game-label{margin-bottom:1px;color:var(--ink)}.course-label{margin:0;color:var(--muted)}.game-actions{display:flex;gap:10px}.game-actions button{min-height:42px;padding:8px 12px;box-shadow:2px 2px 0 var(--ink)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 16px;background:var(--ink);color:var(--surface);font-variant-numeric:tabular-nums}.scoreboard p{margin:0}.player-score{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 12px}.player-score strong{grid-row:1 / 3;grid-column:2;font:900 2.5rem/1 Arial Black,Arial,sans-serif}.player-score small{color:#e6ded0;font-size:.66rem}.player-one span{color:#ff7468}.player-two{text-align:right}.player-two span{color:#61c5e8}.player-two strong{grid-column:1}.round-clock{display:grid;min-width:82px;justify-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.round-clock strong{font-size:1.75rem;line-height:1}.round-clock small{color:#e6ded0}.race-progress{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:2px solid var(--ink);padding:6px 16px;font:800 .67rem ui-monospace,SFMono-Regular,Consolas,monospace}.race-progress label{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px}.race-progress progress{width:100%;height:9px;border:1px solid var(--ink);border-radius:0;background:#e2d6c1}.race-progress progress::-webkit-progress-bar{background:#e2d6c1}#progress-one::-webkit-progress-value{background:var(--coral)}#progress-two::-webkit-progress-value{background:var(--blue)}#progress-one::-moz-progress-bar{background:var(--coral)}#progress-two::-moz-progress-bar{background:var(--blue)}.canvas-stage{position:relative;overflow:hidden;background:var(--surface);aspect-ratio:16 / 9}#race-canvas{display:block;width:100%;height:100%;outline-offset:-6px;touch-action:none}.game-overlay{display:grid;position:absolute;inset:0;place-items:center;padding:16px;background:#152d2f47}.game-overlay[hidden]{display:none}.overlay-panel{width:min(430px,92%);border:3px solid var(--ink);padding:18px;background:#fff8e9f5;box-shadow:7px 7px 0 var(--coral);text-align:center}.overlay-panel h2{margin-bottom:12px;font-size:clamp(1.35rem,3vw,2.15rem)}.overlay-panel p{margin-bottom:14px}.overlay-panel div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.game-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.game-foot{align-items:baseline;border-top:2px solid var(--ink);font-size:.72rem}.game-foot p:first-child{max-width:68ch}.game-foot p:last-child{flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.touch-controls{display:none;gap:8px;border-top:2px solid var(--ink);padding:8px}.touch-group{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.touch-group strong{grid-column:1 / -1;font-size:.75rem}.touch-group button{min-width:44px;padding-inline:6px}.how,.boundaries{display:grid;grid-template-columns:minmax(220px,.7fr) 1.4fr;gap:48px;border-top:var(--rule);padding-block:80px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;counter-reset:steps;list-style:none}.how li{border-top:8px solid var(--lime);padding-top:16px}.how li:nth-child(2){border-color:var(--coral)}.how li:nth-child(3){border-color:var(--blue)}.how strong{display:block;margin-bottom:8px}.boundary-copy{max-width:66ch}.boundary-copy>a,.text-page a{display:inline-flex;min-height:44px;align-items:center}.site-footer{display:grid;grid-template-columns:1fr auto;gap:8px 24px;border-top:var(--rule);padding-block:32px max(32px,env(safe-area-inset-bottom));font-size:.8rem}.site-footer p{margin:0}.site-footer p:last-child{grid-column:1 / -1;color:var(--muted)}.text-page,.not-found{width:min(760px,100%);min-height:calc(100vh - 280px);padding-block:clamp(56px,9vw,120px)}.text-page h1,.not-found h1{max-width:12ch}.text-page h2{margin-top:48px;margin-bottom:12px;font-size:1.65rem;letter-spacing:-.025em}.text-page p{max-width:68ch}.lede{font-size:1.16rem}code{padding:2px 4px;background:var(--surface)}.danger-action{border-color:var(--danger);box-shadow:4px 4px 0 var(--danger);color:var(--danger)}dialog{width:min(520px,calc(100% - 32px));border:var(--rule);padding:0;background:var(--surface);color:var(--ink);box-shadow:10px 10px 0 var(--coral)}dialog::backdrop{background:#152d2fb8}dialog form{padding:24px}dialog h2{margin-bottom:8px;font-size:2rem}.setting-row{display:flex;align-items:center;gap:14px;min-height:64px;border-top:1px solid #8c9995;cursor:pointer}.setting-row input{width:44px;height:44px;flex:0 0 44px;accent-color:var(--blue)}.setting-row span{display:grid}.setting-row small{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:960px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:720px}.how ol{grid-template-columns:1fr}}@media(hover:none),(pointer:coarse){.touch-controls{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:620px){body{font-size:1.0625rem}.site-header,.site-footer,main{width:min(100% - 24px,1460px)}.site-header{flex-wrap:wrap;min-height:60px}.wordmark>span:last-child{display:none}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:15px}.site-header nav a{justify-content:center;font-size:1.0625rem}.demo-banner{display:grid;grid-template-columns:1fr auto auto;gap:4px 8px;font-size:1.0625rem}.demo-banner strong{grid-column:1 / -1}.demo-banner span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-banner button,.demo-banner a{min-height:44px;padding:7px 9px;font-size:1.0625rem}.hero{gap:12px;padding-block:24px 48px}button,.primary-action{font-size:1.0625rem}.hero-copy>.eyebrow{display:none}h1{margin-bottom:12px;font-size:clamp(2.25rem,12vw,3.25rem)}.audience{margin-bottom:10px;font-size:1.0625rem}.hero-actions{align-items:stretch;margin-bottom:10px}.hero-actions span{align-self:center;font-size:1.0625rem}.plain-facts{gap:4px;font-size:1.0625rem;line-height:1.35}.game-shell{margin-right:5px;box-shadow:7px 7px 0 var(--blue)}.game-topline{flex-wrap:wrap;padding:4px 8px}.game-topline .game-label{display:none}.game-actions button{min-height:44px;padding:7px 9px;font-size:1.0625rem}.course-label,.round-clock,.round-clock small{font-size:1rem}.scoreboard{gap:6px;padding:3px 8px}.player-score{gap:0 6px}.player-score strong{font-size:1.65rem}.player-score small{display:none}.round-clock{min-width:66px;font-size:.72rem}.round-clock strong{font-size:1.35rem}.race-progress{display:none}.game-foot{display:block;padding:9px;font-size:1.0625rem;line-height:1.4}.game-foot p:last-child{margin-top:6px}.touch-controls{grid-template-columns:1fr}.touch-group{grid-template-columns:30px repeat(4,1fr);align-items:center}.touch-group strong{grid-column:auto;font-size:1rem}.setting-row small{font-size:1rem}.how,.boundaries{grid-template-columns:1fr;gap:20px;padding-block:56px}.site-footer{grid-template-columns:1fr;font-size:1.0625rem}.site-footer nav{flex-wrap:wrap;gap:14px}.site-footer nav a{font-size:1.0625rem}.site-footer p:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}button:active,.primary-action:active{transform:none}}