:root{color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;--font-display: "Bahnschrift SemiCondensed", "Aptos Display", "Segoe UI", sans-serif;--bg-0: #04070d;--bg-1: #08111c;--bg-2: #0f1b2b;--surface-0: rgba(9, 14, 22, .86);--surface-1: rgba(13, 22, 34, .9);--surface-2: rgba(19, 31, 48, .92);--line-soft: rgba(175, 205, 230, .1);--line-strong: rgba(255, 191, 109, .25);--text: #f4f7fb;--muted: #9eacbc;--muted-strong: #c8d4e0;--accent: #ffb567;--accent-strong: #ff8a39;--accent-soft: rgba(255, 181, 103, .16);--danger: #f56f62;background:radial-gradient(circle at 18% 16%,rgba(255,168,85,.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(113,184,255,.14),transparent 24%),radial-gradient(circle at 84% 84%,rgba(255,119,92,.14),transparent 28%),linear-gradient(180deg,#111c2c,#08111c 44%,#04070d);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden}button,input,textarea{font:inherit}button{touch-action:manipulation}#app{position:relative;min-height:100vh;height:100dvh}.experience-shell{position:relative;min-height:100vh;height:100dvh;overflow:hidden}.experience-screen{min-height:100%}.experience-screen[hidden]{display:none}.experience-kicker{margin:0;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.experience-button{min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:999px;color:var(--text);background:transparent;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,filter .16s ease}.experience-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.experience-button:disabled{opacity:.52;cursor:default}.experience-button:focus-visible,.experience-character-option:focus-visible,.experience-room-card:focus-visible{outline:2px solid rgba(255,181,103,.86);outline-offset:2px}.experience-button--primary{background:linear-gradient(180deg,#ffbf77,#cf7330);color:#160d05}.experience-button--secondary{border-color:#ffbe7447;background:#ffb56714}.experience-button--ghost{border-color:#bdd1e229;background:#ffffff08}.experience-screen--landing,.experience-screen--lobbies,.experience-screen--setup{display:grid;min-height:100%;padding:24px}.experience-screen--landing{place-items:center}.experience-hero{width:min(1480px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,.98fr) minmax(420px,.82fr);gap:28px;align-items:stretch}.experience-hero__copy,.experience-screen--lobbies,.experience-screen--setup{position:relative}.experience-hero__copy,.experience-panel,.experience-room-list,.experience-panel__header{border:1px solid var(--line-soft);background:linear-gradient(180deg,#0a121de0,#070d16cc),radial-gradient(circle at top right,rgba(255,181,103,.08),transparent 40%);box-shadow:0 28px 90px #00000059,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.experience-hero__copy{display:grid;align-content:center;gap:18px;padding:clamp(28px,5vw,64px);border-radius:36px}.experience-hero__copy h1,.experience-panel__title h2,.experience-screen--setup h3{margin:0;font-family:var(--font-display);letter-spacing:.02em}.experience-hero__copy h1{font-size:clamp(3.6rem,9vw,7.2rem);line-height:.88}.experience-hero__lead{max-width:18ch;margin:0;color:var(--muted-strong);font-size:clamp(1rem,2.4vw,1.24rem);line-height:1.45}.experience-hero__meta,.experience-panel__meta,.experience-panel__lead,.experience-setup__hint,.experience-match__status,.experience-status{margin:0;color:var(--muted);line-height:1.45}.experience-account-card{display:grid;gap:12px;margin-top:10px;padding:18px;border-radius:24px;border:1px solid rgba(196,214,228,.1);background:#ffffff08}.experience-account__title,.experience-account__value,.experience-account__hint{margin:0}.experience-account__title{font-size:1rem;font-weight:700;color:var(--muted-strong)}.experience-account__value{font-size:1.2rem;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.experience-account__hint{color:var(--muted);line-height:1.45}.experience-account__form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.experience-account__input{min-width:0;min-height:46px;padding:0 14px;border:1px solid rgba(196,214,228,.1);border-radius:16px;color:var(--text);background:#040911d6}.experience-account__input::placeholder{color:#718496}.experience-actions{display:grid;gap:12px;margin-top:8px}.experience-actions__group{display:flex;flex-wrap:wrap;gap:12px}.experience-actions__group--primary .experience-button{min-width:220px}.experience-actions__group--secondary .experience-button{min-width:180px}.experience-feedback{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#040910b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experience-feedback[hidden]{display:none}.experience-feedback__card{width:min(720px,100%);display:grid;gap:14px;padding:28px;border-radius:28px;border:1px solid rgba(196,214,228,.12);background:linear-gradient(180deg,#111c2bf5,#0a101aeb),radial-gradient(circle at top right,rgba(255,181,103,.16),transparent 42%);box-shadow:0 28px 72px #0000006b}.experience-feedback__title{margin:0;font-size:1.25rem;font-weight:800}.experience-feedback__prompt{margin:0;color:var(--muted);line-height:1.5}.experience-feedback__textarea{width:100%;min-height:180px;padding:16px 18px;resize:vertical;border-radius:20px;border:1px solid rgba(196,214,228,.12);color:var(--text);background:#040911d6;line-height:1.5}.experience-feedback__textarea::placeholder{color:#718496}.experience-feedback__status{min-height:1.2em;margin:0;color:var(--muted)}.experience-feedback__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.experience-hero__art{position:relative;min-height:520px;border-radius:36px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,#080e18a3,#05090f47),radial-gradient(circle at 50% 0%,rgba(255,181,103,.18),transparent 46%),radial-gradient(circle at 50% 100%,rgba(94,177,255,.16),transparent 44%)}.experience-hero__portrait{position:absolute;display:grid;gap:10px;justify-items:center;padding:16px;border-radius:26px;background:#0a121e85;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px #00000047}.experience-hero__portrait:nth-child(1){left:8%;bottom:14%;transform:rotate(-8deg)}.experience-hero__portrait:nth-child(2){top:12%;left:36%;transform:translate(-50%)}.experience-hero__portrait:nth-child(3){right:8%;bottom:18%;transform:rotate(8deg)}.experience-hero__portrait[data-selected=true]{border-color:var(--line-strong);background:#ffb56714}.experience-hero__portrait img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}.experience-hero__portrait span{color:var(--muted-strong);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.experience-screen--lobbies,.experience-screen--setup{width:min(1560px,calc(100% - 24px));margin:0 auto;align-content:start;gap:18px;padding-top:24px;padding-bottom:96px}.experience-panel__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 22px;border-radius:26px}.experience-room-list__count{margin:-4px 2px 0;color:var(--muted);font-size:.86rem}.experience-panel__title{display:grid;gap:6px}.experience-panel__title h2{font-size:clamp(1.8rem,4vw,2.8rem)}.experience-room-list{display:grid;gap:12px;padding:18px;border-radius:28px}.experience-room-list__empty{padding:24px;border-radius:22px;border:1px dashed rgba(192,212,228,.18);color:var(--muted);text-align:center}.experience-room-card{display:grid;gap:6px;width:100%;padding:18px 20px;border:1px solid rgba(196,214,228,.12);border-radius:22px;color:var(--text);text-align:left;background:linear-gradient(180deg,#111c2bd1,#0a101abd),radial-gradient(circle at right top,rgba(255,181,103,.1),transparent 44%);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.experience-room-card:hover{transform:translateY(-1px);border-color:#ffb56747}.experience-room-card strong{font-size:1.08rem}.experience-room-card span{color:var(--muted)}.experience-room-card__status{color:var(--accent)!important;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.experience-room-card__occupants{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.experience-room-card__occupant{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffff0a;color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.experience-room-card__occupant[data-filled=true]{background:#ffb5671a;color:var(--muted-strong)}.experience-seat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.experience-seat-pill{min-height:48px;padding:0 14px;border:1px solid rgba(189,209,226,.12);border-radius:18px;display:flex;align-items:center;background:#ffffff08;color:var(--muted);font-size:.82rem}.experience-seat-pill[data-ready=true]{border-color:#ffb56747;background:#ffb56714;color:var(--muted-strong)}.experience-seat-pill[data-self=true]{color:var(--text)}.experience-setup-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:22px}.experience-panel{display:grid;gap:18px;padding:22px;border-radius:28px}.experience-character-summary{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center}.experience-character-summary__portrait,.experience-character-option__portrait{object-fit:contain;image-rendering:pixelated}.experience-character-summary__portrait{width:96px;height:96px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(255,181,103,.18),transparent 48%),#0c1520e6}.experience-character-summary__copy{display:grid;gap:6px}.experience-character-summary__name{margin:0;font-size:1.18rem;font-weight:700}.experience-character-summary__note{margin:0;color:var(--muted);line-height:1.45}.experience-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.experience-character-option{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:12px;border:1px solid rgba(196,214,228,.12);border-radius:20px;color:var(--text);text-align:left;background:#ffffff08;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.experience-character-option:hover{transform:translateY(-1px);border-color:#ffb5673d}.experience-character-option[data-selected=true]{border-color:var(--line-strong);background:#ffb56714}.experience-character-option__portrait{width:56px;height:56px;border-radius:16px;background:radial-gradient(circle at top,rgba(255,181,103,.15),transparent 48%),#0c1520e6}.experience-character-option__copy{min-width:0;display:grid;gap:4px}.experience-character-option__copy strong,.experience-character-option__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-character-option__copy span,.experience-controls__label{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.experience-panel--controls h3{font-size:1.9rem;line-height:.96}.experience-controls{display:grid;gap:18px}.experience-presence{display:grid;gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(196,214,228,.1);background:#ffffff08}.experience-presence[hidden]{display:none}.experience-presence__header{display:grid;gap:4px}.experience-presence__header strong{font-size:1rem;color:var(--muted-strong)}.experience-presence__list{display:grid;gap:8px;max-height:220px;overflow:auto}.experience-presence__item{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(196,214,228,.08);background:#080d15d1}.experience-presence__item[data-self=true]{border-color:#ffb5673d;background:#ffb56714}.experience-presence__item strong{font-size:.92rem}.experience-presence__item span{color:var(--muted);font-size:.82rem}.experience-controls__group{display:grid;gap:12px}.experience-key-columns{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:18px;align-items:start}.experience-key-cluster,.experience-action-keys{display:inline-grid;justify-content:start;gap:8px}.experience-key-cluster+.experience-key-cluster{margin-top:4px}.experience-key-row{display:grid;grid-template-columns:repeat(3,52px);gap:8px}.experience-key{min-width:52px;min-height:52px;padding:0 12px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#1c293ae6,#0c131ff0),#ffffff0a;color:var(--text);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.experience-key--solo{justify-self:center}.experience-key--action{min-width:64px}.experience-key--wide{min-width:140px}.experience-action-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.experience-action-card strong{font-size:.92rem;color:var(--muted-strong)}.experience-setup__footer{display:grid;gap:10px;align-content:end;margin-top:auto}.experience-setup__footer .experience-button{width:100%}.experience-screen--match{min-height:100%;height:100dvh;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.experience-match__layout{min-height:0;display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(300px,360px);gap:14px}.experience-match__viewport{position:relative;min-height:0;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,#090e16cc,#070b11e0),radial-gradient(circle at top,rgba(255,181,103,.1),transparent 40%);border:1px solid rgba(196,214,228,.1)}.experience-match__overlay{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,#090e16c7,#060a11b8),#090e16b8;border:1px solid rgba(196,214,228,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.experience-match__code{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.experience-match__actions{display:flex;gap:10px}.experience-match__rail{min-height:0;display:grid;gap:14px;align-content:start;padding:18px;border-radius:28px;border:1px solid rgba(196,214,228,.1);background:linear-gradient(180deg,#090e16c7,#070b11e6),radial-gradient(circle at top,rgba(255,181,103,.08),transparent 42%)}.experience-match__rail h3,.experience-match__chat-heading h3{margin:0;font-family:var(--font-display);font-size:1.5rem}.experience-match__rail-copy{margin:0;color:var(--muted);line-height:1.45}.experience-match__roster{display:grid;gap:10px}.experience-match__seat{display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(196,214,228,.1);background:#ffffff08}.experience-match__seat[data-ready=true]{border-color:#ffb56738;background:#ffb5670f}.experience-match__seat strong{font-size:.92rem}.experience-match__seat span{color:var(--muted);font-size:.82rem;line-height:1.4}.experience-match__rail--chat{grid-template-rows:auto minmax(0,1fr) auto}.experience-match__chat-heading{display:grid;gap:6px}.experience-match__chat-log{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.experience-match__chat-empty{padding:14px;border-radius:16px;border:1px dashed rgba(196,214,228,.12);color:var(--muted);line-height:1.45}.experience-match__chat-entry{padding:12px 14px;border-radius:16px;border:1px solid rgba(196,214,228,.08);background:#ffffff08}.experience-match__chat-entry[data-self=true]{border-color:#ffb56733;background:#ffb56714}.experience-match__chat-entry[data-system=true]{border-color:#71b8ff2e;background:#71b8ff14}.experience-match__chat-meta{color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.experience-match__chat-body{margin:6px 0 0;color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-word}.experience-match__chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.experience-match__chat-input{min-width:0;min-height:46px;padding:0 14px;border:1px solid rgba(196,214,228,.1);border-radius:16px;color:var(--text);background:#040911d6}.experience-match__chat-input::placeholder{color:#718496}.experience-screen--match canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid rgba(255,191,109,.45);border-radius:18px;background:#06101f;box-shadow:0 0 0 2px #0c1624d6,0 32px 90px #0000006b,0 0 40px #ffb5671f}.experience-status{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:min(720px,calc(100% - 32px));padding:12px 16px;border-radius:18px;background:#070c14ad;border:1px solid rgba(196,214,228,.08);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:1080px){body{overflow:auto}#app,.experience-shell{height:auto;min-height:100vh}.experience-hero,.experience-setup-grid,.experience-key-columns,.experience-match__layout{grid-template-columns:1fr}.experience-hero__art{min-height:360px}.experience-seat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-match__viewport{min-height:60vh}}@media(max-width:760px){.experience-screen--landing,.experience-screen--lobbies,.experience-screen--setup,.experience-screen--match{padding:14px}.experience-panel__header{grid-template-columns:1fr;justify-items:start}.experience-panel__actions,.experience-actions,.experience-match__actions{width:100%;flex-direction:column}.experience-actions__group,.experience-actions__group .experience-button{width:100%}.experience-feedback__actions{width:100%;flex-direction:column}.experience-feedback__actions .experience-button,.experience-button{width:100%}.experience-hero__copy h1{font-size:clamp(3rem,18vw,4.8rem)}.experience-room-card,.experience-panel,.experience-hero__copy{border-radius:24px}.experience-character-summary,.experience-character-grid,.experience-seat-strip,.experience-match__overlay,.experience-match__chat-composer,.experience-account__form{grid-template-columns:1fr}}