/* Physical artifacts in one world. Cream stock is avoided: paper remains white. */
:root{--ink:#30242d;--wine:#71364f;--paper:#fafafa;--rule:#d9cdd4}
#box-office-control{pointer-events:auto;z-index:4;touch-action:manipulation}
#room{padding:5vh 5vw;pointer-events:auto;align-items:center;justify-items:center}
.artifact-flight{width:min(1060px,100%);perspective:1600px;transform:translate(-125vw,-20vh) rotate(-18deg) rotateY(-20deg);transition:transform .65s cubic-bezier(.2,.72,.25,1);pointer-events:none}
#room.visible .artifact-flight{transform:translate(0,0) rotate(0)}#room.closing .artifact-flight{transform:translate(125vw,-45vh) rotate(24deg) rotateY(30deg);transition-duration:.55s}
.world-artifact{position:relative;max-height:86vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);pointer-events:auto;box-shadow:0 24px 55px #0008;transform:rotate(-.35deg);border:1px solid #e2dade}
.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 22px 0;font:9px Arial,sans-serif;letter-spacing:2px;color:#7d6373}
.artifact-close{font:28px/1 Georgia;width:44px;height:44px;display:grid;place-items:center;color:var(--wine);flex-shrink:0}
.artifact-content{padding:12px 32px 24px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#9e8191 transparent;min-height:0;flex:1;transition:transform .22s,filter .22s;transform-origin:left center}
.artifact-content.turning-page{transform:rotateY(-16deg) skewY(-1deg);filter:brightness(.86)}
.artifact-footer{display:flex;justify-content:space-between;gap:20px;padding:10px 22px;border-top:1px solid var(--rule);font:10px/1.5 Arial,sans-serif;letter-spacing:.6px}.artifact-footer button{min-height:32px}
.artifact-heading{margin:6px 0 22px}.artifact-heading h1{font:normal clamp(30px,3.4vw,46px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-1.2px;margin:9px 0 0}.artifact-heading h1:focus{outline:none}.world-artifact .overline{font:9px/1.5 Arial,sans-serif;letter-spacing:1.7px;color:var(--wine)}
.world-artifact h2{font:normal 30px/1.1 Georgia,serif;letter-spacing:-.4px}.world-artifact h3{font:normal 23px/1.15 Georgia,serif}.world-artifact p{font-size:17px;line-height:1.5}.world-artifact .artifact-intro{font-size:20px;line-height:1.4;max-width:620px}.world-artifact .small-copy{font:13px/1.55 Arial,sans-serif;color:#6f6069}
.world-artifact button,.world-artifact a,.scrap-detail button{touch-action:manipulation}.world-artifact button:disabled{opacity:.4;cursor:default}.ink-link,.ink-button{color:var(--wine);text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:10px 0;margin-right:18px;font-size:15px}.paper-tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin:12px 0 24px}.paper-tabs button{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.3px;padding:13px 22px;color:var(--wine);border-bottom:3px solid transparent}.paper-tabs button[aria-pressed=true]{border-color:var(--wine);background:#71364f08}
.page-turners{display:flex;align-items:center;justify-content:space-between;gap:16px;font:11px Arial,sans-serif;letter-spacing:.5px;margin:24px 0 0;padding:14px 0;border-top:1px solid var(--rule)}.page-turners button{min-height:38px}.resting-state{padding:40px 20px;text-align:center}
.format-note{border-top:1px solid var(--rule);padding-top:14px;margin-top:20px;font:13px Arial}.format-note p{font:13px/1.5 Arial}
/* A & B leave the physical scene exposed next to the paper interface. */
#room[data-kind=radio],#room[data-kind=booth]{pointer-events:none;justify-items:end;padding:5vh 4vw}.radio.world-artifact,.booth.world-artifact{transform:none;background:#f8f7f5}.world-artifact.radio{border-top:6px solid #9e855a}.world-artifact.booth{border-top:6px solid #71364f}#room[data-kind=radio] .artifact-flight,#room[data-kind=booth] .artifact-flight{width:min(480px,42vw)}.radio-options{background:#d4bd86;border:8px solid #5a4332;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:inset 0 3px 10px #0004;margin-bottom:20px}.radio-options button{padding:15px 5px;font:15px Georgia;color:#3c3027;min-height:82px;border-right:1px solid #7d694b55}.radio-options button:last-child{border:0}.radio-options span{font:8px Arial;display:block;letter-spacing:.8px;margin-bottom:9px}.radio-options button:hover,.radio-options button[aria-pressed=true]{background:#f7e4ac}.archive-reels{border:1px solid var(--rule);padding:18px;background:repeating-linear-gradient(#fafafa 0 27px,#c9c2c325 27px 28px)}.station-ledger>button{display:block;border-bottom:1px solid var(--rule);width:100%;padding:15px 0;text-align:left}.station-ledger button span{float:left;width:48px;font:12px monospace;color:var(--wine)}.station-ledger button strong{display:block;font:normal 19px Georgia}.station-ledger button small{display:block;margin:6px 0 0 48px;font:10px Arial}.station-ledger button[aria-pressed=true]{background:#71364f10}.volume-label{display:flex;align-items:center;gap:20px;font:12px Arial;padding:15px 0}.volume-label input{accent-color:var(--wine);width:150px}
/* Y — a call pinned between modest curtains. */
.casting-curtain{padding:30px 55px;background:repeating-linear-gradient(90deg,#3d2537 0 6px,#5b3046 10px 21px,#733e54 24px 28px);box-shadow:inset 15px 0 30px #0007,inset -15px 0 30px #0007}.casting-notice{padding:40px;background:#fafafa;text-align:center;box-shadow:0 8px 20px #0006;transform:rotate(-1deg)}.casting-notice h2{font-size:36px;margin:28px 0}.casting-notice p{max-width:480px;margin:20px auto}.casting-notice button{border:1px solid var(--wine);padding:13px 20px;margin:15px}
/* C — a private-looking, modest noticeboard. */
.noticeboard .artifact-content{background:#604b3b;padding-bottom:35px}.noticeboard .artifact-heading{color:#fff}.noticeboard .artifact-heading .overline{color:#e8c8d3}.club-noticeboard{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.club-noticeboard article{background:#fafafa;padding:23px;box-shadow:2px 6px 10px #0005}.pinned-note{transform:rotate(-1.5deg)}.pinned-note.library-note{transform:rotate(1deg);margin-top:16px}.pin{display:block;margin:-13px auto 15px;width:9px;height:9px;background:#7d3d51;border-radius:50%;box-shadow:1px 2px 2px #0007}.club-directory{transform:rotate(.6deg)}.calling-card{transform:rotate(-1deg)}.club-noticeboard h2{font-size:27px}.calling-card a{overflow-wrap:anywhere}.world-settings{margin-top:25px;background:#fafafa;padding:18px;font:13px/1.5 Arial}.world-settings label{display:block;margin:15px 0}.world-settings p{font:13px/1.5 Arial}
/* L — an actual scrapbook spread, not a post grid. */
.scrapbook{position:relative;border:10px solid #553e47;box-shadow:0 6px 0 #32272b;background:#f4f3f2;min-height:480px;perspective:1400px}.scrapbook-cover{position:absolute;inset:0;background:#624350;color:#f2e7e7;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;box-shadow:inset 18px 0 15px #0005}.scrapbook-cover strong{font:normal 60px/.95 Georgia;letter-spacing:3px;text-align:center}.scrapbook-cover span{font:13px Arial}.scrapbook-spread{position:relative;height:480px;overflow:hidden;background:radial-gradient(#ad9d9d18 .6px,transparent .8px);background-size:4px 4px;animation:scrap-open .6s ease}.scrapbook-seam{position:absolute;left:49%;width:2%;height:100%;background:linear-gradient(90deg,transparent,#998d8a44,transparent)}.scrap-item{position:absolute;left:var(--x);top:var(--y);width:32%;padding:10px;background:#fff;transform:rotate(var(--r));box-shadow:2px 5px 8px #352b3044;border:1px solid #ded8dc;text-align:left;touch-action:pinch-zoom;transition:box-shadow .15s;z-index:2}.scrap-item:before{content:'';position:absolute;width:46px;height:17px;background:#d4cfd18c;top:-7px;left:38%;transform:rotate(-4deg)}.scrap-item img{display:block;width:100%;height:135px;object-fit:cover;pointer-events:none}.scrap-item span{display:block;font:9px/1.5 Arial;margin-top:8px;color:#77646f}.scrap-item q{display:block;font:italic 27px/1.2 Georgia;margin:23px 8px}.scrap-item strong{font:italic 25px Georgia}.scrap-item p{font:14px/1.45 Georgia;margin:10px 0;max-height:115px;overflow:hidden}.scrap-item.held,.scrap-item:focus-visible{z-index:5;box-shadow:5px 12px 18px #0005}.scrap-item.image:nth-of-type(4) img{object-fit:contain;height:180px}.scrap-detail{width:min(820px,92vw);max-height:88dvh;overflow:auto;border:1px solid #d1c4cc;background:#fafafa;color:var(--ink);padding:35px;box-shadow:0 25px 60px #0009;animation:book-pull .32s ease;grid-template-columns:1fr 1fr;gap:30px}.scrap-detail[open]{display:grid}.scrap-detail::backdrop{background:#111b}.scrap-detail>.artifact-close{position:absolute;right:4px;top:2px}.scrap-detail>img{width:100%;max-height:65vh;object-fit:contain;align-self:center}.scrap-detail p{font:17px/1.5 Georgia}.scrap-detail h2{font:30px Georgia}.scrap-detail blockquote{font:italic 32px Georgia;margin:30px 0}.scrap-detail:not(:has(>img)){grid-template-columns:1fr}
@keyframes scrap-open{from{transform:rotateY(-13deg)}to{transform:none}}
/* U — a score shared between three small desks. */
/* B — perforated tickets at a small window. */
.ticket-option{display:block;position:relative;padding:20px 25px;margin:18px 0;border:1px solid #c3adb9;border-left:8px solid #71364f;background:repeating-linear-gradient(90deg,transparent 0 7px,#71364f08 7px 8px);color:#45313e;box-shadow:2px 4px 6px #0001}.ticket-option:after{content:'';position:absolute;top:12px;bottom:12px;right:18px;border-right:2px dotted #b79ba9}.ticket-option span{display:block;font:8px Arial;letter-spacing:2px;margin-bottom:13px}.ticket-option strong{display:block;font:normal 28px/1.1 Georgia;padding-right:15px}.ticket-option small{display:block;font:11px/1.5 Arial;margin-top:14px}.ticket-option:hover{transform:rotate(-1deg);color:var(--wine)}
/* The message becomes the site's original postcard, with a private review step. */
.message-studio label,.application-fields label{display:block;font:12px/1.5 Arial;margin:14px 0}.message-studio input:not([type=checkbox]),.message-studio textarea,.message-studio select{display:block;width:100%;max-width:100%;padding:10px;border:1px solid #b5a4ae;background:#fff;color:#30242d;font:16px/1.4 Georgia;margin-top:6px;border-radius:0}.message-studio input[type=file]{font:12px Arial;padding:12px 4px}.message-studio textarea{resize:vertical}.message-studio button{padding:11px 14px;border:1px solid #98798a;min-height:40px}.message-studio .paper-tabs button{border:0;border-bottom:3px solid transparent}.message-studio .paper-tabs button[aria-pressed=true]{border-color:var(--wine)}.delivery-note{font:12px/1.5 Arial!important;padding:12px;border-left:2px solid #987c8b;background:#f1ebee}.recorder-controls,.studio-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.recording-clock{font:11px Arial;color:#8e284e;padding:10px}.media-preview video,.media-preview audio,.submission-message video,.submission-message audio{width:100%;max-height:230px}.submission-postcard{position:relative;background:#fafafa;padding:15px;border:1px solid #d4cbd1;margin-top:28px;box-shadow:3px 8px 16px #0002;animation:book-pull .6s ease}.submission-front .postcard-front{padding:0}.submission-front .postcard-picture{aspect-ratio:3/1}.submission-front .postcard-caption{min-height:55px;padding:10px 0}.submission-front .card-title{font-size:12px;letter-spacing:1px}.submission-front .card-place{font-size:6px}.submission-message{position:relative;padding-top:100px;border-top:1px solid var(--rule)}.submission-message .postcard-mark{top:16px;right:10px}.submission-message h3{font-size:24px}.message-excerpt{white-space:pre-wrap;max-height:160px;overflow:auto;border-bottom:1px solid var(--rule);padding-bottom:15px}.message-studio .consent{display:flex;align-items:flex-start;gap:10px;font:12px/1.5 Arial}.consent input{flex:0 0 auto;margin-top:4px}.honey{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}.send-postcard{width:100%;margin:15px 0;background:var(--wine)!important;color:white;font:11px Arial!important;letter-spacing:1px}.studio-status,.delivery-result{font:13px/1.5 Arial!important}.submission-postcard.delivered{animation:postcard-delivered 1s ease forwards}.submission-postcard.delivered .submission-front{opacity:.4}.submission-postcard.delivered .send-postcard{display:none}progress{width:100%;accent-color:var(--wine);margin-top:15px}.delivery-result{color:#563447}
@keyframes postcard-delivered{0%{transform:rotate(0)}35%{transform:rotate(-2deg) translateY(-7px)}100%{transform:rotate(1deg)}}
@media(max-width:1000px){.club-noticeboard{gap:15px}.programme-notes{padding-left:22px}.programme-title{padding-right:22px}.world-artifact .artifact-intro{font-size:18px}}
/* Compact artifacts stay in the sky; the landscape remains alive underneath. */
.compact-view #room,.compact-view #room[data-kind=radio],.compact-view #room[data-kind=booth]{pointer-events:none;justify-items:center;align-items:start;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.compact-view #room .artifact-flight{width:min(680px,100%)}.compact-view .world-artifact{max-height:calc(var(--artifact-space,48dvh) - max(10px,env(safe-area-inset-top)));transform:none}.compact-view .artifact-toolbar{min-height:30px;padding:0 12px;font-size:8px;letter-spacing:1px}.compact-view .artifact-close{width:40px;height:40px}.compact-view .artifact-heading{margin:0 0 15px}.compact-view .artifact-heading h1{font-size:29px;letter-spacing:-.6px}.compact-view .artifact-content{padding:5px 17px 18px}.compact-view .artifact-footer{font-size:9px;padding:3px 12px;gap:10px}.compact-view .artifact-footer button{min-height:32px}.compact-view .world-artifact p{font-size:16px}.compact-view .world-artifact .small-copy{font-size:12px}.compact-view .playbill .artifact-content{padding:0}.compact-view .playbill-book{min-height:350px}.compact-view .playbill-cover{gap:18px}.compact-view .playbill-cover strong{font-size:65px}.compact-view .playbill-cover>span{font-size:7px;letter-spacing:1px}.compact-view .playbill-cover i{font-size:28px}.compact-view .playbill-inside{padding:18px}.compact-view .playbill-spread{display:block;background:none}.compact-view .programme-title{padding:0 0 20px}.compact-view .programme-title h2{font-size:36px}.compact-view .programme-notes{padding:12px 0;border-top:1px solid var(--rule)}.compact-view .paper-tabs{margin:8px 0 17px}.compact-view .paper-tabs button{padding:11px 15px}.compact-view .book-spread{display:block}.compact-view .edition-cover{width:100px;max-height:150px;float:left;margin:0 20px 15px 0}.compact-view .cloth-book{float:left;min-height:150px;width:100px;font-size:17px;margin:0 20px 15px 0}.compact-view .library-cabinet{padding:22px 18px 0;gap:7px;min-height:195px;border-width:9px;border-bottom-width:16px}.compact-view .book-spine{height:170px;width:65px;padding:14px 6px}.compact-view .book-spine span{font-size:17px}.compact-view .book-spine small{font-size:5px}.compact-view .spine-1{height:155px;width:57px}.compact-view .spine-2{height:165px;width:62px}.compact-view .shelf-key{font-size:9px;gap:15px;flex-wrap:wrap}.compact-view .radio-options{border-width:5px;margin-bottom:14px}.compact-view .radio-options button{font-size:13px;min-height:65px;padding:9px 3px}.compact-view .radio-options span{font-size:7px;letter-spacing:.2px}.compact-view .casting-curtain{padding:22px}.compact-view .casting-notice{padding:25px 17px}.compact-view .casting-notice h2{font-size:29px}.compact-view .club-noticeboard{display:block}.compact-view .club-noticeboard article{margin:0 0 20px;padding:18px}.compact-view .noticeboard .artifact-content{padding:15px}.compact-view .scrapbook{border-width:7px;min-height:460px}.compact-view .scrapbook-spread{height:460px}.compact-view .scrap-item{width:40%;padding:7px}.compact-view .scrap-item img{height:110px}.compact-view .scrap-item q{font-size:20px;margin:18px 1px}.compact-view .scrap-item strong{font-size:19px}.compact-view .scrap-item p{font-size:12px}.compact-view .scrap-item span{font-size:8px}.compact-view .scrap-item[data-scrap=translation]{max-height:160px;overflow:hidden}.compact-view .page-turners{font-size:9px;gap:10px}.compact-view .ticket-option{padding:16px 20px}.compact-view .ticket-option strong{font-size:24px}.compact-view .submission-front .embossed-braille{transform:scale(.8);transform-origin:right center}.compact-view .submission-message .postcard-mark{right:8px}.compact-view .scrap-detail[open]{display:block;width:92vw;padding:30px 20px}.compact-view .scrap-detail>img{max-height:38dvh}.compact-view .world-artifact textarea,.compact-view .world-artifact input,.compact-view .world-artifact select{font-size:16px}.compact-view .object-control{outline-offset:1px}
@media(prefers-reduced-motion:reduce){.artifact-flight,.playbill-cover,.opened-library-book,.scrapbook-spread,.scrap-detail,.submission-postcard,.reader-desks section{animation:none!important;transition:none!important}.opened .playbill-cover{display:none}.artifact-content.turning-page{transform:none;filter:none}}
body.quiet-world .artifact-flight,body.quiet-world .playbill-cover,body.quiet-world .opened-library-book,body.quiet-world .scrapbook-spread,body.quiet-world .submission-postcard,body.quiet-world .reader-desks section{transition:none!important;animation:none!important}

@keyframes cover-open{from{transform:rotateY(0)}to{transform:rotateY(-170deg)}}
.opened .playbill-cover{animation:cover-open .8s cubic-bezier(.2,.7,.3,1) both}
.scrapbook-cover{transform-origin:left center;backface-visibility:hidden}.scrapbook.open .scrapbook-cover{animation:cover-open .7s cubic-bezier(.2,.7,.3,1) both;pointer-events:none}
@media(prefers-reduced-motion:reduce){.opened .playbill-cover,.scrapbook.open .scrapbook-cover{display:none!important}}
body.quiet-world .opened .playbill-cover,body.quiet-world .scrapbook.open .scrapbook-cover{display:none}
