:root{--bg: #0b1020;--panel: rgba(18, 24, 44, .72);--panel-solid: #141a2e;--stroke: rgba(255, 255, 255, .1);--text: #eaf0ff;--muted: #9aa7c7;--accent: #5ad1ff;--accent-2: #8b5cff;--go: #3ddc84;--go-dark: #1f9e5a;--stop: #ff6b6b;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--radius: 16px;--stage-shift: 120px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);user-select:none}#app{position:fixed;inset:0}#stage{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.landing{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background:#070b14;transition:opacity .55s ease}.landing--hide{opacity:0;pointer-events:none}.landing__bg{position:absolute;inset:0;background:radial-gradient(60% 55% at 75% 35%,rgba(42,74,122,.55),transparent 70%),radial-gradient(50% 50% at 20% 80%,rgba(139,92,255,.22),transparent 70%),linear-gradient(160deg,#1b2a4d,#080b16 60%)}.hero{position:relative;max-width:680px;text-align:center;animation:rise .6s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.hero__badge{display:inline-block;padding:7px 16px;border-radius:999px;background:#5ad1ff24;border:1px solid rgba(90,209,255,.3);color:#7fe0ff;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:22px}.hero__title{margin:0;font-size:clamp(64px,13vw,132px);font-weight:800;line-height:.95;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#b9c8ec);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(90,209,255,.25))}.hero__tagline{margin:14px 0 0;font-size:clamp(20px,3.4vw,30px);font-weight:600;color:#dbe5fb}.hero__desc{margin:18px auto 0;max-width:560px;font-size:clamp(15px,2vw,17px);line-height:1.55;color:#97a7c8}.hero__desc b{color:#cdd9f5}.hero__features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 30px}.hero__features span{padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--stroke);font-size:13.5px;color:#c2cee8}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.cta{border:1px solid var(--stroke);background:#ffffff12;color:var(--text);padding:15px 26px;border-radius:999px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .15s ease,background .15s ease;font-family:inherit}.cta:hover{background:#ffffff21;transform:translateY(-2px)}.cta:active{transform:scale(.97)}.cta--go{background:linear-gradient(180deg,var(--go),var(--go-dark));border-color:transparent;color:#04210f;padding:15px 34px;box-shadow:0 10px 30px #3ddc844d}.cta--go:hover{filter:brightness(1.08)}.hero__foot{margin-top:30px;font-size:13px;color:#6f7ea0}.sheet{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:20px;background:#050810b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet__card{position:relative;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);padding:30px;animation:rise .25s ease both}.sheet__card h2{margin:0 0 16px;font-size:26px}.sheet__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);font-size:16px;cursor:pointer}.sheet__close:hover{background:#ffffff24}.howto{margin:0 0 16px;padding-left:22px;color:#b7c3de;line-height:1.65;font-size:15px}.howto li{margin-bottom:9px}.howto li b{color:var(--text)}.howto kbd{background:#ffffff1a;border:1px solid var(--stroke);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12px;font-family:inherit}.howto__tip{color:#8fa1c8;font-size:14px;background:#5ad1ff14;border:1px solid rgba(90,209,255,.18);border-radius:12px;padding:12px 14px;margin:0 0 20px}.loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1a2240,#070b16 70%);z-index:100;transition:opacity .6s ease}.loading.hidden{opacity:0;pointer-events:none}.loading__spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .9s linear infinite}.loading__text{color:var(--muted);font-size:15px;letter-spacing:.3px}@keyframes spin{to{transform:rotate(360deg)}}.palette{position:fixed;top:14px;left:14px;bottom:14px;width:226px;display:flex;flex-direction:column;background:var(--panel);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;overflow:hidden}.palette__header{padding:14px 16px 10px;border-bottom:1px solid var(--stroke)}.palette__title{font-size:17px;font-weight:700;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.palette__sub{font-size:11px;color:var(--muted);margin-top:3px}.palette__scroll{flex:1;overflow-y:auto;padding:10px 12px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.palette__scroll::-webkit-scrollbar{width:8px}.palette__scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.palette__group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:12px 4px 6px;font-weight:700}.palette__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 7px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:12px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.tool:hover{background:#ffffff17;transform:translateY(-2px)}.tool.active{border-color:var(--accent);background:#5ad1ff29;box-shadow:0 0 0 1px var(--accent) inset}.tool__icon{font-size:24px;line-height:1}.tool__name{font-size:10px;color:var(--text);text-align:center;line-height:1.15}.toolbar{position:fixed;bottom:18px;left:calc(50% + var(--stage-shift));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--stroke);border-radius:999px;box-shadow:var(--shadow);z-index:20}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);padding:11px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s ease,background .15s ease,filter .15s ease;white-space:nowrap}.btn:hover{background:#ffffff1f}.btn:active{transform:scale(.96)}.btn__icon{font-size:16px}.btn--go{background:linear-gradient(180deg,var(--go),var(--go-dark));border-color:transparent;color:#04210f;padding:12px 22px;font-size:15px;font-weight:800}.btn--go:hover{filter:brightness(1.08)}.btn--stop{background:linear-gradient(180deg,#ff8585,#d63d3d);border-color:transparent;color:#2a0606;padding:12px 22px;font-size:15px;font-weight:800}.toolbar__divider{width:1px;height:26px;background:var(--stroke);margin:0 2px}.btn--danger:hover{background:#ff6b6b2e;border-color:var(--stop)}.field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.field input[type=range]{width:96px;accent-color:var(--accent)}.hint{position:fixed;top:16px;left:calc(50% + var(--stage-shift));transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:9px 16px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--stroke);border-radius:999px;font-size:13px;color:var(--muted);box-shadow:var(--shadow);z-index:20;pointer-events:none;max-width:min(78vw,640px);text-align:center;transition:opacity .3s ease}.hint b{color:var(--text)}.hint kbd{background:#ffffff1a;border:1px solid var(--stroke);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px;font-family:inherit;color:var(--text)}.toast{position:fixed;top:64px;left:calc(50% + var(--stage-shift));transform:translate(-50%) translateY(-12px);padding:14px 26px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06122a;font-weight:800;font-size:18px;box-shadow:var(--shadow);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.selbar{position:fixed;display:none;gap:6px;padding:6px;background:var(--panel-solid);border:1px solid var(--stroke);border-radius:12px;box-shadow:var(--shadow);z-index:25}.selbar.show{display:flex}.selbar .btn{padding:8px 12px;font-size:13px}.tool{position:relative}.tool__count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#04233a;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.tool--empty{opacity:.4;pointer-events:none}.tool--empty .tool__count{background:var(--stop);color:#2a0606}.tooltip{position:fixed;z-index:90;max-width:240px;padding:8px 11px;background:#0a0e1af5;border:1px solid var(--stroke);border-radius:10px;box-shadow:0 8px 24px #00000080;color:var(--text);font-size:12.5px;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.tooltip.show{opacity:1;transform:translateY(0)}.tooltip__title{font-weight:800;margin-bottom:2px}.tooltip__body{color:var(--muted)}.banner{position:fixed;top:14px;left:calc(50% + var(--stage-shift));transform:translate(-50%) translateY(-12px);display:none;align-items:center;gap:18px;padding:10px 12px 10px 18px;background:var(--panel);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);z-index:30;max-width:min(92vw,760px);opacity:0;transition:opacity .3s ease,transform .3s ease}.banner.show{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.banner__main{display:flex;flex-direction:column;gap:2px}.banner__name{font-weight:800;font-size:15px}.banner__goal{font-size:12px;color:var(--muted)}.banner__right{display:flex;align-items:center;gap:8px}.banner__count{font-size:12px;color:var(--text);background:#ffffff12;padding:5px 10px;border-radius:999px;white-space:nowrap}.banner__btn{border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.banner__btn:hover{background:#ffffff21}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#060912b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:60;padding:20px}.overlay.show{display:flex}.modal{position:relative;background:var(--panel-solid);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);padding:28px;max-width:760px;width:100%;max-height:88vh;overflow-y:auto;text-align:center;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}}.modal h2{margin:0 0 6px;font-size:26px}.modal__sub{margin:0 0 18px;color:var(--muted);font-size:14px}.modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);font-size:16px;cursor:pointer}.modal__close:hover{background:#ffffff24}.levelgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:8px}.levelcard{text-align:left;background:#ffffff0d;border:1px solid var(--stroke);border-radius:14px;padding:14px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease;color:var(--text)}.levelcard:hover{transform:translateY(-3px);background:#ffffff1a;border-color:var(--accent)}.levelcard--free{background:linear-gradient(135deg,#5ad1ff29,#8b5cff29)}.levelcard__no{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.levelcard__check{color:var(--go);font-weight:900}.levelcard__icon{font-size:26px;margin-bottom:4px}.levelcard__name{font-weight:800;font-size:16px;margin-bottom:4px}.levelcard__blurb{font-size:12.5px;color:var(--muted);line-height:1.35}.levelcard__par{margin-top:8px;font-size:12px;color:var(--accent);font-weight:700}.modal--win{max-width:440px}.win__burst{font-size:52px;line-height:1}.win__stars{font-size:40px;color:var(--accent-2);letter-spacing:6px;margin:6px 0 4px;text-shadow:0 0 18px rgba(139,92,255,.6)}.modal__buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.mbtn{border:1px solid var(--stroke);background:#ffffff12;color:var(--text);padding:11px 18px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}.mbtn:hover{background:#ffffff24}.mbtn--primary{background:linear-gradient(180deg,var(--go),var(--go-dark));border-color:transparent;color:#04210f}@media(max-width:720px){:root{--stage-shift: 0px}.palette{width:168px}.palette__grid{grid-template-columns:1fr}.btn span.btn__label{display:none}.banner{flex-direction:column;gap:8px;align-items:flex-start}}