*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}html,body{margin:0;height:100%;overflow:hidden;background:#120c0a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f3e6d8;touch-action:none;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#0a040280)}#hud{position:fixed;left:calc(10px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));pointer-events:none;font-size:12px;text-shadow:0 1px 2px #000;z-index:2}.bars{display:flex;flex-direction:column;gap:4px}.bar{display:flex;align-items:center;gap:6px}.bar span{width:18px;font-weight:700;opacity:.85}.track{width:130px;height:8px;background:#00000073;border:1px solid rgba(255,220,180,.25);border-radius:4px;overflow:hidden}.fill{height:100%;width:100%}.hp{background:linear-gradient(90deg,#7a0d0d,#d2381f)}.sp{background:linear-gradient(90deg,#5a2a00,#ffb02e);width:0%}#stats{margin-top:5px;font-weight:600}#place{margin-top:2px;color:#ffcf8a;font-weight:700}#fps{margin-top:2px;opacity:.6;font-size:10px}#reticle{position:fixed;width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid rgba(255,190,120,.8);border-radius:50%;pointer-events:none;left:50%;top:50%;box-shadow:0 0 6px #ff782899}#reticle:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#ffcf8a;border-radius:50%}#topbtns{position:fixed;right:calc(6px + env(safe-area-inset-right));top:calc(6px + env(safe-area-inset-top));display:flex;gap:5px;z-index:3}#topbtns button{font:700 11px system-ui;padding:8px;border-radius:9px;border:1px solid rgba(255,210,170,.45);background:#140a06b3;color:#f3e6d8;white-space:nowrap}#topbtns button.on{background:#a03c14cc}#minimap{position:fixed;right:calc(8px + env(safe-area-inset-right));top:calc(48px + env(safe-area-inset-top));width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,210,170,.5);box-shadow:0 0 8px #000;pointer-events:auto;z-index:2}#streamTag{position:fixed;left:50%;top:22%;transform:translate(-50%);font:800 15px system-ui;letter-spacing:.1em;color:#cfe8ff;text-shadow:0 0 10px #6ab0ff;opacity:0;transition:opacity .3s;pointer-events:none}#leftzone{position:fixed;left:0;bottom:0;width:50%;height:62%;touch-action:none}#stickBase{position:absolute;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;border:2px solid rgba(255,210,170,.4);background:#140a064d;left:95px;top:calc(100% - 115px);opacity:.7}#stickKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffaa6480;border:2px solid rgba(255,220,190,.7)}.stickLbl{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font:700 10px system-ui;opacity:.75}#rightzone{position:fixed;right:0;bottom:0;width:50%;height:62%;pointer-events:none}#rightzone button{position:absolute;pointer-events:auto;border-radius:50%;color:#fff;font:800 11px system-ui;border:2px solid rgba(255,220,190,.7);touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;text-shadow:0 1px 2px #000;padding:0}#rightzone button b{font-size:22px}#rightzone button small{font-size:9px;opacity:.8;font-weight:600}.big{width:100px;height:100px;right:calc(20px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));background:radial-gradient(circle at 40% 35%,#ff8c28d9,#961e05d9)}#btnFire b{font-size:30px}#btnBall{width:76px;height:76px;right:calc(130px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 40% 35%,#ffb446cc,#8c320ad9)}#btnBoost{width:76px;height:76px;right:calc(34px + env(safe-area-inset-right));bottom:calc(144px + env(safe-area-inset-bottom));background:radial-gradient(circle at 40% 35%,#78aaffbf,#1e3278d9)}#rightzone button.pressed{filter:brightness(1.5);transform:scale(.94)}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#120c0a;font-size:18px;letter-spacing:.08em;z-index:20}#start{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0503b8;z-index:10}#start .card{max-width:440px;width:92%;background:#1e0e08eb;border:1px solid rgba(255,190,130,.4);border-radius:14px;padding:16px 18px;box-shadow:0 0 30px #000}#start h1{margin:0 0 10px;font-size:20px;letter-spacing:.12em;color:#ffb36a;text-align:center}.ctl div{font-size:13px;margin:6px 0;line-height:1.3}.ctl b{color:#ffcf8a}.ctl .desk{opacity:.6;font-size:11px}#btnGo{display:block;margin:14px auto 2px;font:800 17px system-ui;padding:13px 26px;border-radius:12px;border:0;color:#fff;background:linear-gradient(#e0601c,#9a2a08);box-shadow:0 0 16px #ff6e1e99}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:#050302d9;z-index:9}#bigmapC{width:min(94vw,82vh);height:min(94vw,82vh);border-radius:10px;border:2px solid rgba(255,210,170,.5)}#bigmap .close{margin-top:8px;font-size:12px;opacity:.7}@media (max-width:600px){#hud{top:calc(48px + env(safe-area-inset-top))}#topbtns{left:calc(6px + env(safe-area-inset-left));justify-content:space-between}#topbtns button{flex:1;padding:9px 2px;font-size:10.5px}#minimap{top:calc(50px + env(safe-area-inset-top));width:96px;height:96px}}@media (orientation:landscape) and (max-height:600px){#rightzone{height:100%}#rightzone .big,#btnFire{width:min(92px,24vh);height:min(92px,24vh);right:calc(14px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}#btnBall{width:min(70px,19vh);height:min(70px,19vh);right:calc(24px + min(92px,24vh) + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}#btnBoost{width:min(70px,19vh);height:min(70px,19vh);right:calc(34px + min(92px,24vh) + min(70px,19vh) + env(safe-area-inset-right));bottom:calc(12px + min(48px,12vh) + env(safe-area-inset-bottom))}#rightzone button b{font-size:min(22px,5.5vh)}#rightzone button small{font-size:8px}#minimap{width:min(96px,22vh);height:min(96px,22vh);top:calc(46px + env(safe-area-inset-top))}}#streamTag small{display:block;font:600 11px system-ui;letter-spacing:0;opacity:.85;margin-top:2px;text-align:center}#btnExitStream{display:none;position:fixed;left:50%;top:calc(22% + 44px);transform:translate(-50%);pointer-events:auto;font:800 12px system-ui;color:#fff;padding:7px 14px;border-radius:16px;border:1px solid rgba(190,225,255,.7);background:#1e3c6eb3;z-index:3;touch-action:none}