:root{color-scheme:dark;--bg:#08111f;--panel:#101c31cc;--line:#6ee7ff;--coin:#ffd45a;--danger:#ff4c6d;--good:#6dff9c}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#18355d,#08111f 55%,#04070d);color:#eef7ff;overflow:hidden}button,input,select{font:inherit}#app{min-height:100vh}.hud{position:fixed;inset:16px auto auto 16px;z-index:4;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill,.panel{background:var(--panel);border:1px solid #2b4b75;border-radius:16px;box-shadow:0 16px 50px #0008, inset 0 1px #ffffff18;backdrop-filter:blur(12px)}.pill{padding:9px 12px}.panel{position:fixed;z-index:5;max-width:520px;padding:18px}.menu{left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,560px)}h1{margin:.1rem 0 .3rem;font-size:clamp(30px,6vw,56px);line-height:.95}p{color:#b7c8dc;line-height:1.55}.row{display:flex;gap:8px;margin:10px 0}.row>*{min-width:0}input,select{width:100%;padding:12px;border-radius:12px;border:1px solid #395b86;background:#09182a;color:white}button{border:0;border-radius:12px;padding:12px 15px;background:linear-gradient(135deg,#36e0ff,#7c5cff);color:#04101f;font-weight:800;cursor:pointer}button.secondary{background:#1d3150;color:#e9f5ff;border:1px solid #3e638f}button:disabled{filter:grayscale(1);opacity:.55}.results{max-height:170px;overflow:auto;margin:6px 0}.result{display:flex;justify-content:space-between;gap:10px;padding:9px;border-radius:10px;cursor:pointer}.result:hover,.result.active{background:#244369}.shop{right:16px;top:16px;width:min(390px,calc(100vw - 32px));display:none}.shop.open{display:block}.upgrade{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #284463;padding:10px 0}.tiny{font-size:12px;color:#9ab0c8}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:6;background:#09182ad9;border:1px solid #3b638f;border-radius:999px;padding:10px 16px;color:#dbf5ff}.help{position:fixed;left:16px;bottom:16px;z-index:4;max-width:520px}.canvasWrap{width:100vw;height:100vh}canvas{display:block;width:100vw;height:100vh}.bar{height:8px;background:#203a5a;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--good),#ffd45a,var(--danger))}.kbd{display:inline-block;border:1px solid #6684a8;border-bottom-width:3px;border-radius:6px;padding:1px 6px;color:#e8f6ff}.cloud{color:#d9f0ff}.danger{color:#ff8fa1}.good{color:#8dffb3}@media(max-width:700px){.help{display:none}.hud{right:16px}.shop{top:90px}.row{flex-direction:column}}