:root{color:#f7f3e8;background:#16171b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.screen{min-height:100vh;display:grid;place-items:center;padding:24px}.host-screen{background:linear-gradient(135deg,rgba(255,109,92,.16),transparent 42%),linear-gradient(225deg,rgba(69,180,167,.18),transparent 46%),#16171b}.play-screen{background:#202329}.panel,.phone-shell,.lobby-panel{width:min(100%,860px);border:1px solid rgba(247,243,232,.16);border-radius:8px;background:#111216d1;padding:clamp(24px,5vw,56px);box-shadow:0 24px 80px #00000057}.phone-shell{max-width:430px}.host-layout{width:min(100%,1520px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:24px;align-items:start}.host-layout-player-active{width:min(100%,960px);grid-template-columns:minmax(240px,360px) minmax(320px,520px)}.host-display-details{min-width:0}.host-display-details>summary{display:none}.host-layout-player-active .host-display-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;border:1px solid rgba(247,243,232,.16);border-radius:8px;background:#111216d1;color:#f7f3e8c7;font-weight:850;list-style:none;cursor:pointer}.host-layout-player-active .host-display-details>summary::-webkit-details-marker{display:none}.host-layout-player-active .host-display-details>summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-layout-player-active .host-display-details>summary strong{color:#f4c95d}.host-display-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}.host-layout-player-active .host-display-details[open]{grid-column:1 / -1}.lobby-panel{width:100%;padding:24px}.embedded-player-shell{width:100%;max-width:none;padding:24px}.lobby-panel h2,.phone-shell h2{margin:24px 0 12px;font-size:1rem;text-transform:uppercase}.eyebrow{margin:0 0 12px;color:#57d2c2;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2.25rem,7vw,5.5rem);line-height:.96}.phone-shell h1{font-size:2.35rem}.lede{max-width:620px;color:#f7f3e8c7;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.45}.muted{color:#f7f3e89e;line-height:1.45}.error{margin:16px 0 0;color:#ff9b8f;font-weight:800}.connection{display:inline-flex;align-items:center;min-height:36px;margin-top:24px;padding:0 14px;border-radius:999px;color:#111216;font-weight:800;text-transform:capitalize}.connection-connecting{background:#f4c95d}.connection-connected{background:#57d2c2}.connection-disconnected{background:#ff6d5c}.room-code{margin-top:32px;color:#f4c95d;font-size:clamp(4rem,15vw,10rem);font-weight:950;line-height:.92}.join-url{max-width:100%;overflow-wrap:anywhere;color:#f7f3e8b3;font-weight:800}.qr-code{width:100%;max-width:280px;display:block;margin:0 auto 24px;border-radius:8px}.screen-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.screen-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(247,243,232,.18);border-radius:6px;background:#f7f3e8;color:#16171b;font-weight:800;text-decoration:none}.primary-action{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:6px;background:#f4c95d;color:#16171b;font-weight:950}.secondary-action{width:100%;min-height:52px;margin-top:12px;border:1px solid rgba(247,243,232,.2);border-radius:6px;background:transparent;color:#f7f3e8;font-weight:900}label{display:grid;gap:8px;margin-top:24px;color:#f7f3e8c7;font-weight:700}input{width:100%;min-height:48px;border:1px solid rgba(247,243,232,.18);border-radius:6px;background:#ffffff14;color:#f7f3e8;padding:0 12px}input[type=range]{min-height:36px;padding:0;border:0;background:transparent;accent-color:#f4c95d}.range-value{color:#f4c95d;font-size:.95rem;font-weight:950}textarea{width:100%;min-height:112px;resize:vertical;border:1px solid rgba(247,243,232,.18);border-radius:6px;background:#ffffff14;color:#f7f3e8;padding:12px}.field-meta{justify-self:end;color:#f7f3e894;font-size:.82rem;font-weight:850}.name-fields{display:grid;gap:4px}.segmented-control{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.segmented-control button{min-width:0;min-height:44px;border:1px solid rgba(247,243,232,.18);border-radius:6px;background:#ffffff12;color:#f7f3e8;font-weight:900}.segmented-control button.selected{border-color:#f4c95dbf;background:#f4c95d;color:#16171b}.player-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.player-list li,.local-player-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid rgba(247,243,232,.12);border-radius:6px;background:#ffffff0f}.player-list strong,.local-player-card strong{margin-left:8px;color:#f4c95d}.player-list li>span:last-child,.local-player-card em{color:#f7f3e899;font-size:.82rem;font-style:normal;font-weight:800;text-transform:uppercase}.dimmed{opacity:.45}.local-player-stack{display:grid;gap:8px;margin-top:24px}.handoff-card,.turn-card,.results-card{margin-top:24px;padding:18px;border:1px solid rgba(247,243,232,.14);border-radius:8px;background:#0000003d}.handoff-card h2,.turn-card h2{margin:0;font-size:1.8rem}.story-text{color:#f7f3e8;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45;white-space:pre-wrap}.story-timeline{display:grid;gap:14px;max-width:720px;margin-top:24px}.story-bit{padding:16px;border:1px solid rgba(247,243,232,.14);border-radius:8px;background:#00000038}.story-bit-intro{border-color:#57d2c257}.story-bit-resolution{border-color:#f4c95d52}.story-bit-failed{border-color:#ff6d5c70}.story-bit-meta{margin:0 0 8px;color:#f7f3e894;font-size:.75rem;font-weight:900;text-transform:uppercase}.story-bit .story-text{margin:0}.voice-line{display:block;color:var(--voice-color);font-weight:760}.voice-line strong{font-weight:950}.submission-tracker{display:grid;gap:10px}.submission-tracker section{padding:12px;border:1px solid rgba(247,243,232,.12);border-radius:6px;background:#ffffff0d}.submission-tracker h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:.82rem;text-transform:uppercase}.submission-tracker ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.submission-tracker li{color:#f7f3e8c7;font-weight:750}.player-color-dot{display:inline-block;width:.72em;height:.72em;margin-right:8px;border-radius:999px;background:var(--player-color);box-shadow:0 0 0 2px #f7f3e81f}.submitted-urges{display:grid;gap:10px;max-width:720px;margin-top:20px}.submitted-urges h2{margin:0;color:#f7f3e8b8;font-size:.82rem;text-transform:uppercase}.submitted-urge-list{display:grid;gap:8px}.submitted-urge-card{padding:12px;border:1px solid color-mix(in srgb,var(--player-color) 42%,transparent);border-radius:6px;background:#ffffff0d}.submitted-urge-card strong{display:block;color:var(--player-color);font-size:.85rem}.submitted-urge-card small{display:block;margin-top:2px;color:#f7f3e894;font-weight:800}.submitted-urge-card p{margin:6px 0 0;color:#f7f3e8d6;line-height:1.35}.engine-notice{display:grid;gap:4px;max-width:620px;margin:18px 0;padding:12px 14px;border:1px solid rgba(247,243,232,.14);border-radius:6px;background:#ffffff0f;color:#f7f3e8d1;font-weight:850}.engine-notice small{color:#f7f3e89e;font-weight:700;overflow-wrap:anywhere}.engine-ready{border-color:#57d2c261}.engine-unavailable{border-color:#ff6d5c6b}.host-presence-alert{display:grid;gap:4px;margin-top:18px;padding:12px 14px;border:1px solid rgba(255,109,92,.42);border-radius:6px;background:#ff6d5c1a;color:#f7f3e8d1}.host-presence-alert strong{color:#ff9b8f}.host-presence-alert span{color:#f7f3e8a8;line-height:1.35}.resolution-actions{max-width:360px}.winner-card{display:grid;gap:8px;padding:10px 12px;border-radius:6px;background:#f4c95d1f}.winner-card p{margin:0;color:#f7f3e8bd;line-height:1.4}.session-goal{margin:12px 0;padding:10px 12px;border-left:3px solid #f4c95d;background:#f4c95d1a;color:#f7f3e8;line-height:1.35}pre{max-width:100%;overflow:auto;margin:24px 0 0;padding:16px;border-radius:6px;background:#00000047;color:#f7f3e8c2;font-size:.82rem}@media(max-width:820px){.host-layout,.host-layout-player-active,.host-display-grid{grid-template-columns:1fr}}