/* Every destination is an object in the landscape, without an enclosing white UI card. */
.dream-casting{text-align:center;color:#4c2435;padding:0 3px 12px}.casting-broadside-head{display:flex;justify-content:space-between;gap:10px;font:10px/1.3 Georgia;letter-spacing:2px;padding-bottom:10px;border-bottom:3px double #76485777}.casting-printers-flower{display:block;font:28px/1 Georgia;margin:15px 0 9px;color:#875064}.casting-notice .casting-invitation{font:italic 15px/1.4 Georgia;margin:0 auto 7px}.dream-casting h2{font:clamp(35px,5vw,58px)/.95 Georgia!important;font-weight:normal!important;letter-spacing:-1px;margin:8px 0 15px!important;color:#4c2435!important}.dream-casting h2 em{font-weight:normal}.casting-notice .casting-translation{font:12px/1.5 Georgia;margin:0 auto 17px}.casting-notice .casting-billing{font:small-caps 15px/1.5 Georgia;letter-spacing:.5px;margin:0 auto 17px}.casting-billing span{padding:0 6px;color:#a8848e}.casting-playbill-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#592b3e;color:#fff9f1!important;padding:15px 20px;text-decoration:none;box-shadow:2px 4px 0 #c6b1b5;transform:rotate(-1deg);transition:transform .2s,background .2s;max-width:330px;margin:0 auto;font:20px/1.15 Georgia;min-height:60px}.casting-playbill-link:hover,.casting-playbill-link:focus-visible{background:#713c50;transform:rotate(0deg) translateY(-2px)}.casting-playbill-link:focus-visible{outline:2px solid #6e3c50;outline-offset:5px}.casting-playbill-link small{font:9px/1.3 Arial;letter-spacing:2px}.casting-notice .casting-source-note{font:italic 12px/1.5 Georgia;margin:15px auto 20px;max-width:290px}.casting-deadline{display:flex;justify-content:center;align-items:center;gap:13px;border-block:1px dashed #99727e88;padding:12px 0;color:#6a4151}.casting-deadline span{font:8px/1.4 Arial;letter-spacing:1px}.casting-deadline strong{font:11px/1.3 Georgia;letter-spacing:1px}.casting-general-interest{text-align:center;margin-top:15px}.casting-general-interest .small-copy{margin:7px auto 0}.compact-view .dream-casting h2{font-size:36px!important}.compact-view .casting-broadside-head{font-size:8px;letter-spacing:1px}.compact-view .casting-playbill-link{font-size:18px;padding:13px 10px}.compact-view .casting-deadline{flex-wrap:wrap;gap:6px 12px}.compact-view .casting-notice .casting-translation,.compact-view .casting-notice .casting-source-note{font-size:12px}.compact-view .casting-notice .casting-billing{font-size:13px}
.world-artifact{background:transparent!important;border:0!important;box-shadow:none!important;color:#f3ece8;transform:none}
.artifact-toolbar,.artifact-footer{color:#f2e9e6;text-shadow:0 2px 5px #000;border:0}.artifact-toolbar>span{visibility:hidden}.artifact-close{color:#fff}.artifact-footer{padding-top:0}.artifact-content>.artifact-heading,.artifact-content>.artifact-intro{color:#f4eee8;text-shadow:0 2px 4px #000}.artifact-heading .overline{color:#e1bcc9}
/* A casting circular unfolds along two real hinges, then hangs in the air. */
.casting .artifact-content{overflow:visible;padding:15px 32px 22px}.casting-letter{position:relative;max-width:680px;margin:5px auto;perspective:1300px;transform-style:preserve-3d;animation:notice-float 8s 1.4s ease-in-out infinite}
.casting-notice{position:relative;padding:35px 45px 40px;background:linear-gradient(0deg,transparent 32.9%,#71616a16 33.2%,#fff7 33.5%,transparent 34%,transparent 66%,#71616a17 66.4%,#fff9 66.8%,transparent 67%),#f8f7f3;color:#382930;transform:none;box-shadow:0 20px 28px #0005;clip-path:polygon(0 .6%,30% 0,67% .3%,100% 0,99.7% 60%,100% 99.5%,60% 100%,0 99.6%);max-height:62vh;overflow:auto;scrollbar-width:thin}
.notice-letterhead{display:block;font:9px Arial;letter-spacing:3px;border-bottom:1px solid #b4a6ac66;padding-bottom:20px;margin-bottom:25px;color:#714657}.casting-notice>h2{font:38px/1.12 Georgia!important;max-width:430px;margin:24px auto!important}.casting-notice .overline{font-size:9px}.casting-notice p{font:17px/1.5 Georgia;max-width:470px}.casting-notice .ink-link{font:15px/1.6 Georgia;margin:0}.casting-notice .small-copy{font:12px/1.5 Arial;color:#65545d}.notice-fold{position:absolute;left:0;width:100%;height:50%;z-index:4;background:#f7f6f2;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#65364c;box-shadow:0 3px 4px #0003;pointer-events:none}.fold-top{top:0;transform-origin:bottom center;animation:notice-unfold-top 1s .15s cubic-bezier(.25,.65,.25,1) forwards}.fold-bottom{bottom:0;transform-origin:top center;animation:notice-unfold-bottom .9s .45s cubic-bezier(.25,.65,.25,1) forwards}.notice-fold strong{font:42px Georgia;letter-spacing:3px}.notice-fold span{font:10px Arial;letter-spacing:3px;margin:12px}.casting-letter .casting-notice{animation:notice-reveal 1.4s both}
@keyframes notice-unfold-top{0%{transform:rotateX(0) translateZ(4px)}99%{visibility:visible}100%{transform:rotateX(180deg) translateZ(4px);visibility:hidden}}
@keyframes notice-unfold-bottom{0%{transform:rotateX(0) translateZ(5px)}99%{visibility:visible}100%{transform:rotateX(-180deg) translateZ(5px);visibility:hidden}}
@keyframes notice-reveal{0%,35%{filter:brightness(.75)}100%{filter:brightness(1)}}
@keyframes notice-float{0%,100%{transform:translateY(0) rotate(-.6deg) rotateY(-1deg)}50%{transform:translateY(-5px) rotate(.6deg) rotateY(1deg)}}
/* The radio's working surface uses its walnut, brass and illuminated amber glass. */
.radio .artifact-content{padding:24px 24px 28px;color:#e9d7b7;background:repeating-linear-gradient(3deg,#433026 0 2px,#48342a 3px 5px,#3d2b23 6px 9px);border-radius:19px 19px 12px 12px;box-shadow:inset 0 2px 2px #c19a6959,inset 0 -3px 5px #1d140e,0 18px 25px #0006;scrollbar-color:#a4875f #34271e;transform:perspective(1200px) rotateY(-2deg)}
.radio .artifact-heading{color:#f5dfb7;text-shadow:0 1px 2px #000}.radio .artifact-heading .overline{color:#c4a16e}.radio .artifact-heading h1{font-size:34px;letter-spacing:-1px}.radio .artifact-intro{font:italic 17px Georgia;color:#dcc7a4;text-shadow:none}.radio .artifact-close{color:#e7ceaa}.radio-options{border:0;border-radius:4px;padding:7px;background:linear-gradient(#d9bc79,#baa069);box-shadow:inset 0 3px 7px #30251588,0 1px 1px #d1a971;margin:20px 0}.radio-options button{color:#342a1e;font:15px Georgia;border-right:1px solid #6b552f44;border-radius:2px}.radio-options button:hover,.radio-options button[aria-pressed=true]{background:#ead59d;box-shadow:inset 0 0 14px #ffe6a35c}.radio #radio-workspace h2{font:25px Georgia;color:#f1dbb9}.radio .small-copy{color:#d3bd9b}.radio .archive-reels{border:0;background:linear-gradient(#2c241dd9,#32251d);box-shadow:inset 0 3px 9px #100c0866;color:#e8d6bb;padding:18px}.radio .station-ledger{background:#211b1688;padding:12px 16px;box-shadow:inset 0 2px 7px #0005}.radio .station-ledger>button{border-color:#a7875a55;color:#e8d5b3}.radio .station-ledger button span{color:#cbb17b}.radio .station-ledger button[aria-pressed=true]{background:#d9b86c1a}.radio .volume-label input{accent-color:#c19a64}.radio .message-studio{color:#ebddc4}.radio .delivery-note{color:#e5d5bc;background:#241b1688;border-left:2px solid #b18d58}.radio .message-studio .paper-tabs{border-color:#a78a6055}.radio .message-studio .paper-tabs button{color:#e6c58b}.radio .message-studio .paper-tabs button[aria-pressed=true]{border-color:#e6c58b;background:#d5ae5318}.radio .message-studio button{border-color:#ad8a55;color:#eddbbb}.radio .message-studio input:not([type=checkbox]),.radio .message-studio textarea,.radio .message-studio select{color:#f4e6ce;background:#211d18aa;border:0;box-shadow:inset 0 2px 5px #0006}.radio .message-studio textarea::placeholder{color:#c5b291}.radio .submission-postcard{color:#382930;border:0;box-shadow:2px 8px 16px #0005}.radio .submission-postcard :is(h3,p,label,.overline){color:#382930}.radio .submission-postcard input:not([type=checkbox]){background:#fff;color:#382930;box-shadow:inset 0 -1px #bdaab3}.radio .submission-postcard button{color:#573448;border-color:#a68e99}.radio .submission-postcard .send-postcard{color:#fff}.radio .submission-postcard .challenge-holder{color:#57414b;font:12px Arial;margin-top:12px}
/* Remaining experiences keep their physical surfaces and lose the generic white shell. */
.noticeboard .artifact-content{background:repeating-linear-gradient(2deg,#604b3b 0 7px,#594433 8px 9px);box-shadow:0 15px 24px #0005;border-radius:3px;color:#33262e}.club-noticeboard article{border:0}.quotation-notes{background:#f5f1e9;color:#48333d;padding:18px;margin-top:20px;font:13px Arial;box-shadow:1px 4px 8px #0003}.quotation-notes p{font:13px/1.4 Arial!important}.quotation-notes .ink-link{font:13px Arial}.quotation-notes small{display:block}.world-settings{color:#392c34}
.booth .artifact-content{background:none;color:#f4e9db}.booth .artifact-intro,.booth .small-copy{color:#ead9c4}.ticket-option{border:0;border-left:0;background:repeating-linear-gradient(90deg,#eee3d3 0 7px,#e8dbc9 7px 8px);box-shadow:2px 8px 13px #0005;border-radius:2px;clip-path:polygon(0 0,100% 0,100% 43%,98% 47%,98% 53%,100% 57%,100% 100%,0 100%,0 57%,2% 53%,2% 47%,0 43%)}.booth .ink-link{color:#e6cbab}.speech-bubble{white-space:pre-line}
.compact-view .casting .artifact-content{padding:10px 8px 18px;overflow:auto}.compact-view .casting-notice{padding:23px 20px 25px;max-height:calc(var(--artifact-space,48dvh) - 95px)}.compact-view .notice-letterhead{font-size:7px;letter-spacing:2px;padding-bottom:13px;margin-bottom:18px}.compact-view .casting-notice>h2{font-size:29px!important;margin:19px auto!important}.compact-view .casting-notice p{font-size:15px}.compact-view .notice-fold strong{font-size:30px}.compact-view .notice-fold span{font-size:7px}.compact-view .radio .artifact-content{padding:18px 17px 22px;border-radius:13px}.compact-view .radio .artifact-heading h1{font-size:28px}.compact-view .radio-options{padding:5px;border:0}.compact-view .radio-options button{font-size:13px}.compact-view .radio .artifact-intro{font-size:15px}.compact-view .noticeboard .artifact-content{padding:18px}.compact-view .quotation-notes{padding:14px}.compact-view .world-artifact input,.compact-view .world-artifact textarea,.compact-view .world-artifact select{font-size:16px}
@media(prefers-reduced-motion:reduce){.casting-letter,.casting-notice,.notice-fold{animation:none!important}.notice-fold{display:none}}
body.quiet-world :is(.casting-letter,.casting-notice,.notice-fold){animation:none!important}body.quiet-world .notice-fold{display:none}
/* Inspecting a scrapbook piece lifts the piece and its caption separately. */
.scrap-detail,.scrap-detail.detail-script{background:transparent;border:0;box-shadow:none;padding:36px 22px;color:#35252f}.scrap-detail::backdrop{background:#1117}.scrap-detail>.artifact-close{color:#fff;top:0;right:0}.scrap-detail>img{filter:drop-shadow(7px 13px 13px #0006);transform:perspective(1000px) rotateY(-7deg) rotate(-2deg)}.scrap-detail>div{align-self:center;background:#f8f6f1;padding:23px;box-shadow:3px 9px 15px #0005;transform:rotate(1deg)}.scrap-detail.detail-script>img{box-shadow:3px 2px 0 #e5ddd2,6px 5px 0 #fff,9px 7px 0 #c3b5a5}.submission-postcard{border:0}.compact-view .scrap-detail[open]{padding:35px 18px 18px}.compact-view .scrap-detail>div{margin-top:20px;padding:20px}
/* The box office presents a hanging velvet ticket cloth, not a UI card. */
.booth .artifact-content{padding:11px 8px 12px;overflow:auto;scrollbar-color:#bd9d6c #341321}
.boxoffice-drape{position:relative;padding:36px 28px 30px;color:#fff3dc;background:radial-gradient(ellipse at 50% 8%,#90405b2e,transparent 65%),repeating-linear-gradient(90deg,#351321 0%,#4d1d30 6%,#3d1426 13%,#29101c 20%,#4b1a2d 26%);box-shadow:0 15px 24px #08040a70,inset 15px 0 17px #1d081944,inset -15px 0 17px #1d081944;clip-path:polygon(0 0,100% 0,100% 99%,88% 100%,76% 98.7%,64% 100%,52% 98.8%,40% 100%,28% 98.6%,16% 100%,0 99%);transform-origin:50% 0;animation:ticket-cloth-settle .65s ease-out both}
.boxoffice-drape:after{content:'';position:absolute;left:9px;right:9px;bottom:8px;height:4px;border-block:1px solid #b5935955;pointer-events:none}
.boxoffice-brass-rail{position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(#675137,#dfc38c 27%,#9e7d50 57%,#51331d);box-shadow:0 3px 8px #160a15;pointer-events:none}
.boxoffice-brass-rail:before,.boxoffice-brass-rail:after{content:'';position:absolute;top:8px;width:13px;height:25px;border:3px solid #b99d67;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #18091499}
.boxoffice-brass-rail:before{left:18px}.boxoffice-brass-rail:after{right:18px}
.booth .boxoffice-drape .artifact-heading{color:#fff3dc;text-shadow:0 2px 2px #1d0b15;margin:0 0 20px}
.booth .boxoffice-drape .overline{color:#edcf91;font:9px/1.5 Georgia;letter-spacing:1.2px}
.booth .boxoffice-drape .artifact-heading h1{font:normal 37px/1.05 Georgia;margin:9px 0 0}
.booth .boxoffice-drape .artifact-intro{font:italic 18px/1.45 Georgia;color:#fff0db;text-shadow:none;margin:0 0 22px}
.booth .boxoffice-drape .small-copy{font:13px/1.5 Georgia;color:#f0dfc8;text-shadow:none;margin:20px 0 0}
.booth .boxoffice-drape .ink-link{display:block;font:14px/1.5 Georgia;color:#ffe2a6;padding:12px 0;text-decoration:underline;text-underline-offset:3px}
.booth .ticket-option{margin:22px 0;padding-top:26px;color:#32212a;background:repeating-linear-gradient(90deg,#f0e4d2 0 7px,#ebdecc 7px 8px);text-shadow:none;transition:transform .2s,background .2s}
.booth .ticket-option:before{content:'';position:absolute;top:0;left:calc(50% - 11px);width:22px;height:15px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#685138,#d8c28b 45%,#9e8355);box-shadow:0 2px 3px #35251655}
.booth .ticket-option:hover{color:#32212a;background:#fff0d8;transform:rotate(-.6deg)}
.booth .ticket-option:focus-visible{outline:3px solid #f1cb81;outline-offset:3px;clip-path:none}
.compact-view .booth .artifact-content{padding:5px 5px 10px}.compact-view .boxoffice-drape{padding:28px 18px 24px}.compact-view .booth .boxoffice-drape .artifact-heading h1{font-size:29px}.compact-view .booth .boxoffice-drape .artifact-heading{margin-bottom:13px}.compact-view .booth .boxoffice-drape .artifact-intro{font-size:15px;margin-bottom:15px}.compact-view .booth .boxoffice-drape .small-copy{font-size:12px}.compact-view .booth .ticket-option{margin:16px 0}
@keyframes ticket-cloth-settle{from{transform:rotateX(-12deg) rotateZ(-1deg)}to{transform:rotateX(0) rotateZ(0)}}
@media(prefers-reduced-motion:reduce){.boxoffice-drape{animation:none}.booth .ticket-option{transition:none}}body.quiet-world .boxoffice-drape{animation:none}

/* Inspect the same scrap as a loose physical object, without a replacement card. */
.scrap-observation{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;outline:0;overflow:hidden;background:transparent;box-shadow:none;color:#f6f0e9;touch-action:pan-x pan-y pinch-zoom}
.scrap-observation::backdrop{background:#100d1466;animation:scrap-backdrop-in .3s ease-out both}
.scrap-lift{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,filter;pointer-events:none}
.scrap-lift-copy::before,.scrap-lift-copy::after,.scrap-lift-copy *::before,.scrap-lift-copy *::after{content:none!important;display:none!important}
.scrap-observation-close{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;font:34px/1 Georgia;color:#fff;text-shadow:0 2px 8px #000;background:#22151a99;border-radius:50%;z-index:2;touch-action:manipulation}
.scrap-observation-footer{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 40px));text-align:center;color:#fff5eb;font:13px/1.5 Georgia;text-shadow:0 2px 5px #08070a;animation:scrap-caption-in .3s .3s both}
.scrap-observation-footer .scrap-observation-caption{margin:0 0 8px;font:italic 15px/1.35 Georgia;color:#fff5eb}
.scrap-observation-footer nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 26px}
.scrap-observation-footer :is(a,button,summary){color:#fff4e9;text-decoration:underline;text-underline-offset:4px;padding:10px 3px;min-height:40px;touch-action:manipulation}
.scrap-observation-footer a:hover,.scrap-observation-footer button:hover{color:#e0b7c3}
.scrap-observation-footer details{font:11px/1.5 Georgia}
.scrap-observation-footer summary{list-style:none;display:inline-block;cursor:pointer;padding:5px;min-height:30px;opacity:.85}
.scrap-observation-footer summary::-webkit-details-marker{display:none}
.scrap-observation-footer details p{margin:4px 0 0;padding:10px 14px;max-height:25dvh;overflow:auto;scrollbar-width:thin;background:#20151ecc;border:0;font:13px/1.5 Georgia;text-shadow:none}
.scrap-observation.returning .scrap-observation-footer,.scrap-observation.returning .scrap-observation-close{animation:none;opacity:0;pointer-events:none;transition:opacity .16s}
@keyframes scrap-backdrop-in{from{background:#100d1400}to{background:#100d1466}}
@keyframes scrap-caption-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.scrap-observation::backdrop,.scrap-observation-footer{animation:none!important}}
body.quiet-world .scrap-observation::backdrop,body.quiet-world .scrap-observation-footer{animation:none!important}

.scrap-observation.returning::backdrop{animation:scrap-backdrop-out .56s ease both}@keyframes scrap-backdrop-out{from{background:#100d1466}to{background:#100d1400}}

/* A small portable tape deck, with a 4:3 viewfinder and physical controls. */
.vintage-recorder{background:linear-gradient(135deg,#52514b,#292b29 42%,#171b1b);color:#e7dfc6;border-radius:13px;padding:13px;box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -4px 2px #101312,0 9px 18px #0005;margin:18px 0;font:11px 'Courier New',monospace}
.recorder-nameplate{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 3px 11px;letter-spacing:1px}.recorder-nameplate>span{font-weight:bold}.recorder-nameplate small{font-size:8px;color:#c2bca9;text-align:right}
.recorder-viewfinder{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse,#34403a,#101a16 75%);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 12px #000,0 0 0 4px #171c1a}
.recorder-viewfinder:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);box-shadow:inset 0 0 28px #0009;border-radius:inherit}
.recorder-idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#e2e1c8aa;letter-spacing:2px;font-size:11px}.viewfinder-cross{font:36px/1 'Courier New',monospace;opacity:.5}
.recorder-osd{position:absolute;left:14px;right:14px;top:13px;display:flex;justify-content:space-between;gap:10px;font:12px/1.3 'Courier New',monospace;color:#eee9d7;text-shadow:1px 1px #000;pointer-events:none;z-index:2}
.vintage-recorder .recording-clock{font:inherit;color:inherit;padding:0;letter-spacing:1px}
.recorder-tape{position:absolute;left:14px;bottom:13px;z-index:2;font:10px 'Courier New',monospace;pointer-events:none}
.vintage-recorder .recorder-controls{margin:16px 0 3px;align-items:center;gap:10px}
.message-studio .vintage-recorder .recorder-controls button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 17px;border:0;border-radius:5px;background:linear-gradient(#d5d0bc,#aaa692);box-shadow:0 3px 0 #090e0d,inset 0 1px #fff8;color:#262822;font:bold 11px 'Courier New',monospace;letter-spacing:1px}
.vintage-recorder [data-record] i{display:block;width:17px;height:17px;border-radius:50%;background:#b52f32;box-shadow:inset 0 2px 3px #ff9a7b88,0 1px 2px #0006}
.vintage-recorder [data-stop] i{width:12px;height:12px;background:#292c29}
.vintage-recorder button:disabled{opacity:.45}.vintage-recorder button:focus-visible{outline:2px solid #f7d68b;outline-offset:4px}.recorder-grille{flex:1;min-width:20px;height:27px;background:repeating-linear-gradient(0deg,#0f1513 0 2px,transparent 2px 5px)}
.vintage-recorder .media-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:1}
.vintage-recorder .media-preview video{width:100%;height:100%;max-height:none;object-fit:contain;background:#101a16}.vintage-recorder .media-preview audio{width:90%;margin-top:40px}
.vintage-recorder .media-preview [data-delete]{position:absolute;right:8px;bottom:8px;min-height:36px;padding:6px 9px;font:10px 'Courier New',monospace;color:#fff3d8;background:#151c18d9;border:1px solid #d0c6a35c;z-index:3}
.vintage-recorder[data-recorder-state=recording] .recorder-state{color:#ff8d7e;animation:record-lamp 1.2s steps(2,end) infinite}
.vintage-recorder[data-recorder-state=recording] .recorder-idle,.vintage-recorder[data-recorder-state=playback] .recorder-idle{display:none}
.vintage-recorder[data-recorder-state=playback] .recorder-tape{display:none}
@keyframes record-lamp{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.vintage-recorder .recorder-state{animation:none!important}}
.compact-view .vintage-recorder{padding:10px;margin:12px 0}.compact-view .recorder-nameplate small{font-size:7px}.compact-view .recorder-viewfinder{max-height:220px}.compact-view .message-studio .vintage-recorder .recorder-controls button{padding:9px 12px}

.departing-postcard{position:fixed;z-index:100;perspective:1100px;pointer-events:none;transform-origin:0 0}
.mail-sheet{position:absolute;inset:0;transform-style:preserve-3d}
.mail-panel{position:absolute;left:0;width:100%;height:33.3334%;transform-style:preserve-3d}
.mail-top{top:0;transform-origin:bottom;z-index:3}.mail-middle{top:33.3333%}.mail-bottom{top:66.6666%;transform-origin:top;z-index:4}
.mail-panel-front,.mail-panel-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f8f1df;overflow:hidden;box-shadow:0 2px 4px #281b1533}
.mail-panel-front{transform:translateZ(.3px)}.mail-panel-back{transform:rotateX(180deg) translateZ(.3px);background:linear-gradient(145deg,#fffaf0,#e6dbc5)}
.mail-panel .submission-front{position:absolute;left:0;width:100%;background:#faf7ef}
.mail-panel .postcard-front{height:100%;padding:10px;box-sizing:border-box}.mail-panel .postcard-picture{height:70%;aspect-ratio:auto}.mail-panel .postcard-caption{height:25%;min-height:0;padding:6px 0}.mail-panel .card-title{font-size:15px}
.mail-address{position:absolute;left:0;right:0;top:33.3333%;height:33.3333%;transform:translateZ(3px);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#593b48;font:15px Georgia;letter-spacing:3px;opacity:0;background:linear-gradient(155deg,#fffaf0,#e9dfcc);box-shadow:0 4px 13px #0003}
.mail-address:before{content:'';position:absolute;inset:0;background:linear-gradient(153deg,transparent 49.5%,#b9a88d55 50%,transparent 50.5%),linear-gradient(207deg,transparent 49.5%,#b9a88d55 50%,transparent 50.5%);pointer-events:none}
.mail-address small{font:8px Arial;letter-spacing:2px}.mail-address i{position:absolute;right:18px;top:12px;font:italic 13px Georgia;border:1px solid #a89074;padding:5px;letter-spacing:0}
.scrap-observation .scrap-lift{pointer-events:auto}
#room[data-kind=scrapbook] .world-artifact{min-height:0}

/* The clubhouse is a single theatre dressing-room board, never a scrolling panel. */
#room[data-kind=noticeboard] .artifact-flight{width:min(1030px,90vw)}
#room[data-kind=noticeboard] .world-artifact{max-height:none;overflow:visible}
#room[data-kind=noticeboard] .artifact-content{background:none;box-shadow:none;padding:0;overflow:visible;flex:none}
#room[data-kind=noticeboard] .artifact-toolbar{min-height:32px;padding:0 4px}#room[data-kind=noticeboard] .artifact-toolbar>span{visibility:hidden}
.cabaret-board{position:relative;box-sizing:border-box;height:min(78dvh,800px);min-height:410px;padding:24px 5% 18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;background:radial-gradient(#a38a6633 .7px,transparent 1px),repeating-linear-gradient(38deg,#6b554122 0 1px,transparent 1px 5px),#574536;background-size:4px 4px,auto,auto;border:10px solid #39242c;border-image:none;border-radius:2px;box-shadow:inset 0 0 0 2px #b69b6d66,inset 0 5px 20px #1b132577,3px 16px 28px #0006;transform:rotate(-.35deg)}
.board-heading{position:relative;text-align:center;color:#eaddbf;z-index:2}.board-heading>span{font:8px Arial;letter-spacing:2.5px}.board-heading h1{font:normal 37px/1.1 Georgia;margin:7px 0 0}
.club-noticeboard{position:relative;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;align-items:stretch;z-index:2}
.club-noticeboard article{position:relative;min-height:0;box-sizing:border-box;background:#f3eff0;padding:22px 22px 15px;box-shadow:2px 5px 8px #160d2244;margin:0;display:flex;flex-direction:column;justify-content:center;gap:7px}
.club-noticeboard article:nth-child(2){background:#dddce2;transform:rotate(1deg)}.club-noticeboard article:nth-child(3){background:#e7e0d9;transform:rotate(.6deg)}.club-noticeboard article:nth-child(4){background:#f4ecea;transform:rotate(-1.2deg)}
.world-artifact .club-noticeboard h2{font:normal clamp(18px,2.1vw,25px)/1.08 Georgia;margin:0 0 2px}.world-artifact .club-noticeboard p{font:clamp(11px,1.05vw,14px)/1.34 Georgia;margin:0}.club-noticeboard .ink-link,.club-noticeboard .ink-button{font:12px/1.35 Georgia;margin:0;text-align:left;padding:5px 0}
.club-noticeboard .pin{position:absolute;top:8px;left:50%;margin:0;width:7px;height:7px;background:radial-gradient(at 30% 25%,#e4c38c,#886340 70%);box-shadow:1px 3px 3px #0007}
.club-noticeboard article[data-board-card=settings],.club-noticeboard article[data-board-card=sources]{display:none;grid-column:1/-1;grid-row:1/-1;padding:24px 9%;transform:rotate(-.4deg)}
.cabaret-board:is([data-board-page=settings],[data-board-page=sources]) .club-noticeboard article{display:none}
.cabaret-board[data-board-page=settings] article[data-board-card=settings],.cabaret-board[data-board-page=sources] article[data-board-card=sources]{display:flex}
.board-settings label{display:flex;align-items:center;gap:8px;font:14px Georgia;padding:5px 0}.board-settings input{width:18px;height:18px}.board-source-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.board-source-links .ink-link{display:block}.board-source-links small{display:block;font:10px Georgia;color:#705b68}
.board-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 13px;z-index:4}.board-tabs button{position:relative;padding:8px 12px;color:#30232d;background:#d2bb95;box-shadow:1px 3px 4px #0005;font:11px Georgia;transform:rotate(-2deg)}.board-tabs button:nth-child(even){transform:rotate(2deg);background:#c1a2a7}.board-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px #533348,1px 3px 4px #0005}.board-tabs button:focus-visible{outline:2px solid white;outline-offset:3px}
.board-costumes{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:visible}.board-boa{position:absolute;left:-3%;top:-5%;width:105%;height:30%}.board-boa i{position:absolute;left:calc(var(--i) * 3.1%);top:calc(2% + var(--i) * .9%);width:8%;height:26%;background:repeating-linear-gradient(67deg,transparent 0 3px,#b86d8c22 4px 5px),radial-gradient(ellipse at 50% 70%,#8c3559,#39192f 65%,transparent 70%);transform:rotate(calc(-20deg + var(--fan)));border-radius:80% 0 80% 10%;filter:drop-shadow(0 4px 2px #190e2655)}.board-boa i:nth-child(3n){background:radial-gradient(ellipse at 50% 60%,#4b274a,#1c1828 66%,transparent 70%);height:34%;top:4%}
.board-mask{position:absolute;filter:drop-shadow(2px 6px 3px #1f152866);width:18%;height:auto}.mask-gold{top:1%;right:-5%;transform:rotate(22deg)}.mask-ink{bottom:9%;left:-6%;transform:rotate(-29deg);width:15%}.board-ribbon{position:absolute;right:-3%;top:11%;width:4%;height:49%;background:linear-gradient(90deg,#432237,#a44e6e,#4b233e);clip-path:polygon(10% 0,90% 0,100% 92%,50% 87%,10% 100%,0 50%);transform:rotate(-7deg)}.board-ticket{position:absolute;left:2%;bottom:1%;padding:12px 8px;background:#bc9e88;color:#4a3137;font:7px/1.5 Arial;letter-spacing:1px;text-align:center;transform:rotate(12deg);box-shadow:1px 3px 4px #0005}.board-ticket b{font-size:8px}
/* On small screens, select pinned notes instead of scrolling through them. */
.compact-view #room[data-kind=noticeboard]{align-items:start;padding:6px 12px}
.compact-view #room[data-kind=noticeboard] .artifact-flight{width:min(600px,100%)}
.compact-view #room[data-kind=noticeboard] .world-artifact{max-height:none}
.compact-view #room[data-kind=noticeboard] .artifact-content{padding:0;overflow:visible}
.compact-view #room[data-kind=noticeboard] .artifact-toolbar{height:30px;min-height:30px}
.compact-view .cabaret-board{height:calc(100dvh - 112px);max-height:700px;min-height:0;padding:20px 6% 12px;gap:13px;border-width:7px}
.compact-view .board-heading h1{font-size:30px}.compact-view .board-heading>span{font-size:6px;letter-spacing:1.6px}
.compact-view .club-noticeboard{display:block;height:100%}.compact-view .club-noticeboard article{display:none;height:100%;padding:24px 22px;margin:0;justify-content:center;gap:12px}
.compact-view .cabaret-board[data-board-page=about] article[data-board-card=about],.compact-view .cabaret-board[data-board-page=heiskell] article[data-board-card=heiskell],.compact-view .cabaret-board[data-board-page=people] article[data-board-card=people],.compact-view .cabaret-board[data-board-page=contact] article[data-board-card=contact],.compact-view .cabaret-board[data-board-page=settings] article[data-board-card=settings],.compact-view .cabaret-board[data-board-page=sources] article[data-board-card=sources]{display:flex}
.compact-view .world-artifact .club-noticeboard h2{font-size:clamp(20px,5.5vw,28px)}.compact-view .world-artifact .club-noticeboard p{font-size:clamp(12px,3.5vw,16px);line-height:1.43}.compact-view .club-noticeboard .ink-link,.compact-view .club-noticeboard .ink-button{font-size:13px}.compact-view .board-source-links{grid-template-columns:1fr;gap:4px}.compact-view .board-source-links .ink-link{font-size:12px;line-height:1.3}.compact-view .board-source-links small{font-size:9px}.compact-view .board-tabs{gap:7px}.compact-view .board-tabs button{padding:9px 8px;font-size:10px}.compact-view .board-mask{width:25%}.compact-view .mask-gold{right:-7%}.compact-view .mask-ink{left:-9%;width:22%}
@media(max-height:650px){.compact-view .cabaret-board{gap:8px;padding-block:10px}.compact-view .board-heading h1{font-size:25px}.compact-view .board-heading>span{display:none}.compact-view .club-noticeboard article{padding:18px;gap:7px}.compact-view .world-artifact .club-noticeboard p{font-size:12px;line-height:1.3}.compact-view .world-artifact .club-noticeboard h2{font-size:21px}.compact-view .board-tabs button{padding:6px 7px}.compact-view .board-source-links{grid-template-columns:1fr 1fr}.compact-view .board-source-links .ink-link{font-size:10px}.compact-view .board-settings label{font-size:11px;padding:2px 0}}
@media(orientation:landscape) and (max-height:500px){.compact-view .cabaret-board{height:calc(100dvh - 65px);grid-template-columns:130px 1fr;grid-template-rows:1fr auto;padding:12px 20px}.compact-view .board-heading{align-self:center}.compact-view .club-noticeboard{grid-column:2;grid-row:1/-1}.compact-view .board-tabs{grid-column:1;grid-row:2;align-content:end;gap:6px}.compact-view .board-tabs button{font-size:9px;padding:5px}.compact-view .world-artifact .club-noticeboard p{font-size:11px}.compact-view #room[data-kind=noticeboard] .artifact-footer{display:none}.compact-view .board-source-links{gap:1px 8px}}

/* Three actual faces, hinged at the creases. Content stays on the paper. */
#room[data-kind=casting] .artifact-flight{width:min(620px,86vw)}
#room[data-kind=casting] .world-artifact{max-height:none;overflow:visible}
#room[data-kind=casting] .artifact-content{overflow:visible;padding:5px 20px 14px;flex:none}
.casting-trifold{--panel-height:min(224px,calc((86dvh - 94px) / 3));position:relative;height:calc(var(--panel-height) * 3);max-width:535px;margin:0 auto;perspective:1500px;transform-style:preserve-3d}
.trifold-core{position:absolute;top:var(--panel-height);left:0;right:0;height:var(--panel-height);transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-5deg) rotateZ(-.7deg);animation:trifold-drift 9s 1.65s ease-in-out infinite}
.tri-panel{position:absolute;left:0;width:100%;height:100%;transform-style:preserve-3d;box-sizing:border-box;color:#4e2c3e;border:0;overflow:visible}
.tri-middle{top:0;transform:translateZ(.2px)}.tri-top{bottom:100%;transform-origin:50% 100%;transform:rotateX(-4deg);animation:trifold-top 1.1s .25s cubic-bezier(.2,.72,.25,1) both}.tri-bottom{top:100%;transform-origin:50% 0;transform:rotateX(5deg);animation:trifold-bottom 1s .65s cubic-bezier(.2,.72,.25,1) both}
.tri-front,.tri-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px 28px;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(#938c8920 .5px,transparent 1px),#f7f5f2;background-size:4px 4px;box-shadow:0 5px 15px #1f152533;border:0;text-align:center}
.tri-back{transform:rotateX(180deg) translateZ(.3px);color:#60344b;gap:18px;background-color:#eae7e3}.tri-back strong{font:normal 36px Georgia;letter-spacing:3px}.tri-back>span{font:15px/1.5 Georgia;letter-spacing:3px}.tri-back small{font:8px Arial;letter-spacing:2px}
.tri-top .tri-front{background-image:linear-gradient(0deg,#76625d22,transparent 13%),radial-gradient(#938c8920 .5px,transparent 1px);background-size:auto,4px 4px}.tri-bottom .tri-front{background-image:linear-gradient(#76625d22,transparent 13%),radial-gradient(#938c8920 .5px,transparent 1px);background-size:auto,4px 4px}.tri-middle .tri-front{background-image:linear-gradient(0deg,#fff8,transparent 14%,transparent 86%,#79696211),radial-gradient(#938c8920 .5px,transparent 1px);background-size:auto,4px 4px}
.tri-letterhead,.tri-imprint{font:8px Arial;letter-spacing:2.5px}.tri-flower{position:absolute;right:8%;top:16%;font:25px Georgia;color:#ac8993}.world-artifact .tri-panel h2{font:normal clamp(28px,3.2vw,42px)/.98 Georgia;margin:0;color:#4e2c3e;letter-spacing:-.6px}.world-artifact .tri-panel p{font:14px/1.42 Georgia;margin:0}.tri-panel p>span{font-size:12px}.tri-imprint{font-size:6px;letter-spacing:2px;margin-top:4px}
.tri-panel .casting-broadside-head{align-self:stretch;font-size:8px;letter-spacing:2px;padding-bottom:6px;border-bottom:1px solid #98728266}.tri-panel .tri-billing{font:small-caps 13px/1.4 Georgia}.tri-casting-link{font:20px/1.1 Georgia;color:#5e2a43;text-decoration:none;padding:6px 12px;border-block:1px solid #9c7c8c66}.tri-casting-link small{display:block;font:8px Arial;letter-spacing:2px;margin-top:6px}.tri-casting-link:hover{text-decoration:underline}.tri-panel .tri-source{font:italic 11px/1.3 Georgia;max-width:310px}.tri-deadline{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:center;align-items:center}.tri-deadline span{font:7px Arial;letter-spacing:1px}.tri-deadline strong{font:10px Georgia;letter-spacing:.6px}.tri-interest{padding-top:7px;margin-top:2px;display:flex;flex-direction:column;gap:5px;border-top:1px dashed #98728266;width:100%}.tri-interest a{font:13px/1.3 Georgia}.tri-interest>span{font:10px Georgia}
@keyframes trifold-top{0%{transform:rotateX(-180deg) translateZ(-2px)}100%{transform:rotateX(-4deg) translateZ(0)}}
@keyframes trifold-bottom{0%{transform:rotateX(180deg) translateZ(3px)}100%{transform:rotateX(5deg) translateZ(0)}}
@keyframes trifold-drift{0%,100%{transform:rotateX(7deg) rotateY(-5deg) rotateZ(-.7deg) translateY(0)}50%{transform:rotateX(8deg) rotateY(-3deg) rotateZ(-.3deg) translateY(-3px)}}
.compact-view #room[data-kind=casting]{align-items:start;padding:5px 14px}
.compact-view #room[data-kind=casting] .artifact-flight{width:min(540px,100%)}.compact-view #room[data-kind=casting] .world-artifact{max-height:none}.compact-view #room[data-kind=casting] .artifact-content{padding:0 8px 6px;overflow:visible}
.compact-view .casting-trifold{--panel-height:min(200px,calc((100dvh - 104px) / 3))}
.compact-view .tri-front,.compact-view .tri-back{padding:10px 17px;gap:6px}.compact-view .world-artifact .tri-panel h2{font-size:30px}.compact-view .world-artifact .tri-panel p{font-size:12px;line-height:1.3}.compact-view .tri-panel p>span{font-size:10px}.compact-view .tri-letterhead{font-size:7px;letter-spacing:2px}.compact-view .tri-panel .casting-broadside-head{font-size:7px}.compact-view .tri-imprint{font-size:5px}.compact-view .tri-panel .tri-billing{font-size:11px}.compact-view .tri-casting-link{font-size:17px;padding:4px 9px}.compact-view .tri-casting-link small{font-size:7px;margin-top:3px}.compact-view .tri-panel .tri-source{font-size:10px}.compact-view .tri-interest{padding-top:5px;gap:3px}.compact-view .tri-interest a{font-size:11px}.compact-view .tri-interest>span{font-size:9px}.compact-view .tri-deadline strong{font-size:9px}
@media(max-height:540px) and (orientation:portrait){.compact-view .tri-front{padding:7px 12px;gap:4px}.compact-view .world-artifact .tri-panel h2{font-size:25px}.compact-view .world-artifact .tri-panel p{font-size:11px}.compact-view .tri-imprint,.compact-view .tri-flower{display:none}.compact-view .tri-panel .tri-source{font-size:9px}.compact-view .tri-casting-link{font-size:15px}.compact-view .tri-interest{padding-top:4px}.compact-view .tri-letterhead{font-size:6px}}
@media(orientation:landscape) and (max-height:500px){.compact-view #room[data-kind=casting] .artifact-flight{width:94vw;max-width:980px}.compact-view .casting-trifold{height:calc(100dvh - 82px);max-width:none;--panel-height:100%}.compact-view .trifold-core{top:0;left:33.333%;right:auto;width:33.334%;height:100%}.compact-view .tri-top{bottom:auto;top:0;left:-100%;transform-origin:right;transform:rotateY(4deg);animation-name:trifold-left}.compact-view .tri-bottom{top:0;left:100%;transform-origin:left;transform:rotateY(-5deg);animation-name:trifold-right}.compact-view .tri-top .tri-back,.compact-view .tri-bottom .tri-back{transform:rotateY(180deg) translateZ(.3px)}.compact-view .tri-front{padding:10px;gap:6px}.compact-view .world-artifact .tri-panel h2{font-size:27px}.compact-view .world-artifact .tri-panel p{font-size:11px}.compact-view .tri-casting-link{font-size:15px}.compact-view .tri-interest a{font-size:10px}.compact-view .tri-panel .tri-billing{font-size:10px}}
@keyframes trifold-left{from{transform:rotateY(180deg) translateZ(3px)}to{transform:rotateY(4deg)}}@keyframes trifold-right{from{transform:rotateY(-180deg) translateZ(5px)}to{transform:rotateY(-5deg)}}
@media(prefers-reduced-motion:reduce){.trifold-core,.tri-top,.tri-bottom{animation:none!important}}body.quiet-world :is(.trifold-core,.tri-top,.tri-bottom){animation:none!important}