:root{--color-bg: #0A0A20;--color-bg-secondary: #1A1040;--color-neon-red: #F82032;--color-neon-purple: #3227A7;--color-neon-cyan: #0AEAF1;--color-neon-pink: #FC15EF;--color-neon-yellow: #FDEB27;--color-neon-green: #39E8B5;--color-neon-orange: #FC15EF;--color-text: #E6E6E6;--color-text-dim: #707070;--color-grid-line: #1E263A;--font-primary: "Courier New", monospace;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-btn-size: clamp(48px, 12vw, 72px);--touch-btn-gap: clamp(8px, 2vw, 16px);--touch-btn-radius: 12px;--touch-btn-font-size: clamp(20px, 5vw, 28px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100vh;overflow:hidden;overscroll-behavior:none;background-color:var(--color-bg);font-family:var(--font-primary);color:var(--color-text)}@supports (height: 100dvh){html,body{height:100dvh}}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}#game-canvas{display:block;max-width:100%;max-height:100%;touch-action:none}#touch-controls{position:absolute;bottom:0;left:0;right:0;padding-bottom:max(16px,var(--safe-area-bottom));z-index:10}.touch-controls-container{display:flex;justify-content:space-between;align-items:center;padding:10px var(--touch-btn-gap);pointer-events:auto}.touch-controls-group{display:flex;gap:var(--touch-btn-gap)}.touch-btn{width:var(--touch-btn-size);height:var(--touch-btn-size);font-size:var(--touch-btn-font-size);background:#1a1a2ed9;border:2px solid var(--color-neon-purple);border-radius:var(--touch-btn-radius);color:var(--color-text);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background-color .1s ease,border-color .1s ease,box-shadow .1s ease}.touch-btn-active,.touch-btn:active{background:#3027a7b3;border-color:var(--color-neon-cyan);box-shadow:0 0 12px var(--color-neon-cyan)}#touch-power{border-color:var(--color-neon-pink)}#touch-power.touch-btn-active,#touch-power:active{border-color:var(--color-neon-pink);box-shadow:0 0 12px var(--color-neon-pink)}#touch-pause{border-color:var(--color-neon-cyan)}#touch-pause.touch-btn-active,#touch-pause:active{border-color:var(--color-neon-cyan);box-shadow:0 0 12px var(--color-neon-cyan)}#ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}#ui-overlay.active{pointer-events:auto;z-index:20}#rotation-overlay{display:none;position:fixed;inset:0;background-color:#0a0a0ff2;z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;text-align:center}@media(orientation:landscape)and (pointer:coarse),(max-width:768px)and (orientation:landscape){#rotation-overlay.visible{display:flex}}#rotation-overlay .phone-icon{font-size:80px;animation:rotatePhone 2s ease-in-out infinite;color:var(--color-neon-cyan);text-shadow:0 0 20px var(--color-neon-cyan),0 0 40px var(--color-neon-purple)}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%,75%{transform:rotate(-90deg)}}#rotation-overlay .message{font-size:18px;font-weight:700;color:var(--color-text);text-shadow:0 0 10px var(--color-neon-purple)}#rotation-overlay .sub-message{font-size:14px;color:var(--color-text-dim)}@media(max-height:600px)and (orientation:portrait){:root{--touch-btn-size: 44px;--touch-btn-gap: 6px;--touch-btn-font-size: 18px}}@media(max-width:320px){:root{--touch-btn-size: 44px;--touch-btn-gap: 4px;--touch-btn-font-size: 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}