:root{--ink: #cfe9ff;--dim: #6f8fb0;--glow: #46e6ff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#01040a;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;cursor:crosshair}#ocean{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:18px;left:20px;z-index:5;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.9)}#hud h1{margin:0;font-size:20px;letter-spacing:5px;font-weight:700;color:var(--glow)}#hud .sub{margin:4px 0 0;font-size:12px;letter-spacing:1px;color:var(--dim)}#stage-panel{position:fixed;bottom:20px;left:20px;right:20px;max-width:420px;z-index:5;pointer-events:none}.stage-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.stage-name{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 10px rgba(0,0,0,.9)}.effect{font-size:11px;letter-spacing:2px;color:#ff6a7d;opacity:0;transition:opacity .2s ease;text-shadow:0 0 10px rgba(255,60,90,.6),0 1px 8px #000}.bar{height:8px;border-radius:6px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 0 0 1px #46e6ff26}.bar-fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,#1b6bff,var(--glow));box-shadow:0 0 12px var(--glow);transition:width .25s ease}.stat-row{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--dim);margin-top:6px;text-shadow:0 1px 8px rgba(0,0,0,.9)}#banner{position:fixed;top:42%;left:0;right:0;text-align:center;z-index:6;pointer-events:none;font-size:34px;font-weight:700;letter-spacing:4px;color:#fff;opacity:0;transform:scale(.9);text-shadow:0 0 30px var(--glow),0 2px 10px #000}#banner.show{animation:pop 2.4s ease forwards}@keyframes pop{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.05)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#05142d59,#000208d1);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}#start-screen.hidden{display:none}.start-card{max-width:460px;margin:20px;padding:32px 34px;border-radius:16px;background:#061022b8;border:1px solid rgba(70,230,255,.22);box-shadow:0 0 60px #1e78ff40;text-align:center}.start-card h2{margin:0 0 14px;font-size:22px;color:var(--glow);letter-spacing:1px}.start-card p{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--ink)}.start-card strong{color:var(--glow)}#start-btn{font:inherit;font-size:15px;letter-spacing:2px;padding:12px 26px;border-radius:30px;border:1px solid rgba(70,230,255,.5);background:linear-gradient(180deg,#2882ff59,#1446a059);color:#eaffff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}#start-btn:hover{transform:translateY(-1px);box-shadow:0 0 26px #46e6ff8c}