@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;800&display=swap";:root{--text: #f2ede8;--muted: #a9a39b;--good: #7dffb2;--bad: #ff5a48;--accent: #e0141e;--cyan: #6fe8ff;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04050a;color:var(--text);font-family:Inter Tight,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}#app canvas{display:block;outline:none;position:fixed;top:0;right:0;bottom:0;left:0}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}[hidden]{display:none!important}#score{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.9)}#score .side{display:flex;align-items:center;gap:9px}#score .blue{color:var(--cyan)}#score .red{color:var(--bad)}#score .vs{color:var(--muted);font-size:13px;font-weight:600}#score .bar{width:150px;height:6px;background:#f2ede829;border-radius:2px;overflow:hidden}#score .blue .bar{transform:scaleX(-1)}#barBlue{height:100%;background:var(--cyan)}#barRed{height:100%;background:var(--bad)}#carriers{position:fixed;top:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9)}#carriers .blue{color:var(--cyan)}#carriers .red{color:var(--bad)}#carriers .bar{width:118px;height:5px;background:#f2ede829;border-radius:2px;overflow:hidden}#carriers .bar.blue{transform:scaleX(-1)}#hullBlue{height:100%;background:var(--cyan)}#hullRed{height:100%;background:var(--bad)}#carriers .low{animation:hullLow .7s steps(2) infinite}@keyframes hullLow{50%{opacity:.35}}#bomberCount{color:var(--muted);font-size:11px;min-width:76px;text-align:center;font-variant-numeric:tabular-nums}#zone{position:fixed;left:50%;top:24%;transform:translate(-50%);text-align:center;pointer-events:none;color:var(--bad);text-shadow:0 1px 8px rgba(0,0,0,.95);animation:zoneFlash .5s steps(2) infinite}#zone b{display:block;font-size:34px;font-weight:800;letter-spacing:.04em}#zone span{font-size:19px;font-weight:600}#zone i{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}@keyframes zoneFlash{50%{opacity:.55}}#feed{position:fixed;right:16px;top:16px;text-align:right;font-size:13px;line-height:1.55;text-shadow:0 1px 4px rgba(0,0,0,.95)}#feed .friend{color:#ffb0a4}#feed .foe{color:#b8f0ff}#feed b{color:var(--text)}#toast{position:fixed;left:50%;top:12%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:19px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.9);text-align:center;pointer-events:none}#toast.show{opacity:1}#toast.good{color:var(--good)}#toast.bad{color:var(--bad)}#prompt{position:fixed;left:50%;top:calc(50% + 40px);transform:translate(-50%);text-align:center;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.95);min-width:340px}kbd{display:inline-block;font-family:inherit;font-size:12px;font-weight:800;border:1px solid rgba(242,237,232,.7);border-radius:4px;padding:0 6px;background:#0006}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#040508b8;z-index:5;padding:20px}.card{max-width:640px;text-align:center}.card h1{font-size:66px;font-weight:800;letter-spacing:.02em;margin:0}.card .tag{color:var(--accent);font-weight:600;font-size:17px;margin:4px 0 18px}.card p{line-height:1.5;font-size:15px}.card .small{font-size:12px;color:var(--muted);margin-top:16px}button{font:inherit;font-weight:600;color:var(--text);background:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:10px 24px;cursor:pointer;margin:8px 4px}button:hover{background:#f02a33}.controls{margin:18px auto 0;text-align:left;font-size:13px;border-collapse:collapse}.controls td{padding:3px 8px;vertical-align:top;color:var(--muted)}.controls td:first-child{color:var(--text);font-weight:600;white-space:nowrap}#pause{overflow-y:auto;align-items:safe center}.levels{margin:14px auto 0;max-width:360px;display:grid;gap:8px}.levels label{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;font-size:13px;color:var(--muted);text-align:left}.levels input{width:100%;accent-color:var(--accent)}.fatal{position:fixed;top:20px;right:20px;bottom:20px;left:20px;color:var(--bad);background:#000;padding:20px;white-space:pre-wrap;z-index:99;font-size:13px}