:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;color:#0f0f0f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#f2f2f2;touch-action:none;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%}#game-root{position:relative;width:100%;height:100%}#p5-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;z-index:4}.hud-button{pointer-events:auto;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.22);color:#000;background:#ffffffdb;font-size:14px}.hud-button:active{transform:translateY(1px)}#instruction{position:absolute;left:50%;top:18px;transform:translate(-50%);width:min(520px,calc(100% - 24px));max-width:min(520px,calc(100% - 24px));box-sizing:border-box;padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.18);color:#000;background:#ffffffe6;max-height:calc(100% - 24px);overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;z-index:4}#instruction h1{margin:0 0 6px;font-size:16px;font-weight:700}#instruction p{margin:6px 0;font-size:14px;line-height:1.35}#instruction .kbd{padding:2px 6px;border-radius:8px;background:#0000000f;border:1px solid rgba(0,0,0,.16)}.debug-panel{position:absolute;top:12px;right:12px;width:min(420px,calc(100% - 24px));box-sizing:border-box;padding:12px 12px 10px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;z-index:5;display:none}.debug-panel.active{display:block}.debug-title{font-size:14px;font-weight:700;margin-bottom:8px}.debug-row{display:grid;grid-template-columns:42px 1fr 72px;gap:10px;align-items:center;margin:8px 0}.debug-label{font-size:12px;opacity:.9}.debug-range{width:100%}.debug-number{width:72px;box-sizing:border-box;padding:6px 8px;border-radius:10px;border:1px solid rgba(0,0,0,.22);background:#ffffffe6;color:#000;font-size:12px}.debug-hint{margin-top:6px;font-size:12px;opacity:.7}#controls{position:absolute;left:0;right:0;bottom:0;height:min(240px,38vh);display:none;justify-content:flex-end;align-items:flex-end;padding:18px;gap:18px;pointer-events:none;z-index:3}#game-root.touch-controls #controls{display:flex}#touch-area{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#game-root.touch-controls #touch-area{pointer-events:auto}.touch-stick{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:2}.touch-stick.active{display:block}.touch-cross{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%)}.touch-cross:before,.touch-cross:after{content:"";position:absolute;background:#000}.touch-cross:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px}.touch-cross:after{left:0;top:50%;width:100%;height:2px;margin-top:-1px}.touch-cross--cursor{width:18px;height:18px}.touch-stick-line{position:absolute;height:2px;background:#000;transform-origin:0 50%;opacity:0}.touch-arc{position:absolute;left:0;top:0;pointer-events:none;opacity:0;overflow:visible}.touch-arc-path{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round}.joystick{pointer-events:auto;width:150px;height:150px;position:relative;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:none}.joystick-stick{position:absolute;left:50%;top:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.2);transform:translateZ(0)}.buttons{pointer-events:auto;display:flex;flex-direction:column;gap:12px}.action-button{width:150px;height:56px;border-radius:14px;border:1px solid rgba(0,0,0,.22);background:#ffffffeb;color:#000;font-size:16px;font-weight:700;touch-action:none}.action-button:active{transform:translateY(1px)}