:root{--ink:#ece6d6;--dim:#ece6d69e;--warm:#ffcf6b;--warm-2:#f0a03c;--panel:#0c1028db;--edge:#ffd68c2e;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, "Noto Serif CJK SC", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#050918;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}#stage{touch-action:none;-webkit-touch-callout:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.hud{padding:calc(env(safe-area-inset-top) + 10px) 12px 6px;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:auto}[data-screen=home] .play-only,[data-screen=levels] .play-only{visibility:hidden}[data-screen=replay] .hud-time,[data-screen=replay] .hud-sep{display:none}.hud-mid{text-align:center;flex:1;min-width:0}.hud-title{letter-spacing:.04em;margin:0;font-size:16px;font-weight:650}.hud-stats{color:var(--dim);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:13px}.icon-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-btn:hover{background:#ffffff1f}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn svg .fill{fill:currentColor;stroke:none}.icon-btn[data-action=sound]{margin-left:auto}.icon-btn[aria-pressed=true] .icon-off,.icon-btn[aria-pressed=false] .icon-on{display:none}.playbar{padding:0 12px calc(env(safe-area-inset-bottom) + 12px);flex-direction:column;align-items:center;gap:8px;display:none;position:fixed;bottom:0;left:0;right:0}[data-screen=play] .playbar{display:flex}.hint{color:var(--dim);letter-spacing:.08em;margin:0;font-size:12px}.tools{gap:10px;display:flex}.tool{background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;height:42px;padding:0 16px 0 12px;font-size:14px;transition:background .2s,opacity .2s,transform .12s;display:flex;position:relative}.tool:hover{background:#ffffff1f}.tool:active{transform:scale(.95)}.tool[aria-disabled=true]{opacity:.4}.tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tool[data-action=hint] svg{stroke:#9fe0ff}.badge{color:#fff;background:#3b8fc4;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font:600 11px/18px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:absolute;top:-5px;right:-4px}.screen{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.screen>*{pointer-events:auto}[data-screen=home] .home-screen{display:flex}[data-screen=levels] .levels-screen{justify-content:flex-start;padding-top:64px;padding-bottom:0;display:flex}[data-screen=replay] .replay-screen,[data-screen=won] .won-screen{justify-content:flex-end;display:flex}.logo{font-family:var(--serif);letter-spacing:.14em;color:#ffe4ad;text-shadow:0 0 18px #ffaa46a6,0 0 60px #ff8c2859;margin:0;padding-left:.14em;font-size:clamp(52px,15vw,92px);font-weight:700}html[lang=en] .logo{letter-spacing:.04em;padding-left:0;font-size:clamp(44px,12vw,80px)}.logo-sub{letter-spacing:.4em;color:#ffe4ad8c;margin:6px 0 0;font-size:12px}.tagline{color:var(--dim);letter-spacing:.06em;margin:18px 0 28px;font-size:15px}.menu{gap:12px;width:min(320px,100%);display:grid}.big-btn{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;gap:2px;padding:13px 18px;transition:transform .12s,background .2s;display:grid}.big-btn:hover{background:#ffffff1f}.big-btn:active{transform:scale(.97)}.big-btn b{font-size:17px;font-weight:650}.big-btn span{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.big-btn.primary{background:linear-gradient(180deg, var(--warm), var(--warm-2));color:#2b1a05;border-color:#0000;box-shadow:0 6px 24px #ffa03c47}.big-btn.primary span{color:#2b1a05b8}.howto{text-wrap:balance;max-width:340px;color:var(--dim);white-space:pre-line;margin:26px 0 0;font-size:13px;line-height:1.7}.card{width:min(420px,100%);margin-bottom:env(safe-area-inset-bottom);background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:18px 18px 16px;animation:.45s cubic-bezier(.2,.9,.3,1.1) rise;box-shadow:0 12px 48px #00000073}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.won-title{font-family:var(--serif);letter-spacing:.12em;color:#ffe4ad;text-shadow:0 0 16px #ffaa4680;margin:0;font-size:28px}html[lang=en] .won-title{letter-spacing:.02em}.won-sub{color:var(--dim);margin:4px 0 0;font-size:13px}.won-lanterns{letter-spacing:4px;margin:8px 0 0;font-size:22px}.won-lanterns .off{filter:grayscale()brightness(.45)}.stats{grid-template-columns:repeat(3,1fr);margin:12px 0 0;display:grid}.stats div{gap:2px;display:grid}.stats dt{color:var(--dim);font-size:12px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:650}.won-extra{min-height:1em;color:var(--warm);margin:10px 0 0;font-size:13px}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.actions .big-btn{padding:11px 12px}.toast{left:50%;top:calc(env(safe-area-inset-top) + 70px);border:1px solid var(--edge);opacity:0;pointer-events:none;white-space:pre-line;background:#141834eb;border-radius:999px;margin:0;padding:8px 14px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.text-btn{color:var(--dim);text-underline-offset:4px;background:0 0;border:0;margin-top:2px;padding:8px;font-size:14px;-webkit-text-decoration:underline #ece6d64d;text-decoration:underline #ece6d64d}.text-btn:hover{color:var(--ink)}.actions .ghost-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:14px;display:flex}.ghost-btn:hover{background:#ffffff1a}.ghost-btn[hidden]{display:none}.ghost-btn svg{fill:none;width:16px;height:16px;stroke:var(--warm);stroke-width:1.8px;stroke-linejoin:round}.ghost-btn svg .fill{fill:var(--warm);stroke:none}.actions:has(.ghost-btn[hidden]) [data-action=replay-ref]{grid-column:1/-1}.player{width:min(420px,100%);margin-bottom:env(safe-area-inset-bottom);background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:14px 16px;animation:.35s ease-out rise}.player-head{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.player-step{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.player-seek{width:100%;accent-color:var(--warm);margin:12px 0 10px}.player-buttons{align-items:center;gap:8px;display:flex}.player-buttons .icon-btn{flex:none}.play-toggle{background:linear-gradient(180deg, var(--warm), var(--warm-2));color:#2b1a05;border-color:#0000;width:48px;height:48px}.play-toggle:hover{background:linear-gradient(180deg, #ffd98a, var(--warm))}.play-toggle[aria-pressed=true] .icon-play,.play-toggle[aria-pressed=false] .icon-pause{display:none}.speed-btn{font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:52px;height:40px;font-weight:650}.close-btn{margin-left:auto;padding:9px 16px}.player-hint{min-height:1.2em;color:var(--warm);margin:10px 0 0;font-size:13px}.player-hint:empty{display:none}.levels-panel{width:min(520px,100%);max-height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.levels-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.levels-title{font-family:var(--serif);letter-spacing:.08em;color:#ffe4ad;margin:0;font-size:24px}.levels-count{color:var(--dim);align-self:flex-end;padding-bottom:4px;font-size:13px}.level-grid{padding:4px 2px calc(env(safe-area-inset-bottom) + 16px);overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;display:grid;overflow-y:auto}.level-cell{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-items:center;gap:2px;padding:10px 4px 8px;display:grid}.level-cell:hover{background:#ffffff1a}.level-cell b{font-variant-numeric:tabular-nums;font-size:20px}.level-cell small{color:var(--dim);font-size:11px}.level-cell .mini{letter-spacing:-1px;height:12px;font-size:9px}.level-cell .mini .off{filter:grayscale()brightness(.45)}.level-cell.cleared b{color:#ffe4ad}.level-cell.current{border-color:var(--warm);box-shadow:0 0 0 1px var(--warm) inset, 0 0 18px #ffaa4640}@media (prefers-reduced-motion:reduce){.card,.player{animation:none}}