.dj__hint{position:fixed;left:50%;transform:translate(-50%);bottom:122px;z-index:60;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.12em;color:#e7e2d8;background:#17130ed1;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(198,158,86,.42);border-radius:2px;padding:11px 16px;white-space:nowrap;pointer-events:none}.dj{position:fixed;top:50%;right:clamp(14px,2.5vw,34px);transform:translateY(-50%);z-index:60;width:min(360px,calc(100vw - 28px));max-height:72vh;overflow-y:auto;background:#17130edb;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(198,158,86,.38);border-radius:2px;box-shadow:inset 0 1px #e4c0791f,0 12px 32px #0000006b;padding:12px 16px 14px;color:#e7e2d8;scrollbar-width:thin;scrollbar-color:rgba(198,158,86,.4) transparent}.dj__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(198,158,86,.28)}.dj__title{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.18em;color:#e4c079}.dj__tools{display:flex;align-items:center;gap:6px}.dj__pwr{min-height:40px;padding:0 10px;font-family:var(--font-mono);font-weight:500;font-size:9px;letter-spacing:.12em;color:#9d9485;border:1px solid rgba(198,158,86,.3);border-radius:2px}.dj__pwr.is-on{color:#e4c079;border-color:#c69e56b3;background:#c69e561a}.dj__close{min-width:40px;min-height:40px;font-family:var(--font-mono);font-size:16px;line-height:1;color:#9d9485}.dj__close:hover{color:#e7e2d8}.dj__booth{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(198,158,86,.16)}.dj__bwho{font-family:var(--font-mono);font-weight:400;font-size:10px;letter-spacing:.14em;color:#9d9485}.dj__bwho b{font-weight:500;color:#e4c079}.dj__btake{min-height:40px;padding:0 12px;font-family:var(--font-mono);font-weight:500;font-size:9px;letter-spacing:.12em;color:#e4c079;border:1px solid rgba(198,158,86,.7);border-radius:2px;background:#c69e561a}.dj__btake:hover{background:#c69e5633}.dj__btake.is-down{color:#9d9485;border-color:#c69e564d;background:none}.dj__btake.is-down:hover{color:#e7e2d8}.dj__sec{padding:10px 0}.dj__sec+.dj__sec{border-top:1px solid rgba(198,158,86,.16)}.dj__label{font-family:var(--font-mono);font-weight:500;font-size:9px;letter-spacing:.16em;color:#8c8578;margin-bottom:7px}.dj__empty,.dj__more,.dj__state{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#8c8578;padding:4px 0}.dj__state.is-bad{color:#d0765a}.dj__now.is-off{opacity:.45}.dj__ttitle{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.02em;color:#efede6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj__by{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8c8578;margin:3px 0 8px}.dj__bar{height:3px;border-radius:2px;background:#e7e2d81f;overflow:hidden}.dj__bar i{display:block;height:100%;background:linear-gradient(90deg,#c69e56,#e4c079);transition:width .9s linear}.dj__timerow{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.dj__time{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#9d9485}.dj__skip{min-height:40px;padding:0 14px;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.14em;color:#e4c079;border:1px solid rgba(198,158,86,.4);border-radius:2px;touch-action:manipulation}.dj__skip:hover{background:#c69e561f}.dj__err{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#d0765a;margin-top:8px}.dj__qrow{display:flex;align-items:baseline;gap:6px;min-height:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.dj__qn{color:#e4c079;font-variant-numeric:tabular-nums}.dj__qtitle{flex:1;min-width:0;color:#e7e2d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj__qby{color:#8c8578;font-size:10px;white-space:nowrap}.dj__search{display:flex;gap:8px}.dj__input{flex:1;min-width:0;min-height:40px;padding:0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:#efede6;background:#e7e2d80f;border:1px solid rgba(198,158,86,.3);border-radius:2px}.dj__input::placeholder{color:#6e675c;letter-spacing:.1em}.dj__input:focus{outline:none;border-color:#e4c079bf}.dj__go{min-height:40px;padding:0 14px;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.14em;color:#e4c079;border:1px solid rgba(198,158,86,.4);border-radius:2px;touch-action:manipulation}.dj__go:hover{background:#c69e561f}.dj__go:disabled{opacity:.4;cursor:default}.dj__rrow{display:flex;align-items:center;gap:8px;padding:5px 0}.dj__rrow+.dj__rrow{border-top:1px solid rgba(198,158,86,.12)}.dj__rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dj__rtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:#e7e2d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj__rmeta{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#8c8578;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj__radd{min-height:40px;min-width:72px;font-family:var(--font-mono);font-weight:500;font-size:9px;letter-spacing:.12em;color:#e4c079;border:1px solid rgba(198,158,86,.4);border-radius:2px;white-space:nowrap;touch-action:manipulation}.dj__radd:hover{background:#c69e561f}.dj__radd.is-done{color:#9d9485;border-color:transparent;cursor:default}.dj__offline{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#9d9485;text-align:center;padding:22px 8px}.dj__foot{padding-top:10px;border-top:1px solid rgba(198,158,86,.28)}.dj__vol{display:flex;align-items:center;gap:10px}.dj__vol .dj__label{margin-bottom:0}.dj__vol input{flex:1;min-height:40px;accent-color:#c69e56;background:transparent}.dj__note{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:#8c8578;text-align:center;margin-top:6px}@media(max-width:640px){.dj{inset:auto 12px 12px;width:auto;transform:none;max-height:62vh}.dj__hint{bottom:150px}}@font-face{font-family:Archivo;src:url(/experience/fonts/archivo-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/experience/fonts/archivo-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Archivo;src:url(/experience/fonts/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Archivo Expanded;src:url(/experience/fonts/archivo-expanded-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Archivo Expanded;src:url(/experience/fonts/archivo-expanded-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/experience/fonts/jbmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/experience/fonts/jbmono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--srf-0: rgba(253, 252, 247, .92);--srf-1: rgba(252, 250, 244, .85);--srf-2: rgba(251, 249, 242, .68);--srf-solid: #fbfaf5;--srf-ink: rgba(23, 19, 14, .92);--srf-ink-full: #17130e;--ink: #17130e;--ink-2: #453d31;--ink-3: #6e6455;--ink-dis: rgba(23, 19, 14, .38);--ink-inv: #f4f1e8;--line-ink: rgba(23, 19, 14, .55);--hair: rgba(168, 127, 53, .5);--hair-strong: rgba(168, 127, 53, .85);--hair-faint: rgba(168, 127, 53, .26);--gold-text: #7a5d26;--gold-on-ink: #e4c079;--blur-panel: 14px;--blur-chip: 10px;--r: 2px;--shadow-panel: inset 0 1px 0 rgba(255, 255, 255, .75), 0 1px 2px rgba(43, 34, 22, .1), 0 12px 32px rgba(43, 34, 22, .14);--shadow-chip: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 2px rgba(43, 34, 22, .08), 0 4px 14px rgba(43, 34, 22, .1);--shadow-ink: 0 2px 10px rgba(23, 19, 14, .28);--t-fast: .12s;--t-med: .18s;--t-exit: .14s;--ease: cubic-bezier(.2, .7, .2, 1);--bg: #14100e;--charcoal: #211b17;--navy: #324054;--gold: #c69e56;--gold-soft: #e4c079;--stone: #9d9485;--bone: #efede6;--fg: #e7e2d8;--fg-dim: #8c8578;--rule: rgba(198, 158, 86, .28);--font-display: "Archivo Expanded", "Archivo", sans-serif;--font-body: "Archivo", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);overflow-x:clip;overscroll-behavior:none}body.is-gated,body.is-walk{background:var(--srf-solid);color:var(--ink);overflow:hidden}body.is-walk{user-select:none;-webkit-user-select:none}body.is-walk .gl{touch-action:none}.gold{color:var(--gold-text)}button{font:inherit;background:none;border:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:is(button,a,input):focus-visible{outline:1px solid var(--hair-strong);outline-offset:2px}.gl{position:fixed;inset:0}.key{display:inline-block;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.05em;color:var(--ink-2);background:#ffffff80;border:1px solid rgba(23,19,14,.3);border-radius:var(--r);padding:2px 6px;min-width:20px;text-align:center}.btn--ink,.hint--click,.gate__enter,.tc__inspect{background:var(--srf-ink);color:var(--ink-inv);border:1px solid rgba(23,19,14,.9);border-radius:var(--r);box-shadow:var(--shadow-ink);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn--ink:hover,.hint--click:hover,.gate__enter:not(:disabled):hover,.tc__inspect:hover{background:var(--srf-ink-full);border-bottom-color:var(--gold-on-ink)}.btn--ink .gold,.hint--click .gold,.gate__enter .gold,.tc__inspect .gold{color:var(--gold-on-ink)}.btn--ink:active,.gate__enter:not(:disabled):active{transform:scale(.985)}.hdr{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:18px;padding:22px clamp(20px,4vw,48px);pointer-events:none}.hdr a,.hdr button{pointer-events:auto}.hdr__brand{display:flex;align-items:center}.hdr__brand img{height:17px;width:auto;display:block}.hdr__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3);padding-top:3px}.hdr__demo{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--gold-text);border:1px solid var(--hair);border-radius:var(--r);padding:3px 8px}.hdr__exit{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);white-space:nowrap;transition:color var(--t-fast) var(--ease)}.hdr__exit:hover{color:var(--ink)}.rail{position:fixed;right:clamp(14px,2.5vw,34px);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:10px}.rail__dot{display:flex;align-items:center;gap:8px;padding:3px;color:var(--ink-3);position:relative}.rail__idx{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;transition:color .16s var(--ease)}.rail__dot:after{content:"";width:14px;height:1px;background:var(--hair-faint);transition:background .16s var(--ease),width .16s var(--ease)}.rail__dot.is-active .rail__idx{color:var(--gold-text)}.rail__dot.is-active:after{background:var(--hair-strong);width:26px}.rail__dot:hover .rail__idx{color:var(--ink)}.rail__name{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:8px;max-width:46vw;white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink);background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);padding:4px 9px;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}.rail__dot:hover .rail__name,.rail__dot:focus-visible .rail__name{opacity:1}.rail__stop{font-weight:600;color:var(--gold-text);letter-spacing:.12em;flex:none}.rail__title{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.card{position:fixed;left:clamp(20px,4vw,48px);bottom:clamp(20px,5vh,56px);z-index:30;width:min(400px,calc(100vw - 40px));background:var(--srf-0);backdrop-filter:blur(var(--blur-panel)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-panel);padding:20px 22px;opacity:0;transform:translateY(6px);transition:opacity var(--t-exit) ease-out,transform var(--t-exit) ease-out;pointer-events:none}.card.is-open{opacity:1;transform:none;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease);pointer-events:auto}.card__eyebrow{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.18em;color:var(--ink-3);display:flex;gap:10px;align-items:baseline}.card__idx{color:var(--gold-text)}.card__title{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.4vw,24px);line-height:1.2;color:var(--ink);margin-top:10px;text-wrap:balance}.card__body{font-size:14px;line-height:1.55;color:var(--ink-2);margin-top:10px}.card__metrics{display:flex;gap:22px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair-faint)}.card__metrics .mv{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}.card__metrics .ml{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--ink-3);margin-top:4px;max-width:110px}.btn{display:inline-flex;align-items:center;gap:.7ch;margin-top:16px;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);border:1px solid rgba(23,19,14,.35);padding:11px 16px;border-radius:var(--r);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn:hover{background:var(--srf-ink);color:var(--ink-inv);border-color:#17130ee6}.btn:hover .gold{color:var(--gold-on-ink)}.btn--ink{padding:11px 16px}.card__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn--ghost{border-color:transparent;color:var(--ink-3)}.btn--ghost:hover{background:none;color:var(--ink)}.hint{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:25;pointer-events:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-2);background:var(--srf-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--r);padding:6px 12px;opacity:0;transition:opacity var(--t-exit) ease-out}.hint.is-on{opacity:1;transition:opacity var(--t-med) var(--ease)}.hint--prompt.hint--click{pointer-events:auto;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.08em;padding:8px 14px;backdrop-filter:none;-webkit-backdrop-filter:none}.gate{position:fixed;inset:0;z-index:60;background:var(--srf-solid);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;transition:opacity .2s ease}.gate.is-leaving{opacity:0;pointer-events:none}.gate__coord{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.18em;color:var(--ink-3)}.gate__mark{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,9vw,84px);letter-spacing:.04em;color:var(--ink)}.gate__rule{width:220px;height:1px;background:#a87f35;opacity:.85}.gate__sub{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.3em;color:var(--gold-text)}.gate__q{max-width:460px;font-size:15px;line-height:1.6;color:var(--ink-2)}.gate__enter{margin-top:14px;font-family:var(--font-mono);font-weight:500;font-size:14px;letter-spacing:.08em;padding:15px 26px}.gate__enter:disabled{opacity:.38;box-shadow:none;cursor:default}.gate__controls{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3);margin-top:4px}.gate__static{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);margin-top:6px;transition:color var(--t-fast) var(--ease)}.gate__static:hover{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:3px}.gate__name{display:flex;flex-direction:column;align-items:center;gap:18px;animation:gate-name-in var(--t-med) var(--ease)}@keyframes gate-name-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gate__nicks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px}.gate__nick{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--ink);background:var(--srf-1);border:1px solid var(--hair);border-radius:var(--r);padding:11px 16px;min-height:44px;box-shadow:var(--shadow-chip);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);touch-action:manipulation}.gate__nick:hover,.gate__nick:focus-visible{background:var(--srf-ink);color:var(--ink-inv);border-color:#17130ee6}.gate__nick:active{transform:scale(.985)}.gate__nick--more{background:none;box-shadow:none;border:1px dashed rgba(23,19,14,.3);color:var(--ink-3)}.gate__nick--more:hover{background:none;color:var(--ink-2);border:1px solid rgba(23,19,14,.5)}.gate__own{display:flex;gap:10px;align-items:stretch}.gate__input{font-family:var(--font-mono);font-size:13px;color:var(--ink);background:#fffefa;border:1px solid rgba(23,19,14,.3);border-radius:var(--r);padding:11px 14px;width:220px;outline:none;transition:border-color var(--t-fast) var(--ease)}.gate__input:focus{border-color:var(--hair-strong)}.gate__input::placeholder{color:var(--ink-3)}.gate__enter--sm{font-size:12px;padding:11px 16px;margin-top:0}.flood{position:fixed;inset:0;z-index:55;pointer-events:none;background:#fff9ee;opacity:0;animation:liftflood 1.25s ease forwards}@keyframes liftflood{0%{opacity:0}18%{opacity:.55}to{opacity:0}}.static{max-width:720px;margin:0 auto;padding:40px clamp(20px,5vw,40px) 80px}.static__hdr{display:flex;align-items:center;gap:16px;margin-bottom:56px}.static__title{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6vw,46px);color:var(--bone)}.static__lede{margin-top:14px;font-size:16px;line-height:1.6;opacity:.85}.static__card{margin-top:52px;padding-top:28px;border-top:1px solid var(--rule)}.static__ftr{margin-top:56px}.live-wrap{pointer-events:auto}.live{width:100%;height:100%;display:flex;flex-direction:column;background:#232e3d;border:1px solid rgba(198,158,86,.4);font-family:var(--font-body);animation:live-in .45s ease;overflow:hidden}@keyframes live-in{0%{opacity:0}to{opacity:1}}.live__head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(198,158,86,.35);font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--fg);letter-spacing:.06em}.live__dot{color:var(--gold-soft);font-size:10px}.live__scroll{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px}.live__msg{max-width:78%;padding:10px 14px;font-size:14px;line-height:1.45;color:var(--fg)}.live__msg--phil{align-self:flex-start;background:#c69e561a;border:1px solid rgba(198,158,86,.45)}.live__msg--you{align-self:flex-end;background:#596c8652}.live__typing{letter-spacing:.3em;color:var(--gold-soft)}.live__chips{display:flex;gap:8px;padding:0 22px 12px;flex-wrap:wrap}.live__chips button{font-family:var(--font-mono);font-size:11px;color:var(--stone);border:1px solid rgba(198,158,86,.35);padding:6px 12px;border-radius:2px;transition:color .15s ease,border-color .15s ease}.live__chips button:hover{color:var(--bone);border-color:var(--gold)}.live__inputrow{display:flex;gap:10px;padding:14px 22px 18px;border-top:1px solid rgba(198,158,86,.25)}.live__inputrow input{flex:1;background:#14100e80;border:1px solid rgba(198,158,86,.3);border-radius:2px;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--bone);outline:none}.live__inputrow input:focus{border-color:var(--gold)}.live__inputrow button{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--bone);border:1px solid rgba(198,158,86,.4);padding:0 16px;border-radius:2px}.live__inputrow button:hover{background:var(--bone);color:var(--charcoal)}.live__inputrow button:hover .gold{color:var(--charcoal)}.cfg{flex:1;display:grid;grid-template-columns:1fr 300px;gap:22px;padding:22px;min-height:0}.cfg__depts{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.cfg__dept{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(198,158,86,.25);border-radius:2px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--fg-dim);transition:border-color .18s ease,color .18s ease,background .18s ease}.cfg__dept.is-on{color:var(--bone);border-color:var(--gold);background:#c69e5617}.cfg__state{color:var(--gold-soft)}.cfg__auto{margin-left:auto;font-size:9px;color:var(--fg-dim)}.cfg__dept.is-on .cfg__auto{color:var(--gold-soft)}.cfg__panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-left:1px solid rgba(198,158,86,.25);padding-left:22px}.cfg__dial{width:150px;height:150px;border-radius:50%;display:grid;place-items:center}.cfg__dialInner{width:122px;height:122px;border-radius:50%;background:#232e3d;display:grid;place-content:center;gap:2px}.cfg__pct{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--bone);font-variant-numeric:tabular-nums}.cfg__pctL{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--stone)}.cfg__model{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--gold-soft);letter-spacing:.08em}.cfg__note{font-size:12.5px;line-height:1.5;color:var(--fg);opacity:.75}.cfg__panel .btn{margin-top:4px;color:var(--fg);border-color:var(--rule)}.cfg__panel .btn:hover{background:var(--bone);color:var(--charcoal)}.vignette{position:fixed;inset:0;z-index:12;pointer-events:none;background:radial-gradient(ellipse 128% 100% at 50% 42%,transparent 56%,rgba(43,34,22,.05) 78%,rgba(43,34,22,.15) 100%)}.vignette:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:multiply;opacity:.055}.guide{position:fixed;inset:0;z-index:45;display:flex;justify-content:center;overflow-y:auto;padding:24px 0;pointer-events:none;opacity:0;transition:opacity var(--t-exit) ease-out}.guide.is-on{opacity:1;transition:opacity var(--t-med) var(--ease)}.guide__card{pointer-events:auto;margin:auto;max-height:calc(100vh - 48px);overflow-y:auto;width:min(440px,calc(100vw - 48px));background:var(--srf-0);backdrop-filter:blur(var(--blur-panel)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-panel);padding:26px 28px}.guide__card--sheet{width:min(520px,calc(100vw - 48px));max-height:min(80vh,640px);overflow-y:auto}.guide__label{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.2em;color:var(--gold-text)}.guide__title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);margin-top:8px}.guide__rows{margin-top:18px;display:grid;gap:12px}.guide__row{display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.5;color:var(--ink-2)}.guide__keys{min-width:112px;flex-shrink:0;display:flex;gap:3px;flex-wrap:wrap}.guide__sec{margin-top:6px;padding-top:12px;border-top:1px solid var(--hair-faint);font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.18em;color:var(--gold-text)}.guide__sec:first-of-type{border-top:none;padding-top:0}.guide__meta{margin-top:16px;padding-top:13px;border-top:1px solid var(--hair-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3);line-height:1.7}.guide__note{margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3)}.chips{position:fixed;right:clamp(14px,2.5vw,34px);bottom:20px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.help{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.1em;color:var(--ink-3);background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-chip);padding:7px 11px;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.help:hover{color:var(--ink)}.vtoggle{display:flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 10px;background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-chip);transition:border-color var(--t-fast) var(--ease)}.vtoggle.is-nudge{border-color:var(--hair-strong)}.vtoggle__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3)}.vtoggle__track{position:relative;flex:none;width:38px;height:20px;border-radius:999px;background:#17130e1a;border:1px solid var(--line-ink);transition:background var(--t-fast) var(--ease)}.vtoggle__track.is-tp{background:var(--srf-ink);border-color:transparent}.vtoggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--ink-2);box-shadow:var(--shadow-chip);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.vtoggle__track.is-tp .vtoggle__thumb{transform:translate(18px);background:var(--gold-text)}.vtoggle__state{min-width:92px;text-align:left;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;color:var(--ink)}.vtoggle:hover{border-color:var(--hair-strong)}.vtoggle:active{transform:scale(.98)}.vtoggle--inline{height:32px;padding:0 10px}.vtoggle--inline .vtoggle__state{min-width:0}.tc{position:fixed;inset:0;z-index:20;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.tc__hint{position:absolute;left:44px;bottom:64px;width:96px;height:96px;border:1.5px dashed rgba(23,19,14,.3);border-radius:50%;pointer-events:none;display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3);transition:opacity var(--t-exit) ease-out}.tc__hint.is-gone{opacity:0}.tc__base{position:absolute;top:-60px;left:-60px;width:120px;height:120px;border:1.5px solid rgba(23,19,14,.35);border-radius:50%;background:var(--srf-2);opacity:0;pointer-events:none;will-change:transform,opacity;transition:opacity var(--t-fast) ease}.tc__knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--srf-ink);border:1.5px solid var(--hair);will-change:transform;transition:border-color var(--t-fast) var(--ease)}.tc__knob.is-sprint{border-color:var(--hair-strong);box-shadow:0 0 0 3px #a87f3540}.tc__inspect{position:absolute;right:clamp(16px,5vw,40px);bottom:156px;min-height:52px;padding:14px 20px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:.06em;pointer-events:auto;touch-action:manipulation;animation:rise-in .16s var(--ease)}.tc__inspect:active{transform:scale(.97)}@keyframes rise-in{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.mp__chip{position:fixed;top:64px;right:clamp(14px,2.5vw,34px);z-index:30;display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.12em;color:var(--ink-2);background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-chip);padding:7px 11px;cursor:pointer}.mp__dot{width:6px;height:6px;border-radius:50%;background:#a87f35;flex-shrink:0}.mp__chip.is-talkwave .mp__dot{box-shadow:0 0 0 3px #a87f354d}.mp__self{color:var(--gold-text)}.mp__roster{position:fixed;top:100px;right:clamp(14px,2.5vw,34px);z-index:30;width:272px;max-height:320px;overflow-y:auto;background:var(--srf-1);backdrop-filter:blur(var(--blur-panel)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-panel);padding:10px 12px}.mp__rhead{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.12em;color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--hair-faint);margin-bottom:6px}.mp__rtools{display:flex;align-items:baseline;gap:10px}.mp__rclose{font-family:var(--font-mono);font-size:13px;line-height:1;color:var(--ink-3);padding:0 2px}.mp__rclose:hover{color:var(--ink)}.mp__row{display:grid;grid-template-columns:8px 1fr 34px 24px;gap:8px;align-items:center;height:26px}.mp__row.is-away{opacity:.5}.mp__rdot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(23,19,14,.3)}.mp__rdot.is-live{border:none;background:#a87f35}.mp__rname{display:flex;align-items:baseline;gap:5px;min-width:0;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--ink);text-transform:uppercase}.mp__rtrunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp__rname .gold{color:var(--gold-text);flex-shrink:0}.mp__meter{height:4px;border-radius:2px;background:#17130e14;overflow:hidden}.mp__meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c69e56,#e4c079);transition:width 90ms linear}.mp__meter.is-far i{opacity:.2}.mp__far{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#7a5d26a6}.mp__dock{position:fixed;left:50%;transform:translate(-50%);bottom:56px;z-index:30;display:flex;align-items:stretch;gap:10px}.mp__mic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-chip);color:var(--ink-3);touch-action:manipulation;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.mp__mic:hover{color:var(--ink)}.mp__mic.is-on{background:var(--srf-ink);border-color:var(--hair-strong);color:var(--ink-inv)}.mp__mic.is-talking{box-shadow:0 0 0 3px #a87f3559}.mp__miclabel{font-family:var(--font-mono);font-weight:500;font-size:8px;letter-spacing:.18em}.mp__mic.is-on .mp__miclabel{color:var(--gold-on-ink)}.mp__micring{position:absolute;inset:-1px;pointer-events:none}.mp__micring circle{fill:none;stroke:#e4c079;stroke-width:2.5;transition:stroke-dashoffset 80ms linear}.mp__emotes{display:flex;background:var(--srf-1);backdrop-filter:blur(var(--blur-chip)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(1.25);border:1px solid var(--line-ink);border-radius:var(--r);box-shadow:var(--shadow-chip);overflow:hidden}.mp__emote{position:relative;width:44px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:manipulation;transition:transform var(--t-fast) var(--ease),opacity var(--t-med) ease}.mp__emote+.mp__emote{border-left:1px solid rgba(33,27,23,.12)}.mp__emote:hover{transform:translateY(-1px)}.mp__emote canvas{width:24px;height:24px}.mp__emote:active canvas{transform:scale(.9)}.mp__ekey,.mp__elabel{font-family:var(--font-mono);font-weight:500;font-size:8px;letter-spacing:.1em;color:var(--ink-3)}.mp__elabel{display:none;color:var(--ink)}.mp__emote:hover .mp__ekey{display:none}.mp__emote:hover .mp__elabel{display:block}.mp__emote.is-cooling{opacity:.38;pointer-events:none}.mp__ebar{position:absolute;left:0;bottom:0;height:2px;background:#a87f35;width:100%;animation:ebar 2.4s linear forwards}@keyframes ebar{0%{width:100%}to{width:0%}}.mp__toast{position:fixed;left:50%;transform:translate(-50%);bottom:118px;z-index:31;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.06em;color:var(--ink);background:var(--srf-0);backdrop-filter:blur(var(--blur-panel)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(1.25);border:1px solid var(--line-ink);border-left:2px solid #a87f35;border-radius:var(--r);box-shadow:var(--shadow-panel);padding:10px 14px;max-width:420px;text-transform:uppercase;animation:rise-in .16s var(--ease)}.btn--live{border-color:#17130ee6}.lv{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--bg);animation:lv-in .55s cubic-bezier(.22,.8,.3,1)}@keyframes lv-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}.lv__bar{display:flex;align-items:center;gap:20px;padding:14px clamp(18px,3vw,36px);border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg)}.lv__brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--bone)}.lv__label{color:var(--fg)}.lv__dot{color:var(--gold-soft)}.lv__url{color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.lv__act{color:var(--stone);white-space:nowrap;transition:color .15s ease}.lv__act:hover{color:var(--bone)}.lv__body{position:relative;flex:1;background:#0d0a08;overflow:auto;-webkit-overflow-scrolling:touch}.lv__body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.lv__loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--gold-soft)}.lv__loading span{font-size:10px;letter-spacing:.06em;color:var(--fg-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}.flood{animation:none;opacity:0}}@media(max-width:719px){:root{--blur-panel: 8px}.hdr__sub{display:none}.rail{right:10px;gap:7px}.rail__idx{display:none}.rail__dot:after{width:12px}.card{left:16px;right:16px;bottom:16px;width:auto;padding:16px}.card__metrics{gap:14px}.hint{bottom:auto;top:76px}.mp__roster{left:14px;right:14px;width:auto}.vtoggle{height:44px}.vtoggle__track{width:44px;height:24px}.vtoggle__thumb{width:18px;height:18px}.vtoggle__track.is-tp .vtoggle__thumb{transform:translate(20px)}}.btn--respawn{margin-top:0;padding:7px 12px;flex-shrink:0}.gate__floor{margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2);opacity:.85}
