.live-page.host-page,.live-page.pad-page{background:#140e0b;color:#ede6d8}.live-page.host-page .topbar,.live-page.pad-page .topbar{color:#ede6d8}.live-page.host-page .note,.live-page.pad-page .note,.live-page.host-page .status,.live-page.pad-page .status,.live-page.host-page .eyebrow,.live-page.pad-page .subhead{color:#b2a89a}.live-page.host-page a,.live-page.pad-page a{color:#e8dcc4}.live-page{gap:8px}.live-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:12px;flex:1;min-height:0}.live-side{display:flex;flex-direction:column;gap:8px;overflow:auto}.room-code-block{display:flex;flex-direction:column;gap:8px;align-items:stretch}.room-code{font-size:clamp(2.4rem,8vw,4rem);font-weight:700;letter-spacing:.18em;text-align:center;padding:16px 8px;background:#2a1c16;border:2px solid #a57b2e;border-radius:12px;color:#e8c878;-webkit-user-select:all;user-select:all;cursor:text;outline:none}.room-code:focus{box-shadow:0 0 0 3px #e8c87859}.btn-copy-code{width:100%}.phase-pill{margin-left:auto;font-size:12px;padding:4px 10px;border-radius:999px;background:#2a1c16;border:1px solid #403a31;color:#b2a89a}.live-actions{display:flex;flex-wrap:wrap;gap:8px}.live-actions .btn.secondary,button.secondary,a.btn.secondary{background:#2a1c16;color:#ede6d8;border-color:#403a31}.live-page .btn,.live-page button.btn,.live-page a.btn{background:#5c241f;color:#fff;border-color:#7a3028}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seat-list .seat{padding:10px 12px;border-radius:10px;border:1px solid #403a31;background:#2a1c16;color:#ede6d8}.seat-list .seat.taken{border-color:#a57b2e}.live-stage-column{min-height:0;display:flex;flex-direction:column}.live-stage-column .stage-wrap{flex:1;min-height:0}.shadow-proscenium{background:linear-gradient(160deg,#3a1814,#1a0c0a 40%,#2c1410);border:10px solid #4a1e18;border-image:none;box-shadow:inset 0 0 0 3px #6b2e24,inset 0 0 0 6px #a57b2e59,0 8px 28px #0000008c,0 0 40px #50281440;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center}.shadow-proscenium canvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 100px);background:transparent;border-radius:4px;border:none;box-shadow:inset 0 0 24px #28140826}.live-stage-column canvas{max-height:calc(100dvh - 100px)}.status.is-error{color:#e88a84}.pad-panel{max-width:420px;margin:24px auto;display:flex;flex-direction:column;gap:12px;padding:16px;background:#2a1c16;border-radius:14px;border:1px solid #403a31;color:#ede6d8}.room-input-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b2a89a}#roomInput{font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:12px;border-radius:10px;border:1px solid #403a31;background:#1a100c;color:#ede6d8}.seat-buttons{display:flex;flex-direction:column;gap:10px}.seat-pick.mine{background:#bc3532;color:#fff}.pad-play{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.pad-char{text-align:center;font-weight:600;color:#ede6d8}.pad-page .stage-column{flex:1;min-height:0}.pad-page .shadow-proscenium canvas,.pad-page #padStage{width:100%;height:auto;max-height:min(42dvh,380px);background:transparent;border-radius:4px;border:none}.art-steps{max-width:560px;margin:0 auto 8px;padding:10px 12px;background:#2a1c16;border:1px solid #403a31;border-radius:12px}.art-steps-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#e8c878}.art-actions{display:flex;flex-wrap:wrap;gap:8px}.art-actions .btn,.art-actions button{flex:1 1 auto;min-width:7.5em;text-align:center}.art-hint{margin:8px 0 0;font-size:12px}.pad-page .rod-toolbar{color:#b2a89a}@media (max-width: 800px){.live-layout{grid-template-columns:1fr}.room-code{font-size:2.2rem}}