*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#fff}#root{width:100%;height:100%}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:#0a0a0a}.game-frame{width:390px;height:844px;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;background:#1a1a1a;border:2px solid #444;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080}.game-viewport{flex:1;position:relative;background:linear-gradient(to bottom,#2a3f5f,#1a1a1a);overflow:hidden;pointer-events:auto}.game-canvas{display:block;width:100%;height:100%}.game-controls{display:flex;gap:8px;padding:12px 8px;background:#0d0d0d;border-top:1px solid #333;pointer-events:auto}.control-group{display:flex;gap:4px}button{flex:1;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;border:2px solid #444;border-radius:8px;background:#2a2a2a;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:hover{background:#3a3a3a;border-color:#666}button:active{background:#4a4a4a;transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a}.transform-btn{background:#a855f7;border-color:#d946ef}.transform-btn:hover{background:#c084fc;border-color:#f472b6}.transform-btn:active{background:#d8b4fe}.breath-btn{background:#dc2626;border-color:#991b1b}.breath-btn:hover{background:#ef4444;border-color:#b91c1c}.breath-btn:active{background:#fca5a5}.breath-btn:disabled{opacity:.5;background:#7f1d1d}.move-btn{background:#0ea5e9;border-color:#0369a1}.move-btn:hover{background:#06b6d4;border-color:#0891b2}.move-btn:active{background:#22d3ee}.jump-btn{background:#22c55e;border-color:#15803d}.jump-btn:hover{background:#4ade80;border-color:#22c55e}.jump-btn:active{background:#86efac}.hud-panel{position:absolute;top:12px;left:12px;background:#000000b3;padding:8px 12px;border-radius:6px;font-size:12px;font-family:monospace;pointer-events:none;z-index:10}.hud-panel div{margin:4px 0;line-height:1.4}.fury-bar{width:120px;height:16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;overflow:hidden;margin-top:4px}.fury-fill{height:100%;background:linear-gradient(to right,#f59e0b,#dc2626);transition:width .1s}@media (prefers-reduced-motion: reduce){button{transition:none}}.onboarding-modal{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:#0a0a0ae6;display:flex;align-items:center;justify-content:center;z-index:9999}.onboarding-content{background:linear-gradient(160deg,#1a1a2e,#0a0a0a);border:1px solid rgba(245,158,11,.22);border-radius:6px;padding:26px 22px 22px;max-width:360px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0009}.onboarding-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f59e0b;font-size:17px;letter-spacing:1px;margin-bottom:14px;text-align:center;font-weight:600}.onboarding-body p{margin-bottom:10px;font-size:13px;line-height:1.55;color:#fff}.onboarding-body strong{color:#f59e0b}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b40}.onboarding-dot.active{background:#f59e0b}.onboarding-close{min-height:44px;width:100%;padding:12px;background:linear-gradient(160deg,#f59e0b,#d97706);color:#0a0a0a;border:none;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-close:active{opacity:.85;transform:scale(.98)}.info-button{position:absolute;top:12px;right:12px;width:44px;height:44px;padding:0;background:#333;color:#fff;border:1px solid #555;border-radius:4px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .2s}.info-button:active{transform:scale(.95);background:#444}