:root{--player-ink:#00e5ff;--player-ink-glow:#00e5ff99;--opponent-ink:#f07;--opponent-ink-glow:#f079;--bg-dark:#0f121a;--accent-yellow:#ffeb3b;--font-display:"Mochiy Pop One", "Fredoka", cursive, sans-serif;--font-ui:"Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-ui);color:#fff;background-color:#0b0d14;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#crosshair{pointer-events:none;z-index:10;opacity:.9;width:44px;height:44px;transition:transform .15s,opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .dot{width:6px;height:6px;box-shadow:0 0 8px var(--player-ink-glow);background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .ring{border:2px dashed #ffffffb3;border-radius:50%;width:32px;height:32px;animation:12s linear infinite spinSlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinSlow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}#crosshair .spread{background:var(--player-ink);box-shadow:0 0 6px var(--player-ink);border-radius:2px;position:absolute}#crosshair .spread-top{width:3px;height:8px;top:0;left:50%;transform:translate(-50%)}#crosshair .spread-bottom{width:3px;height:8px;bottom:0;left:50%;transform:translate(-50%)}#crosshair .spread-left{width:8px;height:3px;top:50%;left:0;transform:translateY(-50%)}#crosshair .spread-right{width:8px;height:3px;top:50%;right:0;transform:translateY(-50%)}#crosshair.swimming{opacity:.4;transform:translate(-50%,-50%)scale(.6)}#hud{pointer-events:none;z-index:5;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.top-header{justify-content:center;align-items:center;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.team-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121ad9;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;min-width:150px;padding:10px 22px;display:flex;transform:skew(-6deg);box-shadow:0 8px 24px #0006}.team-panel.team-player{border-color:var(--player-ink);box-shadow:0 0 16px var(--player-ink-glow)}.team-panel.team-opponent{border-color:var(--opponent-ink);box-shadow:0 0 16px var(--opponent-ink-glow)}.team-badge{letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:800}.team-player .team-badge{color:var(--player-ink)}.team-opponent .team-badge{color:var(--opponent-ink)}.coverage-val{font-family:var(--font-display);text-shadow:2px 2px #000;font-size:30px;font-weight:800;line-height:1.1}.territory-meter-container{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.territory-bar{background:#252a3a;border:3px solid #141724;border-radius:14px;width:100%;height:24px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #000000b3,0 4px 12px #0000004d}.bar-fill{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.bar-player{background:linear-gradient(90deg, #00b4d8, var(--player-ink));box-shadow:0 0 12px var(--player-ink)}.bar-opponent{background:linear-gradient(90deg, var(--opponent-ink), #ff5493);box-shadow:0 0 12px var(--opponent-ink)}.bar-neutral{background:#394056}.turf-war-title{letter-spacing:2px;color:#a0aec0;text-shadow:1px 1px 2px #000;font-size:11px;font-weight:800}.bottom-left{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.state-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121ad9;border:2px solid #2d3748;border-radius:18px;align-items:center;gap:14px;padding:12px 18px;transition:all .2s;display:flex;transform:skew(-4deg);box-shadow:0 8px 24px #00000080}.state-card.swimming{border-color:var(--player-ink);box-shadow:0 0 20px var(--player-ink-glow);background:#00283cd9}.state-card.slowed{border-color:var(--opponent-ink);box-shadow:0 0 20px var(--opponent-ink-glow);background:#3c001ed9}.state-icon{background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.state-info{flex-direction:column;display:flex}.state-label{color:#718096;letter-spacing:1px;font-size:10px;font-weight:800}.state-title{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.state-status{color:#a0aec0;font-size:12px;font-weight:600}.speed-boost-banner{color:#111;font-family:var(--font-display);background:linear-gradient(90deg,#ffeb3b,#ff9800);border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800;animation:.6s infinite alternate pulseBoost;display:none;box-shadow:0 0 16px #ffeb3bcc}@keyframes pulseBoost{0%{transform:scale(1)}to{transform:scale(1.05)}}.bottom-right{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;right:24px}.ink-tank-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121ae6;border:2px solid #2d3748;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;display:flex;box-shadow:0 10px 30px #0009}.tank-label{letter-spacing:2px;color:#e2e8f0;font-size:12px;font-weight:800}.tank-frame{background:#111420;border:4px solid #4a5568;border-radius:26px;width:50px;height:160px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000c}.tank-liquid{background:linear-gradient(180deg, #80f3ff 0%, var(--player-ink) 50%, #0077b6 100%);width:100%;height:100%;box-shadow:0 0 16px var(--player-ink-glow);transition:height .1s ease-out;position:absolute;bottom:0;left:0}.tank-liquid.low{background:linear-gradient(#ff5252,#d50000)}.tank-glass-shine{pointer-events:none;background:linear-gradient(#ffffff80,#ffffff0d);border-radius:4px;width:8px;height:140px;position:absolute;top:8px;left:6px}.tank-value{font-family:var(--font-display);color:#fff;font-size:20px;font-weight:800}.controls-guide{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121acc;border:1px solid #ffffff26;border-radius:30px;gap:12px;padding:8px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.guide-item{color:#cbd5e0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.guide-item .key{color:#fff;background:#fff3;border-bottom:2px solid #fff6;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}#blocker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:radial-gradient(circle,#0f121ef0,#05070cfa);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.modal-card{border:3px solid var(--player-ink);width:100%;max-width:680px;box-shadow:0 20px 60px #000c, 0 0 30px var(--player-ink-glow);text-align:center;background:#141826f2;border-radius:28px;padding:40px;position:relative;overflow:hidden}.game-title{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(135deg, var(--player-ink) 0%, #fff 50%, var(--opponent-ink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:46px;font-weight:900}.game-subtitle{letter-spacing:2.5px;color:var(--accent-yellow);text-transform:uppercase;margin-bottom:24px;font-size:15px;font-weight:800}.instructions-box .desc{color:#cbd5e0;margin-bottom:24px;font-size:15px;line-height:1.5}.features-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.feat-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.feat-box .feat-emoji{font-size:24px}.feat-box strong{color:#fff;font-size:13px}.feat-box p{color:#a0aec0;font-size:11px;line-height:1.4}.play-btn{pointer-events:auto;cursor:pointer;background:linear-gradient(135deg, var(--player-ink), #00b4d8);color:#051421;font-family:var(--font-display);box-shadow:0 8px 24px var(--player-ink-glow), 0 4px 0 #079;letter-spacing:1px;border:none;border-radius:36px;padding:16px 40px;font-size:20px;font-weight:900;transition:all .15s;transform:translateY(0)}.play-btn:hover{box-shadow:0 12px 30px var(--player-ink-glow), 0 4px 0 #079;filter:brightness(1.1);transform:translateY(-2px)}.play-btn:active{box-shadow:0 4px 12px var(--player-ink-glow), 0 1px 0 #079;transform:translateY(2px)}.tip-text{color:#718096;margin-top:18px;font-size:12px;font-weight:600}#audio-toggle{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121ad9;border:1px solid #fff3;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:800;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #0006}#audio-toggle:hover{border-color:var(--player-ink);background:#191e2df2}@media (width<=768px){.features-grid{grid-template-columns:1fr}.controls-guide{display:none}.top-header{flex-direction:row;gap:10px}.team-panel{min-width:90px;padding:6px 12px}.coverage-val{font-size:20px}}