:root{--bg0:#03050a;--bg1:#080d17;--text:#ddf8ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at 15% 20%, #3176ff24 0%, #3176ff00 40%), radial-gradient(circle at 80% 0%, #ff59ce1f 0%, #ff59ce00 45%), linear-gradient(145deg, var(--bg0), var(--bg1));min-width:320px;color:var(--text);font-family:Rajdhani,Segoe UI,sans-serif;overflow:hidden}#game-root{background:#02060d;width:100%;height:100%;position:relative;inset:0;overflow:hidden}#phaser-game{position:absolute;inset:0}#game-ui-root{z-index:20;pointer-events:none;position:absolute;inset:0}@keyframes ui-button-jello-jiggle{0%{rotate:0deg;scale:1}20%{scale:var(--jiggle-x1,1.052) var(--jiggle-y1,.944);rotate:var(--jiggle-r1,-.7deg)}43%{scale:var(--jiggle-x2,.976) var(--jiggle-y2,1.034);rotate:var(--jiggle-r2,.5deg)}67%{scale:var(--jiggle-x3,1.018) var(--jiggle-y3,.986);rotate:var(--jiggle-r3,-.25deg)}84%{scale:var(--jiggle-x4,.994) var(--jiggle-y4,1.008);rotate:var(--jiggle-r4,.1deg)}to{rotate:0deg;scale:1}}#game-ui-root button.ui-button-jiggle{transform-origin:50%;animation:.302s ease-out ui-button-jello-jiggle}.arena-command-button{z-index:40;pointer-events:auto;color:#d9fbff;cursor:pointer;letter-spacing:.8px;background:linear-gradient(90deg,#ff4cb51f,#0000 18% 82%,#62f2ff1f),#081422fa;border:2px solid #62f2ff;font-family:Rajdhani,sans-serif;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #62f2ff2e,inset 0 0 14px #62f2ff12}.arena-command-button:hover,.arena-command-button:focus-visible{color:#fff;border-color:#ff63c6;outline:none;box-shadow:0 0 22px #ff63c647,inset 0 0 16px #ff63c614}.arena-command-button:disabled{cursor:default}@media (prefers-reduced-motion:reduce){#game-ui-root button.ui-button-jiggle{animation:none}}#phaser-game canvas{display:block;width:100%!important;height:100%!important}#phaser-game canvas.gameplay-canvas{-webkit-user-select:none;user-select:none;touch-action:none}.gameplay-pointer-lock{z-index:10000;color:#dffcff;cursor:pointer;background:#02070fb8;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;font-family:Rajdhani,sans-serif;display:flex;position:absolute;inset:0}.gameplay-pointer-lock[hidden]{display:none}.gameplay-pointer-lock strong{color:#62f2ff;text-shadow:0 0 18px #62f2ffbf;font:700 clamp(28px,4vw,52px) Orbitron,sans-serif}.gameplay-pointer-lock span{font-size:clamp(17px,2vw,24px)}.tutorial-overlay{z-index:9000;pointer-events:none;color:#eaffff;font-family:Rajdhani,sans-serif;position:absolute;inset:0}.tutorial-overlay[hidden]{display:none}.tutorial-shade{pointer-events:auto;-webkit-backdrop-filter:saturate(.68);backdrop-filter:saturate(.68);background:#01050bb8;transition:all .15s ease-out;position:absolute}.tutorial-focus{pointer-events:none;border:2px solid #69f5ff;border-radius:8px;transition:all .11s linear;animation:1.4s ease-in-out infinite tutorial-focus-pulse;position:absolute;box-shadow:0 0 0 1px #ff55cd99,0 0 24px #4eebffc2,inset 0 0 18px #4eebff2e}.tutorial-focus-circle{border-radius:50%}.tutorial-arrow{pointer-events:none;filter:drop-shadow(0 0 7px #58ecff);border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;transform:translate(-50%)}.tutorial-arrow[data-position=below]{border-bottom:14px solid #69f5ff}.tutorial-arrow[data-position=above]{border-top:14px solid #69f5ff;transform:translate(-50%,-100%)}.tutorial-callout{pointer-events:auto;background:linear-gradient(145deg,#06141ffa,#0c0d1dfa);border:1px solid #5befffcc;border-left:4px solid #ff5bcf;width:min(440px,100% - 32px);max-height:calc(100% - 32px);margin:0;padding:18px 22px 15px;display:flow-root;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:0 14px 50px #000000a3,0 0 22px #35e0ff29}.tutorial-callout[data-position=above]{transform:translate(-50%,-100%)}.tutorial-callout[data-position=center]{transform:translate(-50%,-50%)}.tutorial-callout:before{content:"";pointer-events:none;border:1px solid #ffffff12;position:absolute;inset:5px}.tutorial-eyebrow{color:#7fffc4;letter-spacing:1.5px;font:700 12px Orbitron,sans-serif}.tutorial-title{color:#69f5ff;text-shadow:0 0 12px #69f5ff6b;margin:6px 0 7px;font:700 clamp(21px,2.2vw,29px) Orbitron,sans-serif}.tutorial-body{color:#d9edf4;margin:0;font-size:clamp(16px,1.55vw,20px);font-weight:600;line-height:1.28}.tutorial-illustration{color:#ffc5eb;text-align:center;letter-spacing:.6px;background:#ff5bcf12;border:1px solid #ff5bcf6b;margin-top:12px;padding:8px 10px;font:700 clamp(11px,1vw,14px) Orbitron,sans-serif}.tutorial-input-demo{justify-content:center;gap:8px;margin-top:14px;display:flex}.tutorial-key,.tutorial-mouse{color:#fff2fc;text-align:center;background:#ff5bcf1a;border:1px solid #ff72d5;min-width:36px;padding:6px 9px;font:700 14px Orbitron,sans-serif;animation:1.05s ease-in-out infinite tutorial-key-demo;box-shadow:inset 0 -3px #ff5bcf2e}.tutorial-mouse{border-color:#69f5ff;border-radius:16px;min-width:70px;animation-name:tutorial-mouse-demo}.tutorial-progress{color:#6c93a2;letter-spacing:2px;margin-top:12px;font:600 12px Orbitron,sans-serif}.tutorial-skip,.tutorial-continue{color:#b7d9e4;letter-spacing:1px;cursor:pointer;pointer-events:auto;background:#081421f5;border:1px solid #4dcde1;font:700 13px Rajdhani,sans-serif}.tutorial-skip{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));padding:9px 14px;position:absolute}.tutorial-continue{float:none;margin:12px 0 0 auto;padding:8px 16px;display:block;position:sticky;bottom:0;right:0}.tutorial-skip:hover,.tutorial-continue:hover{color:#fff;border-color:#ff67d2;box-shadow:0 0 12px #ff5bcf57}.tutorial-no-target .tutorial-shade-top{width:auto!important;height:auto!important;inset:0!important}.tutorial-no-target .tutorial-shade-right,.tutorial-no-target .tutorial-shade-bottom,.tutorial-no-target .tutorial-shade-left,.tutorial-no-target .tutorial-focus,.tutorial-no-target .tutorial-arrow{display:none}.tutorial-overlay--arena .tutorial-shade{display:none!important}.tutorial-confirm .tutorial-focus{border-color:#7dffae;box-shadow:0 0 30px #7dffaee6}@keyframes tutorial-focus-pulse{50%{box-shadow:0 0 0 2px #ff55cd61,0 0 36px #4eebffe6,inset 0 0 24px #4eebff40}}@keyframes tutorial-key-demo{50%{background:#ff5bcf47;transform:translateY(2px)scale(.96)}}@keyframes tutorial-mouse-demo{50%{background:#69f5ff38;transform:translate(5px)}}@media (height<=650px){.tutorial-callout{padding:12px 17px 10px}.tutorial-body{font-size:15px}.tutorial-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.tutorial-focus,.tutorial-key,.tutorial-mouse{animation:none}.tutorial-shade,.tutorial-focus{transition:none}}.controller-dom-focus-frame{z-index:2147482999;box-sizing:border-box;pointer-events:none;filter:drop-shadow(0 0 4px #69f4ffb8);background:linear-gradient(90deg,#69f4ff,#69f4ff) 0 0/24px 2px no-repeat,linear-gradient(#69f4ff,#69f4ff) 0 0/2px 24px no-repeat,linear-gradient(90deg,#69f4ff,#69f4ff) 100% 0/24px 2px no-repeat,linear-gradient(#69f4ff,#69f4ff) 100% 0/2px 24px no-repeat,linear-gradient(90deg,#ff5bcf,#ff5bcf) 0 100%/24px 2px no-repeat,linear-gradient(#ff5bcf,#ff5bcf) 0 100%/2px 24px no-repeat,linear-gradient(90deg,#ff5bcf,#ff5bcf) 100% 100%/24px 2px no-repeat,linear-gradient(#ff5bcf,#ff5bcf) 100% 100%/2px 24px no-repeat;border:1px solid #69f4ff7a;animation:1.05s ease-in-out infinite alternate controller-focus-pulse;position:fixed;box-shadow:0 0 8px #69f4ffa3,0 0 14px #ff5bcf47}@keyframes controller-focus-pulse{0%{opacity:.68}to{opacity:1}}@media (prefers-reduced-motion:reduce){.controller-dom-focus-frame{animation:none}}#controller-ui-hints{z-index:2147483000;left:50%;bottom:max(10px, env(safe-area-inset-bottom));color:#bffaff;letter-spacing:1px;white-space:nowrap;pointer-events:none;background:#02090fe0;border:1px solid #4ee7fa94;padding:6px 16px;font:700 12px/1.25 Rajdhani,sans-serif;position:fixed;transform:translate(-50%)}