.rc-wrap{--key:clamp(46px, 11cqh, 64px);--pad-h:calc(var(--key) * 2 + 12px);--below:calc(env(safe-area-inset-bottom) + 14px);width:100%;height:100%;padding-bottom:var(--below);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.rc-controls{align-items:center;gap:clamp(10px,4cqw,18px);display:flex;position:relative}.rc-controls .pill-btn.icon-only{width:calc(var(--key) * .8);height:calc(var(--key) * .8);background:0 0}.rc-controls .pill-btn.icon-only svg{width:calc(var(--key) * .38);height:calc(var(--key) * .38)}.rc-target{animation:1.6s ease-in-out infinite rc-breathe}@keyframes rc-breathe{0%,to{opacity:.5}50%{opacity:1}}.rc-stage{flex:none;display:flex;position:relative}.rc-sheet{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rc-svg{will-change:transform;width:94cqw;max-height:calc(100cqh - var(--pad-h) - var(--below) - 8px);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.rc-pad{width:calc(var(--key) * 2.75 + 24px);height:var(--pad-h);flex:none;position:relative}.rc-btn{width:calc(var(--key) * 1.375);height:var(--key);background:var(--tile);color:var(--text);touch-action:manipulation;border:0;border-radius:16px;padding:0;position:absolute}.rc-btn:active{background:var(--tile-hi)}.rc-btn span{width:calc(var(--key) * .5);height:calc(var(--key) * .5);margin:auto;display:block}.rc-btn svg{width:100%;height:100%}.rc-btn.tl{top:0;left:0}.rc-btn.tr{top:0;right:0}.rc-btn.bl{bottom:0;left:0}.rc-btn.br{bottom:0;right:0}.rc-wrap{background:radial-gradient(circle at 50% 42%,#34cfff38,#ff2e7e14 42%,#0000 66%)}.rc-btn,.pill-btn{color:#bff3ff;box-shadow:0 0 0 2px #34cfff,0 0 16px #34cfff8c,0 5px #0b0f2e}.rc-controls .pill-btn.icon-only{color:#8fdcf5;box-shadow:0 0 0 1.5px #34cfffb3,0 0 10px #34cfff4d}.stage-label{text-shadow:0 0 10px #34cfffe6,0 0 24px #ff2e7e99}.rc-end-body{text-align:center;color:#bff3ff;max-width:280px;margin:-4px 0 6px;font-size:15px;line-height:1.6}.overlay-box .rc-want{color:#fff;background:#ff2e7e;margin-bottom:10px;font-weight:800;box-shadow:0 0 0 2px #ff7fb0,0 0 16px #ff2e7e8c,0 5px #0b0f2e}.overlay-box .rc-want:disabled{opacity:1;color:#bff3ff;background:0 0;box-shadow:0 0 0 1.5px #34cfffb3}.rc-wrap{position:relative}.rc-privacy{right:12px;bottom:calc(env(safe-area-inset-bottom) + 2px);color:#bff3ff73;font-size:11px;text-decoration:none;position:absolute}: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}.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}