@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap";:root{--bg: #0b0b0d;--surface: rgba(16, 17, 20, .82);--surface-strong: rgba(14, 15, 18, .94);--surface-soft: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .22);--ink: #f3efe7;--ink-muted: #c7c2b9;--ink-dim: #8b8882;--accent: #a6c3d1;--accent-warm: #e6d7be;--danger: #e57a7a;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--tag-accent: #f0a13c;--accent-colour: #f0a13c;--preview-centre: 50%;--swatch-cols: 5;--shot: 16 / 9}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;-webkit-user-select:none;user-select:none}body.is-looking{cursor:none}body.is-resting .inspect-hotspot:not(:hover):not(:focus-visible),body.is-resting .seat-prompt:not(:hover):not(:focus-visible){opacity:.42}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 18px;font:500 13px/1 var(--sans);cursor:pointer;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,transform .12s ease,opacity .18s ease;color:var(--ink);background:#ffffff14}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--ink);color:#121316;border-color:var(--ink)}.btn--primary:hover:not(:disabled){background:#fff}.btn--ghost{background:#121316b8;border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn--ghost:hover:not(:disabled){border-color:var(--border-strong);background:#22242ad9}.ui-icon{display:block;width:18px;height:18px;flex-shrink:0}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 44%,#1d1f23,#101114 54%,#08090b);transition:opacity .56s ease,visibility .56s ease}.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:radial-gradient(rgba(255,255,255,.6) .5px,transparent .5px);background-size:3px 3px}.loading.loading--ground{background:radial-gradient(circle at 50% 44%,#18191cd1,#0b0c0edb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading.screen--fading{opacity:0;pointer-events:none}.loading__inner{position:relative;width:min(440px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;transition:opacity .38s ease}.loading__inner.is-dimmed{opacity:0}.loading__header{display:flex;flex-direction:column;align-items:center;gap:6px}.loading__title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,4rem);letter-spacing:-.015em;line-height:1.04;color:#f4f1ea}.loading__subtitle{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:var(--ink-muted)}.loading__subtitle em{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink)}.loading__handoff{position:relative;width:min(320px,86vw);min-height:76px;display:flex;align-items:center;justify-content:center}.loading__progress{width:100%;transition:opacity .28s ease,transform .28s ease}.loading__track{width:100%;height:2px;background:#ffffff24;border-radius:2px;overflow:hidden}.loading__bar{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#8aa7b8,#b6d1de);transition:transform .18s cubic-bezier(.22,1,.36,1)}.loading__meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:11.5px;color:var(--ink-dim)}.loading__stage,.loading__percent{margin:0}.loading__percent{font-variant-numeric:tabular-nums;color:var(--ink-muted)}.loading__start-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease}.loading__handoff.is-awaiting-start .loading__progress{opacity:0;pointer-events:none;transform:translateY(-4px)}.loading__handoff.is-awaiting-start .loading__start-wrap{opacity:1;pointer-events:auto;transform:translateY(0)}.loading__start{min-width:142px;padding:11px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#f4f0e8f5;color:#101114;font:500 14px/1 var(--sans);cursor:pointer;transition:transform .16s ease,background-color .16s ease}.loading__start:hover{background:#fff;transform:translateY(-1px)}.loading__fullscreen{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-dim);cursor:pointer}.loading__fullscreen input{accent-color:var(--ink);cursor:pointer}.loading__slow{margin:0;font-size:12px;color:var(--ink-dim);opacity:0;transition:opacity .32s ease}.loading__slow.is-shown{opacity:1}.loading__error{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px}.loading__error-title{margin:0;font-family:var(--serif);font-size:26px}.loading__error-detail{margin:0;font-size:13px;line-height:1.5;color:var(--ink-muted)}.entrance{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);grid-template-rows:auto 1fr;pointer-events:none;opacity:0;transition:opacity .52s ease}.entrance.is-veiled{opacity:1}.entrance.is-fading,.entrance.screen--fading{opacity:0;pointer-events:none}.entrance__header{grid-column:1;grid-row:1;padding:calc(20px + var(--safe-top)) 28px 0;pointer-events:none}.entrance__title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.65rem,2.8vw,2.3rem);color:#24211c;letter-spacing:-.01em}.entrance__stage{grid-column:1;grid-row:1 / span 2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:calc(24px + var(--safe-bottom));pointer-events:none}.entrance__closeup{position:absolute;top:calc(22px + var(--safe-top));right:22px;pointer-events:auto;border:1px solid rgba(25,22,18,.16);background:#fffcf7b8;color:#26221c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:7px 14px;font:500 12px/1 var(--sans);cursor:pointer;transition:background-color .16s ease,transform .14s ease}.entrance__closeup:hover{background:#ffffffeb}.entrance__closeup[aria-pressed=true]{background:#23201c;color:#f6f2ea;border-color:#23201c}.entrance__arrows{position:absolute;inset-inline:20px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.entrance__arrow{pointer-events:auto;width:42px;height:42px;border-radius:50%;border:1px solid rgba(25,22,18,.14);background:#fffcf7ad;color:#26221c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.entrance__arrow:hover{background:#fffffff0}.entrance__arrow.is-stepping{transform:scale(.9)}.entrance__identity{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.entrance__name-tag{font-family:var(--serif);font-size:32px;line-height:1;color:#23201b;transition:opacity .18s ease,transform .18s ease}.entrance__name-tag.is-transforming{opacity:.3;transform:translateY(4px)}.entrance__taken{font-size:11.5px;color:#5f594f;min-height:15px}.entrance__dots{display:flex;gap:7px}.entrance__dot{width:6px;height:6px;border-radius:50%;background:#23201b40;transition:transform .2s ease,background-color .2s ease}.entrance__dot.is-active{background:#23201b;transform:scale(1.25)}.entrance__panel{grid-column:2;grid-row:1 / span 2;pointer-events:auto;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:calc(24px + var(--safe-top)) 24px calc(20px + var(--safe-bottom));background:#101114e0;border-left:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow-y:auto}.avatar-entry{display:flex;flex-direction:column;gap:16px}.entrance__presence{padding-right:72px}.entrance__presence-line{margin:0;font-size:13px;line-height:1.45;color:var(--ink-muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.presence-faces{display:inline-flex;gap:5px}.presence-faces__chip{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#161412;background:var(--accent-colour, #f0a13c)}.entrance__room{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.entrance__room-badge{font-size:11.5px;color:var(--ink-dim);padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.entrance__room-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--ink);font:500 11.5px/1 var(--sans);padding:5px 10px;border-radius:999px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.entrance__room-btn:hover{background:#ffffff1f;border-color:#ffffff3d}.entrance__form{display:flex;flex-direction:column;gap:18px}.avatar-customisation{display:flex;flex-direction:column;gap:12px}.avatar-heading{margin:0;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink)}.avatar-characters,.avatar-heights{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:12px}.avatar-characters button,.avatar-heights button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border-radius:8px;border:none;background:transparent;color:var(--ink-muted);font:500 12.5px/1 var(--sans);cursor:pointer;transition:background-color .15s ease,color .15s ease}.avatar-characters button[aria-checked=true],.avatar-heights button[aria-checked=true]{background:#ffffff24;color:var(--ink)}.avatar-initial{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;font-size:11px}.avatar-tabs{display:flex;flex-wrap:wrap;gap:5px}.avatar-tabs button{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#ffffff08;color:var(--ink-muted);font:500 11.5px/1 var(--sans);cursor:pointer;transition:all .14s ease}.avatar-tabs button[aria-selected=true]{background:var(--ink);color:#141518;border-color:var(--ink)}.avatar-colours{display:flex;flex-direction:column;gap:10px}.avatar-colour-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-muted)}.avatar-swatches{display:grid;grid-template-columns:repeat(var(--swatch-cols, 5),minmax(0,1fr));gap:6px}.colour-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--ink-muted);font:400 10.5px/1.1 var(--sans);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.colour-chip[aria-checked=true]{border-color:var(--ink);background:#ffffff1c;color:var(--ink)}.colour-chip__paint{width:20px;height:20px;border-radius:50%;background:var(--tone, #777);border:1px solid rgba(255,255,255,.25)}.colour-chip__paint--original{background:linear-gradient(135deg,var(--tone, #686058) 50%,rgba(255,255,255,.22) 50%)}.colour-chip__paint--custom{background:conic-gradient(#e07060,#e6b85c,#6eb878,#5899c9,#9f6ec9,#e07060)}.colour-chip--custom.has-colour .colour-chip__paint--custom{background:var(--tone)}.picker{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.picker__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.picker__back{border:none;background:transparent;color:var(--ink-muted);font:500 12px/1 var(--sans);cursor:pointer;padding:4px 2px}.picker__hex{width:86px;padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#00000059;color:var(--ink);font:500 12px/1 monospace;text-align:center}.picker__sv{position:relative;height:112px;border-radius:8px;cursor:crosshair;background-color:hsl(var(--hue, 0),100%,50%);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.picker__hue{position:relative;height:14px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.picker__dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000008c;transform:translate(-50%,-50%);pointer-events:none}.picker__hue .picker__dot{top:50%}.avatar-footer{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--ink-dim)}#avatar-reset{border:none;background:transparent;color:var(--ink-muted);font:500 11.5px/1 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.entrance__name-field{display:flex;flex-direction:column;gap:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.entrance__field-label{font-size:12px;font-weight:500;color:var(--ink-muted)}.entrance__input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--ink);font:400 14px/1.3 var(--sans);outline:none;transition:border-color .16s ease,background-color .16s ease}.entrance__input:focus{border-color:#fff6;background:#ffffff17}.entrance__input.is-error{border-color:var(--danger)}.entrance__hint{font-size:11.5px;color:var(--ink-dim);min-height:15px}.entrance__hint.is-error{color:var(--danger)}.entrance__submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px 18px;border-radius:999px;border:none;background:#f4f0e8;color:#131417;font:600 14px/1 var(--sans);cursor:pointer;transition:background-color .16s ease,transform .12s ease}.entrance__submit:hover:not(:disabled){background:#fff}.entrance__submit:disabled{opacity:.6;cursor:default}.entrance__help{position:absolute;top:calc(18px + var(--safe-top));right:18px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.entrance__about-btn{margin-top:14px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--ink-dim);font:500 12px/1 var(--sans);cursor:pointer}.entrance__about-btn:hover{color:var(--ink);border-color:#ffffff3d}.entrance.is-closeup .entrance__name-tag,.entrance.is-closeup .entrance__dots{opacity:.25}#world-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:hidden}.nameplate{position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity .22s ease;will-change:transform}.nameplate.is-visible{opacity:1}.nameplate__plate{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0e0f12b8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 12px/1.2 var(--sans);white-space:nowrap}.nameplate__pip{width:7px;height:7px;border-radius:50%;background:var(--tag-accent, #f0a13c)}.bubbles{display:flex;flex-direction:column;align-items:center;gap:4px}.bubble{max-width:220px;padding:6px 11px;border-radius:13px;background:#f4f0e8f0;color:#161513;font:500 12.5px/1.3 var(--sans);text-align:center;word-wrap:break-word;box-shadow:0 6px 18px #00000047;transition:opacity .28s ease,transform .24s ease}.bubble.is-leaving{opacity:0;transform:translateY(-4px)}.inspect-hotspot,.seat-prompt{position:fixed;left:0;top:0;pointer-events:auto;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#101114d1;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 12.5px/1 var(--sans);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .18s ease;box-shadow:0 8px 24px #00000059}.inspect-hotspot.is-visible,.seat-prompt.is-visible{opacity:1;pointer-events:auto}.inspect-hotspot__key,.seat-prompt__key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:#ffffff24;font:600 11px/1 var(--sans)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:0;transition:opacity .38s ease}.hud.is-shown{opacity:1}.hud.is-hudless .hud__controls,.hud.is-hudless .hud__top-left,.hud.is-hudless .ctl--jump,.hud.is-inspecting .hud__controls,.hud.is-inspecting .ctl--jump{opacity:0!important;pointer-events:none!important}#joystick-zone,#look-zone{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body.is-touch #joystick-zone{right:52%;pointer-events:auto}body.is-touch #look-zone{left:48%;pointer-events:auto}body:not(.is-touch) #look-zone{pointer-events:auto}.hud__top-left{position:fixed;top:calc(16px + var(--safe-top));left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;max-width:min(320px,75vw)}.hud__presence-wrap,.link-state,.roster{pointer-events:auto}.hud__presence{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);font:500 12.5px/1 var(--sans);cursor:pointer}.presence__pips{display:inline-flex;gap:4px}.presence__pip{width:8px;height:8px;border-radius:50%;background:var(--accent-colour, #f0a13c)}.presence__pip.is-you{box-shadow:0 0 0 2px #ffffff59}.roster{margin-top:8px;width:248px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:8px}.roster__row{display:flex;align-items:center;gap:8px;font-size:13px}.roster__swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.roster__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster__you{font-size:11px;color:var(--ink-dim)}.roster__share{padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.roster__actions{display:flex;flex-wrap:wrap;gap:6px}.roster__actions .btn{flex:1 1 auto;font-size:11.5px;padding:6px 10px}.roster__status{margin:0;font-size:11px;color:var(--ink-dim)}.link-state{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11.5px;color:var(--ink-muted)}.link-state__dot{width:7px;height:7px;border-radius:50%;background:#e6a947}.roster__hint{margin:0;font-size:11.5px;line-height:1.4;color:var(--ink-muted)}.chat-log{display:flex;flex-direction:column;gap:4px;width:270px;max-height:140px;overflow:hidden;pointer-events:none}.chat-log__entry{padding:5px 10px;border-radius:10px;background:#0e0f129e;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;line-height:1.35;color:var(--ink-muted)}.chat-log__entry strong{color:var(--ink);font-weight:500}.hud__controls{position:fixed;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:center;gap:8px;pointer-events:auto;transition:opacity .42s ease}.hud.is-quiet .hud__controls{opacity:.65}.hud__group{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #00000059}.ctl{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .12s ease}.ctl:hover:not(:disabled){background:#ffffff1c;color:var(--ink)}.ctl.is-active{background:#ffffff2e;color:var(--ink)}.ctl:disabled{opacity:.35;cursor:default}.ctl--jump{display:none;position:fixed;right:22px;bottom:calc(92px + var(--safe-bottom));width:56px;height:56px;border:1px solid var(--border-strong);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}body.is-touch .ctl--jump{display:inline-flex}.emotes{position:fixed;left:50%;bottom:calc(76px + var(--safe-bottom));transform:translate(-50%);pointer-events:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px;border-radius:18px;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 42px #00000073}.emotes__title{grid-column:1 / -1;margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);text-align:center}.emote-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;min-width:82px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:var(--ink);font:500 11.5px/1.1 var(--sans);cursor:pointer}.emote-btn:hover{background:#ffffff1f}.composer{position:fixed;left:50%;bottom:calc(74px + var(--safe-bottom));transform:translate(-50%);width:min(460px,calc(100vw - 32px));pointer-events:auto}.composer__hint{margin:0 0 6px 8px;font-size:11px;color:var(--ink-dim)}.composer__row{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.composer__close,.composer__send{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff0f;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer__send:disabled{opacity:.35}.composer__input{flex:1;min-width:0;border:none;background:transparent;color:var(--ink);font:400 13.5px/1.3 var(--sans);outline:none}.composer__count{font-size:11px;color:var(--ink-dim);padding-right:4px;font-variant-numeric:tabular-nums}.composer__count.is-near-limit{color:#e6b86a}.composer__count.is-at-limit{color:var(--danger)}.guide{position:fixed;top:calc(18px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;color:var(--ink-muted);opacity:0;transition:opacity .4s ease}.guide.is-shown{opacity:1}.guide__item{display:inline-flex;align-items:center;gap:5px}.guide__key{padding:2px 6px;border-radius:5px;background:#ffffff1f;color:var(--ink);font:600 11px/1.2 var(--sans)}.toasts{position:fixed;top:calc(18px + var(--safe-top));right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12.5px;color:var(--ink);transition:opacity .26s ease,transform .26s ease}.toast.is-leaving{opacity:0;transform:translateY(-6px)}.toast__swatch{width:8px;height:8px;border-radius:50%}.fps-meter{position:fixed;top:calc(18px + var(--safe-top));right:18px;padding:5px 10px;border-radius:8px;background:#0000008c;font:600 11.5px/1 monospace;color:var(--ink-muted)}.lag-notice{position:fixed;right:18px;bottom:calc(84px + var(--safe-bottom));width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.inspection{position:fixed;inset-inline:24px;bottom:calc(24px + var(--safe-bottom));z-index:45;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;opacity:0;transition:opacity .28s ease}.inspection.is-shown{opacity:1}.inspection__meta{pointer-events:auto;max-width:460px;padding:14px 18px;border-radius:14px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:4px}.inspection__meta strong{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--ink)}.inspection__meta span{font-size:12.5px;line-height:1.45;color:var(--ink-muted)}.inspection__close{pointer-events:auto}.settings-backdrop,.share-backdrop,.about-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0607098f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:flex-end;padding:16px;opacity:0;transition:opacity .24s ease}.share-backdrop,.about-backdrop{justify-content:center}.settings-backdrop.is-shown,.share-backdrop.is-shown,.about-backdrop.is-shown{opacity:1}.settings,.share,.about{position:relative;background:#101114f0;border:1px solid var(--border);border-radius:18px;padding:22px;color:var(--ink);box-shadow:0 24px 64px #0000008c;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.settings::-webkit-scrollbar,.share::-webkit-scrollbar,.about::-webkit-scrollbar{width:6px}.settings::-webkit-scrollbar-track,.share::-webkit-scrollbar-track,.about::-webkit-scrollbar-track{background:transparent}.settings::-webkit-scrollbar-thumb,.share::-webkit-scrollbar-thumb,.about::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.settings{width:min(390px,100%);height:calc(100vh - 32px);display:flex;flex-direction:column;gap:20px}.share{width:min(500px,100%);display:flex;flex-direction:column;gap:16px}.about{width:min(400px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.about__eyebrow{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.about__title{margin:0;font-family:var(--serif);font-weight:400;font-size:32px}.about__line{margin:0;font-size:14px;color:var(--ink-muted)}.about__line em{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink)}.about__body{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--ink-muted)}.about__ok{margin-top:6px;padding:10px 24px;border-radius:999px;border:none;background:var(--ink);color:#141518;font:600 13px/1 var(--sans);cursor:pointer}.settings__header,.share__header{display:flex;align-items:center;justify-content:space-between}.settings__title,.share__title{margin:0;font-family:var(--serif);font-weight:400;font-size:26px}.settings__close,.share__close,.about__close{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.about__close{position:absolute;top:14px;right:14px}.settings__section{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.settings__section-title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.settings__row,.settings__range{display:flex;flex-direction:column;gap:7px}.settings__label,.share__label{font-size:12.5px;font-weight:500;color:var(--ink-muted)}.settings__desc,.share__hint,.share__note{margin:0;font-size:11.5px;line-height:1.4;color:var(--ink-dim)}.settings__range-head{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-muted)}.settings__range-val{color:var(--ink);font-variant-numeric:tabular-nums}.range{width:100%;accent-color:var(--ink);cursor:pointer}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.segmented__option{padding:7px 10px;border-radius:7px;border:none;background:transparent;color:var(--ink-muted);font:500 12px/1 var(--sans);cursor:pointer}.segmented__option.is-selected{background:#ffffff29;color:var(--ink)}.switch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:none;background:transparent;color:var(--ink);font:400 13px/1.3 var(--sans);cursor:pointer;text-align:left}.switch__track{position:relative;width:38px;height:22px;border-radius:999px;background:#ffffff2e;transition:background-color .18s ease;flex-shrink:0}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch[aria-checked=true] .switch__track{background:var(--accent)}.switch[aria-checked=true] .switch__track:after{transform:translate(16px)}.share__body{display:flex;flex-direction:column;gap:13px}.share__frame{position:relative;width:100%;aspect-ratio:var(--shot, 16 / 9);max-height:280px;margin-inline:auto;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0d0e11;display:flex;align-items:center;justify-content:center}.share__image{width:100%;height:100%;object-fit:contain}.share__state{margin:0;font-size:12.5px;color:var(--ink-dim)}.share__row,.share__write{display:flex;flex-direction:column;gap:6px}.share__input,.share__url{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--ink);font:400 13px/1.3 var(--sans);outline:none}.share__link-row{display:flex;gap:8px}.share__copy{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.share__actions{display:flex;justify-content:flex-end;gap:10px}.rotate,.fill,.disconnected,.fatal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0b0deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rotate__card,.fill__card,.disconnected__card,.fatal__card{max-width:360px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.rotate__phone,.fill__chrome{width:72px;height:72px;color:var(--ink-muted)}.rotate__title,.fill__title,.disconnected__title,.fatal__title{margin:0;font-family:var(--serif);font-weight:400;font-size:28px}.rotate__body,.fill__body,.disconnected__detail,.fatal__detail,.disconnected__hint{margin:0;font-size:13px;line-height:1.5;color:var(--ink-muted)}.joystick{position:fixed;width:calc(var(--joystick-radius, 58px) * 2);height:calc(var(--joystick-radius, 58px) * 2);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .22s ease}body.is-touch .joystick{opacity:.42}body.is-touch .joystick.is-hint{opacity:.65}body.is-touch .joystick.is-active{opacity:.92}.joystick__base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#0e0f125c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joystick.is-sprinting .joystick__base{border-color:#ffffff8c}.joystick__thumb{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;background:#f4f0e8d9;box-shadow:0 4px 16px #00000059}@media(max-width:820px){.entrance{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.entrance__stage{grid-column:1;grid-row:1 / span 2;min-height:44vh}.entrance__panel{grid-column:1;grid-row:3;border-left:none;border-top:1px solid rgba(255,255,255,.1);max-height:52vh}}
