:root{--bg:#f4f1f1;--surface:#ffffff;--border:#e2d9da;--text:#241c1e;--muted:#6d5f63;--brand:#96730a;--brand-soft:#f5df1e;--ink:#171400;--scrim:rgba(16,14,16,0.82);--shadow:0 10px 30px rgba(0,0,0,0.34)}@media (prefers-color-scheme:dark){:root{--bg:#100e10;--surface:#1a1618;--border:#2c2528;--text:#f1ebec;--muted:#a99ea2;--brand:#f5df1e;--brand-soft:#d9c400}}*{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;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-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 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;padding:max(12px,env(safe-area-inset-top)) 12px 12px;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}.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}.talking{font-size:12px;font-weight:600;color:var(--brand-soft);white-space:nowrap}.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);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(--ink);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:18px;bottom:14%;font-size:27px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));will-change:transform,opacity;animation:reaction-rise 4.2s cubic-bezier(.22,.61,.36,1) forwards}@keyframes reaction-rise{0%{opacity:0;transform:translate3d(var(--start,0),0,0) scale(var(--scale,1))}12%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--start, 0px) + var(--drift, 0px)),-46vh,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-card,.yw-open .yw-bubble{display:none}.yw-open .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(--ink);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.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-panel{flex:1 1;min-height:0;width:100%;border:0;background:var(--surface)}@media (max-width:520px){.yw-open .yw-card{width:calc(100vw - 24px);height:min(70dvh,calc(100dvh - 24px))}.dock{bottom:68px}.field-code{width:7rem}}@media (pointer:coarse){.yw-bubble{width:64px;height:64px}.yw-bubble-icon{width:36px;height:36px}}