.stage-body{overflow:hidden;height:100dvh;background:#000}#cam{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}#art{position:fixed;inset:0;width:100vw;height:100dvh;display:block}.gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:32px;background:radial-gradient(900px 620px at 50% 38%,rgba(90,107,255,.09),transparent 62%),var(--sumi);transition:opacity .9s var(--ease-soft),visibility .9s}.gate.hidden{opacity:0;visibility:hidden}.gate-inner{text-align:center;max-width:34ch}.gate-mark{display:inline-block;font-family:var(--mincho);font-size:clamp(64px,17vw,96px);line-height:1;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-title{margin:14px 0 0;font-size:clamp(13px,3.4vw,15px);font-weight:600;letter-spacing:.56em;padding-left:.56em;color:var(--washi)}.gate-sub{margin:22px 0 34px;font-size:13.5px;line-height:1.8;color:var(--washi-dim);white-space:pre-line}.begin{position:relative;overflow:hidden;cursor:pointer;padding:17px 52px;font-family:var(--mincho);font-size:17px;letter-spacing:.24em;padding-left:calc(52px + .24em);color:var(--washi);background:var(--sumi-raised);border:1px solid var(--hairline-strong);border-radius:3px;transition:border-color .5s var(--ease),transform .4s var(--ease)}.begin:before{content:"";position:absolute;inset:0;background:var(--spectrum);opacity:.1;transition:opacity .6s var(--ease)}.begin>span{position:relative}.begin:hover{border-color:#e8b44a73;transform:translateY(-1px)}.begin:hover:before{opacity:.2}.begin:active{transform:translateY(0) scale(.99)}@media (prefers-reduced-motion: no-preference){.begin{animation:begin-breathe 4.2s ease-in-out infinite}@keyframes begin-breathe{0%,to{box-shadow:0 0 22px #5a6bff1a}50%{box-shadow:0 0 40px #e8b44a29}}}.gate-err{min-height:1.4em;margin:20px 0 0;font-size:13px;line-height:1.7;color:var(--shu)}.hud{position:fixed;z-index:20;display:flex;align-items:stretch;padding:4px;gap:2px;border:1px solid var(--hairline-strong);border-radius:100px;background:#0b0b11b8;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);transition:opacity .7s var(--ease),transform .7s var(--ease);left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%)}.hud.faded{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.hud-btn{width:46px;height:46px;display:grid;place-items:center;border:none;border-radius:100px;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--washi-dim);transition:color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}.hud-btn:hover{color:var(--washi);background:#edebe412}.hud-btn:active{transform:scale(.93)}.hud-btn.gold{color:var(--kin)}.hud-btn.recording{color:var(--shu);background:#c0392f24}@media (prefers-reduced-motion: no-preference){.hud-btn.recording{animation:rec-pulse 1.8s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:inset 0 0 0 1px #c0392f4d}50%{box-shadow:inset 0 0 0 1px #c0392fe6,0 0 16px #c0392f59}}}.hud-sep{width:1px;margin:9px 3px;background:var(--hairline);flex:none}.coach{position:fixed;z-index:18;left:50%;top:max(22px,env(safe-area-inset-top));transform:translate(-50%,-8px);opacity:0;max-width:min(84vw,30ch);text-align:center;font-family:var(--mincho);font-size:15px;letter-spacing:.06em;line-height:1.6;color:var(--washi);text-shadow:0 1px 12px rgba(0,0,0,.85);pointer-events:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.coach.show{opacity:.92;transform:translate(-50%)}@media (min-width: 760px){.coach{top:auto;bottom:max(96px,env(safe-area-inset-bottom));font-size:17px}}.stat{position:fixed;z-index:20;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--washi-dim);text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 1px rgba(0,0,0,.85);font-variant-numeric:tabular-nums;transition:opacity .7s var(--ease)}.stat.faded{opacity:0}.toast{position:fixed;z-index:25;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px);transform:translate(-50%,10px);opacity:0;max-width:min(88vw,40ch);text-align:center;padding:11px 22px;border:1px solid var(--hairline-strong);border-radius:100px;background:#0b0b11db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--washi);font-size:13px;line-height:1.5;pointer-events:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}.toast.show{opacity:1;transform:translate(-50%)}@media (min-width: 760px){.hud{left:auto;bottom:auto;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));transform:none}.hud.faded{transform:translateY(-6px)}.hud-btn{width:42px;height:42px;font-size:15px}.toast{bottom:max(28px,env(safe-area-inset-bottom))}}.fingers{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:14px;opacity:0;transition:opacity .42s ease;pointer-events:none;z-index:3}.fingers.on{opacity:1}.fingers .hand{display:flex;align-items:flex-end;gap:4px}.fingers .f{width:3px;height:8px;border-radius:2px;background:var(--hairline-strong);transition:height .12s ease,background-color .12s ease}.fingers .f.up{height:20px;background:var(--kin)}.fingers .count{margin-left:6px;font-size:11px;letter-spacing:.06em;color:var(--washi-dim);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.fingers,.fingers .f{transition:none}}.drawer-btn{position:fixed;z-index:22;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--hairline-strong);border-radius:100px;background:#0b0b11b8;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);color:var(--washi-dim);font-size:16px;cursor:pointer;transition:opacity .7s var(--ease),color .3s var(--ease),transform .3s var(--ease)}.drawer-btn:hover{color:var(--washi)}.drawer-btn:active{transform:scale(.93)}.drawer-btn.faded{opacity:0;pointer-events:none}.drawer-scrim{position:fixed;inset:0;z-index:29;background:#04040780;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:30;top:0;right:0;bottom:0;width:min(360px,88vw);display:flex;flex-direction:column;background:#0b0b11f0;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border-left:1px solid var(--hairline);transform:translate(100%);transition:transform .5s var(--ease-soft);padding:max(18px,env(safe-area-inset-top)) 22px 22px}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-mark{font-family:var(--mincho);font-size:15px;letter-spacing:.1em;color:var(--washi-dim)}.drawer-close{width:34px;height:34px;display:grid;place-items:center;border:none;border-radius:100px;background:none;color:var(--washi-dim);font-size:18px;cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease)}.drawer-close:hover{color:var(--washi);background:#edebe412}.drawer-tabs{display:flex;gap:4px;padding:3px;margin-bottom:20px;border:1px solid var(--hairline);border-radius:100px}.drawer-tab{flex:1;padding:9px 4px;border:none;border-radius:100px;background:none;color:var(--washi-faint);font-size:13px;letter-spacing:.04em;cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease)}.drawer-tab.on{color:var(--washi);background:var(--sumi-lift);font-weight:600}.drawer-panel{display:none;overflow-y:auto}.drawer-panel.on{display:block}.drawer-mode{font-family:var(--mincho);font-size:20px;color:var(--kin);margin:0 0 4px}.drawer-mode-desc{font-size:13px;color:var(--washi-faint);margin:0 0 22px}.drawer-layers{display:grid;gap:10px;margin-bottom:22px}.drawer-layer-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--hairline);border-radius:4px;background:var(--sumi-raised);color:var(--washi-dim);font-size:13.5px;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}.drawer-layer-btn .dot{width:8px;height:8px;border-radius:100px;background:var(--hairline-strong);transition:background .3s var(--ease),box-shadow .3s var(--ease)}.drawer-layer-btn.on{border-color:var(--hairline-strong);color:var(--washi)}.drawer-layer-btn.on .dot{background:var(--kin);box-shadow:0 0 8px #e8b44a99}.drawer-full-link{display:block;text-align:center;padding:13px;border:1px solid var(--hairline-strong);border-radius:4px;color:var(--washi);text-decoration:none;font-size:13.5px;letter-spacing:.04em;transition:border-color .3s var(--ease),background .3s var(--ease)}.drawer-full-link:hover{border-color:var(--kin);background:var(--kin-soft)}.drawer-concept-line{font-family:var(--mincho);font-size:18px;line-height:1.6;color:var(--washi);margin:0 0 16px}.drawer-concept-caption{font-size:13px;line-height:1.9;color:var(--washi-dim);margin:0}@media (prefers-reduced-motion: reduce){.drawer,.drawer-scrim,.drawer-btn,.drawer-layer-btn{transition:none}}