:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#f2f7ff;background:#0b1426;font-synthesis:none;--long: #39d6a0;--short: #ff7289;--muted: #90a5bc;--panel: rgba(9, 17, 34, .86)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;overflow:hidden;overscroll-behavior:none}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 20%,#20354b,#0b1426 68%);touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block}.long{color:var(--long)}.short{color:var(--short)}.keycap{display:inline-block;font-style:normal;font-size:.82em;font-weight:800;line-height:1;padding:3px 6px;margin:0 2px;border-radius:5px;color:#dbe7f5;background:#22364c;border:1px solid #45607c;border-bottom-width:2px}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.danger-vignette{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s linear;background:linear-gradient(90deg,#ff3c5a8c,#ff3c5a00 34%)}.game-hud{position:absolute;left:0;right:0;top:0;display:flex;align-items:stretch;gap:16px;padding:9px 18px;background:var(--panel);border-bottom:1px solid #34445c;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s}.game-hud.idle{opacity:0}.hud-brand{font-weight:900;letter-spacing:.08em;align-self:center;white-space:nowrap}.hud-brand small{display:block;font-size:10px;color:#92a8c0;letter-spacing:.3em;margin-top:2px}.account-total{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:190px;padding:0 14px;border-left:2px solid #46617b}.account-total span,.hud-stat>span{font-size:9px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.account-total strong{font-size:23px;font-variant-numeric:tabular-nums;transition:color .2s}.account-total b{font-size:12px;font-variant-numeric:tabular-nums}.pulse-up{animation:pulse-up .5s ease-out}.pulse-down{animation:pulse-down .5s ease-out}@keyframes pulse-up{0%{color:var(--long);transform:scale(1.12)}to{color:inherit;transform:none}}@keyframes pulse-down{0%{color:var(--short);transform:scale(1.12)}to{color:inherit;transform:none}}.hud-stat{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.hud-stat strong{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-stat em{font-style:normal;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-height:12px}.hud-stat em.long{color:var(--long)}.hud-stat em.short{color:var(--short)}.hud-position{padding:3px 12px;border-radius:9px;border:1px solid #34445c;min-width:128px;transition:border-color .2s,background .2s}.hud-position[data-side=long]{border-color:#39d6a099;background:#39d6a01a}.hud-position[data-side=short]{border-color:#ff728999;background:#ff72891a}.hud-position .keycap{font-size:8px;padding:2px 4px}.hud-price{min-width:196px}.hud-price>span i{font-style:normal;color:#c5d3e2}.price-row{display:flex;align-items:center;gap:8px}.price-row canvas{width:120px;height:26px;margin:-3px 0}.flow{position:relative;height:12px;border-radius:6px;background:#17263a;overflow:hidden}.flow i{position:absolute;top:0;bottom:0;transition:width .15s linear}.flow i[data-f=flowUp]{left:50%;background:var(--long)}.flow i[data-f=flowDown]{right:50%;background:var(--short)}.flow b{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:8px;line-height:12px;letter-spacing:.1em;color:#b6c5d6;text-shadow:0 0 3px #07121f,0 0 3px #07121f}.flow b.long,.flow b.short{color:#fff}.meter{height:5px;border-radius:3px;background:#17263a;overflow:hidden;min-width:96px}.meter i{display:block;height:100%;width:0;background:#f4d778;transition:width .2s linear}.hud-chase .meter i{background:#6fb7ff}.hud-chase .meter i.danger{background:var(--short)}.hud-buttons{display:flex;align-items:center;gap:6px;margin-left:auto;pointer-events:auto}.hud-buttons button{width:34px;height:34px;border-radius:9px;border:1px solid #45607c;background:#17283a;color:#dbe7f5;font-weight:900;cursor:pointer;font-size:14px}.hud-buttons button:hover{filter:brightness(1.25)}.hud-buttons button.off{color:#5d7088;text-decoration:line-through}.toast{position:absolute;left:50%;bottom:7%;transform:translate(-50%,14px);opacity:0;max-width:min(92vw,720px);padding:11px 20px;border-radius:12px;text-align:center;background:#091122e6;border:1px solid #45607c;font-size:15px;line-height:1.5;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%)}.menu-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050c18b8;pointer-events:auto;padding:16px;overflow-y:auto}.menu-mask.mode-over{animation:mask-in .45s ease-out .55s both}@keyframes mask-in{0%{opacity:0}to{opacity:1}}.menu-card{width:min(96vw,560px);max-height:100%;overflow-y:auto;padding:26px 30px;border:1px solid #3a5369;background:#17283a;box-shadow:0 18px 80px #00000080;border-radius:16px}.eyebrow{font-size:10px;color:#58d7bc;letter-spacing:.2em;font-weight:800}.eyebrow .record{color:#f4d778}.menu-card h1{font-size:36px;line-height:1.1;letter-spacing:-.03em;margin:10px 0 8px}.menu-card p{color:#b9c9d8;line-height:1.5;margin:0 0 12px}.menu-card p.pick{margin:14px 0 8px;font-size:13px;color:#9db0c5}.intro-chart{background:#101e30;border-radius:9px 9px 0 0;padding:4px 0 0;display:flex;justify-content:center}.intro-chart svg{max-width:100%;height:auto}.intro-stats{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;padding:12px 18px;background:#101e30;border-radius:9px;font-size:14px}.intro-chart+.intro-stats{border-radius:0 0 9px 9px}.intro-stats span{color:#9db0c5;font-size:11px;align-self:center;letter-spacing:.06em}.intro-stats strong{text-align:right;font-variant-numeric:tabular-nums}.result-equity{display:flex;align-items:baseline;gap:12px;margin:4px 0 12px;flex-wrap:wrap}.result-equity span{font-size:11px;color:#9db0c5;letter-spacing:.08em}.result-equity strong{font-size:30px;font-variant-numeric:tabular-nums;color:#f2f7ff}.result-equity b{font-size:16px}.mode-row{display:flex;gap:12px}.btn{border:0;border-radius:9px;padding:13px 16px;font-weight:800;font-size:14px;cursor:pointer;flex:1;font-family:inherit;letter-spacing:.02em}.btn small{display:block;margin-top:4px;font-size:10px;font-weight:600;opacity:.75;letter-spacing:0}.btn:hover,.btn:focus-visible{filter:brightness(1.12);outline:2px solid #f2f7ff;outline-offset:2px}.btn-long{background:#34d3a2;color:#102336}.btn-short{background:#f66a80;color:#2b1120}#restart,#resume{margin-top:14px;width:100%}.how{list-style:none;margin:14px 0 0;padding:0;font-size:12.5px;color:#a9bbcd;line-height:1.9}.how li{padding-left:14px;position:relative}.how li:before{content:"›";position:absolute;left:0;color:#58d7bc;font-weight:900}.seed{display:block;margin-top:12px;color:#6f8399;font-size:11px;text-align:center}.touch-controls{position:absolute;left:0;right:0;bottom:0;display:none;justify-content:space-between;padding:14px 16px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.touch-group{display:flex;gap:12px;pointer-events:auto}.touch-controls button{width:68px;height:68px;border-radius:50%;border:2px solid rgba(219,231,245,.45);background:#17283a8c;color:#f2f7ff;font-size:24px;font-weight:900;touch-action:none}.touch-controls button.held{background:#58d7bc80}.touch-controls .touch-jump{width:84px;height:84px}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}.toast{top:84px;bottom:auto;font-size:13px;padding:7px 14px}}@media(max-width:1100px){.game-hud{gap:10px;padding:7px 10px}.hud-brand,.price-row canvas,.hud-leverage em{display:none}.hud-price{min-width:120px}.account-total{border-left:0;padding-left:0;min-width:150px}.account-total strong{font-size:19px}.meter{min-width:60px}}@media(max-width:720px){.game-hud{gap:8px;padding:5px 8px;flex-wrap:wrap}.hud-stat strong{font-size:13px}.hud-chase,.hud-leverage .meter,.hud-position .keycap{display:none}.menu-card{padding:16px}.menu-card h1{font-size:26px}.how{font-size:11.5px;line-height:1.7}.btn{padding:11px 8px;font-size:12px}}@media(max-height:560px){.menu-card{padding:12px 18px}.menu-card h1{font-size:24px;margin:4px 0}.intro-chart,.how{display:none}}@media(prefers-reduced-motion:reduce){.pulse-up,.pulse-down,.menu-mask.mode-over{animation:none}}