:root{color:#102536;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 10%,#d8f4ff 0%,#93d8f2 35%,#5da9d6 100%);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{height:100dvh}.sea-screen,.sea-screen *,.harbor-screen,.harbor-screen *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sea-screen,.harbor-screen{width:100%;height:100%;position:fixed;inset:0}.hidden-screen{display:none!important}.viewport{touch-action:none;background:linear-gradient(#7ed6ff 0%,#2f9ad3 100%);position:absolute;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.joystick{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:3;background:radial-gradient(circle at 30% 25%,#ebfcff57,#0f3e5838);border:2px solid #e9fbffa6;border-radius:50%;width:88px;height:88px;margin-top:-44px;margin-left:-44px;position:absolute}.joystick-knob{background:radial-gradient(circle at 35% 30%,#fffc,#65c5ebc2);border:2px solid #ecfdffd9;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #042a3d5c}.minimap{width:clamp(112px,22vw,148px);height:clamp(112px,22vw,148px);image-rendering:pixelated;z-index:10;background:linear-gradient(135deg,#145078d9 0%,#0a3250e6 100%);border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #00000059,inset 0 1px 2px #ffffff26}@media (width<=768px){.minimap{width:clamp(96px,26vw,128px);height:clamp(96px,26vw,128px);top:10px;right:10px}}.hud{z-index:2;gap:.45rem;display:grid;position:absolute;top:.9rem;left:.9rem}.timer-hud{z-index:2;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.timer-hud.prestart .timer-track{width:430px}.timer-track{background:#e2f8ffb8;border:1px solid #114a6559;border-radius:999px;width:250px;height:26px;position:relative;overflow:hidden}.timer-fill{border-radius:inherit;background:linear-gradient(90deg,#2fd3a3 0%,#61d8ff 100%);width:100%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.timer-text{z-index:1;color:#0f4863;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;font-family:Menlo,Monaco,monospace;font-size:.7rem;font-weight:700;display:flex;position:relative}.stat{background:#e9fbffdb;border:1px solid #1c5a7d59;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .72rem;font-size:.86rem;display:inline-flex}.stat strong{font-family:Menlo,Monaco,monospace;font-size:.96rem}.overlay{color:#eefbff;text-align:center;z-index:3;background:#0d2435bd;place-content:center;justify-items:center;gap:.8rem;padding:1.2rem;display:grid;position:absolute;inset:0}.hidden{display:none}.overlay h2{margin:0}.overlay p{max-width:32ch;margin:0}.harbor-screen{background:radial-gradient(circle at 10% 10%,#ffffff59,#0000 40%),linear-gradient(170deg,#e8fbff 0%,#c6ebf7 45%,#95cadd 100%);place-items:center;padding:1rem;display:grid;overflow:auto}.harbor-panel{background:#eefbffe0;border:3px solid #1025363d;border-radius:18px;flex-direction:column;gap:1rem;width:min(960px,100%);max-height:calc(100dvh - 2rem);padding:1rem;display:flex;overflow:auto;box-shadow:0 10px 28px #0928372e}.kicker{text-transform:uppercase;letter-spacing:.12em;color:#1f5978;margin:0;font-size:.76rem;font-weight:700}h1{margin:.35rem 0;font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.1}h2{margin:0;font-size:1.12rem}p{margin:0}.subtle,.muted{color:#2e637e;font-size:.9rem}.bank{background:#d3f6ffc7;border:1px solid #10486340;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.bank strong{color:#0e5678;font-family:Menlo,Monaco,monospace;font-size:1.4rem}.run-actions{gap:.5rem;display:grid}button{color:#1d2d3c;cursor:pointer;background:linear-gradient(135deg,#f4b400,#e2871c);border:none;border-radius:10px;padding:.62rem .9rem;font-size:.95rem;font-weight:700;transition:transform .16s,filter .16s}button:hover:enabled{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:linear-gradient(135deg,#d7f3ff,#8bcbe6)}.upgrade-list{gap:.55rem;margin-top:.65rem;display:grid}.upgrade-card{background:#f8feffdb;border:1px solid #0e4a6747;border-radius:11px;gap:.34rem;padding:.6rem;display:grid}.upgrade-card h3{margin:0;font-size:.95rem}.upgrade-card p{font-size:.84rem}@media (width<=760px){.hud{gap:.34rem;top:2.45rem;left:.55rem}.stat{gap:.36rem;padding:.34rem .5rem;font-size:.73rem}.stat strong{font-size:.82rem}.timer-hud{top:.6rem}.timer-hud.prestart .timer-track{width:320px}.harbor-screen{padding:.6rem}.timer-track{width:210px;height:24px}.timer-text{font-size:.62rem}.harbor-panel{max-height:calc(100dvh - 1.2rem);padding:.85rem}.death-summary__stats{grid-template-columns:1fr}.death-summary__actions{flex-direction:column}}.aim-copy{z-index:2;color:#16445d;background:#e9fbffdb;border:1px solid #1c5a7d59;border-radius:999px;padding:.5rem .72rem;font-size:.82rem;position:absolute;bottom:.9rem;left:.9rem}.log-controls{z-index:3;background:#081e2bd6;border:1px solid #90d8f247;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .55rem;display:flex;position:absolute;top:.9rem;right:.9rem;box-shadow:0 8px 18px #0518232e}.log-controls__status{color:#d9f7ffdb;text-align:right;min-width:5.5rem;font:.72rem/1.2 Menlo,Monaco,monospace}.log-controls>button{pointer-events:auto}.debug-panel{z-index:2;color:#d7f7ff;white-space:pre-wrap;pointer-events:none;background:#07202fd1;border:1px solid #90d8f259;border-radius:14px;min-width:22rem;margin:0;padding:.55rem .7rem;font:.72rem/1.35 Menlo,Monaco,monospace;position:absolute;bottom:3.9rem;left:.9rem}.self-hp{--self-hp-fill:linear-gradient(90deg, #5cf0bd 0%, #8ff7ff 100%);color:#e8fbff;pointer-events:none;background:#09212fc7;border:1px solid #90d8f252;border-radius:16px;gap:.38rem;min-width:10.5rem;padding:.58rem .72rem .62rem;display:grid;position:relative;box-shadow:0 8px 18px #0518232e}.self-hp[data-state=warning]{--self-hp-fill:linear-gradient(90deg, #ffbf57 0%, #ffd88c 100%)}.self-hp[data-state=danger]{--self-hp-fill:linear-gradient(90deg, #ff6f61 0%, #ff9f7e 100%)}.self-hp__header{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.self-hp__label{letter-spacing:.12em;text-transform:uppercase;color:#c8f1fad1;font-size:.68rem;font-weight:700}.self-hp__value{font-family:Menlo,Monaco,monospace;font-size:.98rem}.self-hp__track{background:#ffffff24;border-radius:999px;height:.48rem;position:relative;overflow:hidden}.self-hp__fill{border-radius:inherit;background:var(--self-hp-fill);width:100%;transition:width .12s ease-out,background .12s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #82f5ff38}.identity-panel{background:#0a213075;border:1px solid #bff0ff2e;border-radius:16px;align-items:center;gap:.75rem;width:min(30rem,92vw);padding:.8rem .95rem;display:flex}.identity-avatar{object-fit:cover;background:#ffffff29;border:2px solid #c5f6ff8a;border-radius:50%;width:52px;height:52px}.identity-copy{text-align:left;gap:.2rem;display:grid}.identity-label{letter-spacing:.08em;text-transform:uppercase;color:#c6eef6c7;font-size:.72rem}.identity-copy strong{font-size:1.05rem}.identity-detail{color:#e0f8ffe0;max-width:34ch;font-size:.84rem}.mobile-joystick{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;touch-action:none;pointer-events:none;-webkit-touch-callout:none;background:radial-gradient(circle at 30% 25%,#ebfcff57,#0f3e5838);border:2px solid #e9fbffa6;border-radius:50%;width:88px;height:88px;margin-top:-44px;margin-left:-44px;display:none;position:absolute;bottom:1rem;right:1rem}.mobile-joystick__knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#fffc,#65c5ebc2);border:2px solid #ecfdffd9;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #042a3d5c}.touch-controls .mobile-joystick:not(.hidden){display:block}.touch-controls .hud,.touch-controls .aim-copy,.touch-controls .debug-panel,.touch-controls .minimap{pointer-events:none}.touch-controls .aim-copy{max-width:min(28ch,100vw - 7.5rem)}.death-summary{z-index:5;background:#07172094;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.death-summary.hidden{display:none}.death-summary__card{color:#eefbff;background:linear-gradient(#092434eb 0%,#071c28f2 100%);border:1px solid #a4e9f842;border-radius:22px;gap:1rem;width:min(30rem,100%);padding:1.15rem;display:grid;box-shadow:0 14px 34px #020f1657}.death-summary__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#bde9f1b8;font-size:.72rem}.death-summary__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.death-summary__stat{background:#ecfbff14;border:1px solid #a8e4f126;border-radius:15px;gap:.24rem;padding:.72rem .8rem;display:grid}.death-summary__stat span{letter-spacing:.08em;text-transform:uppercase;color:#c9eff6b3;font-size:.7rem}.death-summary__stat strong{font-size:1rem}.death-summary__status{color:#e2f7fce6;min-height:1.2rem}.death-summary__actions{gap:.7rem;display:flex}.death-summary__actions>button{flex:1}@media (width<=768px){.aim-copy{font-size:.78rem;bottom:.75rem;left:.75rem}.log-controls{gap:.4rem;padding:.38rem .46rem;top:.75rem;right:.75rem}.log-controls__status{min-width:4.6rem;font-size:.66rem}.debug-panel{min-width:min(21rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);font-size:.68rem;bottom:3.5rem;left:.75rem}.self-hp{min-width:min(10rem,100vw - 1.5rem);max-width:min(11.5rem,100vw - 1.5rem)}.identity-panel{width:min(24rem,92vw);padding:.72rem .8rem}.identity-avatar{width:44px;height:44px}.identity-detail{font-size:.8rem}.mobile-joystick{bottom:.75rem;right:.75rem}.death-summary__stats{grid-template-columns:1fr}.death-summary__actions{flex-direction:column}}