:root{--gold:#ffd59a;--gold2:#ffb85c;--ink:#0b0a1e;--panel:#100d22db;--line:#ffc4822e;--dim:#ffe2be8c;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--gold);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#07061a;margin:0;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button{font:inherit;color:inherit;cursor:pointer}#boot{z-index:50;background:#07061a;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#boot.gone{opacity:0;pointer-events:none}#boot .bl{background:radial-gradient(circle at 50% 55%,#fff3cf,#ff8a3a 55%,#b8341a);border-radius:50%;width:18px;height:22px;animation:1s ease-in-out infinite alternate bp;box-shadow:0 0 30px #ff8a3a}@keyframes bp{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.05)}}.hud{padding:calc(var(--sat) + 10px) 14px 0;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.lvl{pointer-events:auto;border:1px solid var(--line);background:linear-gradient(#1e183ad1,#0e0b1ed1);border-radius:19px;align-items:center;gap:8px;max-width:52vw;height:38px;padding:0 14px 0 10px;display:flex;box-shadow:0 4px 18px #00000059}.lvl .num{color:#fff1d8;font-size:15px;font-weight:800}.lvl .name{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gridicon{opacity:.7;grid-template-columns:5px 5px;gap:2px;display:grid}.gridicon i{background:var(--gold);border-radius:1.5px;width:5px;height:5px}.meter{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.bar{background:#ffdcb41a;border-radius:4px;flex:1;height:8px;position:relative;box-shadow:inset 0 0 0 1px #ffd2a01f}.bar .fill{transform-origin:0;background:linear-gradient(90deg,#ff6a2a,#ffb04a 60%,#ffe4a8);border-radius:4px;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #ff963cb3}.tick{background:#ffe6c859;border-radius:1px;width:2px;height:14px;margin-left:-1px;transition:opacity .3s;position:absolute;top:-3px}.tick .tstar{color:#ffe6c84d;width:15px;height:15px;margin-left:-7.5px;position:absolute;top:-17px;left:50%}.tick .tstar svg{fill:currentColor;width:100%;height:100%}.tick.on{background:#ffe0a0}.tick.on .tstar{color:#ffd270;filter:drop-shadow(0 0 6px #ffbe50e6)}.tstar.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) tpop}@keyframes tpop{0%{transform:scale(.4)}60%{transform:scale(1.7)}to{transform:scale(1)}}.pct{text-align:right;font-variant-numeric:tabular-nums;color:#fff1d8;text-shadow:0 0 10px #ffa04699;width:44px;font-size:15px;font-weight:800}.chain{right:16px;top:calc(var(--sat) + 58px);color:#ffe2a8;opacity:0;text-shadow:0 0 12px #ff8c32e6;font-size:15px;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;transform:translateY(-4px)}.chain.show{opacity:1;transform:none}.chain.bump{animation:.3s cubic-bezier(.2,1.8,.4,1) cb}@keyframes cb{0%{transform:scale(1.35)}to{transform:scale(1)}}.hint{left:0;right:0;bottom:calc(var(--sab) + 30px);text-align:center;color:#ffe8c4;opacity:0;text-shadow:0 2px 12px #000c,0 0 18px #ff963c59;font-size:16px;font-weight:700;transition:opacity .4s;position:absolute}.hint.show{opacity:1;animation:2.4s ease-in-out infinite hb}@keyframes hb{50%{opacity:.55}}.tip{left:50%;top:calc(var(--sat) + 64px);background:var(--panel);border:1px solid var(--line);color:#ffeccc;opacity:0;border-radius:18px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px);padding:8px 14px 8px 8px;font-size:14px;font-weight:650;line-height:1.25;transition:opacity .35s,transform .35s;display:flex;position:absolute;transform:translate(-50%,-8px)}.tip .badge{flex:none}.tip.show{opacity:1;transform:translate(-50%)}.tip .badge{letter-spacing:.06em;text-transform:uppercase;color:#2a1206;background:linear-gradient(#ffd88a,#ff9c45);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:800}.slowbars i{background:#000;height:0;transition:height .35s;position:absolute;left:0;right:0}.slowbars i:first-child{top:0}.slowbars i:last-child{bottom:0}.slowbars.on i{height:5.5vh}.result{pointer-events:auto;padding:0 14px calc(var(--sab) + 18px);opacity:0;background:linear-gradient(#0000 40%,#0504108c);justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;inset:0}.result.show{opacity:1}.hidden{display:none!important}.card{border:1px solid var(--line);text-align:center;background:linear-gradient(#221a40e6,#0e0b1eeb);border-radius:26px;width:min(420px,100%);padding:18px 12px 14px;transition:transform .45s cubic-bezier(.2,1.3,.4,1);transform:translateY(30px);box-shadow:0 18px 60px #0000008c,inset 0 1px #ffdcaa1f}.result.show .card{transform:none}.rtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:15px;font-weight:750}.rstars{justify-content:center;gap:6px;margin:8px 0 2px;display:flex}.rs{color:#ffe6c824;width:52px;height:52px}.rs:nth-child(2){width:60px;height:60px;transform:translateY(-8px)}.rs svg{fill:currentColor;width:100%;height:100%}.rs.on{color:#ffcf5c;filter:drop-shadow(0 0 10px #ffb43cd9);animation:.55s cubic-bezier(.2,1.7,.4,1) both rsp}@keyframes rsp{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1}}.rs.on:nth-child(2){animation-name:rsp2}@keyframes rsp2{0%{opacity:0;transform:translateY(-8px)scale(0)rotate(-40deg)}to{opacity:1;transform:translateY(-8px)}}.rpct{justify-content:center;align-items:baseline;gap:8px;display:flex}.rpct .big{color:#fff3dc;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #ff963c8c;font-size:50px;font-weight:850}.rpct .lit{color:var(--dim);font-size:18px;font-weight:700}.rpct .nb{text-transform:uppercase;letter-spacing:.06em;color:#2a1206;background:linear-gradient(#ffe39a,#ffa64c);border-radius:9px;align-self:center;padding:3px 8px;font-size:12px;font-weight:800}.rsub{color:var(--dim);margin-top:2px;font-size:14px}.chips{justify-content:center;gap:6px;margin-top:14px;display:flex}.chip{border:1px solid var(--line);white-space:nowrap;background:#ffdcb412;border-radius:20px;align-items:center;gap:4px;height:40px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.chip svg{width:16px;height:16px}.chip:active{background:#ffdcb424;transform:scale(.95)}.chip:disabled{opacity:.4}.rnext{color:#ffe2b0;margin-top:12px;font-size:15px;font-weight:750;animation:2.2s ease-in-out infinite hb}.sheet,.share,.playtest{pointer-events:auto;padding:calc(var(--sat) + 40px) 10px calc(var(--sab) + 10px);opacity:0;z-index:5;background:#04030c99;justify-content:center;align-items:flex-end;transition:opacity .25s;display:flex;position:absolute;inset:0}.sheet.show,.share.show{opacity:1}.playtest{opacity:1;z-index:20;background:#04030cd1;align-items:center}.panel{border:1px solid var(--line);touch-action:pan-y;background:linear-gradient(#1e183af7,#0c0a1cf7);border-radius:26px;width:min(460px,100%);max-height:100%;padding:14px;overflow:auto;box-shadow:0 20px 70px #0009}.ph{color:#fff0d6;justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 10px;font-size:17px;font-weight:800;display:flex}.ptnote{color:var(--dim);font-size:12px;font-weight:600}.snd,.x{border:1px solid var(--line);background:#ffdcb40f;border-radius:20px;place-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:grid}.snd svg{width:22px;height:22px}.snd:not(.on){opacity:.55}.dailytile{text-align:left;background:linear-gradient(120deg,#ff783238,#ffbe5a14);border:1px solid #ffbe6e59;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:2px 10px;width:100%;margin-bottom:10px;padding:12px 14px;display:grid}.dailytile .dl{color:#fff0d6;font-size:16px;font-weight:800}.dailytile .ds{color:var(--dim);grid-row:2;font-size:13px;font-weight:600}.dailytile .dst{grid-area:1/2/span 2;align-items:center;gap:2px;display:flex}.dst b,.ts b{color:#ffe6c82e;width:16px;height:16px}.dst b svg,.ts b svg{fill:currentColor;width:100%;height:100%}.dst b.on,.ts b.on{color:#ffcf5c}.grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.tile{aspect-ratio:1/1.05;border:1px solid var(--line);background:#ffdcb40f;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.tile .tn{color:#fff0d6;font-size:18px;font-weight:800}.tile .ts{gap:1px;display:flex}.tile .ts b{width:11px;height:11px}.tile.cur{background:#ff964629;border-color:#ffbe6eb3}.tile.locked{opacity:.3}.previews{grid-template-columns:1fr 1fr;gap:10px;display:grid}.previews figure{margin:0;position:relative}.previews img{aspect-ratio:9/14;object-fit:cover;border:1px solid var(--line);background:#0c0a1c;border-radius:14px;width:100%;display:block}.previews .clipimg{aspect-ratio:9/14}.previews figcaption{text-align:center;color:var(--dim);margin-top:4px;font-size:12px;font-weight:700}.prog{text-align:center;color:var(--dim);font-size:12px;position:absolute;top:45%;left:12px;right:12px}.prog i{transform-origin:0;background:#ffb04a;border-radius:2px;height:4px;margin-bottom:6px;display:block;transform:scaleX(0)}.prog.done{display:none}.chip.big{background:linear-gradient(#ffaa504d,#ff783229);flex:1;justify-content:center;height:46px;font-size:15px}.pg{margin:6px 0 12px}.pgt{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 4px 6px;font-size:12px;font-weight:800}.pti{text-align:left;border:1px solid var(--line);color:#fff0d6;background:#ffdcb40f;border-radius:14px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;margin-bottom:6px;padding:12px 14px;font-size:15px;font-weight:750;display:flex}.pti small{color:var(--dim);text-align:right;font-size:12px;font-weight:600}.toast{left:50%;bottom:calc(var(--sab) + 90px);background:var(--panel);border:1px solid var(--line);opacity:0;z-index:30;border-radius:16px;padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}.qr{border:1px solid var(--line);background:#ffdcb40f;border-radius:16px;align-items:center;gap:14px;margin:0 0 12px;padding:10px;display:flex}.qr svg{background:#fff;border-radius:10px;flex:none;width:120px;height:120px}.qr b{color:#fff0d6;margin-bottom:4px;font-size:15px;display:block}.qr span{color:var(--dim);font-size:12px;display:block}.qr code{color:#ffd59a;-webkit-user-select:all;user-select:all;margin-top:6px;font-size:12px;display:block}.chips{flex-wrap:wrap}.chip.hintchip{color:#d6e8ff;background:#78aaff1f;border-color:#96c8ff73}.result .chips{flex-wrap:nowrap;gap:5px}.result .chip{min-width:0;padding:0 9px}