@import"https://fonts.googleapis.com/css2?family=Creepster&family=IBM+Plex+Mono:wght@400;500;700&family=Special+Elite&display=swap";:root{--phone-frame-width: 390px;--phone-frame-height: 844px;--bg-void: #0a0c10;--bg-surface: #141820;--bg-room: #1a1f2a;--wall: #0d0f14;--accent-ghost: #7bffca;--accent-warn: #ff6b4a;--accent-gold: #ffd666;--accent-spirit: #b07aff;--text-primary: #e8e4dc;--text-dim: #6b7280;--text-glow: #7bffca;--sanity-high: #7bffca;--sanity-mid: #ffd666;--sanity-low: #ff6b4a;--card-border: rgba(123, 255, 202, .15);--card-glow: rgba(123, 255, 202, .05);--paper-shadow: 0 20px 48px rgba(0, 0, 0, .46);--paper-border: rgba(255, 255, 255, .06);--font-fallback-sans: Helvetica, sans-serif;--font-special-elite: "Special Elite", Helvetica, sans-serif;--font-creepster: "Creepster", Helvetica, sans-serif;color:var(--text-primary);font-family:IBM Plex Mono,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root,.app-shell{margin:0;width:100vw;height:100dvh;overflow:hidden}body{touch-action:none;overscroll-behavior:none;background:var(--bg-void)}html:not(.fonts-loaded) body,html:not(.fonts-loaded) body *{font-family:var(--font-fallback-sans)!important}button,input,textarea{font:inherit}.app-shell{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#06070a,#0a0c10)}.game-shell,.game-mount{width:100%;height:100%}.game-shell{position:relative;background:linear-gradient(180deg,#090b10,#08090d);overflow:hidden;container-type:size}.game-mount canvas{display:block;width:100%!important;height:100%!important}.game-mount,.overlay{position:absolute;inset:0}.overlay{pointer-events:none;isolation:isolate}.overlay--ghost{--accent-ghost: var(--accent-warn);--text-glow: var(--accent-warn)}.overlay--flicker{animation:screen-flicker 5.4s steps(1,end) infinite}.overlay__noise,.overlay__grain,.overlay__vignette,.overlay__edge-glow,.overlay__visibility,.overlay__evidence-flash{position:absolute;inset:0;pointer-events:none}.overlay__noise{opacity:.05;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.15) 25%,transparent 26%,transparent 74%,rgba(255,255,255,.12) 75%,transparent 76%),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.08) 25%,transparent 26%,transparent 74%,rgba(255,255,255,.08) 75%,transparent 76%);background-size:4px 4px;mix-blend-mode:soft-light}.overlay__grain{opacity:.06;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08) 0 1px,transparent 1px 100%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.08) 0 1px,transparent 1px 100%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.08) 0 1px,transparent 1px 100%);background-size:120px 120px}.overlay__vignette{background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.74) 100%)}.overlay__vignette--menu{background:radial-gradient(circle at center,#00000026 0 36%,#000000d1)}.overlay__vignette--safe{background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.58) 100%),radial-gradient(circle at center,rgba(123,255,202,.08),transparent 70%)}.overlay__edge-glow{background:radial-gradient(circle at center,transparent 56%,rgba(255,107,74,.2) 100%)}.overlay__visibility{background:radial-gradient(circle at center,transparent 22%,rgba(10,12,16,.48) 56%,rgba(10,12,16,.82) 100%)}.overlay__visibility--breaker-off{background:radial-gradient(circle at center,#ffffff05 0 12%,#0a0c10c7 34%,#0a0c10f5)}.overlay__evidence-flash{animation:evidence-flash 1.15s ease forwards;background:linear-gradient(180deg,rgba(255,214,102,.38),transparent 34%)}.panel{pointer-events:auto;position:relative;border:1px solid var(--paper-border);outline:1px dashed var(--card-border);outline-offset:-8px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),radial-gradient(circle at top,var(--card-glow),transparent 64%),#141820eb;box-shadow:var(--paper-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.03);pointer-events:none}.panel-kicker,.eyebrow{margin:0 0 10px;color:var(--text-dim);font-family:var(--font-special-elite);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.primary-action,.secondary-action,.menu-settings-toggle,.touch-button{border:0;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease}.primary-action:active,.secondary-action:active,.menu-settings-toggle:active,.touch-button:active{transform:scale(.97)}.primary-action:disabled,.secondary-action:disabled,.menu-settings-toggle:disabled,.touch-button:disabled{opacity:.34;cursor:default;box-shadow:none}.overlay--menu{display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:auto}.overlay--lobby{display:flex;align-items:stretch;justify-content:stretch;padding:18px;pointer-events:none}.menu-stage{position:relative;z-index:1;width:min(100%,460px);padding:44px 18px 18px;pointer-events:auto}.menu-stage__title{margin:0;color:var(--text-glow);font-family:var(--font-creepster);font-size:clamp(52px,14vw,86px);line-height:.92;text-align:center;text-shadow:0 0 12px rgba(123,255,202,.45),0 0 28px rgba(123,255,202,.18);animation:title-flicker 3.2s ease-in-out infinite}.menu-stage__subtitle{margin:clamp(72px,12vh,100px) 0 22px;color:var(--text-primary);font-family:var(--font-special-elite);font-size:14px;letter-spacing:.24em;text-align:center;text-transform:uppercase}.role-grid{display:grid;gap:12px}.role-grid--solo{grid-template-columns:2fr 1fr 2fr;align-items:stretch;gap:10px}.menu-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.menu-mode-switch__button{min-height:48px;border-radius:999px}.menu-settings-toggle{position:absolute;top:4px;right:0;z-index:2;display:inline-grid;place-items:center;width:50px;height:50px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text-glow)}.menu-settings-toggle--active{color:var(--text-glow)}.menu-settings-toggle__icon{width:22px;height:22px}.overlay--menu .panel{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),#141820eb}.role-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.06);outline:1px dashed rgba(123,255,202,.2);outline-offset:-7px;background:radial-gradient(circle at 20% 25%,rgba(123,255,202,.12),transparent 46%),linear-gradient(180deg,#141820fa,#10131beb);color:var(--text-primary);pointer-events:auto;text-align:left;box-shadow:0 16px 36px #00000059}.role-card--solo{grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px;min-height:108px;padding:12px 10px 10px;text-align:center}.role-card--investigator,.role-card--ghost{min-width:0}.role-card--random{min-width:0;padding-inline:6px;border:0;outline:0;background:transparent;box-shadow:none}.overlay--menu .role-card{background:linear-gradient(180deg,#141820fa,#10131beb)}.overlay--menu .role-card--random{background:transparent}.role-card--selected{outline-color:#7bffcaa8;box-shadow:0 0 0 1px #7bffca66,0 0 20px #7bffca40,0 16px 36px #0006}.role-card--muted{opacity:.64}.role-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff0a;color:var(--text-glow);filter:drop-shadow(0 0 14px rgba(123,255,202,.32))}.role-card--solo .role-card__icon{width:44px;height:44px;border-radius:14px;background:transparent}.role-card--investigator .role-card__icon,.role-card--ghost .role-card__icon{width:54px;height:54px}.role-card--random.role-card--selected{box-shadow:none;outline:0}.role-card--random.role-card--selected .role-card__icon,.role-card--random.role-card--selected .role-card__body strong{color:var(--text-glow)}.role-card__icon-svg{width:28px;height:28px}.role-card--solo .role-card__icon-svg{width:24px;height:24px}.role-card--investigator .role-card__icon-svg,.role-card--ghost .role-card__icon-svg{width:32px;height:32px}.role-card__body{min-width:0}.role-card--solo .role-card__body{display:grid;justify-items:center}.role-card__body strong{display:block;font-family:var(--font-special-elite);font-size:18px;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}.role-card--solo .role-card__body strong{font-size:11px;letter-spacing:.08em;line-height:1.2}.primary-action--enter,.primary-action--paper{width:100%;margin-top:18px;padding:16px 18px;border-radius:999px;background:linear-gradient(180deg,#8effd6,#4cb88d);color:#0b1212;font-family:var(--font-special-elite);font-size:18px;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 0 1px #7bffca4d,0 0 18px #7bffca47;animation:button-pulse 2.2s ease-in-out infinite;pointer-events:auto}.primary-action--paper{margin-top:20px}.live-panel{margin-top:18px;padding:18px;border-radius:28px}.live-panel__section{margin-top:18px}.live-panel__section-title{margin:0;color:var(--text-primary);font-family:var(--font-special-elite);font-size:18px}.live-panel__divider{height:0;margin:18px 0 0;border-top:1px dashed var(--card-border)}.live-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.live-panel__header h3{margin:6px 0 0;font-family:var(--font-special-elite);font-size:22px}.live-status{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#ffffff0f;color:var(--text-primary);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.live-status--hosting,.live-status--connected,.live-status--ready{background:#7bffca24;color:var(--accent-ghost)}.live-status--joining{background:#ffd6661f;color:var(--accent-gold)}.live-status--error{background:#ff6b4a24;color:var(--accent-warn)}.live-panel__copy,.live-panel__hint,.live-panel__warning,.live-panel__empty,.live-peer-list__empty,.live-room-card__hint{margin:12px 0 0;color:var(--text-dim);font-size:13px;line-height:1.5}.live-panel__hint{color:var(--text-primary)}.live-panel__warning{color:#f0b8aa}.menu-field{display:grid;gap:8px;margin-top:14px}.menu-field--tight{margin-top:14px}.appearance-editor{display:grid;gap:0;margin-top:16px}.menu-field span{color:var(--text-dim);font-family:var(--font-special-elite);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.menu-field input{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#070a0eb8;color:var(--text-primary)}.live-panel__actions{display:grid;gap:10px;margin-top:16px}.live-panel__actions .primary-action--enter,.live-panel__actions .secondary-action{margin-top:0}.live-open-lobbies{display:grid;gap:10px;margin-top:12px}.live-open-lobby-card{position:relative;display:grid;gap:6px;width:100%;padding:14px 16px;border:1px solid rgba(123,255,202,.12);border-radius:22px;background:#080c10d1;color:var(--text-primary);text-align:left;box-shadow:inset 0 1px #ffffff08}.live-open-lobby-card:hover,.live-open-lobby-card:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #00000038}.live-open-lobby-card__topline{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.live-open-lobby-card__topline strong{font-family:var(--font-special-elite)}.live-open-lobby-card__topline strong{font-size:18px}.live-open-lobby-card__topline span,.live-open-lobby-card__meta{color:var(--text-dim);font-size:12px}.live-open-lobby-card__meta{display:inline-flex;align-items:center;gap:5px}.live-open-lobby-card__join{position:absolute;right:12px;bottom:10px;padding:4px 14px;border-radius:999px;background:#7bffca24;color:var(--accent-ghost);font-size:11px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.live-open-lobby-card:hover .live-open-lobby-card__join,.live-open-lobby-card:focus-visible .live-open-lobby-card__join{background:#7bffca3d}.live-open-lobby-card--full{opacity:.5;pointer-events:none}.live-open-lobby-card--full .live-open-lobby-card__join{background:#ffffff0f;color:var(--text-dim)}.live-room-card{display:grid;gap:6px;margin-top:16px;padding:14px 16px;border-radius:18px;background:radial-gradient(circle at top right,rgba(123,255,202,.12),transparent 42%),#080c10db;border:1px solid rgba(123,255,202,.12)}.overlay--menu .live-room-card{background:#080c10db}.live-room-card__label{color:var(--text-dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.live-room-card strong{color:var(--text-glow);font-family:var(--font-special-elite);font-size:32px;letter-spacing:.14em}.live-room-card__hint{word-break:break-all}.live-peer-list{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.live-lobby-panel{width:min(100%,420px);padding:18px;border-radius:28px;pointer-events:auto}.live-lobby-panel__header{display:grid;gap:14px}.live-lobby-panel__header h2{margin:0;font-family:var(--font-special-elite);font-size:28px}.live-lobby-panel__copy{margin:10px 0 0;color:var(--text-dim);font-size:13px;line-height:1.5}.live-lobby-panel__section{margin-top:18px}.live-room-card--compact strong{font-size:24px}.lobby-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.lobby-color-swatch,.live-peer__swatch{background:var(--swatch-color)}.lobby-color-swatch{width:100%;aspect-ratio:1;border:0;border-radius:18px;box-shadow:inset 0 0 0 1px #0e121652,0 8px 22px #0000003d}.lobby-color-swatch--selected{box-shadow:0 0 0 2px #ffffffdb,0 0 0 5px #7bffca3d,0 8px 22px #0000004d}.appearance-tone-grid,.appearance-style-grid{display:grid;gap:10px}.appearance-tone-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.appearance-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-tone-swatch{width:100%;aspect-ratio:1;border:0;border-radius:18px;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #0e121642,0 8px 22px #0000002e}.appearance-tone-swatch--selected{box-shadow:0 0 0 2px #ffffffd6,0 0 0 5px #ffd66633,0 8px 22px #0000003d}.appearance-style-button{width:100%;justify-content:center}.live-peer-list--lobby{margin-top:10px;padding-top:0;border-top:0}.live-peer__identity{display:flex;align-items:center;gap:12px}.live-peer__swatch{width:24px;height:24px;border-radius:999px;box-shadow:inset 0 0 0 1px #0e12165c}.live-lobby-panel__actions{margin-top:18px}.live-lobby-hud{position:absolute;z-index:6;pointer-events:none}.live-lobby-hud--top-left{top:18px;left:18px}.live-lobby-hud--top-right{top:18px;right:18px;display:grid;justify-items:end;gap:8px}.live-lobby-hud__actions{pointer-events:auto;gap:10px;align-items:flex-end}.live-lobby-card{pointer-events:auto;width:min(100vw - 36px,360px);padding:16px 18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(123,255,202,.12),transparent 42%),#0e1218e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-lobby-card--room-code{display:grid;gap:10px;justify-items:start;width:auto;min-width:214px;padding:12px 14px;border:1px solid rgba(123,255,202,.16);text-align:left}.live-lobby-card--room-code strong{color:var(--text-glow);font-family:var(--font-special-elite);font-size:30px;letter-spacing:.16em}.live-lobby-room-code__group{display:grid;gap:4px}.live-lobby-room-code__name{color:var(--text-primary);font-size:20px;letter-spacing:.08em}.live-lobby-room-code__row{display:inline-flex;align-items:center;gap:10px}.live-lobby-room-code__icon{width:18px;height:18px;color:var(--text-dim);opacity:.88}.live-lobby-card--roster,.live-lobby-card--palette{position:absolute;left:18px;bottom:18px;z-index:6;width:min(100vw - 36px,360px)}.live-lobby-card--palette{left:50%;bottom:112px;transform:translate(-50%);width:min(100vw - 36px,332px)}.live-panel__warning--floating{margin:0;max-width:280px;text-align:right}.live-lobby-start{position:absolute;right:18px;bottom:24px;z-index:7;width:min(320px,calc(100vw - 36px));margin-top:0}.live-peer-list__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.live-peer-list__header strong{font-family:var(--font-special-elite);font-size:17px}.live-peer-list__header span{color:var(--text-dim);font-size:12px}.live-peer-list ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.live-peer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:18px;background:#ffffff0a}.live-peer strong,.live-peer span{display:block}.live-peer span{margin-top:4px;color:var(--text-dim);font-size:12px}.live-peer__badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:30px;padding:0 10px;border-radius:999px;background:#7bffca1f;color:var(--accent-ghost);font-size:11px;letter-spacing:.16em}.live-peer__badge--host{background:#ffd66624;color:var(--accent-gold)}.primary-action--enter:disabled{background:#5b616c80;color:#e8e4dc99;animation:none}.secondary-action{padding:12px 14px;border-radius:18px;background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.06)}.secondary-action--selected{box-shadow:0 0 0 1px #7bffca61,0 0 16px #7bffca38;color:var(--accent-ghost)}.loading-screen{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:18px;padding:24px;background:#0a0c10f0}.loading-screen__copy{color:var(--text-primary);font-family:var(--font-special-elite);font-size:16px;letter-spacing:.18em;text-transform:uppercase;animation:typewriter 1.8s steps(24,end) infinite;overflow:hidden;white-space:nowrap}.loading-screen__bar{width:min(72vw,220px);height:6px;overflow:hidden;border-radius:999px;background:#ffffff14}.loading-screen__fill{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,rgba(123,255,202,.2),var(--accent-ghost),rgba(123,255,202,.24));animation:loading-fill 1.4s ease-in-out infinite}.hud-top{position:absolute;inset:0 0 auto;z-index:3}.sanity-strip{position:relative;height:18px;overflow:hidden;background:#ffffff12}.sanity-strip__fill{position:absolute;inset:0 auto 0 0;box-shadow:0 0 16px currentColor}.sanity-strip__label,.sanity-strip__value{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#08100d;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,255,255,.35)}.sanity-strip__label{left:10px}.sanity-strip__value{right:10px}.sanity-strip--critical{animation:danger-pulse 1.1s ease-in-out infinite}.sanity-strip--panic{animation:danger-flicker .55s steps(2,end) infinite}.status-banner{pointer-events:auto;display:flex;align-items:center;min-height:64px;padding:12px 14px;margin:0 12px;background:#141820d1;border-left:4px solid transparent;transform:translateY(-100%);opacity:0;transition:transform .22s ease,opacity .22s ease}.status-banner--clickable{cursor:pointer}.status-banner--visible{transform:translateY(0);opacity:1}.status-banner--ghost{border-left-color:var(--accent-ghost)}.status-banner--warn{border-left-color:var(--accent-warn)}.status-banner--gold{border-left-color:var(--accent-gold)}.status-banner--spirit{border-left-color:var(--accent-spirit)}.status-banner__body{min-width:0;flex:1}.status-banner__eyebrow{display:block;color:var(--text-dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.status-banner__body p{margin:4px 0 0;color:var(--text-primary);font-size:12px;line-height:1.45}.temp-meter{position:absolute;top:88px;right:10px;z-index:3;display:grid;justify-items:center;gap:8px;width:74px}.temp-meter__heading{color:var(--text-dim);font-size:11px;letter-spacing:.18em}.temp-meter__shell{position:relative;width:38px;padding-bottom:18px}.temp-meter__tube{position:relative;width:16px;height:124px;margin:0 auto;overflow:hidden;border:2px solid rgba(255,255,255,.14);border-radius:999px;background:#00000080}.temp-meter__fill{position:absolute;inset:auto 0 0;border-radius:999px}.temp-meter__bulb{position:absolute;left:50%;bottom:0;width:34px;height:34px;border:2px solid rgba(255,255,255,.14);border-radius:50%;transform:translate(-50%)}.temp-meter__readout{font-size:14px}.temp-meter--freezing{animation:danger-pulse .9s ease-in-out infinite}.modal-layer{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));background:#080a0ec7;pointer-events:auto;overflow-y:auto}.modal-layer--heavy,.modal-layer--meeting{background:#080a0ef2}.modal-card,.sheet-card{position:relative;width:min(100%,360px);padding:22px 18px 18px;border-radius:28px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)}.modal-card h2,.meeting-screen__header p,.sheet-card h3{margin:0;color:var(--text-primary)}.modal-card h2{font-family:var(--font-special-elite);font-size:30px;line-height:1.05}.modal-close{position:absolute;top:12px;right:12px;z-index:1;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text-glow);box-shadow:none;cursor:pointer}.modal-close__icon{width:18px;height:18px}.modal-copy,.sheet-card p{margin:12px 0 0;color:var(--text-primary);font-size:13px;line-height:1.55}.modal-card--journal{max-height:min(78dvh,680px);overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px),#141820f5}.modal-card--events{max-width:400px}.modal-card--settings{max-width:460px}.modal-card--lobby-settings{max-width:420px}.modal-card--roster{max-width:420px;overflow:hidden}.modal-card--roster .live-peer-list{min-height:0;max-height:min(46dvh,360px);overflow-y:auto;padding-right:4px}.modal-card--settings h2{font-size:15px}.settings-group{display:grid;gap:10px;margin-top:18px}.settings-group__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.settings-group__header strong{color:var(--text-primary);font-size:14px}.settings-group__header span{color:var(--text-dim);font-size:12px}.menu-field--range{gap:6px}.menu-field--range input{min-height:0;padding:0;border:0;border-radius:999px;background:transparent;accent-color:var(--accent-ghost)}.menu-field--range strong{color:var(--accent-ghost);font-size:13px}.menu-field--range-pips{gap:8px}.range-pip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.range-pip{display:grid;justify-items:center;gap:5px;color:var(--text-dim);text-align:center}.range-pip__dot{width:8px;height:8px;border-radius:999px;background:#fff3;box-shadow:0 0 0 1px #ffffff14}.range-pip__icon{width:16px;height:16px}.range-pip__label{font-size:11px;line-height:1}.range-pip--active{color:var(--accent-ghost)}.range-pip--active .range-pip__dot{background:var(--accent-ghost);box-shadow:0 0 0 1px #7bffca40,0 0 12px #7bffca61}.journal-block+.journal-block{margin-top:18px}.journal-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.journal-tab{padding:9px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.journal-tab--active{border-color:#ffd6666b;background:linear-gradient(135deg,#ffd6661f,#7bffca0f);color:var(--text-primary);box-shadow:0 0 0 1px #ffd66629}.journal-block h3{margin:0 0 8px;color:var(--accent-gold);font-family:var(--font-special-elite);font-size:18px}.journal-objectives{margin-top:14px;padding:14px;border:1px solid rgba(130,210,182,.28);border-radius:18px;background:#060e12d1}.journal-objectives--danger{border-color:#ff6e4a8c}.journal-objectives__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#e7f6f2c7;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.journal-objectives__header strong{color:#f0d9a4;font-size:12px;letter-spacing:0;text-transform:none}.journal-objectives__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.journal-objectives__item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;color:#e9f6f2d1;font-size:13px;line-height:1.4}.journal-objectives__item--done{color:#7bffca}.scroll-panel{position:relative}.scroll-panel__viewport{overflow-y:auto;padding-right:4px;scrollbar-width:thin}.scroll-panel__viewport::-webkit-scrollbar{width:6px}.scroll-panel__viewport::-webkit-scrollbar-thumb{border-radius:999px;background:#ffd66642}.scroll-panel--ghosts .scroll-panel__viewport{max-height:208px}.scroll-panel--ghost-grid .scroll-panel__viewport{max-height:220px}.scroll-panel--top:before,.scroll-panel--bottom:after{content:"";position:absolute;left:0;right:8px;height:22px;pointer-events:none;z-index:1}.scroll-panel--top:before{top:0;background:linear-gradient(180deg,#141820fa,#14182000)}.scroll-panel--bottom:after{bottom:0;background:linear-gradient(0deg,#141820fa,#14182000)}.scroll-panel__hint{position:absolute;right:12px;bottom:8px;padding:3px 8px;border-radius:999px;background:#141820e0;color:var(--accent-gold);font-size:10px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;z-index:2}.evidence-list,.ghost-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.evidence-list__item,.meeting-evidence__entry,.event-log__entry{padding:10px 12px;border-radius:16px;background:#ffffff0a}.evidence-list__item{display:flex;align-items:center;gap:10px;font-size:13px}.evidence-list__item strong,.ghost-list strong,.meeting-evidence__entry strong{display:block;color:var(--text-primary)}.evidence-list__item--found strong,.ghost-list strong{color:var(--accent-gold)}.ghost-list span,.meeting-evidence__entry span{display:block;margin-top:4px;color:var(--text-dim);font-size:12px;line-height:1.45}.ghost-list__button,.ghost-list__empty{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:16px;background:#ffffff0a;text-align:left}.ghost-list__button{color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ghost-list__button:hover{border-color:#7bffca52;background:#7bffca14;transform:translateY(-1px)}.ghost-list__button--selected{border-color:#ffd666b8;background:linear-gradient(135deg,#ffd66629,#7bffca14);box-shadow:0 0 0 1px #ffd6663d}.ghost-list__button:focus-visible{outline:2px solid rgba(255,214,102,.88);outline-offset:2px}.journal-selection{margin:10px 4px 0;color:var(--text-dim);font-size:12px;letter-spacing:.04em}.journal-selection strong{color:var(--accent-gold)}.ghost-grid,.sheet-actions,.task-grid,.task-actions{display:grid;gap:12px}.ghost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-log{display:grid;gap:10px}.event-log__entry{display:grid;gap:6px;padding-left:14px;border-left:3px solid transparent}.event-log__entry--ghost{border-left-color:var(--accent-ghost)}.event-log__entry--warn{border-left-color:var(--accent-warn)}.event-log__entry--gold{border-left-color:var(--accent-gold)}.event-log__entry--spirit{border-left-color:var(--accent-spirit)}.event-log__time{color:var(--text-dim);font-size:11px;letter-spacing:.12em}.event-log__entry p{margin:0;color:var(--text-primary);font-size:12px;line-height:1.45}.meeting-screen{position:relative;width:min(100%,390px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);display:flex;flex-direction:column;gap:12px;padding:16px 14px;overflow:hidden}.meeting-screen__header{text-align:center;display:grid;gap:6px;flex:0 0 auto}.meeting-screen__header p{color:var(--accent-warn);font-family:var(--font-creepster);font-size:clamp(28px,7dvh,50px);text-shadow:0 0 18px rgba(255,107,74,.36);animation:title-flicker 2.8s ease-in-out infinite}.meeting-screen__header em{color:var(--text-primary);font-family:var(--font-special-elite);font-size:13px;line-height:1.45}.meeting-screen__phase{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:999px;background:#ffffff0d}.meeting-screen__phase span{color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.meeting-screen__phase strong{color:var(--text-primary);font-size:13px}.meeting-screen__timer{display:block;margin:0;color:var(--text-primary);font-size:clamp(28px,6.2dvh,46px);font-weight:700}.meeting-screen__timer--urgent{animation:danger-pulse .9s ease-in-out infinite}.meeting-screen__result{display:grid;gap:4px;padding:10px 12px;border-radius:16px;background:#ffd66614;border:1px solid rgba(255,214,102,.14);text-align:center;flex:0 0 auto}.meeting-screen__result strong{color:var(--accent-gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.meeting-screen__result span{color:var(--text-primary);font-size:13px;line-height:1.4}.meeting-screen__body{min-height:0;overflow-y:auto;padding-right:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.meeting-roster{display:grid;gap:10px}.meeting-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.06);outline:1px dashed rgba(123,255,202,.18);outline-offset:-7px;background:radial-gradient(circle at 20% 25%,rgba(123,255,202,.12),transparent 46%),linear-gradient(180deg,#141820fa,#10131beb);box-shadow:0 16px 36px #00000059}.meeting-card--self{outline-color:#7bffca57}.meeting-card--accused,.meeting-card--voted{box-shadow:0 16px 36px #00000059}.meeting-card--ghost-self{background:linear-gradient(135deg,rgba(255,107,74,.12),transparent 55%),radial-gradient(circle at 20% 25%,rgba(123,255,202,.08),transparent 46%),linear-gradient(180deg,#141820fa,#10131beb)}.meeting-card--ghost-self .meeting-card__identity strong{color:var(--accent-warn)}.meeting-card--dead{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 32%),linear-gradient(180deg,#141820eb,#10131be0);outline-color:#ffffff14}.meeting-card--dead .meeting-card__identity strong,.meeting-card--dead .meeting-card__identity span{color:#f0f3f7a8}.meeting-card--revealed{background:linear-gradient(180deg,rgba(123,255,202,.07),transparent 70%),radial-gradient(circle at 20% 25%,rgba(123,255,202,.14),transparent 46%),linear-gradient(180deg,#141820fa,#10131beb)}.meeting-card--skip{outline-color:#7bffca2e}.meeting-card__identity,.meeting-card__meta{display:flex;align-items:center;gap:10px}.meeting-card__identity{min-width:0;flex:1 1 auto}.meeting-card__name-row{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.meeting-card__identity strong{display:block;color:var(--text-primary)}.meeting-card__identity>div:last-child{min-width:0}.meeting-card__identity span,.meeting-card__badge,.meeting-card__dots,.meeting-card__tally{color:var(--text-dim);font-size:12px}.meeting-vote-stack{display:inline-flex;align-items:center;gap:2px;padding-left:2px}.meeting-vote-stack__icon{flex:0 0 auto;color:var(--accent-ghost);filter:drop-shadow(0 0 8px rgba(123,255,202,.42));opacity:0;transform:translate(10px);animation:meeting-vote-stack-in .22s ease-out forwards;animation-delay:var(--vote-delay, 0ms)}@keyframes meeting-vote-stack-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.meeting-card__meta{flex:0 0 auto;justify-content:flex-end}.meeting-card__badge{display:inline-grid;place-items:center;min-width:58px;min-height:32px;padding:0 10px;border-radius:999px;background:#ffffff14;color:var(--text-primary);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.meeting-card__badge--dead{background:#ff6b4a24;color:#ffbeaff5}.meeting-card__badge--soft{background:#ffffff0d;color:var(--text-dim)}.meeting-card__indicator{display:inline-grid;place-items:center;color:var(--accent-gold)}.meeting-card__indicator-icon{width:18px;height:18px}.meeting-card__tally,.meeting-card__skip-mark{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:#ffffff14;color:var(--text-primary);font-weight:700}.meeting-card__skip-mark{border-radius:12px;padding:0;background:#ffd66624;color:var(--accent-gold);font-size:11px;letter-spacing:.08em}.meeting-screen__skip{align-self:center;width:100%;max-width:220px;padding:10px 16px;color:var(--text-dim);background:transparent;border:0;pointer-events:auto;flex:0 0 auto}.meeting-screen__skip-note{margin:0;color:var(--text-dim);font-size:12px;text-align:center}@media(min-width:560px){.meeting-screen{width:min(100%,560px)}.meeting-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}.meeting-avatar{--avatar-shell: #ddb454;--avatar-shirt-accent: #ddb454;--avatar-hair: #ad8344;position:relative;flex:0 0 auto;width:40px;height:40px;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.26),transparent 24%),linear-gradient(180deg,#ffffff24,#00000024),var(--avatar-shell);box-shadow:inset 0 -6px 10px #00000029,0 4px 10px #0000002e}.meeting-avatar--dead{opacity:.56;filter:saturate(.55)}.meeting-avatar__portrait,.meeting-avatar__portrait span{position:absolute}.meeting-avatar__portrait{inset:0}.meeting-avatar__torso{left:10px;bottom:-1px;width:21px;height:14px;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#ddd3be,#b8b09e);box-shadow:inset 0 -2px #00000014;z-index:1}.meeting-avatar__torso:before{content:"";position:absolute;left:calc(50% - 1.5px);top:2px;width:3px;height:10px;border-radius:999px;background:#70644f73}.meeting-avatar__torso:after{content:"";position:absolute;left:3px;top:5px;width:5px;height:4px;border-radius:2px 2px 4px 4px;background:var(--avatar-shirt-accent);box-shadow:9px 0 0 var(--avatar-shirt-accent)}.meeting-avatar__head{left:10px;top:9px;width:20px;height:17px;border-radius:999px;background:linear-gradient(180deg,#d89d6b,#c28653);box-shadow:0 0 0 1px #12181d1f;z-index:2}.meeting-avatar__hair{background:linear-gradient(180deg,var(--avatar-hair),color-mix(in srgb,var(--avatar-hair) 72%,black));z-index:3}.meeting-avatar__hair--left{left:10px;top:5px;width:12px;height:7px;border-radius:999px 999px 5px 6px;transform:rotate(-10deg)}.meeting-avatar__hair--right{right:9px;top:6px;width:9px;height:6px;border-radius:999px 999px 6px 5px;transform:rotate(9deg)}.meeting-avatar__strap{left:9px;top:8px;width:22px;height:4px;border-radius:999px;background:#23282c;z-index:4}.meeting-avatar__lamp{left:calc(50% - 5px);top:4px;width:10px;height:10px;border-radius:999px;background:#2b2f33;box-shadow:0 0 0 2px #35393a75;z-index:5}.meeting-avatar__lamp:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(circle,#fff8df 0 45%,#ffe8a0 72%,#e5c66c)}.meeting-avatar__eye{top:15px;width:4px;height:9px;border-radius:999px;background:#232326;z-index:6}.meeting-avatar__eye--left{left:15px}.meeting-avatar__eye--right{right:15px}.meeting-avatar__portrait--female .meeting-avatar__hair--left{width:13px;left:9px}.meeting-avatar__portrait--female .meeting-avatar__hair--right{width:10px;right:8px}.meeting-avatar__side-hair,.meeting-avatar__back-hair,.meeting-avatar__ponytail{background:linear-gradient(180deg,var(--avatar-hair),color-mix(in srgb,var(--avatar-hair) 72%,black))}.meeting-avatar__side-hair--left{left:8px;top:11px;width:6px;height:12px;border-radius:6px 6px 8px 8px;transform:rotate(-10deg);z-index:0}.meeting-avatar__side-hair--right{right:7px;top:14px;width:7px;height:10px;border-radius:7px 6px 8px 8px;transform:rotate(12deg);z-index:0}.meeting-avatar__back-hair{right:7px;top:10px;width:6px;height:11px;border-radius:6px 5px 7px 8px;transform:rotate(12deg);z-index:0}.meeting-avatar__portrait--bob .meeting-avatar__hair--right{right:7px;top:7px;width:10px;height:6px;z-index:3}.meeting-avatar__ponytail{right:6px;top:12px;width:7px;height:12px;border-radius:6px 6px 9px 9px;transform:rotate(18deg);z-index:0}.control-sheet{position:absolute;right:12px;bottom:164px;z-index:7;display:flex;justify-content:flex-end}.sheet-card{width:min(100%,260px)}.sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.sheet-actions--stacked{grid-template-columns:1fr}.modal-card--task{display:flex;overflow:hidden;width:min(100%,348px);padding:18px 14px 14px}.task-shell{display:flex;flex-direction:column;gap:12px;min-height:0;width:100%}.task-shell__header{display:grid;gap:10px;flex:0 0 auto}.task-shell__header .modal-copy{margin-top:0}.task-shell__body{min-height:0;overflow:visible}.task-block{display:grid;gap:10px}.task-bar{position:relative;height:22px;overflow:hidden;border-radius:999px;background:#00000075}.task-bar__target,.task-bar__fill,.task-bar__needle{position:absolute;top:0;bottom:0}.task-bar__target{border-radius:999px;background:#ffd6665c}.task-bar__fill{left:0;background:linear-gradient(90deg,var(--accent-ghost),rgba(123,255,202,.3))}.task-bar__needle{width:12px;margin-left:-6px;border-radius:999px;background:var(--text-primary)}.task-status,.task-target{margin:0;color:var(--text-primary);font-size:12px;line-height:1.4;text-align:center}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.task-pad,.task-switch{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff0d;color:var(--text-primary)}.task-pad--active,.task-switch--on{box-shadow:0 0 0 1px #7bffca47,0 0 16px #7bffca2e}.task-switch{display:grid;gap:6px}.thermo-toggle{position:absolute;top:108px;right:14px;z-index:7;pointer-events:auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(123,255,202,.22);background:#141820eb;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.pause-toggle{position:absolute;top:34px;right:14px;z-index:7;pointer-events:auto;color:var(--text-glow)}.modal-card--pause{width:min(100%,380px)}.pause-actions{display:grid;gap:12px;margin-top:18px}.thermo-toggle--active{box-shadow:0 0 0 1px #7bffca38,0 0 18px #7bffca29}.uv-scan,.task-tabs,.task-questions,.dots-controls{display:grid;gap:8px}.uv-scan{grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(8px,1.4dvh,10px);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(162,124,255,.12),transparent 62%),#07080cf5}.uv-cell{aspect-ratio:1;border-radius:12px;border:1px solid rgba(162,124,255,.12);background:#11121ceb;color:#f3ecff;font-size:10px;letter-spacing:.1em}.uv-cell--hidden{background:radial-gradient(circle at 50% 50%,#a27cff24,#07080cf5 72%)}.uv-cell--empty{background:#282a36d9}.uv-cell--dirt{background:linear-gradient(145deg,#605434e0,#362c1cfa)}.uv-cell--print{background:linear-gradient(145deg,#b878fff0,#582684fa);box-shadow:inset 0 0 18px #f8dcff42,0 0 14px #b878ff38}.task-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.task-tab{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-dim);font-size:12px}.task-tab--viewed{color:var(--text-primary)}.task-tab--active{border-color:#ffd66638;box-shadow:0 0 0 1px #ffd6662e}.writing-page{min-height:clamp(132px,21dvh,190px);padding:clamp(12px,1.8dvh,14px);border-radius:18px;background:repeating-linear-gradient(180deg,#3d33260f,#3d33260f 22px,#0c0a0700 22px 24px),linear-gradient(180deg,#e8dcc4f5,#c9bba3f5);color:#3b2e1d}.writing-page--evidence{box-shadow:inset 0 0 0 1px #5b2a1729,0 0 18px #ffd66629}.writing-page__ink{display:grid;gap:clamp(8px,1.8dvh,14px);justify-items:center;padding-top:clamp(6px,1.2dvh,12px);font-family:var(--font-special-elite);font-size:clamp(16px,2.6dvh,20px);text-transform:lowercase;transform:rotate(-4deg)}.writing-page__blank{min-height:clamp(96px,15dvh,148px)}.orb-monitor{position:relative;height:clamp(128px,22dvh,176px);overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#d2e7ea0f,#090b10f0),repeating-linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 2px,transparent 2px,transparent 6px),#090b10f5}.orb-monitor:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(123,255,202,.08),transparent 58%);pointer-events:none}.orb-node{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:0;background:transparent;animation:orb-float 2.6s ease-in-out infinite}.orb-node span{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffffff0,#7bffca85 38%,#7bffca0a 72%);box-shadow:0 0 22px #7bffca47}.orb-node--caught{opacity:.22;transform:scale(.74)}.dots-projector{position:relative;padding:clamp(10px,1.6dvh,14px);border-radius:18px;background:linear-gradient(180deg,#0d120cf5,#090c0afa)}.dots-projector__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dots-cell{aspect-ratio:1;border-radius:50%;border:1px solid rgba(145,216,154,.12);background:#17241ae0}.dots-cell--target{box-shadow:inset 0 0 0 2px #ffd6664d}.dots-cell--active{background:radial-gradient(circle,#91d89af0,#297234eb);box-shadow:0 0 16px #91d89a3d}.dots-projector__figure{position:absolute;top:clamp(12px,1.8dvh,16px);left:50%;width:clamp(52px,16vw,70px);height:clamp(90px,14dvh,118px);transform:translate(-50%)}.dots-projector__figure:before,.dots-projector__figure:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-radius:999px;background:#d3ffda6b}.dots-projector__figure:before{top:0;width:26px;height:26px}.dots-projector__figure:after{top:clamp(22px,3.2dvh,30px);width:clamp(32px,10vw,44px);height:clamp(62px,9.4dvh,82px)}.dots-lane{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.dots-lane strong{color:var(--text-primary);font-size:11px;text-align:center}.task-adjust,.task-question{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text-primary)}.task-adjust{height:32px;font-size:17px}.spirit-box{display:grid;gap:8px;padding:clamp(10px,1.6dvh,14px);border-radius:18px;background:linear-gradient(180deg,#2a231af5,#110d0afa);border:1px solid rgba(220,169,121,.18)}.spirit-box--active{animation:radio-shake .22s steps(3,end) 3}.spirit-box__display{min-height:40px;padding:10px;border-radius:12px;background:#0f1012f5;color:#9cffd8;font-family:IBM Plex Mono,monospace;font-size:12px;display:grid;place-items:center;text-align:center}.spirit-box__speaker{height:clamp(26px,5.2dvh,36px);border-radius:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 4px,transparent 4px,transparent 10px),#0e0d0ce6}.spirit-box__speaker--small{height:clamp(12px,2.2dvh,14px)}.task-questions{grid-template-columns:1fr}.task-question{padding:9px 11px;text-align:left;font-size:12px}@media(max-width:480px),(max-height:760px){.overlay--menu{align-items:flex-start;padding-block:20px 28px;overflow-y:auto}.overlay--lobby{padding:12px}.menu-stage{width:min(100%,430px);padding:40px 0 0}.role-grid--solo{gap:8px}.role-card--solo{min-height:96px;padding:10px 6px 8px}.role-card--solo .role-card__icon{width:40px;height:40px}.role-card--investigator .role-card__icon,.role-card--ghost .role-card__icon{width:48px;height:48px}.role-card--solo .role-card__icon-svg{width:22px;height:22px}.role-card--investigator .role-card__icon-svg,.role-card--ghost .role-card__icon-svg{width:28px;height:28px}.role-card--solo .role-card__body strong{font-size:10px;letter-spacing:.06em}.live-lobby-panel{width:min(100%,360px);padding:16px 14px}.live-lobby-hud--top-left,.live-lobby-hud--top-right{top:12px}.live-lobby-hud--top-left{left:12px}.live-lobby-hud--top-right{right:12px;left:12px;justify-items:stretch}.live-lobby-hud__actions{flex-direction:column}.live-lobby-card{width:min(100vw - 24px,340px);padding:14px 16px}.live-lobby-card--room-code{justify-items:start;text-align:left}.live-lobby-card--roster{left:12px;right:12px;bottom:96px;width:auto}.live-lobby-card--palette{left:12px;right:12px;bottom:96px;width:auto;transform:none}.live-lobby-start{left:12px;right:12px;bottom:16px;width:auto;max-width:none}.menu-mode-switch{grid-template-columns:1fr}.live-panel__header,.live-lobby-panel__header,.live-peer{flex-direction:column;align-items:stretch}.live-peer__badge{align-self:flex-start}.modal-card--task{width:min(100%,328px);padding:14px 12px 12px}.modal-card--task h2{font-size:26px}.task-shell{gap:10px}.task-shell__header{gap:8px}.modal-card--task .modal-copy{font-size:12px;line-height:1.35}.task-block{gap:8px}.task-status,.task-target{font-size:11px;line-height:1.3}.uv-scan,.task-tabs,.task-questions,.dots-controls{gap:6px}.task-tab{padding:7px 8px;font-size:11px}.writing-page{min-height:108px;padding:10px}.writing-page__ink{font-size:14px;gap:6px;padding-top:4px}.writing-page__blank{min-height:86px}.orb-monitor{height:116px}.orb-node{width:24px;height:24px;margin:-12px 0 0 -12px}.dots-projector{padding:8px}.dots-projector__grid{width:min(100%,212px);gap:5px;margin:0 auto}.dots-projector__figure{top:8px;width:38px;height:64px}.dots-projector__figure:before{width:18px;height:18px}.dots-projector__figure:after{top:16px;width:22px;height:42px}.dots-lane{grid-template-columns:32px 1fr 32px;gap:6px}.dots-lane strong{font-size:10px}.dots-controls{gap:4px}.task-adjust{height:28px;font-size:15px}.spirit-box{gap:6px;padding:8px}.spirit-box__display{min-height:34px;padding:8px;font-size:11px}.spirit-box__speaker{height:22px}.spirit-box__speaker--small{height:10px}.task-question{padding:8px 9px;font-size:11px}}.task-question--active,.task-question--asked{box-shadow:0 0 0 1px #dca97938}.task-question--asked{opacity:.68}.touch-stick{position:absolute;left:18px;bottom:28px;z-index:7;width:112px;height:112px;border-radius:50%;border:2px solid var(--card-border);background:#1418206b;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 0 1px #ffffff0a}.touch-stick__thumb{position:absolute;left:50%;top:50%;width:46px;height:46px;margin-left:-23px;margin-top:-23px;border-radius:50%;background:#7bffca3d;box-shadow:0 0 18px #7bffca38}.keyboard-pad{position:absolute;left:18px;bottom:28px;z-index:7;display:grid;gap:8px;justify-items:center;width:132px;pointer-events:none}.keyboard-pad__label{color:var(--text-dim);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.keyboard-pad__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". up ." "left down right";gap:8px;width:100%}.keyboard-pad__key{display:grid;place-items:center;min-height:42px;border-radius:16px;border:1px solid var(--card-border);background:radial-gradient(circle at top,rgba(123,255,202,.1),transparent 68%),#141820db;color:var(--text-primary);font-family:var(--font-special-elite);font-size:16px;line-height:1;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #0000004d;transition:transform .14s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.keyboard-pad__key--up{grid-area:up}.keyboard-pad__key--left{grid-area:left}.keyboard-pad__key--down{grid-area:down}.keyboard-pad__key--right{grid-area:right}.keyboard-pad__key--active{transform:translateY(-1px);background:linear-gradient(180deg,#8effd6,#4cb88d);color:#07110f;box-shadow:0 0 0 1px #7bffca57,0 0 18px #7bffca3d}.touch-controls{position:absolute;right:34px;bottom:42px;z-index:7;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.touch-controls--desktop{right:18px;bottom:28px;align-items:flex-end}.touch-controls--desktop .touch-actions{align-items:flex-end}.touch-controls__prompt{min-width:132px;max-width:min(220px,calc(100vw - 32px));padding:8px 12px;border-radius:14px;background:#141820eb;color:var(--text-primary);font-size:11px;line-height:1.35;text-align:center;white-space:nowrap;box-shadow:0 14px 28px #00000047}.touch-controls--desktop .touch-controls__prompt{max-width:188px;white-space:normal}.touch-actions{position:static;display:flex;align-items:flex-end;justify-content:flex-end;gap:6px}.touch-actions--stacked{flex-direction:column}.touch-actions__item{display:grid;justify-items:center;gap:4px}.touch-button{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#141820eb;color:var(--text-primary);border:1px solid var(--card-border);pointer-events:auto;touch-action:manipulation}.touch-button--warn{box-shadow:0 0 0 1px #ff6b4a33,0 0 18px #ff6b4a29}.touch-button--gold{box-shadow:0 0 0 1px #ffd66633,0 0 18px #ffd66629}.touch-button--spirit{box-shadow:0 0 0 1px #b07aff33,0 0 18px #b07aff29}.touch-button__icon{width:28px;height:28px}.touch-actions__label{color:var(--text-dim);font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.45)}.solo-item-pill{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:0;border-radius:28px;background:#141820f5;border:1px solid var(--card-border);overflow:hidden;z-index:20;box-shadow:0 8px 24px #0006;pointer-events:auto}.solo-item-pill__slot{display:grid;place-items:center;width:52px;height:52px;background:transparent;border:0;color:var(--text-primary);cursor:pointer;transition:background 80ms ease,color 80ms ease}.solo-item-pill__slot+.solo-item-pill__slot{border-top:1px solid rgba(255,255,255,.08)}.solo-item-pill__slot--active{background:#ffd666eb;color:#0a0c10}.solo-item-pill__slot svg{width:22px;height:22px}.touch-button--active{box-shadow:0 0 0 2px #ffd66699,0 0 18px #ffd66633}.touch-actions__item--primary{order:99}.role-reveal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#0a0c10f2}.role-reveal__dismiss{position:relative;display:grid;gap:14px;justify-items:center;width:100%;padding:24px;background:transparent;border:0;color:var(--text-primary)}.role-reveal__title{font-family:var(--font-creepster);font-size:clamp(40px,11vw,60px);line-height:.95;text-align:center;transform-origin:center;animation:role-slam .65s cubic-bezier(.2,1.25,.38,1) both}.role-reveal--ghost .role-reveal__title{color:var(--accent-warn);text-shadow:0 0 20px rgba(255,107,74,.4);animation:role-slam .65s cubic-bezier(.2,1.25,.38,1) both,role-shake .22s steps(3,end) .54s 1}.role-reveal--investigator .role-reveal__title{color:var(--accent-ghost);text-shadow:0 0 20px rgba(123,255,202,.4)}.role-reveal__body{max-width:260px;margin:0;font-size:14px;line-height:1.5;text-align:center}.role-reveal__spotlight{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.16),transparent 24%);animation:spotlight-sweep 2.4s ease-in-out infinite}.death-screen{position:absolute;inset:0;z-index:11;display:grid;place-content:center;gap:8px;background:linear-gradient(180deg,#ff6b4ac2,#0a0c10f0 54%),#0a0c10f5;text-align:center}.death-screen strong{color:#fff1ea;font-family:var(--font-creepster);font-size:clamp(42px,12vw,64px)}.death-screen span{color:var(--text-primary);font-size:13px}@keyframes button-pulse{0%,to{box-shadow:0 0 0 1px #7bffca4d,0 0 18px #7bffca47}50%{box-shadow:0 0 0 1px #7bffca80,0 0 28px #7bffca6b}}@keyframes title-flicker{0%,19%,22%,63%,to{opacity:1}20%,21%,60%{opacity:.84}}@keyframes screen-flicker{0%,91%,to{opacity:1}92%,93%{opacity:.92}}@keyframes loading-fill{0%{transform:scaleX(.18);opacity:.6}50%{transform:scaleX(.74);opacity:1}to{transform:scaleX(1);opacity:.82}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes danger-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes danger-flicker{0%,to{opacity:1}50%{opacity:.46}}@keyframes evidence-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}@keyframes role-slam{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes role-shake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes radio-shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes spotlight-sweep{0%{transform:translate(-45%);opacity:0}20%{opacity:1}60%{transform:translate(36%);opacity:.85}to{transform:translate(45%);opacity:0}}.solo-objectives{position:fixed;top:92px;right:12px;z-index:32;width:min(184px,calc(100vw - 24px));padding:12px 12px 10px;border:1px solid rgba(130,210,182,.28);border-radius:16px;background:#060e12e0;box-shadow:0 14px 30px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solo-objectives--danger{border-color:#ff6e4a8c}.solo-objectives__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#e7f6f2e0;font-size:11px;letter-spacing:.12em}.solo-objectives__header strong{color:#f0d9a4;font-size:11px;letter-spacing:0;text-transform:none}.solo-objectives__list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.solo-objectives__item{display:flex;align-items:flex-start;gap:8px;color:#e9f6f2d1;font-size:12px;line-height:1.35}.solo-objectives__item--done{color:#7bffca}.gear-panel{position:fixed;left:12px;bottom:104px;z-index:32;width:min(280px,calc(100vw - 24px));pointer-events:auto;padding:12px;border-radius:16px;border:1px solid rgba(130,210,182,.24);background:#060e12eb;box-shadow:0 14px 30px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gear-panel__header,.gear-panel__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.gear-panel__header{margin-bottom:10px;color:#e7f6f2e0;font-size:11px;letter-spacing:.12em}.gear-panel__header strong{color:#f0d9a4;font-size:11px;letter-spacing:0}.gear-panel__section+.gear-panel__section{margin-top:10px}.gear-panel__label{display:block;margin-bottom:6px;color:#c7dbd5c7;font-size:11px}.gear-panel__grid{display:flex;flex-wrap:wrap;gap:6px}.gear-panel__wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gear-panel__item{border:1px solid rgba(130,210,182,.2);border-radius:999px;background:#0f1a1eeb;color:var(--text-primary);padding:7px 10px;font-size:11px}.gear-panel__item--active{border-color:#f0d9a4b3;box-shadow:0 0 0 1px #f0d9a438}.gear-panel__item--truck{color:#7bffcae0}.gear-panel__item--wall{display:grid;justify-items:start;gap:3px;min-height:58px;padding:10px 12px;border-radius:16px;text-align:left}.gear-panel__item--loaded{border-color:#7bffca73;box-shadow:0 0 0 1px #7bffca24}.gear-panel__item--placed{color:#f0d9a4eb}.gear-panel__item-copy{font-size:12px;color:var(--text-primary)}.gear-panel__item-state{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c7dbd5ad}.gear-panel__actions{margin-top:12px;flex-wrap:wrap}@media(min-width:480px){.status-banner{margin-inline:16px}.temp-meter,.pause-toggle,.solo-objectives{right:16px}.gear-panel{left:16px}.control-sheet{right:16px}.touch-controls{right:38px;bottom:46px}.keyboard-pad{left:16px;bottom:32px}.touch-controls--desktop{right:16px;bottom:32px}}.meeting-chat{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;margin-bottom:.75rem}.meeting-chat__feed{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.meeting-chat__msg{font-size:12px;line-height:1.4;color:var(--text-dim);display:flex;gap:6px}.meeting-chat__msg strong{color:var(--text-bright);flex-shrink:0}.meeting-chat__msg--self strong{color:var(--accent, #7ec8e3)}.meeting-chat__open-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-bright);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;align-self:center}.meeting-chat__open-btn:hover{background:#ffffff1a}.meeting-chat__picker{background:#00000059;border-radius:10px;border:1px solid rgba(255,255,255,.08);padding:8px}.meeting-chat__templates{display:flex;flex-wrap:wrap;gap:6px}.meeting-chat__template-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-bright);font-size:12px;cursor:pointer;transition:background .15s}.meeting-chat__template-btn:hover{background:#ffffff1f}.meeting-chat__template-btn--cancel{color:var(--text-dim);border-color:#ffffff0f}.meeting-chat__slots{display:flex;flex-direction:column;gap:6px}.meeting-chat__slot-label{font-size:11px;color:var(--text-dim);margin:0}.meeting-chat__slot-options{display:flex;flex-wrap:wrap;gap:6px}.meeting-chat__slot-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-bright);font-size:12px;cursor:pointer;transition:background .15s}.meeting-chat__slot-btn:hover{background:#ffffff1f}.controls-settings{margin-top:.5rem}.controls-grid{display:grid;grid-template-columns:1fr auto;gap:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.controls-grid__row{display:contents}.controls-grid__row:nth-child(odd) .controls-grid__action,.controls-grid__row:nth-child(odd) .controls-grid__key{background:#ffffff05}.controls-grid__action{padding:7px 12px;font-size:12px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.04)}.controls-grid__key{padding:7px 12px;font-size:12px;font-weight:600;color:var(--text-bright);text-align:right;border-bottom:1px solid rgba(255,255,255,.04);font-family:var(--font-mono, monospace);letter-spacing:.04em}.controls-grid__row:last-child .controls-grid__action,.controls-grid__row:last-child .controls-grid__key{border-bottom:none}.audio-settings{display:flex;justify-content:space-evenly;align-items:center;margin-top:1.5rem;padding:1rem 0}.audio-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.audio-col--locked{opacity:.5;pointer-events:none}.audio-mute-toggle{display:flex;justify-content:center;align-items:center;width:52px;height:52px;border-radius:12px;border:2px solid var(--accent-ghost);background:#ffffff0a;color:var(--accent-ghost);cursor:pointer;transition:all .2s ease}.audio-mute-toggle:hover{background:#ffffff14;transform:scale(1.05)}.audio-mute-toggle--muted{border-color:#ffffff26;color:var(--text-dim)}.audio-slider-container{width:52px;height:220px;min-height:220px;flex-shrink:0;background:#14182080;border:2px solid rgba(255,255,255,.08);border-radius:12px;position:relative;overflow:hidden;cursor:pointer}.audio-slider-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--accent-ghost);transition:height .1s ease}.audio-col-label{font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}