:root{--bg:#0b0c12;--frame-top:#1c1f2e;--frame-bottom:#12131c;--text:#f4f5fb;--muted:#8a8fa8;--tile:#2a2e42;--tile-hi:#353a54;--accent:#ffd23f;--danger:#ff4d6d;--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);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}body{justify-content:center;align-items:center;display:flex;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.frame{background:linear-gradient(180deg, var(--frame-top), var(--frame-bottom));-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.frame{border-radius:28px;width:min(100vw,min(100dvh,960px)/1.77778);height:min(100dvh,960px);box-shadow:0 30px 80px #0009}}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 14px 4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:64px;display:grid}.hud{justify-self:end;gap:2px;display:flex}.topbar>.icon-btn{justify-self:start}.topbar>.stage-label{grid-column:2}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;text-decoration:none;display:grid}.icon-btn:active{background:#ffffff0f}.stage-label{letter-spacing:.02em;background:0 0;border:0;border-radius:12px;justify-self:center;padding:8px 14px;font-size:22px;font-weight:800}.stage-label:active{background:#ffffff0f}.stage-label.hidden{visibility:hidden}.area{touch-action:none;flex:1;place-items:center;display:grid;position:relative;container-type:size}.area.locked{pointer-events:none}.bottombar{padding:8px 16px calc(env(safe-area-inset-bottom) + clamp(10px, 2dvh, 18px));justify-content:center;gap:28px;display:flex}.pill-btn{background:var(--tile);border:0;border-radius:26px;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .2s;display:inline-flex}.pill-btn:active{transform:scale(.94)}.pill-btn.icon-only{border-radius:50%;justify-content:center;width:clamp(52px,9dvh,64px);height:clamp(52px,9dvh,64px);padding:0}.pill-btn.icon-only svg{width:30px;height:30px}.pill-btn:disabled{opacity:.35}.pill-btn.ghost{box-shadow:inset 0 0 0 2px var(--tile);background:0 0}.frame.no-ui .topbar,.frame.no-ui .bottombar{visibility:hidden}.fx-canvas,.fx-flash{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.banner{pointer-events:none;z-index:25;place-items:center;display:grid;position:absolute;inset:0}.banner span{letter-spacing:.04em;background:linear-gradient(180deg, #fff 20%, var(--accent));color:#0000;filter:drop-shadow(0 6px #00000059);-webkit-background-clip:text;background-clip:text;font-size:64px;font-style:italic;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both banner-in}@keyframes banner-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#08090eb8;place-items:center;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}.overlay-box{flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.overlay-title{margin-bottom:8px;font-size:30px;font-weight:900}.stage-grid{grid-template-columns:repeat(5,56px);gap:10px;display:grid}.stage-cell{background:var(--tile);border:0;border-radius:14px;height:56px;font-size:20px;font-weight:800}.stage-cell.current{background:var(--accent);color:#1a1a1a}@keyframes fade-in{0%{opacity:0}}.dev-panel{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:40;color:#9fe6c0;background:#0000008c;border-radius:12px;align-items:center;gap:6px;padding:6px;font:12px ui-monospace,monospace;display:flex;position:absolute}.dev-btn{background:#ffffff1a;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.dev-btn svg{width:18px;height:18px}.dev-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}html,body{touch-action:none}.in{touch-action:none;flex-direction:row}@media (hover:hover) and (pointer:fine){.frame.in{width:100vw;height:100dvh;box-shadow:none;border-radius:0}.in .in-stick{display:none}}.in-side{z-index:5;padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 14px);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0}.in-side>*{pointer-events:auto}.in-left{padding-left:calc(env(safe-area-inset-left) + 14px);align-items:flex-start;padding-right:10px;left:0}.in-right{padding-left:10px;padding-right:calc(env(safe-area-inset-right) + 14px);align-items:flex-end;right:0}.in-center{flex-direction:column;flex:1;min-width:0;display:flex}.in-back{color:var(--muted);font-size:13px;text-decoration:none}.in-board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.in-hud{top:calc(env(safe-area-inset-top) + 6px);left:calc(env(safe-area-inset-left) + 6px);pointer-events:none;background:#08090e9e;border-radius:8px;flex-direction:column;gap:4px;padding:4px 8px;display:flex;position:absolute}.in-hud-row{align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.in-hud-row.hidden{display:none}.in-time{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.in-stamina-bar,.in-sleep-bar{background:#ffffff1f;border-radius:3px;width:90px;height:6px;overflow:hidden}.in-stamina-fill{background:#7ee08a;height:100%}.in-stamina-fill.low{background:var(--danger)}.in-sleep-text{color:#cfc6ff;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.in-sleep-fill{background:#8b7cf0;height:100%}.in-sleepinfo.pending .in-sleep-text{color:#e6d38a}.in-sleepinfo.pending .in-sleep-bar{display:none}.in-board canvas{display:block}.in-stick{touch-action:none;background:#ffffff12;border:2px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;margin-top:auto;display:flex;position:relative}.in-knob{pointer-events:none;background:#ffffff59;border-radius:50%;width:52px;height:52px}.in-sleep{background:var(--accent);color:#1a1c28;touch-action:none;border:none;border-radius:50%;width:84px;height:84px;font-size:17px;font-weight:800}.in-buttons{align-items:center;gap:10px;margin-top:auto;display:flex}.in-action{color:#1a1c28;touch-action:none;background:#7ec8ff;border:none;border-radius:50%;width:66px;height:66px;font-size:16px;font-weight:800;line-height:1.1}.in-action[data-kind=""]{font-size:12px}.in-action[data-kind=alarm],.in-action[data-kind=bell]{font-size:14px}.in-action{flex-direction:column;justify-content:center;align-items:center;display:flex}.in-action-sub{font-size:10px;font-weight:700}.in-stick,.in-sleep,.in-action{opacity:.55}.in-stick.held,.in-sleep.held,.in-action.held{opacity:1}.in-sleep.off,.in-action.off{opacity:.22}.in-overlay{z-index:10;background:#08090eb8;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.in-overlay.hidden{display:none}.in-card{background:var(--frame-top);text-align:center;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:100%;padding:18px 24px;display:flex}.in-title{margin:0 0 10px;font-size:26px;font-weight:900}.in-body{touch-action:pan-y;min-height:0;color:var(--text);margin:0 0 14px;font-size:14px;line-height:1.7;overflow-y:auto}.in-body strong{color:var(--accent);font-size:22px}.in-go{background:var(--accent);color:#1a1c28;border:none;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:800}.in-rotate{z-index:50;background:var(--frame-top);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:16px;font-weight:700;display:none;position:absolute;inset:0}.in-rotate p{margin:0}@media (orientation:portrait) and (pointer:coarse){.in-rotate{display:flex}}