.rowgame{--rg-ink:var(--color-text);--rg-ink-soft:var(--color-neutral-600);--rg-paper:var(--color-bg);--rg-water:var(--color-neutral-100);--rg-water-2:var(--color-neutral-200);--rg-line:var(--color-divider);--rg-mark:color-mix(in srgb, var(--color-text) 55%, transparent);--rg-steel:var(--color-accent);--rg-port:#b0423f;--rg-stbd:#2f7d5c;--rg-buoy:#c2872a;--rg-buoy-lit:#d9a53f;--rg-buoy-soft:#eadfc0;--rg-buoy-deep:#8f6415;--rg-flag:#c1622a;--rg-boat-1:#416180;--rg-boat-2:#6f8f6a;--rg-boat-3:#8a6f9c;--rg-boat-4:#4d8a92;--rg-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--rg-display:var(--font-heading);font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);border-top:1px solid var(--color-neutral-300);scroll-margin-top:76px}@media (prefers-color-scheme:dark){.rowgame{--rg-port:#e0736b;--rg-stbd:#63b58c;--rg-buoy:#d9a53f;--rg-buoy-lit:#edc063;--rg-buoy-soft:#4a4127;--rg-buoy-deep:#f0cd7c;--rg-flag:#e08b52;--rg-boat-1:#7ba6cd;--rg-boat-2:#9dbf97;--rg-boat-3:#b79ac9;--rg-boat-4:#7cc0c8}}.rowgame,.rowgame *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rowgame .wrap{max-width:720px;padding:40px var(--gutter) 72px;margin:0 auto}.rowgame #race{--race-width:min(1100px, calc(100vw - var(--gutter) * 2));width:var(--race-width);margin-inline:calc(50% - var(--race-width) / 2)}.rowgame #race .panel p{max-width:76ch}.rowgame h1,.rowgame h2,.rowgame h3{font-family:var(--font-heading);letter-spacing:.01em;margin:0;font-weight:600}.rowgame .frame{border:1px solid var(--rg-line);background:0 0;position:relative}.rowgame .frame:before,.rowgame .frame:after{content:"";pointer-events:none;background:linear-gradient(var(--rg-mark), var(--rg-mark)) 5px 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) 0 5px / 11px 1px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 5px top 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 0 top 5px / 11px 1px no-repeat;height:11px;position:absolute;left:-6px;right:-6px}.rowgame .frame:before{top:-6px}.rowgame .frame:after{bottom:-6px}.rowgame .mast{align-items:center;gap:16px;margin:0 0 28px;display:flex}.rowgame .mast h1{text-transform:uppercase;font-size:38px;line-height:1}.rowgame .mast p{color:var(--color-neutral-700);margin:6px 0 0;font-size:14px}.rowgame .scorestrip{letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral-700);flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:11px;display:flex}.rowgame .menu{gap:20px;display:grid}.rowgame .tile{text-align:left;cursor:pointer;width:100%;color:var(--color-text);font-family:var(--font-body);border:1px solid var(--rg-line);background:0 0;align-items:center;gap:16px;padding:20px;display:flex;position:relative}.rowgame .tile:before,.rowgame .tile:after{content:"";pointer-events:none;background:linear-gradient(var(--rg-mark), var(--rg-mark)) 5px 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) 0 5px / 11px 1px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 5px top 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 0 top 5px / 11px 1px no-repeat;height:11px;position:absolute;left:-6px;right:-6px}.rowgame .tile:before{top:-6px}.rowgame .tile:after{bottom:-6px}.rowgame .tile:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.rowgame .tile:active{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.rowgame .tile b{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.01em;font-size:22px;font-weight:600;display:block}.rowgame .tile span{color:var(--color-neutral-800);font-size:14px;line-height:1.45}.rowgame .tile .ico{flex:0 0 46px}.rowgame .btn{font-family:var(--font-heading);background:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent);cursor:pointer;border-radius:0;padding:11px 20px;font-size:15px;font-weight:600}.rowgame .btn:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.rowgame .btn.ghost{color:var(--color-text);border-color:var(--rg-line);background:0 0}.rowgame .btn.ghost:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.rowgame .btn.wide{width:100%}.rowgame .back{color:var(--color-accent-700);font:500 12px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:6px 0}.rowgame .back:hover{text-decoration:underline}.rowgame .grouphead{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-700);align-items:center;gap:12px;margin:36px 0 16px;font-size:13px;font-weight:600;display:flex}.rowgame .grouphead:after{content:"";background:var(--rg-line);flex:1;height:1px}.rowgame .grouphead:first-child{margin-top:0}.rowgame .panel{border:1px solid var(--rg-line);background:0 0;margin-bottom:24px;padding:24px;position:relative}.rowgame .panel:before,.rowgame .panel:after{content:"";pointer-events:none;background:linear-gradient(var(--rg-mark), var(--rg-mark)) 5px 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) 0 5px / 11px 1px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 5px top 0 / 1px 11px no-repeat, linear-gradient(var(--rg-mark), var(--rg-mark)) right 0 top 5px / 11px 1px no-repeat;height:11px;position:absolute;left:-6px;right:-6px}.rowgame .panel:before{top:-6px}.rowgame .panel:after{bottom:-6px}.rowgame .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px}.rowgame .panel h3{text-transform:uppercase;margin:6px 0 10px;font-size:24px}.rowgame .panel p{color:var(--color-neutral-800);margin:0 0 10px;font-size:15px;line-height:1.55}.rowgame .tip{border-left:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 7%, transparent);padding:10px 14px;font-size:14px}.rowgame .tip b{font-family:var(--font-heading);font-size:15px}.rowgame .chart{background:var(--rg-water);border:1px solid var(--rg-line);margin:4px 0 16px;overflow:hidden}.rowgame .chart svg{width:100%;height:auto;display:block}.rowgame .seq{background:var(--rg-line);border:1px solid var(--rg-line);gap:1px;margin:4px 0 16px;display:grid}.rowgame .seqrow{background:var(--color-bg);grid-template-columns:72px 1fr;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:1.4;display:grid}.rowgame .seqrow b{font-family:var(--rg-mono);letter-spacing:.06em;color:var(--color-accent-700);font-size:12px;font-weight:700}.rowgame .opts{gap:10px;margin-top:10px;display:grid}.rowgame .opt{text-align:left;font:400 15px var(--font-body);color:var(--color-text);border:1px solid var(--rg-line);cursor:pointer;background:0 0;padding:13px 15px}.rowgame .opt:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.rowgame .opt.right{border-color:var(--rg-stbd);background:color-mix(in srgb, var(--rg-stbd) 10%, transparent);border-left-width:4px}.rowgame .opt.wrong{border-color:var(--rg-port);background:color-mix(in srgb, var(--rg-port) 10%, transparent);border-left-width:4px}.rowgame .opt:disabled{cursor:default}.rowgame .verdict{border:1px solid var(--rg-line);border-left:2px solid var(--color-accent);margin-top:16px;padding:14px 16px;font-size:15px;line-height:1.55}.rowgame .verdict b{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:4px;font-size:18px;display:block}.rowgame .progressbar{background:var(--rg-line);height:2px;margin-bottom:24px;overflow:hidden}.rowgame .progressbar i{background:var(--color-accent);width:0;height:100%;transition:width .3s;display:block}.rowgame .stage{background:var(--rg-water);border:1px solid var(--rg-line);position:relative;overflow:hidden}.rowgame canvas{touch-action:none;width:100%;display:block}.rowgame .hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;transition:top .2s;display:flex;position:absolute;top:10px;left:10px;right:10px}.rowgame .gauge{background:color-mix(in srgb, var(--color-bg) 88%, transparent);border:1px solid var(--rg-line);text-align:center;min-width:88px;padding:7px 10px}.rowgame .gauge small{font:500 9px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral-700);display:block}.rowgame .gauge b{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.25}.rowgame .tack-port b{color:var(--rg-port)}.rowgame .tack-stbd b{color:var(--rg-stbd)}.rowgame .clock b{font-family:var(--rg-mono);font-size:18px}.rowgame .clock.soon b{color:var(--rg-buoy-deep)}.rowgame .clock.go b{color:var(--rg-stbd)}.rowgame .dist b{font-family:var(--rg-mono);font-size:15px}.rowgame .dist.close b{color:var(--rg-buoy-deep)}.rowgame .dist.danger b{color:var(--rg-port)}.rowgame .helm-ctrl{z-index:5;padding-block:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--rg-line);grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid;position:sticky;bottom:0}.rowgame .helm-ctrl.hail{grid-template-columns:1fr 1fr 1fr}.rowgame .wheel{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--rg-line);color:var(--color-text);cursor:pointer;user-select:none;background:0 0;padding:18px 8px;font-size:17px;font-weight:600}.rowgame .wheel:active,.rowgame .wheel.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.rowgame .wheel.shout{border-color:var(--rg-stbd);color:var(--rg-stbd)}.rowgame .wheel.shout:active{background:var(--rg-stbd);color:var(--color-bg)}.rowgame .keyhint{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-top:12px;font-size:11px}.rowgame .stage.bannered .hud{top:78px}.rowgame .stage-chips{z-index:3;flex-direction:column-reverse;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:10px;left:10px}.rowgame .chip{letter-spacing:.16em;text-transform:uppercase;background:color-mix(in srgb, var(--color-bg) 88%, transparent);padding:5px 10px;font-size:10px;position:relative;overflow:hidden}.rowgame .chip--dirty{color:var(--rg-buoy-deep);border:1px solid var(--rg-buoy)}.rowgame .chip--penalty{color:var(--rg-port);border:1px solid var(--rg-port);padding-bottom:7px}.rowgame .chip--penalty i{background:var(--rg-port);height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.rowgame .banner{z-index:4;border-bottom:2px solid var(--rg-port);background:color-mix(in srgb, var(--color-bg) 94%, transparent);text-align:center;padding:12px 16px;position:absolute;top:0;left:0;right:0}.rowgame .banner.theirs{border-bottom-color:var(--rg-stbd)}.rowgame .banner b{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--rg-port);font-size:17px;font-weight:600;display:block}.rowgame .banner.theirs b{color:var(--rg-stbd)}.rowgame .banner span{color:var(--color-neutral-800);margin-top:2px;font-size:13.5px;line-height:1.45;display:block}.rowgame .banner em{color:var(--color-text);font-style:normal;font-weight:700}.rowgame .stage-start{z-index:6;text-align:center;background:color-mix(in srgb, var(--color-bg) 55%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:68px 0 0}.rowgame .stage-start p{max-width:34ch;color:var(--color-text);background:color-mix(in srgb, var(--color-bg) 88%, transparent);margin:0;padding:6px 12px;font-size:15px;line-height:1.5}.rowgame .overlay{background:color-mix(in srgb, var(--color-bg) 94%, transparent);flex-direction:column;justify-content:center;gap:12px;padding:28px 24px;display:flex;position:absolute;inset:0}.rowgame .overlay h3{text-transform:uppercase;font-size:26px}.rowgame .overlay p{color:var(--color-neutral-800);margin:0;font-size:15px;line-height:1.55}.rowgame .stars{letter-spacing:6px;color:var(--rg-buoy-deep);font-size:24px}.rowgame .badge{font:500 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--rg-line);color:var(--color-neutral-700);width:max-content;padding:4px 10px;display:inline-block}.rowgame .toggle{border:1px solid var(--rg-line);width:max-content;max-width:100%;margin-bottom:20px;display:flex}.rowgame .tog{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.rowgame .tog+.tog{border-left:1px solid var(--rg-line)}.rowgame .tog:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.rowgame .tog.on{background:var(--color-accent);color:var(--color-bg)}.rowgame .hud.four .gauge{flex:1;min-width:0;padding:6px 3px}.rowgame .hud.four .gauge b{font-size:14px}.rowgame .hud.four .gauge small{letter-spacing:.1em;font-size:8px}.rowgame .hud.four .clock b{font-size:15px}.rowgame .results{background:var(--rg-line);border:1px solid var(--rg-line);gap:1px;margin:6px 0 10px;display:grid}.rowgame .resrow{background:var(--color-bg);grid-template-columns:24px 14px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.rowgame .resrow.me{background:color-mix(in srgb, var(--color-accent) 14%, transparent);font-weight:700}.rowgame .resrow b,.rowgame .resrow em{font-family:var(--rg-mono);color:var(--color-neutral-700);font-size:12px;font-style:normal}.rowgame .optrow{margin-bottom:20px}.rowgame .optrow small{font:500 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral-700);margin-bottom:8px;display:block}.rowgame .optrow .toggle{margin-bottom:0}.rowgame .penbar{border:1px solid var(--rg-port);background:color-mix(in srgb, var(--rg-port) 10%, transparent);color:var(--color-text);border-left-width:3px;margin-top:16px;padding:12px 15px;font-size:14px;line-height:1.45}.rowgame .penbar b{font-family:var(--font-heading);text-transform:uppercase;color:var(--rg-port);margin-bottom:3px;font-size:17px;display:block}.rowgame .penbar .track{background:color-mix(in srgb, var(--rg-port) 30%, transparent);height:2px;margin-top:10px;overflow:hidden}.rowgame .penbar .track i{background:var(--rg-port);width:0;height:100%;display:block}.rowgame .sigs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.rowgame .sig{font:500 10px var(--font-body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rg-line);color:var(--color-neutral-600);padding:6px 10px}.rowgame .sig.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.rowgame #rMsg{background:color-mix(in srgb, var(--color-bg) 92%, transparent);border:1px solid var(--rg-line);color:var(--color-text);font-family:var(--font-heading);text-align:center;max-width:92%;padding:9px 15px;font-size:15px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.rowgame .hidden{display:none!important}@media (prefers-reduced-motion:reduce){.rowgame *{transition:none!important}}.page-head[data-astro-cid-4k2vzm7m]{flex-direction:column;gap:20px;padding-block:64px;display:flex}.page-head[data-astro-cid-4k2vzm7m] h1[data-astro-cid-4k2vzm7m]{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(40px,6vw,76px);line-height:.94}.page-lede[data-astro-cid-4k2vzm7m]{max-width:52ch;margin:0}
