@property --keyboard{syntax:"<length>";inherits:true;initial-value:0}:root{--bg:#1d2433;--fg:#e8ecf3;--muted:#9aa5b8;--panel:#10141ec7;--panel-solid:#141a26;--line:#ffffff1a;--warn:#f9d56e;--bubble-bg:#fff;--bubble-fg:#1d2433;--whisper-bg:#dfe5ee;--gutter:16px;--bar-height:48px;--keyboard:0px;--view-top:0px;--bottom:calc(max(16px, env(safe-area-inset-bottom)) + var(--keyboard));--sidebar-full:312px;--sidebar:var(--sidebar-full);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--keyboard .25s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body:not(.page){touch-action:pan-x pan-y}#scene{top:var(--view-top);left:var(--sidebar);width:calc(100vw - var(--sidebar));touch-action:none;cursor:pointer;height:100dvh;display:block;position:fixed}#ui{inset:var(--view-top) 0 calc(-1 * var(--view-top));pointer-events:none;position:fixed}.stage{top:0;bottom:0;left:var(--sidebar);position:absolute;right:0}#ui :is(button,input,textarea,summary,a,.chatlog,.chatbar,.panel,.landing,.modal-backdrop,.sidebar,.thread){pointer-events:auto}body:not(.page) #ui{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body:not(.page) #ui :is(input,textarea,.chatlog ol,.dm-text,.legal,.code){-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit}.dot{vertical-align:1px;border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.muted{color:var(--muted)}.status-row{top:max(8px, env(safe-area-inset-top));left:var(--gutter);align-items:center;gap:8px;display:flex;position:absolute}.icon-button.menu-button{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg);display:none}.status{max-width:calc(100vw - var(--sidebar) - 2 * var(--gutter) - 200px);white-space:nowrap;text-overflow:ellipsis;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;overflow:hidden}.status:before{content:"";background:var(--warn);border-radius:50%}.status[data-state=online]:before{background:var(--ok)}.status[data-state=error]:before{background:var(--bad)}.status-reload{min-height:0;margin-left:4px;padding:0 4px;font-weight:700;text-decoration:underline}.bubbles{position:absolute;inset:0;overflow:hidden}.bubbles-layer{position:absolute;inset:0}.bubble{max-width:min(320px, calc(100% - 2 * var(--gutter)));white-space:pre-wrap;overflow-wrap:anywhere;align-items:flex-start;gap:6px;padding:5px 10px 5px 2px;transition:transform .3s ease-out,opacity .8s ease-out;animation:.16s ease-out bubble-in;display:flex;position:absolute;top:0;left:0}.bubble-old{opacity:.45}.bubble-whisper{outline-offset:-3px;font-style:italic}.bubble-other{pointer-events:auto;cursor:pointer}@keyframes bubble-in{0%{opacity:0}}.chatbar{left:50%;bottom:var(--bottom);width:min(560px, calc(100% - 2 * var(--gutter)));height:var(--bar-height);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);align-items:center;gap:4px;padding:4px 4px 4px 16px;display:flex;position:absolute;transform:translate(-50%)}.chatbar input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-family:inherit;font-size:16px}.chatbar input::placeholder{color:var(--muted)}.chatbar-count{color:var(--muted);font-variant-numeric:tabular-nums;padding:0 4px}.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--fg);background:#ffffff14}.icon-button:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast-region{left:50%;bottom:calc(var(--bottom) + var(--bar-height) + 12px);width:min(560px, calc(100% - 2 * var(--gutter)));justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--panel-solid);border:1px solid var(--line);padding:8px 14px;animation:.16s ease-out bubble-in}.chatlog{right:var(--gutter);bottom:calc(var(--bottom) + var(--bar-height) + 12px);border-radius:var(--radius);flex-direction:column;width:320px;display:flex;position:absolute}.chatlog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 4px 4px 14px;display:flex}.chatlog h2{margin:0;font-size:14px;font-weight:600}.chatlog ol{flex:1;margin:0;padding:8px 14px;list-style:none;overflow-y:auto}.chatlog li{overflow-wrap:anywhere;gap:8px;padding:2px 0;display:flex}.log-name{font-weight:inherit;cursor:pointer;background:0 0;border:0;padding:0}.log-name:hover{text-underline-offset:2px;text-decoration:underline}.chatlog time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.log-system,.log-notice{color:var(--muted)}.log-whisper-in,.log-whisper-out{color:#c9d3e0;font-style:italic}@media (width<=600px){.bubble{max-width:min(240px, calc(100% - 2 * var(--gutter)));font-size:13px}.chatlog{left:var(--gutter);width:auto;height:45dvh;max-height:45dvh;top:auto}}.button{cursor:pointer;border-radius:999px;height:34px;padding:0 14px;text-decoration:none}.hint{z-index:1;max-width:min(280px, calc(100% - 2 * var(--gutter)));background:var(--accent);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--pop-small);pointer-events:auto;border-radius:12px;align-items:center;gap:4px;padding:8px 6px 8px 14px;font-size:14px;line-height:1.3;animation:.24s ease-out hint-in;display:flex;position:absolute;top:0;left:0}.hint:after{content:"";background:inherit;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.hint strong{font-family:var(--font-display);font-weight:600}.hint-close{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.hint-close:hover{background:#0e13201f}.hint-walk{animation:.24s ease-out hint-in,1.6s ease-in-out .24s infinite hint-bob}.hint-talk{width:max-content;max-width:min(360px, calc(100vw - 2 * var(--gutter)));top:auto;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}@keyframes hint-in{0%{opacity:0;scale:.92}}@keyframes hint-bob{50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.hint-walk{animation:none}}.panel{background:var(--panel-solid);border:1px solid var(--line);box-shadow:0 12px 32px #0006}.button-large{height:44px;padding:0 20px;font-size:15px}.button:disabled{opacity:.45;cursor:not-allowed}.text-button{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.text-button:hover{color:var(--fg)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field-label{padding:0;font-weight:600}.field input{border:1px solid var(--line);height:44px;color:var(--fg);font:inherit;background:#ffffff0d;border-radius:10px;padding:0 12px;font-size:16px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.field-hint{color:var(--muted);min-height:1.4em;font-size:13px}.field-hint[data-tone=ok]{color:var(--ok)}.field-hint[data-tone=ok]:before{content:"✓ "}.field-hint[data-tone=bad]{color:#ff9aa2}.form-error{color:#ff9aa2;margin:0}.address-row{align-items:center;gap:6px;display:flex}.address-row input{flex:1;min-width:0}.address-prefix{color:var(--muted);white-space:nowrap;font-size:13px}.landing{padding:var(--gutter);pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#1d24338c,#10141ed9);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.landing-card{background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;gap:18px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 60px #00000073}.landing-card h1{letter-spacing:-.02em;margin:0;font-size:32px}.lede{color:var(--muted);margin:-8px 0 0;font-size:15px}.landing-form{gap:18px;display:grid}.fineprint{color:var(--muted);margin:0;font-size:13px}.landing-tabs{width:100%;display:flex}.landing-tabs .kind-button{flex:1}:root{--onboard-width:380px}@media (width>=761px){body:has(.onboard){--sidebar:var(--onboard-width)}}.onboard{width:var(--onboard-width);z-index:2;overscroll-behavior:contain;pointer-events:auto;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.onboard-head{padding:max(18px, env(safe-area-inset-top)) 22px 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.onboard-head h1{margin:0}.onboard-body{padding:18px 22px max(24px, env(safe-area-inset-bottom));gap:18px;display:grid}.onboard-toggle,.onboard-peek{display:none}.field.nudged input{animation:.9s ease-out onboard-nudge}@keyframes onboard-nudge{0%,to{transform:none}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.field.nudged input{animation:none}}@media (width<=760px){.onboard{border-radius:18px 18px 0 0;width:auto;max-height:min(76dvh,620px);transition:transform .22s ease-out;top:auto;right:0}.onboard-head{padding:12px 16px 0}.onboard-body{padding:12px 16px max(14px, env(safe-area-inset-bottom));gap:12px}.onboard-toggle{display:grid}.onboard .lede{margin:0;font-size:14px}.onboard .fineprint{font-size:12px}.onboard[data-open=false] .onboard-body{display:none}.onboard[data-open=false] .onboard-peek{margin:6px 16px max(14px, env(safe-area-inset-bottom));background:var(--accent);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:800;display:block}}.onboard-switch{color:var(--muted);margin:0 0 0 auto;font-size:13px;display:none}@media (width<=760px){.onboard .landing-tabs,.onboard .lede,.onboard .landing-starters,.onboard .look-picker-actions .field-label,.onboard .look-picker-actions>p,.onboard-switch-question{display:none}.onboard[data-tab=signin] .lede,.onboard-switch{display:block}.onboard[data-open=false] .onboard-switch{display:none}.onboard .landing-form>.field>.field-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.onboard .landing-form{gap:12px}.onboard .landing-form>.field{gap:4px}.onboard .field-hint{font-size:12px}.onboard .look-picker{background:0 0;border:0;align-items:stretch;gap:12px;padding:0}.onboard .avatar-preview-wrap{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#9fb4c742,#ffffff08 72%);border-radius:14px;flex:none;place-items:center;display:grid}.onboard .look-picker-actions{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:8px;min-width:0;display:flex}.onboard .look-picker-actions .kind-toggle{margin:0;display:grid}.onboard .look-picker-actions>.button{justify-content:center;margin:0}}.toolbar{top:max(8px, env(safe-area-inset-top));right:var(--gutter);justify-items:end;gap:8px;display:grid;position:absolute}.toolbar-buttons{gap:6px;display:flex}.toolbar-button{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg)}.toolbar-panel{width:min(340px, calc(100vw - var(--sidebar) - 2 * var(--gutter)));pointer-events:auto;max-height:calc(100dvh - 140px);padding:16px;overflow-y:auto}.toolbar-panel h2{margin:0 0 6px;font-size:16px}.toolbar-panel h3{margin:0 0 6px;font-size:14px}.toolbar-panel p{margin:0 0 12px}.code-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;background:#ffffff0f;border-radius:8px;flex:1;padding:8px 10px;font:600 15px/1.2 ui-monospace,SF Mono,Menlo,monospace}.chatlog{top:calc(max(12px, env(safe-area-inset-top)) + 52px)}.modal-backdrop{z-index:5;padding:var(--gutter);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.modal{justify-items:start;gap:12px;width:min(400px,100%);padding:24px;display:grid}.modal h2{margin:0;font-size:18px}.modal p{margin:0 0 6px}.look-picker{border:1px solid var(--line);background:radial-gradient(circle at 30% 40%,#9fb4c738,#ffffff08 70%);border-radius:12px;align-items:center;gap:16px;padding:8px;display:flex}.avatar-preview{flex:none;width:132px;height:168px}.look-picker-actions{justify-items:start;gap:6px;display:grid}.look-picker-actions p{margin:0 0 6px;font-size:13px}.button-secondary{align-items:center;gap:8px;display:inline-flex}.button-secondary:hover{background:#ffffff29}.emotes{position:relative}.emote-menu{min-width:190px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 12px);right:-44px}.emote-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:9px 10px;display:flex}.emote-menu button:hover,.emote-menu button:focus-visible{background:#ffffff14;outline:none}.emote-menu kbd{color:var(--muted);font:12px ui-monospace,SF Mono,Menlo,monospace}.room-list,.ban-list{gap:2px;margin:0 0 14px;padding:0;list-style:none;display:grid}.code.link{min-width:0;color:var(--fg);letter-spacing:0;border:0;font-size:13px;font-weight:500}.owner-section{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.ban-list li{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.confirm p{margin:0 0 10px}.text-button.danger{color:#ff9aa2}.look-editor{grid-template-rows:1fr auto;justify-items:stretch;gap:0;padding:0;display:grid;overflow:hidden}.look-editor-side{border-right:1px solid var(--line);flex-direction:column;grid-row:1/3;justify-content:center;align-items:center;display:flex}.look-editor-side .avatar-preview{width:auto;height:auto}.view-toggle{margin:0}.look-editor-main{align-content:start;min-height:0;overflow-y:auto}.look-editor-head{display:flex}.look-editor-head h2{flex:auto}.look-tabs{border-bottom:1px solid var(--line);display:flex}.look-tabs [role=tab]{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.look-tabs [role=tab][aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.look-rows{display:grid}.look-editor-foot{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:2;align-items:center;display:flex}.look-editor-foot .form-error{flex-basis:100%;margin:0}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumb{border:1.5px solid var(--ink);background:var(--raised);width:66px;color:var(--ink-text);text-transform:capitalize;cursor:pointer;border-radius:10px;justify-items:center;gap:1px;padding:4px 2px 5px;font-size:11px;line-height:1.2;display:grid}.thumb img{background:#ffffff12;border-radius:8px;width:52px;height:52px}.thumb[aria-checked=true]{background:var(--accent);color:var(--ink);font-weight:700;box-shadow:0 2px #0e1320d9}.thumb[aria-checked=true] img{background:#ffffff59}.thumb:focus-visible{outline:2px solid var(--ink-text);outline-offset:2px}.swatch-row{flex-wrap:wrap;gap:6px;display:flex}.swatch-button{cursor:pointer;border-radius:8px;width:28px;height:28px}.swatch-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px}.text-button.inline{font-size:inherit;padding:0}.toolbar-panel a,.fineprint a{color:inherit;text-underline-offset:3px}body.page{overflow:auto}body.page #scene{display:none}body.page #ui{pointer-events:auto;position:static}.admin{grid-template-columns:216px minmax(0,1fr);height:100dvh;display:grid}.admin-nav{background:var(--paper-3);border-right:1.5px solid var(--ink);flex-direction:column;gap:2px;min-height:0;padding:14px 10px;display:flex;overflow-y:auto}.admin-brand{color:inherit;align-items:center;gap:8px;padding:6px 8px 14px;text-decoration:none;display:flex}.admin-brand-tag{background:var(--accent);color:var(--ink);font:600 11px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px}.admin-nav>button{color:var(--ink-muted);font:600 14px var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.admin-nav>button:hover{background:var(--hover);color:var(--ink-text)}.admin-nav>button[aria-current=page]{background:var(--raised);color:var(--ink-text);border:1.5px solid var(--ink);box-shadow:var(--pop-small)}.admin-badge{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:11px;line-height:18px}.admin-nav-foot{gap:4px;margin-top:auto;padding:12px 8px 4px;font-size:13px;display:grid}.admin a:not(.button){color:var(--accent)}.admin-main{flex-direction:column;gap:14px;min-height:0;padding:20px 24px 40px;display:flex;overflow-y:auto}.admin-main[data-page=log]{gap:0;padding:0;overflow:hidden}.admin-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.admin-head h1{margin:0;font-size:24px}.admin-card{border-radius:var(--radius);background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--pop-small);min-width:0;padding:16px 18px}.admin-card h2{margin:0 0 8px;font-size:16px}.admin-card-head{justify-content:space-between;align-items:baseline;display:flex}.admin-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.activity{--people:#bb8a14;--visitors:#3a8fda}.activity-last{color:var(--ink-muted);margin:0 0 12px;font-size:13px}.activity-last strong{color:var(--ink-text)}.activity-chart{grid-template-columns:max-content minmax(0,1fr);column-gap:12px;display:grid}.activity-names{color:var(--ink-muted);grid-template-rows:44px 44px;row-gap:8px;font-size:12px;display:grid}.activity-names span{align-items:center;gap:6px;display:flex}.activity-names i{border-radius:3px;width:10px;height:10px}.activity i[data-series=people]{background:var(--people)}.activity i[data-series=visitors]{background:var(--visitors)}.activity-plot{touch-action:pan-y;border-radius:2px;grid-template-rows:44px 44px;row-gap:8px;display:grid;position:relative}.activity-plot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.activity-track{border-bottom:1px solid var(--raised);position:relative}.activity-track b{background:var(--raised);width:1px;position:absolute;top:0;bottom:0}.activity-track i{width:max(3px, calc(100% / var(--slots)));border-radius:2px 2px 0 0;position:absolute;bottom:0}.activity-guide{background:var(--ink-text);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.activity-tip{z-index:1;background:var(--ink);pointer-events:none;border-radius:8px;gap:2px;width:max-content;margin-top:6px;padding:6px 10px;font-size:12px;display:grid;position:absolute;top:100%;transform:translate(-50%)}.activity-days{height:18px;color:var(--ink-muted);grid-column:2;margin-top:4px;font-size:11px;position:relative;overflow:hidden}.activity-days span{white-space:nowrap;position:absolute}.activity-table{margin-top:8px;font-size:13px}.activity-table summary{color:var(--ink-muted);cursor:pointer}.activity-table table{border-collapse:collapse;width:100%;margin-top:6px}.activity-table th,.activity-table td{text-align:left;padding:3px 12px 3px 0}@media (width<=620px){.activity-days span:nth-child(2n){display:none}}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stat{background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--pop-small);color:var(--ink-text);font:inherit;text-align:left;border-radius:12px;gap:2px;padding:12px 14px;display:grid}button.stat{cursor:pointer}button.stat:hover{background:var(--raised)}.stat b{font:600 28px/1.1 var(--font-display)}.stat span{color:var(--ink-muted);font-size:12px}.stat[data-tone=live] b{color:var(--ok-text)}.stat[data-tone=warn] b{color:var(--danger-text)}.admin-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.admin-list li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.admin-list li:first-child{border-top:0}.admin-list-grow{flex:1}.room-chip{background:var(--raised);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:1px 9px 1px 7px;font-size:12px;display:inline-flex;overflow:hidden}.room-chip i{border:1px solid var(--ink);border-radius:50%;flex:none;width:8px;height:8px}.room-chip-space{color:var(--ink-muted)}.admin-input,.admin-select{border:1.5px solid var(--ink);background:var(--field);min-width:0;height:36px;color:var(--ink-text);font:inherit;border-radius:10px;padding:0 10px;font-size:14px}.admin-input{flex:1}.users-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.users-name{align-items:center;gap:8px;display:inline-flex}.users-more{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-top:1px solid var(--line);padding:7px 8px}.admin-table th{color:var(--ink-muted);border-top:0;font-weight:600}.admin-table-actions{text-align:right;white-space:nowrap}.admin-table-actions>*{margin-left:8px}.report p{margin:0 0 8px}.excerpt{background:var(--field);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:220px;margin:0 0 10px;padding:10px 12px;font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.log-page{flex-direction:column;height:100%;min-height:0;display:flex}.log-toolbar{border-bottom:1.5px solid var(--ink);background:var(--paper);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.log-search{flex:200px}.log-toolbar-grow{flex:1}.log-count{white-space:nowrap;font-size:13px}.log-live{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.live-dot{background:var(--ink-muted);border-radius:50%;width:9px;height:9px}.live-dot.on{background:var(--ok);box-shadow:0 0 0 3px #6ccb7f40}.filter-chip{border:1.5px solid var(--ink);background:var(--accent);color:var(--ink);font:600 12px var(--font-display);cursor:pointer;border-radius:999px;padding:4px 10px}.log-error{margin:0;padding:6px 14px}.log-list{font-size:13px}.log-list-full{flex:1;min-height:0;padding-bottom:24px;overflow-y:auto}.log-list-short .log-row{padding-left:0;padding-right:0}.log-empty{padding:24px 16px}.log-day{background:var(--paper-2);border-bottom:1px solid var(--line);color:var(--ink-muted);font:600 11px var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;position:sticky;top:0}.log-row{border-bottom:1px solid #ffffff0d;grid-template-columns:68px 170px 170px minmax(0,1fr) 36px;align-items:baseline;gap:10px;padding:4px 14px;display:grid}.log-row:hover{background:var(--hover)}.log-row.fresh{animation:2.4s ease-out log-fresh}@keyframes log-fresh{0%{background:#ffd03f38}}.log-time{color:var(--ink-muted);font-variant-numeric:tabular-nums}.log-room{min-width:0}.log-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.log-name{color:var(--ink-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.log-name:hover{text-decoration:underline}.log-text{overflow-wrap:anywhere}.log-actions{text-align:right;position:relative}.log-actions .icon-button{opacity:0;width:28px;height:28px;font-size:16px}.log-row:hover .log-actions .icon-button,.log-actions .icon-button[aria-expanded=true],.log-actions .icon-button:focus-visible{opacity:1}.log-menu{z-index:3;min-width:200px;font-style:normal;top:calc(100% + 2px);bottom:auto;right:0}.log-done{white-space:nowrap;color:var(--ok-text);font-size:12px;position:absolute;top:2px;right:36px}@media (width<=760px){.admin{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.admin-nav{border-right:0;border-bottom:1.5px solid var(--ink);flex-direction:row;align-items:center;padding:8px 10px;overflow-x:auto}.admin-brand{padding:0 6px 0 0}.admin-nav>button{white-space:nowrap}.admin-nav-foot{display:none}.admin-main{padding:14px 12px 32px}.log-row{grid-template-columns:56px minmax(0,1fr) 32px;grid-template-areas:"time who actions""room text text";row-gap:2px}.log-time{grid-area:time}.log-room{grid-area:room}.log-who{grid-area:who}.log-text{grid-area:text}.log-actions{grid-area:actions}.log-actions .icon-button{opacity:1}}.admin-page{max-width:520px;padding:40px var(--gutter) 64px;gap:16px;margin:0 auto;display:grid}.admin-form{justify-items:start;gap:12px;max-width:360px;display:grid}.admin-form .field{width:100%}.admin-badge-alert{background:var(--accent);color:var(--ink)}.log-row.alert{box-shadow:inset 3px 0 0 var(--bad);background:#ef5b5b1f}.log-row.alert .log-text{color:#ffd2d2}.admin-card-alert{border-color:var(--bad)}.filter-toggle{border:1.5px solid var(--ink);background:var(--field);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:13px;display:inline-flex}.filter-toggle.on{background:#ef5b5b2e}.watch-anchor{position:relative}.watch-button{white-space:nowrap;height:36px}.watch-panel{z-index:4;gap:8px;width:min(420px,100vw - 32px);padding:12px 14px 14px;font-size:13px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.watch-head{justify-content:space-between;align-items:center;display:flex}.watch-panel p{margin:0}.watch-panel code{background:var(--field);border-radius:6px;padding:1px 6px;font:12px ui-monospace,SF Mono,Menlo,monospace}.watch-panel code.broken{color:var(--danger-text);text-decoration:line-through}.watch-form .admin-input{height:34px}.watch-list{gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.watch-list li{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.person-drawer{background:var(--paper);border-left:1.5px solid var(--ink);z-index:5;flex-direction:column;width:min(440px,100vw);animation:.18s ease-out drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #00000073}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 12px 10px 18px;display:flex}.drawer-head h2{margin:0 0 6px;font-size:20px}.drawer-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.tag.bad{color:var(--danger-text);background:#ef5b5b33}.tag.live{color:var(--ok-text);background:#6ccb7f2e}.drawer-pad{padding:16px 18px}.drawer-body{flex:1;align-content:start;gap:14px;min-height:0;padding:12px 18px 24px;font-size:13px;display:grid;overflow-y:auto}.drawer-facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.drawer-facts dt{color:var(--ink-muted)}.drawer-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.drawer-facts code{font-size:11px}.bad-text{color:var(--danger-text)}.drawer-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawer-danger{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.drawer-danger p{width:100%;margin:0 0 4px;font-size:13px}.drawer-danger .button{height:30px}.drawer-actions .button{height:30px;padding:0 10px;font-size:12px}.drawer-note{color:var(--ok-text);margin:0}.drawer-section h3{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:13px}.drawer-section p{margin:0 0 6px}.net-row{border-top:1px solid var(--line);padding:6px 0}.net-head{align-items:center;gap:8px;display:flex}.net-head code{font-size:12px}.net-others{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.net-other{border:1px solid var(--line);background:var(--raised);color:var(--ink-text);font:inherit;cursor:pointer;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.net-other:hover{background:var(--hover)}.drawer-lines{gap:2px;display:grid}.drawer-line{border-radius:6px;grid-template-columns:92px minmax(0,1fr);gap:2px 8px;padding:5px 6px;display:grid}.drawer-line .room-chip{grid-column:2;justify-self:start;font-size:11px}.drawer-line-text{overflow-wrap:anywhere;grid-column:2}.drawer-line.alert{box-shadow:inset 3px 0 0 var(--bad);background:#ef5b5b1f}.flag{vertical-align:middle;display:inline-flex}.flag img{border-radius:2px;width:20px;height:15px;display:block;box-shadow:0 0 0 1px #ffffff2e}.flag-code{color:var(--ink-muted);font-size:12px}.flag-with-source{vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.discord-mark{vertical-align:middle;color:#5865f2;display:inline-flex}.discord-mark svg{display:block}.discord-rooms{margin:0;padding:0;list-style:none}.discord-rooms li+li{margin-top:2px}@media (pointer:coarse){:root{--bar-height:52px}.icon-button{width:44px;height:44px}.text-button{min-height:36px}.swatch-button{width:34px;height:34px}}@media (width<=600px){.emote-menu{right:-48px}.look-editor-side{border-right:0;border-bottom:1px solid var(--line);grid-row:1}.look-editor-foot{grid-column:1}.modal-backdrop{align-items:end}}.kind-toggle{border-radius:999px;margin:0 0 10px;padding:3px}.kind-button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:76px;height:34px;padding:0 16px}.kind-button[aria-checked=true]{background:var(--accent);color:#1d2433}.kind-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar{width:var(--sidebar-full);z-index:2;display:flex;position:fixed;top:0;bottom:0;left:0}.rail{width:72px;padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:column;flex:none;align-items:center;gap:8px;display:flex;overflow-y:auto}.rail-slot{justify-content:center;width:72px;display:flex;position:relative}.rail-pill{border-radius:0 4px 4px 0;width:4px;height:0;transition:height .15s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-slot:hover .rail-pill{height:20px}.rail-slot[data-active=true] .rail-pill{height:40px}.rail-item{cursor:pointer;border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;transition:border-radius .15s ease-out,background .15s ease-out;display:grid}.rail-item:hover,.rail-slot[data-active=true] .rail-item{border-radius:12px}.rail-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-initials{font-size:16px}.rail-add{font-size:26px;font-weight:400}.rail-divider{border-radius:1px;width:32px;height:2px}.rail-badge{background:var(--bad);color:#fff;text-align:center;border:3px solid #0f131c;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:14px;position:absolute;bottom:-2px;right:10px}.rail-online{background:var(--ok);border:3px solid #0f131c;border-radius:50%;width:14px;height:14px;position:absolute;bottom:0;right:12px}.column{flex-direction:column;flex:none;width:240px;min-height:0;display:flex}.column-head{min-height:52px;padding:max(8px, env(safe-area-inset-top)) 8px 8px 12px;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 1px #ffffff08}.column-title{min-width:0;font-size:15px;font-weight:700}.column-title-button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;display:flex}.column-title-button:hover{background:#ffffff0d}.column-menu{z-index:3;min-width:0;inset:calc(100% - 4px) 8px auto}.column-menu .danger{color:#ff9aa2}.column-section{text-transform:uppercase;letter-spacing:.06em;margin:16px 12px 6px;font-size:12px;font-weight:600}.column-list{gap:2px;margin:0;padding:0 8px;list-style:none;display:grid}.column-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 8px;display:flex;overflow-y:auto}.column-item{position:relative}.column-room{color:#aeb7c6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:5px 30px 5px 8px;display:flex}.column-room:hover{color:var(--fg);background:#ffffff0d}.column-room[aria-current=page]{color:var(--fg);background:#ffffff1a;font-weight:600}.column-room:focus-visible,.column-add:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.column-icon{border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.column-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.column-online{border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:grid}.column-remove{width:24px;height:24px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.column-item:hover .column-remove,.column-remove:focus-visible{opacity:1}.column-item:hover .column-online{visibility:hidden}.column-confirm{align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.column-add{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:8px;padding:8px}.column-add:hover{color:var(--fg);background:#ffffff0d}.column-hint{color:var(--muted);margin:12px;font-size:13px}.user-bar{padding:8px 8px max(8px, env(safe-area-inset-bottom)) 12px;align-items:center;gap:10px;margin-top:auto;display:flex}.icon-button.sidebar-close{display:none}.server-icon{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.server-icon.large{border-radius:18px;width:64px;height:64px;font-size:22px}.server-preview{align-items:center;gap:14px;display:flex}.server-preview .field{flex:1}.icon-colors{margin-top:10px}.dialog-title{padding:10px 4px}.sidebar-scrim{display:none}.thread-panel{right:var(--gutter);bottom:calc(var(--bottom) + var(--bar-height) + 12px);width:min(420px, calc(100% - 2 * var(--gutter)));z-index:1;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute}.conversation[aria-current=page]{background:#ffffff1a}@media (width<=760px){:root{--sidebar:0px}.icon-button.menu-button{display:grid}.sidebar{width:min(var(--sidebar-full), 92vw);transition:transform .2s ease-out;transform:translate(-100%);box-shadow:12px 0 32px #00000073}.sidebar[data-open=true]{transform:none}.sidebar-scrim{z-index:2;pointer-events:auto;background:#0e132059;display:block;position:fixed;inset:0}.column{flex:1;width:auto}.icon-button.sidebar-close{display:grid}.column-remove{opacity:1}.thread-panel{left:var(--gutter);width:auto}}.rooms-dialog{width:min(620px,100%);max-height:calc(100dvh - 2 * var(--gutter));justify-items:stretch;overflow-y:auto}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin:-8px -8px 4px;padding:0 4px;display:flex}.tabs [role=tab]{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-weight:600}.dialog-close{margin-left:auto}.find-rooms,.create-room-form{gap:14px;display:grid}.room-results{gap:4px;margin:0;padding:0;list-style:none;display:grid}.room-result{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.room-result:hover{background:#ffffff12}.room-result-text{flex:1;min-width:0;display:grid}.room-result-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-result-style{border:1.5px solid var(--ink,#0e1320);border-radius:8px;flex:none;place-items:center;width:46px;height:36px;font-size:17px;display:grid}.room-result-online{color:var(--muted);white-space:nowrap;text-align:right;min-width:56px;font-size:13px}.room-result-online.live{color:var(--ok);font-weight:600}.style-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.style-card{text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:96px;padding:10px;display:flex;position:relative;overflow:hidden}.style-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px #f9d56e40}.style-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.style-icon{filter:drop-shadow(0 2px 2px #00000040);font-size:26px}.style-text{background:#10141eb8;border-radius:8px;gap:2px;padding:6px 8px;font-size:12px;display:grid}.style-text strong{font-size:14px}.toolbar-button{position:relative}.toolbar-badge{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-2px}.conversation:hover{background:#ffffff0f}.badge-count{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:0 6px;font-weight:700}.thread-head{align-items:center;gap:6px;display:flex}.thread-head h2{font-size:16px}.thread-menu{position:relative}.thread-menu-list{z-index:1;min-width:140px;top:calc(100% + 4px);bottom:auto;right:0}.thread{flex-direction:column;flex:1;gap:6px;margin:0;padding:4px 2px;list-style:none;display:flex;overflow-y:auto}.dm{align-self:flex-start;gap:2px;max-width:80%;display:grid}.dm.mine{align-self:flex-end;justify-items:end}.dm-text{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px 14px 14px 4px;padding:7px 11px}.dm.mine .dm-text{border-radius:14px 14px 4px}.dm-when{align-self:center;margin-top:6px;font-size:11px}.thread-empty{align-self:center;margin:auto}.thread-compose{align-items:flex-end;gap:8px;display:flex}.thread-compose textarea{resize:none;overflow-wrap:anywhere;border:1px solid var(--line);min-width:0;color:var(--fg);font:inherit;background:#ffffff0d;border-radius:10px;flex:1;padding:8px 10px;font-size:16px;overflow-x:hidden}.thread-compose textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.account-hint{background:#f9d56e1a;border-radius:8px;margin:0;padding:8px 10px}.account h3{margin:0 0 6px;font-size:14px}.account-form{gap:10px;display:grid}.account-form .field input{height:40px}.account-form .code-input{letter-spacing:.3em;font-variant-numeric:tabular-nums;text-align:center;width:9em;font-size:22px}.toolbar-button[aria-pressed=true]{background:var(--accent);color:#1d2433}.decor-panel{width:min(300px, calc(100vw - var(--sidebar) - 2 * var(--gutter)))}.decor-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.decor-head h2{margin:0}.decor-hint{margin:0 0 10px}.decor-selected{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:10px;display:flex}.decor-selected p{margin:2px 0 8px}.decor-selected .row{flex-wrap:wrap;gap:6px}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.decor-item{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#ffffff0a;border-radius:10px;justify-items:center;gap:2px;padding:6px 4px;font-size:12px;display:grid}.decor-item:hover{background:#ffffff17}.decor-item[aria-selected=true]{border-color:var(--accent);background:#f9d56e24}.decor-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.decor-colors{margin-top:12px;display:flex}.decor-count{margin:10px 0 0;font-size:12px}@media (width<=600px){.decor-panel{left:var(--gutter);right:var(--gutter);bottom:var(--bottom);z-index:4;width:auto;max-height:44dvh;padding:12px;position:fixed}.decor-head{margin-bottom:4px}.decor-head h2{font-size:15px}.decor-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:86px;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.decor-sets{grid-auto-columns:160px}.decor-item{scroll-snap-align:start}.decor-count{display:none}}.friend:hover{background:#ffffff0d}.emote-menu{max-height:min(70dvh,560px);overflow-y:auto}.emote-menu-section{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 10px 2px;padding-top:8px;font-size:11px;font-weight:600}.sound-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.sound-toggle input{width:16px;height:16px;accent-color:var(--accent)}.emote-menu button>span{white-space:nowrap}.user-me{min-width:0;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:4px 6px 4px 0;display:flex}.user-me:hover{background:#ffffff0f}.user-me:focus-visible{outline:2px solid var(--accent)}.user-me .column-name{display:grid}.user-hint{color:var(--muted);font-size:12px}.sound-toggle{margin-top:10px}.icon-button.toolbar-settings{display:none}@media (width<=760px){.icon-button.toolbar-settings{display:grid}}body.discord:not(:has(.onboard)){--sidebar:0px}body.booting #scene{visibility:hidden}.opening{color:var(--muted);font-family:var(--font-display);place-items:center;margin:0;font-size:18px;font-weight:600;display:grid;position:absolute;inset:0}body.discord .icon-button.toolbar-settings{display:grid}.toolbar-look{padding:0;overflow:hidden}.toolbar-look .headshot{border-radius:inherit;display:block}.user-name{align-items:center;min-width:0;display:flex}.user-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-name .badge{flex:none}.decor-placing{margin-bottom:12px}.decor-placing .row{flex-wrap:wrap;gap:6px}.headshot{object-fit:cover;box-sizing:border-box;border:1.5px solid var(--ink);border-radius:50%;flex:none}.headshot.online{box-shadow:0 0 0 2px var(--panel-solid), 0 0 0 4px var(--ok)}.bubble .headshot{border:0;margin:-4px 0;background:0 0!important}.bubble-text{align-self:center;min-width:0}.person-card{right:var(--gutter);bottom:calc(var(--bottom) + var(--bar-height) + 12px);width:min(264px, calc(100% - 2 * var(--gutter)));z-index:1;background:radial-gradient(ellipse at 50% 78%, #ffffff2b, #fff0 60%), var(--paper);flex-direction:column;padding:0;animation:.16s ease-out bubble-in;display:flex;position:absolute;overflow:hidden}.person-card-head{z-index:2;align-items:center;gap:0;display:flex;position:absolute;top:4px;left:12px;right:4px}.person-card-head h2{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #0e132099;flex:1;min-width:0;margin:0;font-size:16px;overflow:hidden}.person-card-head .icon-button{width:32px;height:32px;font-size:18px}.person-card-menu{position:relative}.person-menu-list{min-width:150px;top:calc(100% + 4px);bottom:auto;right:0}.person-card .avatar-preview-wrap{max-width:100%;margin:0 auto;padding:0}.person-card .avatar-preview{max-width:100%;height:200px;display:block}.person-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 8px 8px;display:grid}.person-card-actions .button{white-space:nowrap;text-overflow:ellipsis;justify-content:center;min-width:0;height:28px;padding:0 6px;font-size:12px;overflow:hidden}.badge-link{box-shadow:var(--pop-small);flex:none;margin-left:0;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.badge-link:hover{background:#ffdb6b}.badge-link:active{box-shadow:none;transform:translateY(2px)}:root{--ink:#0e1320;--paper:#29324b;--paper-2:#222a40;--paper-3:#1a2033;--raised:#364262;--field:#1a2133;--hover:#ffffff12;--ink-text:#eef1f7;--ink-muted:#a3adc2;--danger-text:#ff8f99;--ok-text:#86dc95;--link:#8fcbff;--accent:#ffd03f;--accent-deep:#f2b705;--sky:#63b8f2;--ok:#6ccb7f;--bad:#ef5b5b;--outline:1.5px solid var(--ink);--pop:0 3px 0 #0e1320d9;--pop-small:0 2px 0 #0e1320d9;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--radius:14px}html,body{font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}h1,h2,h3,.column-title,.dialog-title,.decor-head h2{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.panel,.landing-card,.onboard,.toast,.status,.chatbar,.bubble{--fg:var(--ink-text);--muted:var(--ink-muted);--line:#ffffff1f;--panel-solid:var(--paper);color:var(--fg);background:var(--paper);border:var(--outline);box-shadow:var(--pop);-webkit-backdrop-filter:none;backdrop-filter:none}.panel{border-radius:var(--radius)}.onboard{border:0;border-right:var(--outline);box-shadow:none}@media (width<=760px){.onboard{border-right:0;border-top:var(--outline);box-shadow:var(--pop)}}.panel :is(.form-error,.field-hint[data-tone=bad]){color:var(--danger-text)}.panel .field-hint[data-tone=ok]{color:var(--ok-text)}.panel :is(.owner-section,.account){border-color:var(--line)}.modal-backdrop{background:#0e0c148c}.button{border:1.5px solid var(--ink);box-shadow:var(--pop-small);background:var(--accent);color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;font-weight:600;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .12s}.button:hover:not(:disabled){background:#ffdb6b}.button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0e1320d9}.button-secondary{background:var(--raised);color:var(--ink-text)}.button-secondary:hover:not(:disabled){background:#415072}.button-danger{background:var(--bad);color:#fff}.button-danger:hover:not(:disabled){background:#f37373}.text-button{font-weight:700}.panel .text-button.danger{color:var(--danger-text)}.toolbar-button,.icon-button.menu-button{background:var(--paper);color:var(--ink-text);border:var(--outline);box-shadow:var(--pop-small);-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar-button:hover,.icon-button.menu-button:hover{background:var(--raised);color:var(--ink-text)}.toolbar-button[aria-pressed=true],.toolbar-button[aria-expanded=true]{background:var(--accent);color:var(--ink)}.toolbar-button:active,.icon-button.menu-button:active{transform:translateY(2px);box-shadow:0 1px #0e1320d9}.panel .icon-button,.chatbar .icon-button,.panel .icon-button:hover,.chatbar .icon-button:hover,.chatbar .icon-button[aria-pressed=true],.chatbar .icon-button[aria-expanded=true]{background:var(--hover);color:var(--ink-text)}.panel :is(.field input,.admin-input,textarea,.code),.landing-card .field input,.onboard .field input{background:var(--field);border:1.5px solid var(--ink);color:var(--ink-text)}.panel :is(.field input,.admin-input,textarea):focus,.landing-card .field input:focus,.onboard .field input:focus{outline:3px solid var(--accent);outline-offset:0}.panel input::placeholder,.panel textarea::placeholder{color:#7d879c}.status{font-family:var(--font-display);box-shadow:var(--pop-small);font-weight:500}.status:before{border:1.5px solid var(--ink);width:10px;height:10px}.chatbar{border-radius:999px}.chatbar:focus-within{border-color:var(--ink);box-shadow:var(--pop), 0 0 0 3px #ffd03f73}.chatbar input{color:var(--ink-text);font-weight:600}.toast{font-family:var(--font-display);font-weight:500}.bubble{--fg:#1d2433;--muted:#5b6475;color:#1d2433;box-shadow:var(--pop-small);background:#fff;border-width:1.5px;border-radius:10px}.bubble:after{content:"";background:inherit;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:10px;height:10px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble-whisper{background:#e9eef7;border-style:dashed;outline:none}.bubble strong{font-family:var(--font-display);font-weight:600}.tabs [role=tab],.settings-nav [role=tab]{font-family:var(--font-display);font-weight:500}.tabs [role=tab][aria-selected=true]{color:var(--ink-text);border-bottom-color:var(--accent)}.kind-toggle{border:1.5px solid var(--ink);background:var(--field)}.kind-button{font-family:var(--font-display);color:var(--ink-text);font-weight:500}.kind-button[aria-checked=true],.kind-button[aria-selected=true]{background:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.swatch-button{border:1.5px solid var(--ink);box-shadow:0 2px #0e1320d9}.swatch-button[aria-checked=true]{outline:2px solid var(--ink-text);outline-offset:2px}.badge{border:1.5px solid var(--ink);background:var(--accent);color:var(--ink);font-family:var(--font-display);font-weight:600}.badge-count,.rail-badge{font-family:var(--font-display)}.panel :is(.room-result,.decor-item,.style-card){border:1.5px solid var(--ink);background:var(--raised);box-shadow:0 2px #0e1320d9}.panel :is(.room-result,.decor-item):hover{background:#415072}.panel .style-card[aria-checked=true]{outline:3px solid var(--accent);outline-offset:0}.panel .emote-menu button:hover,.emote-menu button:hover,.emote-menu button:focus-visible{background:var(--hover)}.emote-menu-section{border-top-color:var(--line)}.decor-selected{border:1.5px solid var(--ink);background:#63b8f224}.sidebar{--fg:var(--ink-text);--muted:var(--ink-muted);--line:#ffffff1f;color:var(--fg)}.rail{background:var(--paper-3);border-right:var(--outline)}.rail-item{background:var(--paper);color:var(--ink-text);border:var(--outline);box-shadow:var(--pop-small);font-family:var(--font-display)}.rail-item:active{transform:translateY(2px);box-shadow:0 1px #0e1320d9}.rail-dms{color:var(--ink-text)}.rail-slot[data-active=true] .rail-dms,.rail-dms:hover{background:var(--sky);color:var(--ink)}.rail-slot[data-active=true] .rail-home,.rail-home:hover{background:var(--raised)}.rail-add{color:var(--ok-text)}.rail-add:hover{background:var(--ok);color:var(--ink)}.rail-initials{color:#fff;text-shadow:0 1px #00000059;font-weight:600}.rail-pill{background:var(--ink-text)}.rail-divider{background:#ffffff1f}.rail-badge,.rail-online{border-color:var(--paper-3)}.column{background:var(--paper);border-right:var(--outline)}.column-head{border-bottom:2px solid var(--line)}.column-section{color:var(--ink-muted)}.column-room,.column-add,.conversation,.user-me{color:var(--ink-text)}.sidebar :is(.column-room,.column-add,.conversation,.friend,.user-me,.column-title-button):hover{background:var(--hover)}.sidebar :is(.column-room,.conversation)[aria-current=page]{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--ink), 0 2px 0 #0e1320d9;color:var(--ink-text)}.column-icon{background:var(--paper-2)}.column-online{color:var(--ok-text);border:1.5px solid var(--ink);background:#6ccb7f29}.user-bar{background:var(--paper-2)}.sidebar :is(.admin-input,textarea){background:var(--field);border:1.5px solid var(--ink);color:var(--ink-text)}.sidebar .icon-button{color:var(--ink-muted)}.sidebar .icon-button:hover{background:var(--hover);color:var(--ink-text)}.chatlog{--fg:var(--ink-text);--muted:var(--ink-muted);--line:#ffffff1f;color:var(--fg);background:var(--paper);border:var(--outline);box-shadow:var(--pop);-webkit-backdrop-filter:none;backdrop-filter:none}.dm-text{background:var(--raised);border:1.5px solid var(--ink);color:var(--ink-text)}.dm.mine .dm-text{background:var(--accent);color:var(--ink)}.user-bar{border-top:var(--outline)}.settings-modal{width:min(760px,100%);height:min(600px, calc(100dvh - 2 * var(--gutter)));grid-template-columns:200px 1fr;display:grid;position:relative;overflow:hidden}.settings-nav{background:var(--paper-2);border-right:var(--outline);flex-direction:column;gap:4px;padding:18px 12px;display:flex}.settings-nav h2{margin:0 8px 10px;font-size:20px}.settings-nav [role=tab]{color:var(--ink-text);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:9px 12px;font-size:15px}.settings-nav [role=tab]:hover{background:var(--hover)}.settings-nav [role=tab][aria-selected=true]{background:var(--raised);border-color:var(--ink);box-shadow:0 2px #0e1320d9}.settings-admin{color:var(--ink-muted);margin:auto 12px 0;font-weight:700}.settings-page{padding:22px 26px 28px;position:relative;overflow-y:auto}.settings-page>h3:first-of-type,.settings-page .account>h3:first-child{margin-top:0;font-size:18px}.settings-page .dialog-close{position:absolute;top:10px;right:10px}.legal{font-weight:500;line-height:1.55}.legal h1{margin:0 0 12px;font-size:22px}.legal h2{margin:22px 0 8px;font-size:17px}.legal table{border-collapse:collapse;width:100%;font-size:13px}.legal :is(th,td){border:1.5px solid var(--line);vertical-align:top;text-align:left;padding:8px}.legal th{background:var(--paper-2)}.legal a{color:var(--link)}.legal .todo{color:var(--danger-text)}@media (width<=600px){.settings-modal{height:calc(100dvh - 2 * var(--gutter));grid-template-rows:auto 1fr;grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:var(--outline);flex-flow:wrap;align-items:center;padding:12px}.settings-nav h2{width:100%;margin:0 4px 6px}.settings-nav [role=tab]{padding:6px 10px;font-size:14px}.settings-admin{margin:0 8px}.settings-page{padding:16px;position:static}.settings-page .dialog-close{top:8px;right:8px}}.account-switch{margin:12px 0 0}.thread-panel{height:min(50dvh, calc(100dvh - var(--bottom) - var(--bar-height) - 80px));min-height:300px;top:auto}@media (width<=760px){.thread-panel{height:min(60dvh, calc(100dvh - var(--bottom) - var(--bar-height) - 80px))}}.thread-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.thread-friend{height:30px;padding:0 12px;font-size:13px}.thread-friend-status{color:var(--ok-text);font-family:var(--font-display);font-size:13px;font-weight:500}.thread-menu-list .danger{color:var(--danger-text)}.add-friend-button{margin-left:auto;font-size:22px;font-weight:500;line-height:1}.add-friend{z-index:3;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:8px;right:8px}.add-friend .form-error{margin:0}.people-list{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid}.person{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.people-asking .person{cursor:default}.people-asking{border-bottom:1px solid var(--line);padding-bottom:6px}.person-text{flex:1;min-width:0;display:grid}.person-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:15px;font-weight:500;overflow:hidden}em.person-name{font-family:inherit;font-style:italic;font-weight:600}.person-text .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.person-meta{justify-items:end;gap:3px;font-size:11px;display:grid}.person-action{height:28px;padding:0 10px;font-size:13px}.sidebar .person:hover{background:var(--hover)}.sidebar .person[aria-current=page]{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--ink), 0 2px 0 #0e1320d9}.look-backdrop{z-index:120;padding:24px}.look-editor{border-radius:24px;grid-template-columns:306px minmax(0,1fr);width:min(980px,100%);height:min(800px,100dvh - 48px)}.look-editor-side{background:radial-gradient(at 48% 42%,#6e6572 0%,#42475d 40%,#30394d 78%);gap:16px;padding:24px 16px}.avatar-studio{flex-direction:column;align-items:center;max-width:100%;display:flex}.avatar-studio canvas{cursor:grab;border-radius:18px}.avatar-studio canvas:active{cursor:grabbing}.avatar-studio canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.studio-hint{color:#d0ccd9;text-align:center;margin:0;font-size:11px}.view-toggle{width:230px;max-width:100%}.studio-randomize{padding:7px 14px;font-size:13px}.view-toggle .kind-button{padding:7px 10px;font-size:13px}.kind-button[aria-pressed=true]{background:var(--accent);color:#222431}.look-editor-main{flex-direction:column;gap:14px;padding:22px 24px 0;display:flex;overflow:hidden}.look-editor-head{flex-wrap:nowrap;align-items:center;gap:12px}.look-editor-head h2{margin:0;font-size:27px}.look-editor-side .look-kind{width:230px;max-width:100%}.look-editor-side .look-kind .kind-button{padding:9px 14px;font-size:15px}.studio-close{border:1px solid var(--line);color:#eee;cursor:pointer;background:#1e2637;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:25px;line-height:1}.look-tabs{scrollbar-width:none;flex-shrink:0;gap:0;overflow-x:auto}.look-tabs::-webkit-scrollbar{display:none}.look-tabs [role=tab]{white-space:nowrap;min-height:44px;padding:10px 11px;font-size:13px}.look-rows{scrollbar-gutter:stable;flex:1;align-content:start;gap:16px;min-height:0;padding:0 4px 24px;overflow-y:auto}.look-section{gap:10px;display:grid}.look-section+.look-section{border-top:1px solid var(--line);padding-top:16px}.look-choice-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.look-choice-title h3,.closet-heading h3{margin:0;font:500 18px Fredoka,sans-serif}.look-choice-title .text-button{font-size:12px}.look-options{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.look-options:is(.starter-options,.outfit-options){grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.look-option{color:#f1eef7;cursor:pointer;background:radial-gradient(at 50% 30%,#525b70,#343e54 80%);border:2px solid #4a566e;border-radius:16px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 5px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.look-option:hover{background:#46516a;border-color:#acb5c8}.look-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:radial-gradient(at 50% 20%,#756a61,#4c4850 90%)}.look-option img{object-fit:contain;width:100%;height:64px}.look-options:is(.starter-options,.outfit-options) .look-option img{height:112px}.look-option>span:first-of-type{text-transform:capitalize;text-align:center;overflow-wrap:anywhere;font:700 12px Nunito,sans-serif}.selection-check{background:var(--accent);color:#282231;border-radius:50%;width:19px;height:19px;font-size:12px;font-weight:900;line-height:19px;display:none;position:absolute;top:5px;right:6px}.look-option[aria-pressed=true] .selection-check{display:block}.look-swatches{gap:9px;padding:6px}.look-swatches .swatch-button{border-radius:50%;flex:none;width:32px;height:32px}.swatch-button[aria-pressed=true]{outline-offset:3px;outline:3px solid #f8e3bd}.look-editor-foot{background:#242d41;gap:16px;padding:16px 24px}.look-editor-foot .button-large{padding:10px 22px;font-size:15px}.look-editor-foot .text-button{font-size:13px}.closet-heading{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px;display:flex}.closet-heading>span{font-size:11px}.closet-save{flex-wrap:wrap;gap:8px;display:flex}.closet-save input{flex:140px;min-width:0}.closet-save .button{font-size:12px}.saved-outfit{min-width:0;position:relative}.saved-outfit .look-option{width:100%;height:100%}.remove-outfit{color:#fff;cursor:pointer;background:#21283b;border:1px solid #747c90;border-radius:50%;width:28px;height:28px;font-size:20px;position:absolute;top:5px;right:5px}.closet-notice{color:#f4d5aa;font-size:12px}.landing-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:180px;margin:8px 0 12px;display:grid}.landing-starters button{cursor:pointer;background:#4c586d;border:2px solid #0000;border-radius:50%;padding:0;overflow:hidden}.landing-starters button[aria-pressed=true]{border-color:var(--accent)}.landing-starters img{aspect-ratio:1;width:100%;height:auto;display:block}.look-picker-actions>.button{margin:3px 3px 3px 0}.look-picker-actions>.button-secondary{padding:7px 10px;font-size:12px}@media (width<=760px) and (width>=601px){.look-editor{grid-template-columns:230px minmax(0,1fr)}.look-editor-side{padding:18px 6px}.avatar-studio canvas{object-fit:contain;max-width:218px}.look-editor-main{padding:18px 14px 0}}@media (width<=600px){.look-backdrop{padding:0}.look-editor{border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;height:100dvh;max-height:100dvh}.look-editor-side{flex-flow:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:4px 12px 8px}.studio-hint{flex-basis:100%}.avatar-studio{flex-shrink:0}.view-toggle{flex:0 200px;max-width:200px}.studio-randomize{min-height:32px;padding:5px 12px;font-size:12px}.avatar-studio{flex-basis:100%}.view-toggle .kind-button{min-width:0;height:32px;min-height:32px;padding:0 14px;font-size:12px}.look-editor-main{gap:10px;padding:12px 14px 0}.look-editor-head h2{font-size:20px}.look-editor-side .look-kind{flex-basis:100%;max-width:232px}.look-editor-side .look-kind .kind-button{min-height:34px;padding:5px 14px;font-size:14px}.look-tabs [role=tab]{padding:8px 10px;font-size:12px}.look-rows{gap:12px;padding-bottom:16px}.look-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.look-options:is(.starter-options,.outfit-options){grid-template-columns:repeat(3,minmax(0,1fr))}.look-option{border-radius:12px;padding:4px 3px 6px}.look-option img{height:52px}.look-options:is(.starter-options,.outfit-options) .look-option img{height:88px}.look-swatches{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.look-option>span:first-of-type{font-size:11px}.look-editor-foot{padding:10px 16px max(10px, env(safe-area-inset-bottom))}.look-swatches .swatch-button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.look-option{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.look-discard-question{margin:0 6px 0 0;font-weight:600}.brand{align-items:center;margin:0;line-height:0;display:flex}.wordmark{display:block}.rail-logo{width:34px;height:34px;display:block}.discord-badge{border:var(--outline);background:var(--raised);color:var(--ink-text);box-shadow:var(--pop-small);font-family:var(--font-display);border-radius:999px;flex:none;margin-left:auto;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none}.discord-badge:hover{background:var(--accent);color:var(--ink)}.discord-badge:active{box-shadow:none;transform:translateY(2px)}.toolbar .discord-badge{align-self:center;margin-left:0}.discord-badge+.sidebar-close{margin-left:6px}.decor-groups{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.decor-groups [role=tab]{border:1.5px solid var(--ink);color:var(--fg);font:inherit;font-size:12px;font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:3px 10px}.decor-groups [role=tab][aria-selected=true]{background:var(--accent);color:#1d2433}.panel .decor-item{color:#1d2433;background:#f1e9d8;gap:1px;padding:6px 4px 5px}.panel .decor-item:hover{background:#faf4e7}.panel .decor-item[aria-selected=true]{outline:2px solid var(--accent);outline-offset:-4px;background:#ffe9a3}.decor-item img{width:64px;height:64px}.decor-item span{text-align:center;font-size:12px;line-height:1.15}.decor-sets{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.decor-set small{color:#5b6478;text-align:center;font-size:11px;line-height:1.2;display:block}.decor-pictures{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.decor-pictures button{border:1.5px solid var(--ink);cursor:pointer;background:#f1e9d8;border-radius:8px;padding:2px;line-height:0}.decor-pictures button[aria-checked=true]{outline:2px solid var(--accent);outline-offset:1px}.column-brand{align-items:center;line-height:0;display:flex}.kind-toggle{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid}.kind-toggle .kind-button{text-align:center;white-space:nowrap;min-width:0}.look-kind{align-self:flex-start;margin:0}.table-panel{left:var(--gutter);top:calc(max(8px, env(safe-area-inset-top)) + 52px);width:min(248px, calc(100% - 2 * var(--gutter)));z-index:1;padding:6px 14px 14px;animation:.16s ease-out bubble-in;position:absolute}.table-panel-head{justify-content:space-between;align-items:center;margin-right:-10px;display:flex}.table-panel-head h2{margin:0;font-size:16px}.table-players{color:var(--ink-muted);overflow-wrap:anywhere;margin:2px 0 10px;font-size:13px}.table-vs{margin:0 4px}.table-mark[data-mark="0"]{color:#ff7a84;font-weight:700}.table-mark[data-mark="1"]{color:#8fbfff;font-weight:700}.table-board{border:var(--outline);background:#3f7a5a;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.panel .table-cell{aspect-ratio:1;color:#1d2433;cursor:pointer;background:#f1e9d8;border:0;border-radius:6px;font-size:34px;font-weight:700;line-height:1}.panel .table-cell:disabled{cursor:default}.panel .table-cell:not(:disabled):hover{background:#faf4e7}.table-cell[data-mark="0"]{color:#e8505b}.table-cell[data-mark="1"]{color:#2f6fb5}.panel .table-cell[data-win]{background:var(--accent)}.table-status{margin:10px 0 0;font-weight:600}.table-actions{flex-direction:column;gap:6px;margin-top:10px;display:flex}.table-hint{color:var(--ink-muted);margin:10px 0 0;font-size:12px}
