:root{--bg:#0b1020;--bg2:#151a3a;--panel:#ffffff13;--panel-2:#ffffff1f;--line:#ffffff29;--text:#f4f6ff;--muted:#a9b2d8;--faint:#7b84ad;--cyan:#22d3ee;--pink:#f472b6;--violet:#a78bfa;--amber:#fbbf24;--green:#34d399;--red:#fb7185;--blue:#60a5fa;--radius:22px;--radius-s:14px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans Arabic", "Hiragino Sans", "PingFang SC", "Microsoft YaHei", "Yu Gothic", Tahoma, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;margin:0;overflow:hidden}#game{z-index:0;position:fixed;inset:0}#game canvas{display:block}#app{z-index:1;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}#app>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}.shell{height:100%;padding-top:var(--safe-t);flex-direction:column;align-items:center;display:flex}.shell>*{width:min(100%,640px)}.shell>.tabbar{border-radius:18px 18px 0 0;width:min(100%,640px)}.topbar{align-items:center;gap:8px;padding:10px 14px;display:flex}.topbar .spacer{flex:1}.chip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-flex}.chip svg{width:18px;height:18px}.chip.gold{color:var(--amber)}.chip.dia{color:var(--cyan)}.chip.streak{color:var(--pink)}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{width:20px;height:20px}main{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:6px 16px 18px;overflow:hidden auto}.tabbar{padding:6px 8px calc(6px + var(--safe-b));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#0b1020d1;justify-content:space-around;display:flex}.tab{color:var(--faint);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:700;display:flex}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--cyan);background:#22d3ee1a}.banner{inset-inline:0;top:var(--safe-t);z-index:50;text-align:center;background:var(--red);color:#1a0710;padding:6px;font-size:13px;font-weight:800;position:fixed}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px}.card+.card,.stack>*+*{margin-top:12px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.center{text-align:center}.title{letter-spacing:-.02em;font-size:26px;font-weight:900}.h2{margin-bottom:10px;font-size:18px;font-weight:800}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:16px;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#07101c;border:0;box-shadow:0 8px 30px #22d3ee59}.btn.pink{background:linear-gradient(135deg, var(--pink), var(--amber));color:#1b0a14;border:0;box-shadow:0 8px 30px #f472b659}.btn.danger{color:var(--red);background:#fb718529;border-color:#fb718580}.btn.block{width:100%}.btn.sm{border-radius:12px;min-height:38px;padding:0 14px;font-size:14px}.btn.ghost{background:0 0}.btn.google{color:#1f2937;background:#fff;border:0}.big-btn{aspect-ratio:1;letter-spacing:.04em;color:#07101c;border-radius:50%;place-items:center;width:min(78vw,300px);font-size:clamp(30px,9vw,44px);font-weight:900;display:grid}.big-btn.start{background:radial-gradient(circle at 30% 25%, #fff 0, var(--cyan) 28%, var(--violet) 100%);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 10px #22d3ee26,0 0 60px #22d3ee8c}.big-btn.stop{background:radial-gradient(circle at 30% 25%, #fff 0, var(--pink) 30%, #e11d48 100%);box-shadow:0 0 0 10px #f472b62e,0 0 70px #f472b699}.play-btn{width:150px;height:150px;margin:8px auto;font-size:24px}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 16px #22d3ee1a,0 0 80px #22d3eeb3}}@media (prefers-reduced-motion:reduce){.big-btn.start{animation:none}}html.reduce-motion .big-btn.start{animation:none}.input{border:1.5px solid var(--line);width:100%;min-height:50px;color:var(--text);font:inherit;background:#00000047;border-radius:14px;padding:0 16px;font-size:17px}.input:focus{border-color:var(--cyan)}.input.bad{border-color:var(--red)}.input.good{border-color:var(--green)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px}[dir=rtl] select.input{background-position:20px,15px}.hint{min-height:18px;margin-top:6px;font-size:13px}.hint.bad{color:var(--red)}.hint.good{color:var(--green)}.switch{background:#ffffff2e;border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:24px;height:24px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{inset-inline-start:25px}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.setting:last-child{border-bottom:0}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:20px 6px;display:flex}.logo{filter:drop-shadow(0 0 28px #22d3ee99);width:116px;height:116px}.brand{letter-spacing:-.03em;background:linear-gradient(90deg, var(--cyan), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900}.spinner{border:4px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stat{text-align:center}.stat b{font-size:26px;font-weight:900;display:block}.stat span{color:var(--muted);font-size:12px}.pips{justify-content:center;gap:8px;margin:6px 0;display:flex}.pip{background:#ffffff29;border-radius:50%;width:16px;height:16px}.pip.on{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.pip.ad.on{background:var(--pink);box-shadow:0 0 12px var(--pink)}.banner-card{background:linear-gradient(135deg,#a78bfa40,#f472b633);align-items:center;gap:12px;display:flex}.stage{flex-direction:column;justify-content:space-evenly;align-items:center;gap:14px;min-height:100%;display:flex}.ring-anchor{aspect-ratio:1;text-align:center;place-items:center;width:min(80vw,46vh,360px);display:grid}.digits{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 0 30px #22d3ee99;direction:ltr;font-size:clamp(44px,14vw,78px);font-weight:900}.digits small{color:var(--muted);margin-inline-start:4px;font-size:.38em}.stage-sub{color:var(--muted);min-height:22px;margin-top:4px;font-weight:700}.instruction{text-align:center;max-width:420px;color:var(--muted);line-height:1.45}.score-big{background:linear-gradient(180deg, #fff, var(--cyan));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,22vw,110px);font-weight:900;line-height:1}.verdict{font-size:22px;font-weight:900}.timeline{height:74px;margin:24px 6px 10px;position:relative}.timeline .track{inset-inline:0;background:#ffffff2e;border-radius:3px;height:6px;position:absolute;top:24px}.timeline .gap{background:linear-gradient(90deg, var(--pink), var(--amber));border-radius:3px;height:6px;position:absolute;top:24px}.marker{border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin-inline-start:-13px;position:absolute;top:14px}.marker.you{background:var(--cyan)}.marker.target{background:var(--pink)}.marker.target span{top:32px}.marker span{white-space:nowrap;color:var(--muted);font-size:11px;font-weight:800;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.kv{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kv b{font-variant-numeric:tabular-nums;direction:ltr;font-size:22px;font-weight:900;display:block}.kv span{color:var(--muted);font-size:12px}.tabs{background:#0000004d;border-radius:16px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.tabs button{min-height:40px;color:var(--muted);border-radius:12px;flex:1;font-weight:800}.tabs button[aria-selected=true]{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.list{flex-direction:column;gap:8px;display:flex}.lrow{background:var(--panel);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.lrow.me{border-color:var(--cyan);background:#22d3ee1f}.lrow .rank{text-align:center;width:34px;color:var(--muted);font-size:16px;font-weight:900}.lrow .rank.r1{color:var(--amber);font-size:22px}.lrow .rank.r2{color:#cbd5e1;font-size:20px}.lrow .rank.r3{color:#fb923c;font-size:20px}.lrow .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:800;overflow:hidden}.lrow .num{font-variant-numeric:tabular-nums;direction:ltr;font-weight:900}.lrow .sub{color:var(--muted);font-size:12px}.badge{background:var(--panel-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.badge.Active{color:var(--green);background:#34d39933}.badge.Scheduled{color:var(--blue);background:#60a5fa33}.badge.Finalized,.badge.Ended{color:var(--muted);background:#ffffff1f}.pin{padding-top:8px;position:sticky;bottom:0}.empty{text-align:center;color:var(--muted);padding:34px 10px}.avatar{background:linear-gradient(135deg, var(--violet), var(--pink));text-transform:uppercase;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 10px;font-size:38px;font-weight:900;display:grid}.wheel-anchor{aspect-ratio:1;width:min(86vw,44vh,380px);margin:30px auto 0;position:relative}.wheel-pointer{border-inline:14px solid #0000;filter:drop-shadow(0 4px 8px #00000080);z-index:3;border-top:28px solid #fff;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.product{align-items:center;gap:12px;display:flex}.product .meta{flex:1;min-width:0}.product b{display:block}.product .grant{color:var(--amber);font-size:14px;font-weight:800}.notice{color:var(--amber);background:#fbbf2421;border:1px solid #fbbf2466;border-radius:14px;padding:10px 14px;font-size:13px}.overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050814b3;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:linear-gradient(#1c2150,#12163a);border-radius:26px;width:min(440px,100%);max-height:88vh;padding:22px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;overflow:auto;box-shadow:0 30px 80px #0009}.modal h2{text-align:center;margin-bottom:12px;font-size:22px;font-weight:900}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.88)}}.toasts{inset-inline:0;bottom:calc(86px + var(--safe-b));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{border:1px solid var(--line);background:#1f2552;border-radius:14px;max-width:90vw;padding:11px 18px;font-weight:700;animation:.2s pop;box-shadow:0 10px 30px #00000080}.toast.bad{border-color:var(--red)}.toast.good{border-color:var(--green)}.days{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px;display:grid}.day{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 4px;font-size:12px}.day b{color:var(--amber);margin-top:4px;font-size:15px;display:block}.day.done{border-color:var(--green);background:#34d3992e}.day.today{border-color:var(--pink);box-shadow:0 0 18px #f472b680}.reward-big{text-align:center;color:var(--amber);margin:6px 0 14px;font-size:40px;font-weight:900}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}