@import "https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=Alegreya+Sans:wght@400;500;700&display=swap";:root{--parch:#e9dcc0;--parch-2:#d8c7a3;--ink:#2b1f14;--ink-2:#5a4632;--brass:#c9a24f;--red:#b3342a;--blue:#2c4a8c;--panel:#18120cb8;--display:"IM Fell English SC", Georgia, serif;--body:"Alegreya Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--parch);background:#0c1820;margin:0;overflow:hidden}canvas{display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud .panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #c9a24f73;border-radius:6px;padding:10px 12px;position:absolute}#hud h3{font-family:var(--display);color:var(--brass);letter-spacing:.02em;margin:0 0 6px;font-size:17px;font-weight:400}.title{top:12px;left:12px}.title .name{font-family:var(--display);color:var(--brass);font-size:24px;line-height:1}.title .meta{color:var(--parch-2);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.compass{align-items:center;gap:12px;display:flex;bottom:14px;left:14px}.compass svg{width:190px;height:190px;display:block;overflow:visible}.compass .read{font-variant-numeric:tabular-nums;gap:2px;min-width:150px;max-width:230px;font-size:14px;display:grid}.compass .big{font-family:var(--display);color:var(--parch);font-size:28px}.compass .windtxt{color:#7fd0f0;font-weight:500}.compass .legend{color:var(--parch-2);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.compass .legend i{border-radius:3px;width:14px;height:6px;display:inline-block}.compass .legend .lw{background:#7fd0f0}.compass .legend .ln{background:#e8584a99;margin-left:6px}.sailbtn{flex-direction:column;gap:2px;min-width:78px}.sail-ico{width:30px;height:30px}.compass .dim{color:var(--parch-2);font-size:12px}.compass .nogo{color:#ff9a7a}.helm{align-items:flex-end;gap:16px;display:flex;bottom:14px;left:50%;transform:translate(-50%)}.group{justify-items:center;gap:5px;display:grid}.group .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--parch-2);font-size:11px}.row{gap:6px;display:flex}.btn{pointer-events:auto;cursor:pointer;color:var(--parch);font:500 13px var(--body);background:#e9dcc014;border:1px solid #c9a24f80;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;display:flex}.btn:hover{background:#e9dcc02e}.btn.on{background:var(--parch);color:var(--ink);border-color:var(--brass)}.btn kbd{font:700 10px var(--body);opacity:.7;border:1px solid;border-radius:3px;padding:0 3px}.ammo-ico{width:22px;height:22px}.reload{background:#ffffff1a;border-radius:4px;width:120px;height:7px;overflow:hidden}.reload>i{background:var(--brass);height:100%;display:block}.reload.ready>i{background:#7fc27a}.fire{grid-template-columns:auto auto;align-items:center;gap:4px 8px;font-size:12px;display:grid}.damage{width:250px;bottom:14px;right:12px}.hullmap{grid-template-columns:repeat(4,1fr);gap:3px;margin:4px 0 8px;display:grid}.hullmap i{background:#7fc27a;border-radius:2px;height:16px}.hullmap i.gone{background:#2a1d14;outline:1px dashed #6b4a2e}.stat{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.bar{background:#ffffff1a;border-radius:3px;height:6px;margin:2px 0 6px;overflow:hidden}.bar>i{height:100%;display:block}.masts{flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.masts span{background:#ffffff14;border-radius:3px;padding:1px 6px}.masts span.down{background:var(--red);color:#fff}.test{gap:8px;width:300px;display:grid;top:12px;right:12px}.test .row{flex-wrap:wrap}.test .btn{padding:4px 7px;font-size:12px}.enemy{font-size:13px}.keys{color:var(--parch-2);font-size:11px;line-height:1.5}.banner{font-family:var(--display);color:var(--parch);text-shadow:0 2px 12px #0009;opacity:0;pointer-events:none;font-size:42px;transition:opacity .6s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.banner.show{opacity:1}.label3d{pointer-events:none;text-align:center;background:var(--panel);border:1px solid #c9a24f73;border-radius:6px;width:150px;padding:6px 8px;position:absolute;transform:translate(-50%)}.label3d .n{font-family:var(--display);color:var(--brass);font-size:18px}.label3d .d{color:var(--parch-2);text-align:left;margin-top:5px;font-size:11px;line-height:1.3}.label3d table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.label3d td{text-align:left;padding:1px 0}.label3d td:last-child{text-align:right;color:var(--parch)}#nogpu{text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:fixed;inset:0}.group .lbl.warn,.compass .dim.warn{color:#ffb070}.aimtxt{color:var(--parch-2);text-align:center;max-width:260px;font-size:11px}.aimtxt.on{color:#ffe2a8;font-weight:500}#lobby{z-index:20;font-family:var(--body);color:var(--parch);background:radial-gradient(at 50% 30%,#0c18208c,#080e14e0);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}#lobby[hidden]{display:none}.lb-card{background:#18120cdb;border:1px solid #c9a24f80;border-radius:8px;gap:18px;width:min(860px,100%);padding:26px 28px;display:grid;box-shadow:0 20px 60px #00000080}.lb-card header h1{font-family:var(--display);color:var(--brass);margin:0;font-size:clamp(32px,6vw,52px);font-weight:400;line-height:1}.lb-sub{color:var(--parch-2);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:12px}.lb-name{color:var(--parch-2);gap:6px;max-width:360px;font-size:13px;display:grid}.lb-name input{font:500 16px var(--body);color:var(--parch);background:#e9dcc014;border:1px solid #c9a24f80;border-radius:5px;padding:9px 11px}.lb-name input:focus{outline:2px solid var(--brass);outline-offset:1px}.lb-actions{flex-wrap:wrap;gap:10px;display:flex}.lb-btn{cursor:pointer;font:500 14px var(--body);color:var(--parch);background:#e9dcc014;border:1px solid #c9a24f8c;border-radius:5px;padding:9px 14px}.lb-btn:hover{background:#e9dcc02e}.lb-btn:focus-visible,.lb-ship:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.lb-primary{background:var(--brass);color:#1f160c;border-color:var(--brass);font-weight:700}.lb-primary:hover{background:#d8b460}.lb-ready{color:#fff;background:#3f7a44;border-color:#6fbf73}#lobby h2{font-family:var(--display);color:var(--parch);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:22px;font-weight:400;display:flex}#lobby h2 small{font-family:var(--body);color:var(--parch-2);font-size:12px}.lb-rooms{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lb-rooms li{background:#e9dcc00f;border-radius:5px;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 12px;display:flex}.lb-code{font:700 15px var(--body);letter-spacing:.15em;color:var(--brass)}.lb-who{flex:1;min-width:160px}.lb-who i{color:var(--parch-2);font-size:13px;font-style:normal}.lb-tag{color:var(--parch-2);font-size:12px}.lb-empty{color:var(--parch-2);font-size:14px}.lb-status{color:#ffb070;min-height:1em;margin:0;font-size:13px}.lb-roomhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lb-slots{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}.lb-vs{font-family:var(--display);color:var(--brass);align-self:center;font-size:26px}.lb-slot{border:1px solid #c9a24f4d;border-radius:6px;align-content:start;gap:10px;padding:12px;display:grid}.lb-slot h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.lb-slot h3 small{font-family:var(--body);color:var(--parch-2);font-size:12px}.lb-me{border-color:var(--brass)}.lb-wait{text-align:center;color:var(--parch-2);place-content:center}.lb-ships{gap:5px;display:grid}.lb-ship{cursor:pointer;text-align:left;font:500 14px var(--body);color:var(--parch);background:#e9dcc00f;border:1px solid #c9a24f40;border-radius:4px;justify-content:space-between;gap:8px;padding:6px 9px;display:flex}.lb-ship small{color:var(--parch-2);font-size:12px}.lb-ship.on{border-color:var(--brass);background:#c9a24f40}.lb-ship:disabled{cursor:default;opacity:.75}.lb-state,.lb-hint{color:var(--parch-2);margin:0;font-size:13px}.lb-hint b{color:var(--brass);letter-spacing:.12em}@media (max-width:640px){.lb-slots{grid-template-columns:1fr}.lb-vs{justify-self:center}}.duel-bar{z-index:5;font:500 14px var(--body);color:var(--parch);font-variant-numeric:tabular-nums;background:#18120cc7;border:1px solid #c9a24f73;border-radius:6px;align-items:center;gap:14px;padding:7px 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.duel-bar b{color:var(--brass);font-weight:700}.duel-bar button{cursor:pointer;font:500 12px var(--body);color:var(--parch);background:#e9dcc014;border:1px solid #c9a24f80;border-radius:4px;padding:4px 9px}.respawn{z-index:6;border:1px solid var(--brass);width:min(420px,100% - 32px);color:var(--parch);font-family:var(--body);background:#18120ce6;border-radius:8px;gap:10px;padding:18px 20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.respawn[hidden]{display:none}.respawn h3{font-family:var(--display);color:var(--brass);margin:0;font-size:26px;font-weight:400}.respawn .lb-ships{grid-template-columns:1fr}