html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#f4ecd8;background:#0d1a12;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas.game{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;position:fixed;inset:0}.top{top:max(8px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.timer{letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;background:linear-gradient(#1c2a35e6,#0e161ce6);border:1px solid #c8a85a;border-radius:4px;padding:2px 14px;font-size:22px;font-weight:700}.timer.low{color:#ff8a6a}.boss{background:#0b1820cc;border:1px solid #a7e3ff;border-radius:3px;width:180px;height:12px;position:relative;overflow:hidden}.boss .fill{transform-origin:0;background:linear-gradient(#bfefff,#5cb8e6);position:absolute;inset:0}.boss span{text-align:center;color:#0b1820;font-size:9px;font-weight:700;line-height:12px;position:absolute;inset:0}.boss.pending{border-style:dashed}.boss.pending span{color:#bfefff}.bar{will-change:transform;background:#1b1b1bcc;border:1px solid #000;border-radius:2px;height:7px;position:absolute;top:0;left:0}.bar .fill{transform-origin:0;height:100%}.cue{width:0;height:0;display:none;position:absolute;top:0;left:0}.cue .icon{background:radial-gradient(#5cb8e6,#1b4a66);border:2px solid #bfefff;border-radius:50%;width:40px;height:40px;animation:1.2s ease-in-out infinite cue-pulse;position:absolute;top:-20px;left:-20px;box-shadow:0 0 8px #9fe3ffaa}.cue .icon svg{width:22px;height:22px;position:absolute;inset:7px}.cue .pointer{transform-origin:50%;width:60px;height:60px;position:absolute;top:-30px;left:-30px}.cue .pointer:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #bfefff;margin-top:-10px;position:absolute;top:50%;right:-6px}@keyframes cue-pulse{50%{box-shadow:0 0 16px #bfefff}}.respawn{text-shadow:0 2px 4px #000;font-size:22px;font-weight:700;display:none;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.ability{width:84px;height:84px;right:max(34px, calc(env(safe-area-inset-right) + 18px));bottom:max(28px, env(safe-area-inset-bottom));background:radial-gradient(circle at 40% 35%,#3b5a7a,#14222f);border:3px solid #c8a85a;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 2px 8px #000a}.ability svg{width:56px;height:56px;position:absolute;inset:14px}.ability .cd{position:absolute;inset:0}.ability .cdText{text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;position:absolute;inset:0}.ability.aiming{border-color:#fff3b0}.joy{background:#ffffff14;border:2px solid #fff5;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.joy .knob{background:#fff6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.end{pointer-events:auto;background:radial-gradient(#0b1218aa,#050a0ee6);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:none;position:fixed;inset:0}.end h1{letter-spacing:3px;text-shadow:0 3px 8px #000;margin:0;font-size:46px}.end h1.win{color:#ffd76a}.end h1.loss{color:#ff6a5a}.end h1.draw{color:#cfd8e0}.end p{opacity:.85;margin:0 0 8px}.end .buttons{gap:14px;display:flex}.end button{font:inherit;color:#f4ecd8;cursor:pointer;background:linear-gradient(#2c4660,#172533);border:2px solid #c8a85a;border-radius:6px;padding:12px 18px;font-size:16px;font-weight:700}.rotate{text-align:center;background:#0d1a12;justify-content:center;align-items:center;padding:24px;font-size:20px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:flex}}