:root{--bg:#f4f1f1;--surface:#ffffff;--border:#e2d9da;--text:#241c1e;--muted:#6d5f63;--brand:#96730a;--brand-soft:#f5df1e;--ink:#171400;--edge:#171400;--hover:rgba(23,20,0,0.1);--hairline:rgba(23,20,0,0.18);--scrim:rgba(16,14,16,0.82);--shadow:0 10px 30px rgba(0,0,0,0.34);--sheet-h:min(56dvh,430px)}@media (prefers-color-scheme:dark){:root{--bg:#100e10;--surface:#1a1618;--border:#2c2528;--text:#f1ebec;--muted:#a99ea2;--brand:#f5df1e;--brand-soft:#d9c400;--edge:rgba(255,255,255,0.22);--hover:rgba(255,255,255,0.12);--hairline:rgba(255,255,255,0.2)}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:#000;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.workspace{height:100vh;height:100dvh}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.workspace-faux .stage{position:fixed;inset:0;z-index:2147483000}.player{width:100%;height:100%;border:0}.gate,.player{position:absolute;inset:0}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 24px 112px;text-align:center;background:var(--bg);color:var(--text)}.gate-mark{width:56px;height:56px;border-radius:14px}.gate-title{margin:0;font-size:24px;letter-spacing:-.01em}.gate-desc{margin:0;max-width:46ch;font-size:14px;line-height:1.5;color:var(--muted)}.gate-form{display:flex;gap:8px;width:min(520px,100%);margin-top:6px}.gate-form .field{flex:1 1}.gate-join{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.gate-join-label{font-size:13px;color:var(--muted)}.gate-foot{position:absolute;left:0;right:0;bottom:0;flex-direction:column;gap:10px;padding:16px 16px max(14px,env(safe-area-inset-bottom))}.gate-foot,.gate-stores{display:flex;align-items:center}.gate-stores{justify-content:center;flex-wrap:wrap;gap:6px 12px}.gate-stores-label{font-size:13px;color:var(--muted)}.gate-credit{margin:0;font-size:11.5px;color:var(--muted);opacity:.72}.store{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.store:hover{background:var(--hover);color:var(--text);text-decoration:underline;text-underline-offset:3px}.store:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.store-icon{width:22px;height:22px;flex:none}.gate-fine{margin:10px 0 0;font-size:12.5px;color:var(--muted)}.gate-fine a{color:var(--brand);text-underline-offset:2px}.doc{min-height:100dvh;padding:40px 20px 72px;background:var(--bg);color:var(--text)}.doc-body{max-width:68ch;margin:0 auto;font-size:15px;line-height:1.62}.doc-body h1{margin:0 0 8px;font-size:30px;letter-spacing:-.015em}.doc-body h2{margin:34px 0 8px;font-size:17px;letter-spacing:-.005em}.doc-body h3{margin:22px 0 6px;font-size:15px;font-weight:700;color:var(--brand)}.doc-body p,.doc-body ul{margin:0 0 12px}.doc-body ul{padding-left:20px}.doc-body li{margin-bottom:8px}.doc-lede{font-size:16px;color:var(--muted)}.doc-back,.doc-updated{font-size:13px;color:var(--muted)}.doc-updated{margin-top:34px;padding-top:14px;border-top:1px solid var(--border)}.doc-body a{color:var(--brand);text-underline-offset:2px}.topbar{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))}.topbar-form{display:flex;gap:8px;max-width:520px}.topbar-form,.topbar-form .field{flex:1 1;min-width:0}.dock,.topbar{transition:opacity .24s ease,transform .24s ease}.stage[data-chrome=down] .topbar{opacity:0;transform:translateY(-8px);pointer-events:none}.stage[data-chrome=down] .dock{opacity:0;transform:translate(-50%,8px);pointer-events:none}.wake{position:absolute;top:0;left:0;right:0;height:88px;z-index:3;pointer-events:none}.stage[data-chrome=down] .wake{pointer-events:auto}@media (pointer:coarse){.wake{inset:0;height:auto}}.topbar-link{flex:none;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap}.topbar-link:hover{color:#fff;text-decoration:underline}.topbar-link:focus-visible{outline:2px solid var(--brand-soft);outline-offset:3px;border-radius:4px}.btn-glyph{display:none}.btn-icon{width:44px;padding-left:0;padding-right:0;font-size:15px}.talking{font-size:12px;font-weight:600;color:var(--brand-soft);white-space:nowrap}.talking:empty{display:none}.dock{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px);margin-bottom:env(safe-area-inset-bottom);padding:10px;border-radius:16px;background:var(--scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.dock-join{display:flex;gap:8px}.stage-error{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;margin:0;max-width:calc(100% - 24px);padding:9px 14px;border-radius:10px;background:var(--scrim);color:#ffd9d9;font-size:13px;text-align:center}.field{padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px}.field::placeholder{color:var(--muted)}.field:focus-visible{outline:2px solid var(--brand);outline-offset:-1px}.field-code{width:8.5rem;text-transform:uppercase;letter-spacing:.08em}.btn{padding:10px 16px;border:2px solid var(--edge);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.btn-primary{background:var(--brand-soft);color:var(--ink)}.btn-ghost{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.4);color:#fff}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:focus-visible{outline:2px solid var(--brand-soft);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.reactions{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.reaction{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:7px;font-size:42px;line-height:1;white-space:nowrap;filter:drop-shadow(0 2px 7px rgba(0,0,0,.55));will-change:transform,opacity;animation:reaction-rise 4.2s cubic-bezier(.22,.61,.36,1) forwards}.reaction-who{font-size:13px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);border-radius:100px;padding:3px 9px;max-width:160px;overflow:hidden;text-overflow:ellipsis}@keyframes reaction-rise{0%{opacity:0;transform:translate(-50%,-50%) translate3d(var(--start,0),0,0) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--start,0),-3vh,0) scale(var(--scale,1))}to{opacity:0;transform:translate(-50%,-50%) translate3d(calc(var(--start, 0px) + var(--drift, 0px)),-30vh,0) scale(var(--scale,1))}}@media (prefers-reduced-motion:reduce){.reaction{animation-duration:2.4s;animation-timing-function:linear}}.yw{position:absolute;top:0;left:0;z-index:6;touch-action:none}.yw-away{visibility:hidden;opacity:0;pointer-events:none}.yw-bubble{display:grid;place-items:center;position:relative;width:60px;height:60px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--brand-soft);box-shadow:var(--shadow);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yw-bubble:active{cursor:-webkit-grabbing;cursor:grabbing}.yw-bubble:focus-visible{outline:3px solid #fff;outline-offset:2px}.yw-bubble-icon{width:34px;height:34px;border-radius:9px;pointer-events:none}.yw-badge{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;border:2px solid var(--ink);background:#d92b2b;color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center}.yw-bubble,.yw-card,.yw-mini{display:none}.yw-mode-bubble .yw-bubble{display:grid}.yw-mode-mini .yw-mini{display:flex}.yw-mode-full .yw-card{display:flex;flex-direction:column;width:min(340px,calc(100vw - 28px));height:min(520px,calc(100dvh - 28px));overflow:hidden;border:2px solid var(--edge);border-radius:18px}.yw-mini,.yw-mode-full .yw-card{background:var(--surface);box-shadow:var(--shadow)}.yw-mini{align-items:center;gap:4px;padding:5px 8px 5px 5px;border:2px solid var(--edge);border-radius:100px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yw-dragging .yw-mini{cursor:-webkit-grabbing;cursor:grabbing}.yw-mini-grip{width:4px;margin:0 3px;border-radius:2px}.yw-mini-grip,.yw-mini-rule{flex:none;height:20px;background:var(--hairline)}.yw-mini-rule{width:1px;margin:0 2px}.yw-mini-btn,.yw-mini-mic,.yw-mini-react{flex:none;display:inline-flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text);font-size:17px;line-height:1;cursor:pointer;transition:background .14s ease,transform .14s ease}.yw-mini-btn:hover,.yw-mini-mic:hover:not(:disabled),.yw-mini-react:hover{background:var(--hover)}.yw-mini-react:active{transform:scale(.88)}.yw-mini-btn:focus-visible,.yw-mini-mic:focus-visible,.yw-mini-react:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.yw-mini-mic:disabled{opacity:.4;cursor:not-allowed}.yw-mini-mic-live{background:var(--brand-soft);border-color:var(--ink);color:var(--ink)}.yw-mini-btn{font-size:14px;font-weight:700}.yw-badge-sm{top:-4px;right:-4px;min-width:17px;height:17px;border-width:1.5px;border-radius:9px;font-size:9.5px;line-height:14px}.yw-bars{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;height:11px;padding:0 3px;border-radius:6px;background:var(--ink)}.yw-bars span{display:block;width:2px;height:6px;border-radius:1px;background:var(--brand-soft);transform-origin:center;animation:yw-wave-idle 2.2s ease-in-out infinite}.yw-bars-live span{animation:yw-wave .9s ease-in-out infinite}.yw-bars span:nth-child(2){animation-delay:.15s;height:9px}.yw-bars span:nth-child(3){animation-delay:.3s;height:7px}@keyframes yw-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes yw-wave-idle{0%,to{transform:scaleY(.7)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){.yw-bars span{animation:none;transform:scaleY(.8)}.yw-bars-live span{animation:none;transform:scaleY(1)}}.yw-grip{display:flex;align-items:center;gap:9px;flex:none;padding:9px 10px;background:var(--brand-soft);color:var(--ink);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yw-dragging .yw-bubble,.yw-dragging .yw-grip{cursor:-webkit-grabbing;cursor:grabbing}.yw-grip-bar{width:26px;height:4px;border-radius:2px;background:rgba(23,20,0,.42)}.yw-grip-label{flex:1 1;font-size:13px;font-weight:700}.yw-close{flex:none;width:28px;height:28px;border:0;border-radius:8px;background:rgba(23,20,0,.12);color:var(--ink);font-size:13px;line-height:1;cursor:pointer}.yw-close:hover{background:rgba(23,20,0,.22)}.yw-close:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.yw-panel{flex:1 1;min-height:0;width:100%;border:0;background:var(--surface)}@media (pointer:coarse){.field{font-size:16px}.btn,.field{min-height:44px}.btn{font-size:15px}.topbar-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:13.5px}.store{min-height:44px;padding:9px 13px}.store-icon{width:23px;height:23px}.yw-bubble{width:64px;height:64px}.yw-bubble-icon,.yw-close{width:36px;height:36px}.yw-close{font-size:15px}.yw-mini-btn,.yw-mini-mic,.yw-mini-react{width:40px;height:40px;font-size:19px}}@media (max-width:620px){.gate{gap:12px;padding:20px 16px 124px}.gate-title{font-size:21px}.gate-form{flex-direction:column;align-items:stretch}.gate-form .btn{width:100%}.btn-fs{padding-left:0;padding-right:0;width:46px}.btn-words{display:none}.btn-glyph{display:inline;font-size:17px}.topbar-form{max-width:none}.dock{bottom:68px}.field-code{width:7rem}.doc{padding:28px 16px 56px}.doc-body h1{font-size:25px}}.yw-sheet{position:fixed;inset:auto 0 0 0;transform:none}.yw-sheet .yw-card{width:100%;height:var(--sheet-h);max-height:none;border-width:2px 0 0;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.yw-sheet .yw-grip{cursor:default}.stage[data-sheet=up] .gate,.stage[data-sheet=up] .player,.stage[data-sheet=up] .reactions{height:auto;bottom:var(--sheet-h)}.stage[data-sheet=up] .stage-error{bottom:calc(var(--sheet-h) + 12px)}@media (max-width:380px){.yw-mini{gap:2px;padding:4px 6px 4px 4px}.yw-mini-rule{display:none}.yw-mini-btn,.yw-mini-mic,.yw-mini-react{width:36px;height:36px;font-size:17px}}@media (prefers-reduced-motion:reduce){.dock,.topbar,.yw-mini-btn,.yw-mini-mic,.yw-mini-react{transition:none}}