html,body{height:100%;overflow:hidden}body.idle,body.idle *{cursor:none!important}#stage{background:var(--navy-2);position:fixed;inset:0;overflow:hidden;container-type:size}#river{width:100%;height:100%;display:block;position:absolute;inset:0}.fallback{text-align:center;color:var(--muted);place-items:center;margin:0;padding:6cqw;font-size:max(16px,2cqw);display:grid;position:absolute;inset:0}.tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tags.off{display:none}.tag{transform-origin:50% 100%;font:500 max(9px, .95cqw)/1 var(--font-mono);color:var(--text);border:1px solid var(--hair);white-space:nowrap;will-change:transform;background:#04101aa8;border-radius:6px;align-items:center;gap:.45em;padding:.38em .6em;display:flex;position:absolute;top:0;left:0}.tag b{color:var(--cyan);font-weight:600}.tag i{color:var(--muted);font-style:normal}.tag.remote{border-color:var(--cyan);box-shadow:0 0 14px var(--glow)}.tag.spot{border-color:#ffd75e;box-shadow:0 0 18px #ffd75e73}.tag.gold b{color:#ffd75e}.tag .pills{display:contents}.tag em{letter-spacing:.08em;color:var(--navy-0);background:var(--cyan);border-radius:3px;padding:.2em .4em;font-style:normal;font-weight:600}.tag em.spot{background:#ffd75e}.tag em.watched{background:var(--bad);color:#fff}.tag em.frozen{background:#b8d2e4}.tag em.upside{background:#9dffb0}.tag em.respawn{background:var(--good)}.ov{pointer-events:none;align-items:center;gap:1.2cqw;display:flex;position:absolute}.ov-brand{border:1px solid var(--hair);background:#04101a8c;border-radius:10px;padding:.8cqw 1.2cqw;top:2cqw;left:2.2cqw}.ov-brand .seafar-logo{filter:drop-shadow(0 1px 6px #00000059);height:3.4cqw}.wordmark{font:400 1.7cqw/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#fff;border-left:1px solid #fff6;padding-left:1.2cqw}.ov-stats{font:500 max(9px, 1.1cqw)/1 var(--font-mono);gap:.6cqw;top:2.4cqw;right:2.6cqw}.ov-stats span{border:1px solid var(--hair);background:#04101a9e;border-radius:999px;padding:.5em .75em}.live{color:var(--cyan);align-items:center;gap:.5em;display:inline-flex}.live i{background:var(--cyan);border-radius:50%;width:.55em;height:.55em;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #2ed3d399}80%,to{box-shadow:0 0 0 .7em #2ed3d300}}.ov-stats .reconnect{color:var(--navy-0);background:var(--amber);border-color:var(--amber)}.ov-stats .sound-hint{color:var(--navy-0);background:var(--cyan);border-color:var(--cyan)}.ov-right{pointer-events:none;flex-direction:row-reverse;align-items:flex-start;gap:.8cqw;display:flex;position:absolute;top:6.4cqw;right:2.6cqw}.ov-right .ov{position:static}.ov-board{border:1px solid var(--hair);min-width:13cqw;font:500 max(9px, 1cqw)/1.2 var(--font-mono);color:var(--text);background:#04101ab3;border-radius:10px;flex-direction:column;align-items:stretch;gap:.15cqw;padding:.6cqw 1cqw}.ov-board .h{font:400 max(8px, .75cqw)/1.3 var(--font-display);letter-spacing:.14em;color:var(--cyan);margin-bottom:.2cqw}.ov-board .row{font-variant-numeric:tabular-nums;grid-template-columns:1.6em minmax(0,11cqw) auto;align-items:baseline;gap:.6em;display:grid}.ov-board .row span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);overflow:hidden}.ov-board .row b{color:var(--amber);text-align:right;font-weight:600}.ov-board .row:first-of-type b{color:#ffd75e}@media (prefers-reduced-motion:no-preference){.ov-board .row.up{animation:.6s ease-out rowUp}}@keyframes rowUp{0%{background:#2ed3d359}}.tag em.crown{background:#ffd75e}.ov-counter{border:1px solid var(--hair);font:400 max(9px, .95cqw)/1.25 var(--font-sans);color:var(--muted);background:#04101a9e;border-radius:10px;flex-direction:column;align-items:stretch;gap:.25cqw;min-width:13cqw;padding:.7cqw 1cqw}.ov-counter div{white-space:nowrap;align-items:baseline;gap:.5em;display:flex}.ov-counter b{font:600 max(10px, 1.15cqw)/1 var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;min-width:3.2em}.ov-chat{flex-direction:column;align-items:flex-start;gap:.6cqw;width:40cqw;bottom:2.2cqw;left:2.6cqw}.msg{font:400 max(10px, 1.15cqw)/1.3 var(--font-sans);border:1px solid var(--hair);overflow-wrap:anywhere;background:#04101ab8;border-radius:10px 10px 10px 2px;max-width:100%;padding:.5em .8em;animation:.4s ease-out both msgIn}.msg b{color:var(--cyan);margin-right:.4em;font-weight:600}.msg.sys b{color:var(--amber)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}}.ov-qr{border:1px solid var(--hair);background:#04101ad1;border-radius:12px;gap:1.2cqw;padding:1cqw;bottom:2.2cqw;right:2.6cqw}.ov-qr canvas{background:#fff;border-radius:4px;width:11cqw;height:11cqw;display:block}.ov-qr b{font:600 max(11px, 1.3cqw)/1.2 var(--font-sans);display:block}.ov-qr span{font:400 max(9px, .95cqw)/1.3 var(--font-mono);color:var(--muted);margin-top:.3em;display:block}.banner{font:400 2.2cqw/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-0);background:var(--cyan);white-space:nowrap;box-shadow:0 0 40px var(--glow);pointer-events:none;border-radius:4px;padding:.7em 1.1em;animation:.35s cubic-bezier(.2,0,.1,1) both bannerIn;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner.warn{background:var(--amber)}.banner .sub{margin-top:.2em;font-size:.7em;display:block}.banner.poster{color:#1b1512;font:400 3.6cqw/.95 var(--font-poster);letter-spacing:.04em;text-align:center;background:#e9dcc0;border:.2cqw solid #1b1512;border-radius:2px;padding:.35em .8em .3em;box-shadow:0 0 50px #b3261e8c}.banner.poster .sub{color:#b3261e;margin-top:0;font-size:1em}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.vf{pointer-events:none;position:absolute;inset:0}.vf .c{border:.15cqw solid #ffffffbf;width:4cqw;height:4cqw;position:absolute}.vf .tl{border-bottom:0;border-right:0;top:9cqw;left:6cqw}.vf .tr{border-bottom:0;border-left:0;top:9cqw;right:6cqw}.vf .bl{border-top:0;border-right:0;bottom:15cqw;left:6cqw}.vf .br{border-top:0;border-left:0;bottom:15cqw;right:6cqw}.vf-read{font:500 max(9px, 1.05cqw)/1 var(--font-mono);color:#fff;text-shadow:0 1px 3px #000000b3;white-space:nowrap;position:absolute;top:6.4cqw;left:50%;transform:translate(-50%)}.vf-focus{border:.12cqw solid var(--good);border-radius:2px;width:9cqw;height:6cqw;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000040}@media (prefers-reduced-motion:no-preference){.vf-focus{transition:transform .25s ease-out}}.map-credit{font:400 max(8px, .7cqw)/1.2 var(--font-mono);color:#e8f3f48c;text-shadow:0 1px 2px #0009;pointer-events:none;white-space:nowrap;margin:0;position:absolute;bottom:.5cqw;left:50%;transform:translate(-50%)}.debug{font:500 max(10px, .9cqw)/1.2 var(--font-mono);color:var(--text);pointer-events:none;background:#04101ab3;border-radius:4px;margin:0;padding:.3em .6em;position:absolute;top:1cqw;left:50%;transform:translate(-50%)}