:root{--ink: #eaf6ff;--cyan: #46e6ff;--amber: #ffbf5e;--glass: rgba(14, 18, 52, .55);--glass-edge: rgba(130, 220, 255, .28)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#0b0d2a;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game{position:fixed;inset:0}.game canvas{display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud button{pointer-events:auto;font-family:inherit}.brand{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;gap:10px;align-items:center;opacity:.88;text-shadow:0 1px 8px rgba(0,0,0,.5)}.brand-mark{color:var(--cyan);font-size:22px;filter:drop-shadow(0 0 6px var(--cyan))}.brand-title{font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.18em;font-size:15px}.brand-sub{font-size:11px;opacity:.7;letter-spacing:.06em}.credits{position:absolute;top:max(14px,env(safe-area-inset-top));right:calc(max(16px,env(safe-area-inset-right)) + 52px);display:flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 24px #00000040,inset 0 0 12px #46e6ff14}.credits-n{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em}.menu-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:42px;height:42px;border-radius:12px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);font-size:18px;backdrop-filter:blur(8px);cursor:pointer}.fps{position:absolute;top:70px;right:16px;font:600 12px Chakra Petch,monospace;color:var(--cyan);opacity:.85}.hint{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);white-space:nowrap;font-size:13px;padding:8px 16px;border-radius:999px;background:#0a0c286b;border:1px solid rgba(130,220,255,.16);backdrop-filter:blur(6px);opacity:.9;animation:fadein 1.2s ease 1s both}.hint b{color:var(--amber);font-weight:600}@keyframes fadein{0%{opacity:0;transform:translate(-50%,8px)}}.menu{position:absolute;inset:0;pointer-events:auto;background:#06081c73;backdrop-filter:blur(4px);display:grid;place-items:center}.panel{width:min(380px,calc(100vw - 32px));padding:22px;border-radius:18px;background:#10143ad1;border:1px solid var(--glass-edge);box-shadow:0 20px 60px #00000073}.panel h2{margin:0 0 16px;font-family:Chakra Petch,sans-serif;letter-spacing:.14em;font-size:16px;color:var(--cyan)}.row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:14px}.seg{display:flex;gap:4px}.seg button,.toggle{padding:6px 12px;border-radius:8px;border:1px solid rgba(130,220,255,.25);background:#ffffff0a;color:var(--ink);text-transform:capitalize;cursor:pointer}.seg button.on,.toggle.on{background:#46e6ff33;border-color:var(--cyan)}.primary{margin-top:10px;width:100%;padding:10px;border-radius:10px;border:none;background:linear-gradient(90deg,#ffcf70,#ffaa45);color:#2b1600;font-weight:600;font-size:15px;cursor:pointer}.touch-layer{position:absolute;inset:0;touch-action:none}.stick{position:absolute;border-radius:50%;border:2px solid rgba(130,220,255,.4);background:#141e5040;display:grid;place-items:center}.knob{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c9f6ff,#46c8ff);box-shadow:0 0 18px #46e6ff99}.jump-btn{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,200,120,.6);background:#28180a59;color:var(--amber);font-size:30px;backdrop-filter:blur(6px)}.touch-ui .brand-sub{display:none}.goal{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:min(340px,42vw);padding:10px 14px 12px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000040;transition:box-shadow .4s,border-color .4s}.goal.flash{border-color:var(--amber);box-shadow:0 0 0 2px #ffbf5e59,0 6px 24px #00000040}.goal-head{font:700 11px Chakra Petch,sans-serif;letter-spacing:.2em;opacity:.75;margin-bottom:4px}.goal-head .ver{color:var(--amber);margin-left:6px}.goal-title{font:700 17px Chakra Petch,sans-serif;color:#fff;line-height:1.2}.goal-why{font-size:13px;opacity:.78;margin-top:3px;line-height:1.35}.credits{transition:transform .12s}.credits.pop{transform:scale(1.12)}.credits-col{display:flex;flex-direction:column;line-height:1}.credits-rate{font:600 11px Chakra Petch,sans-serif;color:#9dffcf;margin-top:2px}.toasts{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;width:min(460px,60vw)}.toast{padding:8px 16px;border-radius:999px;font-size:14px;background:#0a0e2cb8;border:1px solid rgba(130,220,255,.3);backdrop-filter:blur(6px);animation:toastin .35s cubic-bezier(.2,1.4,.4,1) both;text-align:center}.toast.good{border-color:#ffcd78b3;color:#ffe6b0}@keyframes toastin{0%{opacity:0;transform:translateY(-10px) scale(.9)}}.combo{position:absolute;top:34%;left:50%;transform:translate(-50%);font:700 26px Chakra Petch,sans-serif;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px rgba(70,230,255,.9),0 2px 0 rgba(0,0,0,.4);animation:combo .3s cubic-bezier(.2,1.6,.4,1) both;pointer-events:none}@keyframes combo{0%{transform:translate(-50%) scale(1.6);opacity:.4}}.carry-tag{position:absolute;bottom:max(64px,calc(env(safe-area-inset-bottom) + 56px));left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0a0e2c99;border:1px solid rgba(157,255,207,.5);color:#c9ffe6;font-size:13px;white-space:nowrap}.swing-btn{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:86px;height:86px;border-radius:50%;border:2px solid rgba(70,230,255,.6);background:radial-gradient(circle at 40% 35%,#28507899,#0a143299);display:grid;place-items:center;pointer-events:auto;touch-action:none}.touch-ui .jump-btn{right:calc(max(24px,env(safe-area-inset-right)) + 100px);bottom:max(20px,env(safe-area-inset-bottom));width:62px;height:62px;font-size:26px}.touch-ui .goal{width:clamp(190px,34vw,300px);padding:7px 10px 8px}.touch-ui .goal-why{display:none}.touch-ui .goal-title{font-size:14px}.touch-ui .toast{font-size:12px;padding:6px 12px}.float-layer{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.floater{position:absolute;left:0;top:0;font:700 22px Chakra Petch,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 12px rgba(0,0,0,.35);white-space:nowrap;opacity:0;will-change:transform}.panel.center{text-align:center}.panel p{opacity:.8;font-size:14px}.big-credits{display:flex;gap:10px;justify-content:center;align-items:center;font:700 32px Chakra Petch,sans-serif;color:#ffd76a;margin:10px 0 6px}.toggle.danger{border-color:#ff7a7a;color:#ffb0b0}.row input[type=range]{width:150px;accent-color:#46e6ff}.carry-tag{display:flex;align-items:center;gap:10px;pointer-events:auto}.sell-btn{padding:3px 10px;border-radius:999px;border:1px solid rgba(255,205,120,.7);background:#3c280a80;color:#ffd27a;font:600 12px Space Grotesk,sans-serif;cursor:pointer}