@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff)format("woff")}:root{--navy:#07142b;--navy-2:#0d2245;--line:#22406f;--text:#f2f6ff;--muted:#9fb3d4;--gold:#f5b83d;--gold-light:#ffe6a3;--magenta:#d0258f;--blue:#2f4de0;--red:#ff4a3a;--green:#3fcf7a;--pixel:"Press Start 2P", ui-monospace, monospace;--sans:"Poppins", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--sans);margin:0;overflow:hidden}[hidden]{display:none!important}#app{position:fixed;top:0;bottom:0;left:0;right:0}#view{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#touch{display:none;position:absolute;top:0;bottom:0;left:0;right:0}#app.playing #touch{display:block}.px{font-family:var(--pixel);letter-spacing:.04em;line-height:1.7}.gold{color:var(--gold)}.small{color:var(--muted);font-size:13px;line-height:1.5}.blink{animation:1.1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.screen{padding:calc(28px + var(--safe-top)) 20px calc(22px + var(--safe-bottom));text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.night{background:linear-gradient(#0b1f45ee,#07142bf5)}.screen.see-through{background:linear-gradient(#07142b00 40%,#07142bcc)}.spacer{flex:1}.logo{font-family:var(--pixel);text-shadow:3px 3px 0 var(--navy), 5px 5px 0 var(--magenta);margin-top:4vh;font-size:clamp(22px,7vw,40px);line-height:1.45}.logo small{color:var(--gold);text-shadow:2px 2px 0 var(--navy);margin-top:10px;font-size:clamp(10px,3vw,15px);display:block}.press{font-family:var(--pixel);text-shadow:2px 2px 0 var(--navy);cursor:pointer;padding:30px;font-size:14px}.menu{flex-direction:column;gap:10px;width:min(320px,100%);display:flex}.btn{font-family:var(--pixel);letter-spacing:.06em;color:var(--text);border:3px solid var(--text);cursor:pointer;background:#07142bb8;width:100%;padding:14px 10px;font-size:13px;box-shadow:4px 4px #0008}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0008}.btn.go{background:var(--magenta);border-color:#ffd1ea}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.link:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.arrow-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.small-btn{width:auto;padding:12px 16px;font-size:11px}.link{color:var(--muted);font-family:var(--pixel);cursor:pointer;background:0 0;border:0;padding:10px;font-size:9px}.title-foot{justify-content:center;gap:12px;display:flex}.ticket-note,.played-note{font-family:var(--pixel);color:var(--gold-light);text-shadow:2px 2px 0 var(--navy);font-size:10px;line-height:1.8}.played-note{border:2px solid var(--gold);background:#07142bcc;padding:12px}.noticket{border:2px solid var(--line);background:#07142bcc;padding:12px;font-size:14px}.noticket p{margin:0 0 6px}.info-page{flex-direction:column;align-items:center;gap:14px;max-width:440px;font-size:15px;line-height:1.6;display:flex}.info-page p{margin:0}.legend-ring{border:10px solid var(--gold);width:90px;height:90px;box-shadow:0 0 22px var(--gold), inset 0 0 12px #fff6;border-radius:50%;margin:10px 0}.howto{text-align:left;flex-direction:column;gap:12px;display:flex}.howto-row{grid-template-columns:76px 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.key{font-family:var(--pixel);text-align:center;border:2px solid var(--text);padding:8px 4px;font-size:9px}.key.arrow-key{color:var(--green);border-color:var(--green);font-size:14px}.key.red{color:var(--red);border-color:var(--red)}.info-nav{align-items:center;gap:20px;margin-top:auto;display:flex}.dots{gap:8px;display:flex}.dots i{background:#fff4;width:10px;height:10px;display:block}.dots i.on{background:var(--gold)}.select-head{width:100%;font-family:var(--pixel);text-shadow:2px 2px 0 var(--navy);justify-content:space-between;font-size:13px;display:flex}.count{color:var(--red)}.select-card{border:3px solid var(--text);background:#07142bd0;flex-direction:column;gap:12px;width:min(360px,100%);padding:16px;display:flex}.select-name{font-family:var(--pixel);color:var(--gold);justify-content:space-between;align-items:center;font-size:13px;display:flex}.arrow-btn{font-family:var(--pixel);border:2px solid var(--text);color:var(--text);cursor:pointer;background:0 0;padding:10px 12px}.stats{gap:8px;display:grid}.stat{font-family:var(--pixel);text-align:left;grid-template-columns:110px 1fr;align-items:center;font-size:9px;display:grid}.bar{gap:3px;display:flex}.bar i{background:#fff2;flex:1;height:12px}.bar i.f{background:var(--gold)}.blurb{margin:0}.panel-box{border:3px solid var(--text);background:#07142bd8;flex-direction:column;gap:12px;width:min(360px,100%);padding:18px;display:flex}.panel-box .px{margin:0;font-size:12px}.countdown{font-family:var(--pixel);color:var(--gold);text-shadow:5px 5px 0 var(--navy);margin:auto;font-size:72px}.over-title{font-family:var(--pixel);text-shadow:3px 3px #3b4b66;margin:4vh 0 0;font-size:clamp(18px,6vw,28px);line-height:1.6}.tally{font-family:var(--pixel);gap:10px;font-size:11px;display:grid}.tally div{justify-content:space-between;display:flex}.tally .gold{color:var(--gold);font-size:13px}.rank{font-family:var(--pixel);background:var(--gold);color:#1b1300;padding:10px;font-size:11px}.status{min-height:1.5em}.tabs{gap:6px;display:flex}.tabs button{font-family:var(--pixel);color:var(--text);cursor:pointer;background:0 0;border:2px solid #fff6;padding:9px 10px;font-size:9px}.tabs button.on{background:var(--text);color:var(--navy)}.board{width:min(380px,100%);font-family:var(--pixel);gap:8px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.board li{text-align:left;grid-template-columns:34px 52px 1fr auto;align-items:center;gap:8px;padding:6px 4px;display:grid}.board li.me{color:var(--gold);animation:1.1s steps(2,start) infinite blink}.board .ferry{color:var(--muted);font-size:8px}.board li{grid-template-columns:34px 78px 1fr auto}.badge{vertical-align:1px;width:9px;height:9px;margin-left:4px;display:inline-block}.badge.skipper{background:var(--gold);clip-path:polygon(0 100%,0 30%,25% 60%,50% 0,75% 60%,100% 30%,100% 100%)}.badge.top10{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#3fc1c9}.badge.ring_master{border:2px solid var(--gold);border-radius:50%}.board .score{text-align:right;font-variant-numeric:tabular-nums}.board .empty{text-align:center;color:var(--muted);display:block}.board-note{margin:0}.credits{gap:4px;max-width:420px;font-size:14px;line-height:1.6;display:grid}.credits p{margin:0}#hud{pointer-events:none;font-family:var(--pixel);text-shadow:2px 2px #000c;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(14px + var(--safe-top));grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;left:14px;right:14px}.hud-rings{align-items:center;gap:8px;font-size:14px;display:flex}.ring-icon{border:4px solid var(--gold);width:16px;height:16px;box-shadow:0 0 6px var(--gold);border-radius:50%}.hud-centre{text-align:center}.hud-timer{font-size:clamp(26px,9vw,40px)}.hud-timer.low{color:var(--red)}.hud-dist{color:var(--gold-light);margin-top:6px;font-size:10px}.hud-score{text-align:right;font-size:13px}.hud-combo{color:var(--gold);margin-top:6px;font-size:12px}.hud-map{top:calc(52px + var(--safe-top));pointer-events:auto;cursor:zoom-in;touch-action:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;left:12px}.minimap{width:min(30vw,180px);image-rendering:pixelated;border:2px solid var(--text);display:block;box-shadow:3px 3px #0008}.map-hint{color:var(--gold-light);font-size:10px;display:none}.hud-map.big{padding:calc(16px + var(--safe-top)) 12px calc(16px + var(--safe-bottom));cursor:zoom-out;z-index:5;background:#07142bdd;justify-content:center;align-items:center;gap:14px;top:0;bottom:0;left:0;right:0}.hud-map.big .minimap{width:var(--map-w,90vw)}.hud-map.big .map-hint{display:block}.hud-pops{top:calc(200px + var(--safe-top));text-align:center;position:absolute;left:0;right:0}.pop{color:var(--green);font-size:16px;animation:1s ease-out forwards pop}.pop.bad{color:var(--red)}.pop.pts{color:var(--gold);font-size:12px}@keyframes pop{0%{opacity:1;transform:translateY(12px)}to{opacity:0;transform:translateY(-28px)}}.hud-toast{text-align:center;color:var(--gold-light);font-size:13px;position:absolute;top:34%;left:0;right:0}.hud-hints{bottom:calc(96px + var(--safe-bottom));opacity:.75;justify-content:space-between;font-size:10px;transition:opacity 1s;display:flex;position:absolute;left:16px;right:16px}.hud-hints.fade{opacity:0}.hud-hints span.on{color:var(--gold)}.hud-brake,.hud-horn{pointer-events:auto;font-family:var(--pixel);color:var(--text);border:3px solid var(--text);cursor:pointer;touch-action:none;background:#07142b99;position:absolute}.hud-brake{bottom:calc(22px + var(--safe-bottom));padding:16px 26px;font-size:12px;left:50%;transform:translate(-50%)}.hud-brake:active{background:var(--red)}.hud-horn{bottom:calc(26px + var(--safe-bottom));padding:10px 8px;font-size:8px;right:16px}.paused{background:#07142bcc;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pause-title{text-align:center;margin-bottom:6px;font-size:20px}#exit-text{text-align:center;line-height:1.8}.hud-pause{top:calc(64px + var(--safe-top));pointer-events:auto;font-family:var(--pixel);letter-spacing:1px;color:var(--text);border:2px solid var(--text);cursor:pointer;touch-action:none;background:#07142b99;padding:8px 10px;font-size:11px;position:absolute;right:12px}@media (prefers-reduced-motion:reduce){.blink,.board li.me{animation:none}.pop{animation-duration:10ms}}