:root{font-family:DM Sans,system-ui,sans-serif;color:#ece9dd;background:#101923;font-synthesis:none;font-weight:400;line-height:1.5;color-scheme:dark;--gold: #e6bb74;--muted: #a9b6bb;--border: #34414a;--teal: #6ed4c4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#20353655,transparent 50%),#101923}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid #626967;background:#25343c;color:#f5efdf;padding:10px 17px;border-radius:5px;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#344c53}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--gold);color:#202225;border-color:var(--gold);font-weight:700}button.primary:hover:not(:disabled){background:#f6ce8c}button.quiet{background:transparent;border-color:var(--border)}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}a{color:inherit}.full{width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Libre Caslon Display,Georgia,serif;font-weight:400}h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.06;margin-bottom:20px}h2{font-size:1.8rem;line-height:1.2;margin-bottom:15px}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.17em;color:var(--gold);margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:.8rem}.site-header{min-height:100px;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:15px}.brand{text-decoration:none;font-family:Georgia,serif;letter-spacing:.16em;font-size:1.45rem;color:var(--gold);line-height:1.2}.brand>span{font-size:1.6rem}.brand small{display:block;font:9px DM Sans,sans-serif;letter-spacing:.3em;margin:6px 0 0 33px;color:#bcc5bf}.header-right{display:flex;gap:16px;align-items:center}.alpha-label{font-size:.6rem;letter-spacing:.18em;color:var(--muted)}main{max-width:1600px;padding:36px 4vw 50px;margin:auto;min-height:calc(100vh - 175px)}footer{display:flex;gap:20px;justify-content:space-between;padding:22px 4vw;border-top:1px solid var(--border);font-size:.65rem;letter-spacing:.1em;color:var(--muted)}footer>span{letter-spacing:0}.welcome-layout{display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:7vw;max-width:1150px;margin:15px auto}.welcome-copy h1{font-size:clamp(3rem,6vw,5.3rem);line-height:1.02}.welcome-copy em{font-weight:400;color:var(--gold)}.intro{max-width:450px;color:#bdc8c9;font-size:1rem;margin-bottom:28px}.welcome-copy>.stage{min-height:260px;max-height:310px}.welcome-copy .stage-title{display:none}.welcome-copy .npc-token{bottom:20px}.welcome-copy>.small{margin-top:12px}.panel{background:#18242e;border:1px solid var(--border);border-radius:8px;padding:25px}.auth-panel{padding:32px}.auth-panel h2{font-size:2.2rem}.auth-panel form{margin-top:28px}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:.78rem;font-weight:600}input,select{min-width:0;width:100%;min-height:46px;padding:11px 13px;border-radius:4px;border:1px solid #45535b;background:#101b24;color:#f5efdf}input::placeholder{color:#85949e;font-weight:400}details{border-top:1px solid var(--border);margin-top:22px;padding-top:12px;font-size:.8rem}summary{cursor:pointer;min-height:44px;display:flex;align-items:center}summary:before{content:"+ ";color:var(--gold);padding-right:8px}details p{color:#bdc8c9;margin-top:10px}.divider{height:1px;background:var(--border);margin:28px 0 20px}.notice,.error,.success,.simulation{padding:14px 18px;margin-bottom:20px;border:1px solid #aa8841;background:#3b3222;border-radius:6px;font-size:.85rem}.notice p{margin:8px 0 0}.error{border-color:#d39181;background:#442f30}.success{border-color:#5f9e88;background:#1d3c37}.error button{margin-left:14px}.simulation{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.simulation strong{letter-spacing:.12em}.simulation span{flex:1}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.room-heading h1{font-size:2.7rem;margin-bottom:18px}.room-heading .eyebrow{margin-bottom:8px}.session-bar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:.75rem;margin-bottom:20px;color:#b8c7cb}.session-bar>span:last-child{margin-left:auto}.pill{display:inline-block;border:1px solid #6f9e92;background:#112e2f;color:#a1e6d8;padding:5px 9px;font-size:.65rem;letter-spacing:.06em;border-radius:4px}.director-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:18px;align-items:start}.player-layout{grid-template-columns:1fr;max-width:1100px;margin:auto}.scene-rail,.preview-panel{padding:18px}.scene-rail h2,.preview-panel h2{font-size:1.6rem}.scene-rail .muted{font-size:.78rem}.scene-choice{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:13px 10px;margin:12px 0;border-color:var(--border);font-size:.8rem;background:#111c26}.scene-choice.selected{border-color:var(--gold);background:#35312b}.scene-choice small{display:block;color:#afbbb8;font-size:.6rem;margin-top:4px}.scene-number{color:var(--gold);font-size:.7rem}.scene-rail .small{margin:24px 0 0}.stage{position:relative;isolation:isolate;overflow:hidden;min-height:420px;background:linear-gradient(170deg,#182f43,#326974 65%,#152c3c);border:1px solid #496361;border-radius:7px}.stage.storehouse{background:linear-gradient(150deg,#292d40,#725a48 70%,#202d35)}.stage.landing{background:linear-gradient(160deg,#111e36,#32576a 65%,#246a78)}.stage.waiting{background:linear-gradient(155deg,#1b2a39,#223943)}.stage-top{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px;z-index:4}.art-label{font-size:.6rem;background:#14232bba;padding:4px 8px;color:#bdcccb;border-radius:3px}.sky-orb{position:absolute;top:13%;right:20%;height:65px;width:65px;border-radius:50%;background:#e1cf99;box-shadow:0 0 80px #dbce9840}.mountains{position:absolute;inset:18% -15% 0;background:#17303d;clip-path:polygon(0 50%,16% 32%,25% 40%,36% 10%,50% 45%,63% 20%,73% 35%,84% 5%,100% 30%,100% 100%,0 100%)}.buildings{position:absolute;inset:22% -5% 0;display:flex;justify-content:space-between;gap:2%;opacity:.9}.buildings i{width:22%;background:linear-gradient(90deg,#16262b 30%,#a2733d55 32%,#273c3e 35%);clip-path:polygon(0 25%,15% 23%,48% 3%,82% 23%,100% 25%,92% 32%,85% 32%,85% 100%,15% 100%,15% 32%,8% 32%)}.buildings i:nth-child(2){margin-top:60px}.buildings i:nth-child(3){margin-top:80px}.river{position:absolute;bottom:-40%;left:18%;width:80%;height:75%;background:repeating-linear-gradient(0deg,#6cb3a244 0 2px,#387c8033 3px 18px);transform:rotate(-23deg);border:1px solid #68a49b55;border-radius:50%}.lanterns{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-start;pointer-events:none}.lanterns i{display:block;margin-top:100px;width:14px;height:23px;background:#f0bd6a;border:2px solid #bf7f3d;border-radius:4px;box-shadow:0 0 28px #ffb93c55;transform:rotate(-6deg)}.lanterns i:nth-child(2n){margin-top:160px;transform:scale(.7)}.lanterns i:nth-child(3n){margin-top:60px;transform:scale(.5)}.storehouse .sky-orb{display:none}.storehouse .buildings i{width:40%;clip-path:polygon(0 20%,50% 0,100% 20%,90% 25%,90% 100%,10% 100%,10% 25%)}.storehouse .river{opacity:.2}.landing .buildings{opacity:.35}.landing .lanterns{opacity:.65}.stage-title{position:absolute;top:80px;left:25px;right:25px;text-shadow:0 2px 10px #000b;z-index:3}.stage-title .eyebrow{font-size:.55rem;margin-bottom:7px;color:#f5d3a1}.stage-title h2{font-size:2.2rem;margin:0}.stage-title p{font-size:.8rem;margin-top:10px}.npc-token{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;min-width:150px;text-align:center;border:1px solid #d5b37580;border-radius:65px 65px 8px 8px;background:linear-gradient(#1d434ac9,#11242de8);padding:18px 22px 12px;box-shadow:0 10px 30px #10152055}.npc-token>span{font:60px Georgia,serif;display:block;color:var(--gold);line-height:1.2}.npc-token strong,.npc-token small{display:block;white-space:nowrap}.npc-token strong{font-size:.78rem}.npc-token small{font-size:.57rem;color:#9eb7b6}.preview-panel .stage{min-height:190px}.preview-panel .stage-top{padding:8px}.preview-panel .art-label{display:none}.preview-panel .stage-title{top:45px;left:12px;right:12px}.preview-panel .stage-title h2{font-size:1.25rem}.preview-panel .stage-title .eyebrow{display:none}.preview-panel .npc-token{bottom:10px;min-width:100px;padding:8px 12px}.preview-panel .npc-token>span{font-size:24px}.preview-panel .npc-token strong{font-size:.65rem}.preview-panel .sky-orb{height:30px;width:30px}.preview-panel details{margin-top:14px}.preview-panel>.small{margin-top:15px}.seat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.seat{position:relative;text-align:center;padding:15px 6px 12px;background:#192630;border:1px solid #70594c;border-top:2px solid #ba8068;border-radius:6px}.seat-2{border-color:#635777;border-top-color:#9d8bb9}.seat-3{border-color:#476776;border-top-color:#79b0c6}.seat-4{border-color:#527265;border-top-color:#80b799}.seat-number{position:absolute;top:7px;left:8px;font-size:.55rem;color:var(--gold)}.seat-avatar{font-size:25px;color:#8a9c9f;padding:5px}.seat strong{display:block;font-size:.75rem;overflow-wrap:anywhere}.seat small{display:block;font-size:.55rem;color:var(--muted);margin-top:5px}.own-seat{outline:2px solid var(--teal);outline-offset:2px}.stage-footnote{color:#95a9b0;font-size:.65rem;margin-top:14px}.invite-section{margin:24px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:26px}.invite-section h2{font-size:1.6rem}.invite-section .eyebrow{margin-bottom:6px}.invite-section p{font-size:.78rem;margin-bottom:0}.invite-section form{grid-template-columns:1fr 100px auto;align-items:end}.invite-result{grid-column:1/-1}.invite-result small{font-weight:400;color:var(--muted)}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.room-link{display:flex;width:100%;text-align:left;justify-content:space-between;gap:15px;margin:12px 0}.room-link span{color:var(--gold);font-size:.7rem;white-space:nowrap}@media(min-width:1600px){.stage{min-height:490px}}@media(max-width:1150px){.director-layout{grid-template-columns:180px minmax(0,1fr)}.preview-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.preview-panel .stage{grid-row:1/6;grid-column:1}.preview-panel>*{grid-column:2}.preview-panel .eyebrow,.preview-panel h2{margin:0}.player-layout,.invite-section{grid-template-columns:1fr}.welcome-layout{gap:4vw}.auth-panel{padding:25px}}@media(max-width:760px){.site-header{min-height:78px;padding:17px 5vw}.brand{font-size:1.15rem}.alpha-label{display:none}main{padding:24px 5vw 35px}.welcome-layout{grid-template-columns:1fr}.welcome-copy h1{font-size:3.7rem}.welcome-copy>.stage{display:none}.intro{margin-bottom:10px}.welcome-copy>.small{margin-bottom:20px}.auth-panel{padding:24px}.room-heading h1{font-size:2.1rem}.room-heading{align-items:flex-start}.room-heading>button{font-size:.7rem;flex-shrink:0}.director-layout{grid-template-columns:1fr}.scene-rail{display:flex;flex-wrap:wrap;gap:10px;padding:15px}.scene-rail h2,.scene-rail>.muted,.scene-rail>.small{display:none}.scene-rail>.eyebrow{width:100%;margin-bottom:0}.scene-choice{width:auto;flex:1;margin:0;min-width:95px;gap:5px;padding:9px 7px}.scene-choice .scene-number{display:none}.stage{min-height:350px}.stage-title h2{font-size:1.8rem}.preview-panel{grid-template-columns:1fr}.preview-panel .stage{grid-row:auto;grid-column:1}.preview-panel>*{grid-column:1}.seat-grid{gap:6px}.seat strong{font-size:.65rem}.seat small{font-size:.5rem}.seat{padding:12px 4px}.session-bar{gap:10px;font-size:.65rem}.session-bar>span:last-child{margin-left:0}.invite-section form{grid-template-columns:1fr 80px}.invite-section form button{grid-column:1/-1}.invite-section{padding:18px}.stage-title{left:18px;right:18px}.art-label{font-size:.5rem}.simulation{font-size:.75rem;padding:12px}.simulation span{min-width:100%}.error button{margin:10px 8px 0 0}footer{flex-direction:column;gap:6px}.npc-token{bottom:24px}.header-right{gap:5px}}@media(max-height:550px)and (orientation:landscape){.site-header{min-height:60px;padding:10px 4vw}main{padding-top:18px}.stage{min-height:235px}.stage-title{top:53px}.npc-token{bottom:15px;padding:10px 18px}.npc-token>span{font-size:30px}.seat{padding:7px}.seat-avatar{display:none}.room-heading h1{font-size:1.7rem}.stage-top{padding:10px}.stage-footnote{grid-column:1/-1}.welcome-layout{grid-template-columns:1fr 1fr}.welcome-copy h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.player-session{--player-safe-top: env(safe-area-inset-top, 0px);--player-safe-right: env(safe-area-inset-right, 0px);--player-safe-bottom: env(safe-area-inset-bottom, 0px);--player-safe-left: env(safe-area-inset-left, 0px);height:100vh;height:100dvh;padding:var(--player-safe-top) var(--player-safe-right) var(--player-safe-bottom) var(--player-safe-left)}.player-session>.site-header,.player-session>footer{display:none}.player-session>main{width:100%;max-width:none;min-height:0;height:100%;margin:0;padding:4px 8px 6px;display:flex;flex-direction:column}.player-session>main>.error,.player-session>main>.success{flex:0 0 auto;margin:0 0 4px;padding:6px 10px}.player-room{flex:1;min-width:0;min-height:360px;display:flex;flex-direction:column;gap:4px}.player-session .player-room{min-height:0}.player-orientation-note{display:none}.player-toolbar{flex:0 0 auto;min-height:44px;display:flex;align-items:center;gap:12px}.player-toolbar h1{flex:1;min-width:0;margin:0;padding-left:4px;font-size:clamp(1rem,2vw,1.35rem);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-connection{color:var(--gold);font-size:.75rem}.player-info-button{flex:0 0 auto;font-size:.8rem;padding:8px 12px}.player-info-button>span{margin-right:5px}.player-stage-and-seats{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(56px,16dvh,96px);gap:6px}.player-room .stage{min-height:0;height:100%;container-type:size}.player-scenery{position:absolute;left:50%;top:50%;width:max(100cqw,177.7778cqh);aspect-ratio:16 / 9;transform:translate(-50%,-50%);pointer-events:none}.player-room .stage-top{display:none}.player-room .stage-title{top:14px;left:18px;right:18px}.player-room .stage-title .eyebrow{display:none}.player-room .stage-title h2{font-size:clamp(1rem,2.5vw,1.5rem)}.player-room .stage.waiting .stage-title{top:25%;text-align:center}.player-room .npc-token{bottom:8px;width:min(240px,36cqw,90cqh);aspect-ratio:4 / 3;max-height:none;height:auto;min-height:0;min-width:0;padding:8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-room .npc-token>span{font-size:clamp(24px,14cqh,52px);line-height:1}.player-room .npc-token strong{font-size:clamp(.8rem,1.8vw,1rem);max-width:100%;white-space:normal;overflow-wrap:anywhere}.player-room .npc-token small{display:none}.player-seat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:6px;padding:3px}.player-seat-strip .seat{min-width:0;padding:6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-seat-strip .seat-number{top:4px;left:7px;font-size:11px}.player-seat-strip .seat-avatar{display:block;padding:0;font-size:20px;line-height:1}.player-seat-strip .seat strong{max-width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat-strip .seat small{font-size:11px;margin-top:2px}.player-info-dialog{color:#ece9dd;background:#18242e;border:1px solid var(--border);border-radius:8px;width:min(460px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:20px;overflow:auto;font-size:.9rem}.player-info-dialog::backdrop{background:#06121bc9}.player-info-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.player-info-heading h2{margin:0;font-size:1.7rem}.player-info-dialog>p{margin:16px 0}.player-info-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px}.player-info-dialog dt{color:var(--muted)}.player-info-dialog dd{margin:0}.portrait-tip{display:none}@media(orientation:portrait){.player-stage-and-seats{flex:0 1 auto;height:calc(115vw + clamp(56px,16dvh,96px) + 6px)}.player-orientation-note{display:block;flex:0 0 auto;margin:0 0 2px;text-align:center;font-size:12px;color:var(--muted)}.player-room .npc-token{width:min(60cqw,240px,90cqh)}.player-seat-strip .seat{padding:6px 4px}.player-seat-strip .seat small{font-size:10px}.portrait-tip{display:block}}@media(max-height:450px)and (orientation:landscape){.player-toolbar{gap:8px}.player-toolbar h1{font-size:.9rem}.player-info-button{padding:6px 10px}.player-room .stage-title{top:8px;left:12px;right:12px}.player-room .stage-title h2{font-size:1rem}.player-seat-strip .seat-avatar{display:none}}