*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#14140f;color:#c6c0ac;font:10px/1.6 'Courier New',monospace;letter-spacing:1px}button{font:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:0;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:1px solid #d1cbb7;outline-offset:5px}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;outline:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 35%,#090a0790 100%)}header{position:fixed;left:28px;right:28px;top:24px;display:flex;align-items:center;gap:24px;z-index:3;text-shadow:0 2px 6px #000}.mark{font-size:22px;letter-spacing:-2px;font-weight:bold}#location{font-size:9px;opacity:.75}#menuButton{margin-left:auto;border-bottom:1px solid #c6c0ac66;padding:7px 0}#objectMenu{position:fixed;top:72px;right:25px;z-index:10;background:#191a15ed;border:1px solid #6d70584d;box-shadow:0 10px 35px #0009;padding:15px 20px;width:235px}#objectMenu button{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid #c6c0ac18}#objectMenu button:last-child{border:0}#loader{position:fixed;inset:0;background:#181a14;z-index:30;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .7s}#loader span{font-size:32px;letter-spacing:8px}#loader p{font-size:9px;opacity:.65;margin-top:20px}#loader.ready{opacity:0;pointer-events:none}#hint{position:fixed;left:50%;top:52%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;z-index:4}#hoverName{display:block;font-size:9px;background:#10110bb8;padding:5px 9px;margin-bottom:8px;min-height:0}#hoverName:empty{display:none}.reticle{opacity:.3;font-size:15px}#bottom{position:fixed;left:28px;right:28px;bottom:23px;display:flex;justify-content:space-between;gap:20px;z-index:4;font-size:8px;text-shadow:0 1px 5px #000}.bottom-actions{display:flex;gap:20px}.bottom-actions button{font-size:8px}#instructions{opacity:.75}#movement{position:fixed;left:25px;bottom:60px;z-index:4;text-align:center;opacity:.5}#movement button{border:1px solid #c6c0ac38;background:#16181144;width:30px;height:30px;font-size:13px;margin:2px}#movement:hover{opacity:1}#inspection{position:fixed;top:95px;right:35px;bottom:80px;width:330px;z-index:5;padding:20px;background:#171813dd;border:1px solid #b5b29d33;overflow:auto;box-shadow:0 10px 50px #0006}#closeInspect{font-size:8px;display:block;margin-left:auto;margin-bottom:25px;border-bottom:1px solid #c6c0ac44;padding:0 0 6px}#inspectContent h2{font:20px/1.2 'Courier New',monospace;letter-spacing:0;font-weight:normal;margin:20px 0 12px}#inspectContent p{font-size:10px;letter-spacing:.3px;line-height:1.8;opacity:.8}#inspectContent small{font-size:8px;display:block;opacity:.6}#inspectContent img{width:100%;height:auto;display:block;filter:saturate(.7);max-height:50vh;object-fit:contain}#inspectContent button{padding:12px 0;margin:12px 0;display:block;width:100%;border-top:1px solid #c6c0ac33;border-bottom:1px solid #c6c0ac33;text-align:left}#inspectContent .archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#inspectContent .archive-grid button{padding:0;margin:0;border:0}#inspectContent .archive-grid img{aspect-ratio:55/73;object-fit:contain}#inspectContent .archive-grid span{font-size:8px;display:block;margin-top:5px}#bookControls{position:fixed;left:50%;bottom:75px;transform:translateX(-50%);display:flex;align-items:center;gap:22px;background:#15170fd4;border:1px solid #b5b29d38;padding:12px 20px;z-index:7;white-space:nowrap}#bookControls button{font-size:12px}#bookPageLabel{font-size:8px}#bookControls #bookExit{font-size:8px;border-left:1px solid #c6c0ac33;padding-left:20px}#fallback{position:fixed;inset:0;background:#24251b;overflow:auto;padding:60px 25px;z-index:15}#fallbackPhotos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:900px}#fallbackPhotos img{width:100%}#fallbackPhotos figure{margin:0}body.inspecting #movement{display:none}body.inspecting #instructions{visibility:hidden}@media(max-width:650px){header{left:16px;right:16px;top:15px;gap:14px}.mark{font-size:19px}#location{font-size:7px}#bottom{left:16px;right:16px;bottom:15px;display:block}.bottom-actions{justify-content:space-between;margin-top:14px}#instructions{font-size:7px}#movement{left:13px;bottom:70px}#movement button{width:34px;height:34px}#inspection{top:auto;left:12px;right:12px;bottom:75px;width:auto;max-height:44svh;padding:15px;background:#171813f0}#inspectContent img{max-height:24svh}#inspectContent .archive-grid{grid-template-columns:repeat(4,1fr)}#inspectContent .archive-grid img{max-height:none}#closeInspect{margin-bottom:14px}#inspectContent h2{font-size:18px;margin-top:12px}#bookControls{bottom:90px;gap:16px;padding:10px 13px}#bookControls #bookExit{padding-left:12px;font-size:7px}.reticle{display:none}#hint{top:38%}#fallbackPhotos{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
#posterDialog{border:1px solid #c6c0ac44;background:#151710;color:#c6c0ac;padding:40px 15px 15px;max-width:94vw;max-height:94svh}#posterDialog::backdrop{background:#090b07eb}#posterDialog img{display:block;max-width:86vw;max-height:80svh;object-fit:contain}#closePoster{position:absolute;top:10px;right:15px;font-size:9px}#inspectContent .poster-image{padding:0;margin:0;border:0}#mediaPlayback video,#mediaPlayback iframe{display:block;width:100%;aspect-ratio:16/9;background:#080b08;border:0}#mediaPlayback audio{width:100%;margin-top:15px}.media-status{font-size:8px!important;opacity:.5!important}#inspectContent .poster-image img{max-height:55vh} @media(max-width:650px){#inspection:has(#mediaPlayback){max-height:60svh}#inspectContent .poster-image img{max-height:30svh}}

#objectMenu{max-height:calc(100svh - 150px);overflow:auto}#inspectContent .crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}#inspectContent .crew-grid button{margin:0;padding:0;border:0;text-align:center;background:#a59b7c;color:#252b20;position:relative}#inspectContent .crew-grid img{height:90px;object-fit:cover;filter:saturate(.65)}.crew-grid span{display:block;font-size:8px;letter-spacing:0;padding:3px}.crew-number{position:absolute;top:0;left:0;background:#262b22;color:#c4bda4;z-index:1}.crew-grid strong{height:90px;display:grid;place-items:center;font:65px Georgia;color:#33382c}.unrevealed-mark{font:140px Georgia;text-align:center;background:#a59b7c;color:#33382c;margin-top:20px}@media(max-width:650px){#inspection:has(.crew-grid){max-height:53svh}#inspectContent .crew-grid{grid-template-columns:repeat(4,1fr)}#inspectContent .crew-grid img,.crew-grid strong{height:84px}}
.fallback-unknown{background:#a59b7c;color:#292e23;text-align:center}.fallback-unknown strong{display:grid;place-items:center;aspect-ratio:55/73;font:90px Georgia}
/* Worn archive panels: paper, tape, uneven ink and roomy photographs. */
#inspection{width:min(440px,calc(100vw - 70px));padding:24px;color:#25291f;border:1px solid #797157;border-radius:1px 4px 2px 0;background:linear-gradient(100deg,#32280d20,transparent 22%,#eee0b41a 58%,#302c172b),url('assets/aged-yearbook-paper.png') center/cover,#b1a581;box-shadow:inset 0 0 42px #30260d55,2px 3px 0 #3c3b2c,7px 12px 35px #0009;overscroll-behavior:contain;scrollbar-color:#77705a #a79d80;scrollbar-width:thin}
#inspection::before{content:'';position:absolute;top:8px;left:calc(50% - 39px);width:78px;height:19px;transform:rotate(-5deg);background:#80795c80;border-left:3px dotted #b8ad8755;border-right:3px dotted #b8ad8755;pointer-events:none;box-shadow:0 1px 2px #302a1633}
#closeInspect{position:sticky;top:-24px;z-index:2;min-height:44px;margin-bottom:14px;padding:8px 10px;background:#aaa080;border:1px solid #746d54;box-shadow:1px 2px 0 #544d3338;color:#292d22}
#inspectContent h2{font-family:Georgia,serif;font-weight:bold;font-size:26px;letter-spacing:-.7px;transform:rotate(-.5deg);margin:16px 0 20px}#inspectContent small{opacity:.85;letter-spacing:2px;border-bottom:1px dashed #595c43;padding-bottom:8px}#inspectContent p{opacity:1;font-size:13px;line-height:1.75}#inspectContent img{filter:none;max-height:64vh}#inspectContent button{min-height:44px;border-color:#585b4170;font-size:10px}#inspectContent .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}#inspectContent .archive-grid button,#inspectContent .crew-grid button{padding:7px 7px 10px;background:#cec3a4;box-shadow:1px 3px 5px #322a1840;border:1px solid #8e846666;color:#292d22}#inspectContent .archive-grid button:nth-child(3n){transform:rotate(-1deg)}#inspectContent .archive-grid button:nth-child(3n + 1){transform:rotate(.6deg)}#inspectContent .archive-grid span{font:14px Georgia,serif;letter-spacing:0;margin-top:10px}#inspectContent .archive-grid img{width:100%;height:auto;aspect-ratio:55/73;object-fit:contain;max-height:none}
#inspectContent .school-photo{padding:9px;margin:0 0 20px;background:#d4c9ad;border:1px solid #8e846666;box-shadow:2px 4px 6px #3c331b40;text-align:center;transform:rotate(-.5deg)}#inspectContent .school-photo img{max-height:58svh;object-fit:contain}#inspectContent .school-photo span{display:block;font-size:8px;margin:10px 0 3px;letter-spacing:1px}#inspectContent .member-bio{font:16px/1.65 Georgia,serif;letter-spacing:0}#inspectContent .photo-roll{font-size:9px;opacity:.75}
#inspectContent .crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}#inspectContent .crew-grid img{height:auto;max-height:none;aspect-ratio:55/73;object-fit:contain}.crew-grid strong{height:auto;aspect-ratio:55/73;background:#b3a889}.crew-grid span{font-size:11px;padding-top:8px}.crew-number{font-size:8px!important;padding:3px!important}
#objectMenu{background:linear-gradient(#141911aa,#141911cc),url('assets/worn-desk.png') center/cover;border:1px solid #76795b;box-shadow:3px 5px 0 #171b15,8px 12px 30px #0009}#objectMenu button{min-height:44px}#posterDialog{background:url('assets/aged-yearbook-paper.png') center/cover,#afa480;color:#292d22;border:1px solid #857a59;box-shadow:inset 0 0 30px #51432055,8px 10px 40px #0009;padding-top:58px}#closePoster{min-height:44px;padding:8px 12px;background:#b9ad8b;border:1px solid #6d654c;top:6px;right:8px}#posterDialog img{box-shadow:0 2px 5px #31291955}body.inspecting #instructions{visibility:visible}body.inspecting #movement{display:block}
@media(max-width:650px){#inspection,#inspection:has(.crew-grid),#inspection:has(#mediaPlayback){top:auto;left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;height:54svh;max-height:54svh;padding:18px 16px 22px}#closeInspect{top:-18px;margin-bottom:12px}#inspectContent h2{font-size:24px}#inspectContent .archive-grid,#inspectContent .crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}#inspectContent .archive-grid img,#inspectContent .crew-grid img{height:auto;max-height:none;object-fit:contain}#inspectContent .school-photo img{max-height:none;width:100%;height:auto;aspect-ratio:55/73}#inspectContent .school-photo{padding:8px}#inspectContent .member-bio{font-size:16px}#inspectContent .crew-grid strong{height:auto}#inspectContent .poster-image img{max-height:none}body.inspecting #movement{display:none}body.inspecting #instructions{visibility:hidden}#bottom{bottom:calc(12px + env(safe-area-inset-bottom))}#posterDialog{max-height:94svh}#posterDialog img{max-height:76svh}}
@media(max-height:500px) and (orientation:landscape){#inspection,#inspection:has(.crew-grid),#inspection:has(#mediaPlayback){top:64px;bottom:55px;left:auto;right:12px;width:45vw;height:auto;max-height:none}}
/* Sample only the uncreased outer paper; preserve its wear and stains. */
#inspection{background-size:auto,240% 100%,auto;background-position:center,left center,center}#posterDialog{background-size:240% 100%;background-position:left center}.room-links a,.room-links .link-pending{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px;color:#292d22;text-decoration:none;border-bottom:1px dashed #605b43;font:18px Georgia,serif}.room-links a:hover{background:#64583918}.room-links small{font:8px 'Courier New',monospace;color:#625d48;letter-spacing:1px}.transport{display:flex;gap:8px}#inspectContent .transport button{border:1px solid #514f3b;background:#8d876d;box-shadow:0 4px 0 #595943;margin:10px 0 16px;text-align:center;font-size:17px;min-height:48px}#inspectContent .transport button:active{transform:translateY(3px);box-shadow:0 1px 0 #595943}.volume-label{display:flex;justify-content:space-between;margin:16px 0 6px}#deckVolume{width:100%;height:44px;accent-color:#454e39;cursor:ew-resize}
@font-face{font-family:CXBlock;src:url('assets/fonts/cx-condensed-bold.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:CXType;src:url('assets/fonts/cx-type.woff') format('woff');font-weight:400;font-display:swap}
#inspection,#posterDialog{font-family:CXType,'Courier New',monospace}#inspectContent h2{font-family:CXBlock,Impact,sans-serif;font-size:38px;line-height:.95;font-weight:700;text-transform:uppercase;letter-spacing:-2px;transform:rotate(-1deg) scaleX(.88);transform-origin:left center;margin:22px 0 24px;text-shadow:1px 0 #25291f88;mask-image:repeating-linear-gradient(176deg,#000 0px,#000 7px,#0009 7.5px,#000 8px)}#inspectContent .member-bio,#inspectContent p{font-family:CXType,monospace;font-size:13px;line-height:1.85;letter-spacing:-.35px}#inspectContent .archive-grid span,#inspectContent .crew-grid button>span:last-child{font-family:CXBlock,sans-serif;font-size:13px;letter-spacing:-.4px;text-transform:uppercase}#inspectContent small,#inspectContent button,#closePoster{font-family:CXType,monospace}#inspectContent .room-links{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:30px;padding-top:13px;border-top:1px dashed #605b4370}#inspectContent .room-links a,#inspectContent .room-links .link-pending{font:10px/1.4 CXType,monospace;min-height:32px;display:inline-flex;gap:6px;border:0}#inspectContent .room-links .link-pending{opacity:.5}#inspectContent .room-links small{display:none}#inspectContent .room-links a:hover{text-decoration:underline}#inspectContent .video-primary{font-family:CXBlock,sans-serif;font-size:23px;line-height:1.15;text-align:left;background:#2c3227;color:#bdb18b;padding:24px 16px;border:1px solid #3c4533;box-shadow:2px 3px 0 #6e684d}#inspection:has(#mediaPlayback) #mediaPlayback{margin:20px -8px 0}#inspection:has(#mediaPlayback) #mediaList button{font-family:CXBlock,sans-serif;font-size:17px;letter-spacing:-.6px;padding:17px 0}#inspection:has(#mediaPlayback) .media-status{margin-top:24px}@media(max-width:650px){#inspectContent h2{font-size:34px}#inspectContent .member-bio{font-size:13px;line-height:1.9}#inspectContent .room-links{gap:6px 13px}}
.popup-footer{display:flex;justify-content:center;align-items:center;gap:10px;clear:both;margin-top:28px;padding-top:12px;border-top:1px solid #605b4335;font:9px/1.5 CXType,'Courier New',monospace;letter-spacing:0;color:#444b38}.popup-footer a,.popup-footer>span{color:inherit;display:inline-flex;align-items:center;min-height:32px;text-decoration:none}.popup-footer a:hover{text-decoration:underline}.popup-footer>span{opacity:.5}.popup-footer i{font-style:normal;opacity:.45}#posterFooter .popup-footer{margin-top:12px}#inspectContent{min-height:calc(100% - 65px);display:flex;flex-direction:column}#inspectContent>.popup-footer{margin-top:auto;padding-top:22px;flex-shrink:0}#inspectContent>.room-links+.popup-footer{margin-top:15px}
.arcade-select{display:flex;gap:7px}#inspectContent .arcade-select button{margin:0;padding:10px 4px;text-align:center;font:11px CXBlock,sans-serif;background:#a99c79;border:1px solid #6b6148}#inspectContent .arcade-select button[aria-pressed=true]{background:#343e2e;color:#cabc91}.arcade-game{display:block;width:100%;aspect-ratio:48/43;background:#15231b;touch-action:none;border:7px solid #3b3827;border-radius:5px;box-shadow:inset 0 0 20px #000;outline-offset:3px}.arcade-rules{font-size:10px!important;line-height:1.6!important;margin:12px 0}.arcade-controls{display:flex;gap:8px}#inspectContent .arcade-controls button{font-size:10px;padding:12px 5px;text-align:center;background:#8e815e;border:1px solid #534c36;box-shadow:0 3px 0 #4e4e39}.arcade-controls button:active{transform:translateY(2px)}.arcade-hud{font-size:10px;margin-top:8px}#inspection:has(#arcadeRoot){width:min(510px,calc(100vw - 50px));top:75px;bottom:65px}#inspection:has(#arcadeRoot) h2{font-size:30px;margin:10px 0 16px}@media(max-width:650px){#inspection:has(#arcadeRoot){top:70px;bottom:65px;height:auto;max-height:none;width:auto;left:10px;right:10px;padding:12px}.arcade-game{max-height:43svh;object-fit:contain}#inspection:has(#arcadeRoot) #closeInspect{top:-12px;margin-bottom:5px}#inspection:has(#arcadeRoot) h2{font-size:25px;margin:8px 0 12px}}
.sofa-choices{display:flex;gap:12px}#inspectContent .sofa-choices button{font:20px/1.2 CXBlock,sans-serif;background:#494b35;color:#c7b88f;min-height:75px;padding:16px 10px;text-align:center;border:1px solid #767251;box-shadow:2px 3px 0 #74694a}#inspection:has(.sofa-choices){top:auto;bottom:75px;max-height:37svh;width:360px}#inspection:has(.sofa-choices) h2{font-size:27px;margin:12px 0}#seatEmbed iframe{width:100%;aspect-ratio:16/9;border:0}@media(max-width:650px){#inspection:has(.sofa-choices){left:10px;right:10px;width:auto;height:auto;max-height:35svh;bottom:65px;padding:12px 16px}#inspection:has(.sofa-choices) #closeInspect{top:-12px;margin-bottom:0}.sofa-choices{gap:10px}#inspectContent .sofa-choices button{min-height:56px;font-size:18px;margin:8px 0}}

#inspectContent .album-play{position:relative;display:block;padding:0;border:0;width:100%;background:transparent}#inspectContent .album-play img{display:block;width:100%;margin:0}#albumPlayIcon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#10251ae6;color:#eee6ce;font-size:30px;border:2px solid #eee6ce;box-shadow:0 2px 20px #0008}.album-release{font-weight:bold;letter-spacing:.15em;text-align:center}

.beat-row{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin:8px 0 18px}.beat-row .beat-pad{padding:0;min-height:32px;border:1px solid #7c816a;background:#cdc5a5}.beat-pad[aria-pressed="true"]{background:#526e4d}.beat-pad.beat-current{outline:2px solid #c88438;outline-offset:1px}.beat-controls label{display:block;margin:16px 0}.jacket-preview svg{display:block;max-height:340px;width:100%}.merch-link{display:block;text-align:center;padding:16px}

.jacket-preview img{display:block;width:auto;max-width:100%;height:340px;object-fit:contain;margin:0 auto}

#mobilePanelToolbar{display:none}
@media(max-width:650px){
#inspection,#inspection:has(.crew-grid),#inspection:has(#mediaPlayback),#inspection:has(.sofa-choices),#inspection:has(#arcadeRoot){left:8px;right:8px;top:auto;bottom:calc(62px + env(safe-area-inset-bottom));width:auto;height:32svh;max-height:32svh;padding:0 12px 12px;border-radius:13px 13px 4px 4px;overflow:auto}
#mobilePanelToolbar{display:flex;align-items:center;gap:9px;position:sticky;top:0;height:45px;padding:8px 35px 8px 0;background:#b8ae92;z-index:3;border-bottom:1px solid #625e4244}
#mobilePanelTitle{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:bold;letter-spacing:0}
#mobilePanelToolbar button{font-size:9px;padding:8px 2px;min-height:32px}
#inspection #closeInspect,#inspection:has(.sofa-choices) #closeInspect,#inspection:has(#arcadeRoot) #closeInspect{position:sticky;float:right;top:8px;right:0;margin-top:-38px;margin-bottom:0;width:29px;height:30px;font-size:0;z-index:4;padding:0;border:0}
#closeInspect::after{content:'×';font-size:23px}
#inspection.panel-collapsed,#inspection.panel-collapsed:has(.sofa-choices){height:46px;max-height:46px;overflow:hidden;padding-bottom:0}
#inspection.panel-collapsed #inspectContent{display:none}
#inspection.panel-expanded,#inspection.panel-expanded:has(.sofa-choices){height:60svh;max-height:60svh}
#inspectContent h2{font-size:25px;margin:12px 0}
#inspectContent img{max-height:24svh}
#inspectContent button{margin:7px 0;padding:10px 0}
#inspectContent .jacket-preview img{height:24svh}
#objectMenu{max-height:65svh;overflow:auto;top:58px;right:10px;padding:9px 15px}
#objectMenu button{padding:10px 0}
body:has(#inspection:not([hidden])) #movement{bottom:calc(32svh + 76px + env(safe-area-inset-bottom));opacity:.65}
body:has(#inspection.panel-collapsed:not([hidden])) #movement{bottom:calc(118px + env(safe-area-inset-bottom))}
body:has(#inspection.panel-expanded:not([hidden])) #movement{bottom:calc(60svh + 76px + env(safe-area-inset-bottom))}
}

#closeupNav{position:fixed;top:65px;left:24px;z-index:8;display:flex;gap:7px;align-items:center;max-width:calc(100vw - 36px)}#closeupNav button{background:#171d16a6;border:1px solid #c6c0ac55;border-radius:3px;padding:9px 12px;color:#ddd6bf;min-height:40px;font-size:10px;backdrop-filter:blur(3px)}#photoActions{position:fixed;inset:0;pointer-events:none;z-index:7}#photoSampleAnchor,#photoBio{position:fixed;transform:translate(-50%,-50%);pointer-events:auto}#photoActions button{min-width:44px;min-height:44px;background:#18221bcc;color:#e2dbc4;border:1px solid #e2dbc477;border-radius:4px;font-size:16px;padding:6px;box-shadow:0 2px 8px #0007}#photoActions #photoBio{font-size:11px;letter-spacing:1px}.photo-coming{display:block;width:100px;text-align:center;background:#18221bcc;color:#e2dbc4;font-size:9px;padding:7px;border-radius:3px}#memberSampleStatus{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#18221bdd;padding:5px 10px;max-width:70vw;color:#e2dbc4;font-size:10px}#memberSampleStatus:empty{display:none}#inspection.bio-panel{height:auto;max-height:230px;bottom:85px;top:auto;width:300px;padding:16px}#inspection.bio-panel h2,#inspection.bio-panel small,#inspection.bio-panel .popup-footer{display:none}#inspection.bio-panel #closeInspect{margin-bottom:8px}#inspection.bio-panel .member-bio{font-size:12px;margin:8px 0;line-height:1.6}
@media(max-width:650px){#closeupNav{top:58px;left:10px;gap:5px}#closeupNav button{padding:7px 9px;min-height:40px;font-size:9px}#inspection.bio-panel{height:auto;max-height:24svh;width:auto;left:8px;right:8px;padding:0 12px 12px}#inspection.bio-panel #mobilePanelToolbar{height:40px}#inspection.bio-panel .member-bio{font-size:12px}body:has(#closeupNav:not([hidden])) #movement{display:block;bottom:72px}#photoActions .photo-coming{width:90px;font-size:8px}}

#recordActions{position:fixed;transform:translate(-50%,-50%);z-index:7;text-align:center}#recordActions #albumPlay{display:grid;place-items:center;width:58px;height:58px;margin:auto;background:#17231cbb;border:1px solid #e2dbc477;border-radius:50%;color:#e2dbc4}#recordActions #albumPlayIcon{position:static;transform:none;background:none;border:0;box-shadow:none;width:auto;height:auto;font-size:25px}.record-release{display:block;background:#17231cbb;padding:5px 9px;margin-top:9px;font-size:10px;color:#e2dbc4}#recordActions #deckStatus{display:block;font-size:9px;color:#e2dbc4}

#loader .loading-logo{width:min(360px,78vw);height:auto;max-height:40svh;object-fit:contain;filter:drop-shadow(0 4px 18px #0005)}

#inspection:has(#memoriesViewer){height:auto;max-height:75svh;width:370px;top:auto;bottom:80px}#memoriesViewer #memoryPhoto{display:block;width:100%;height:40svh;object-fit:contain;margin:0;touch-action:pan-y}.memory-controls{display:flex;align-items:center;gap:8px;justify-content:space-between}.memory-controls button{width:44px;min-height:44px;text-align:center!important}.memory-controls span{font-size:10px;text-align:center}.memory-thumbs{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.memory-thumbs button{flex:0 0 44px;min-height:55px;padding:2px!important;border:1px solid transparent!important}.memory-thumbs button[aria-pressed=true]{border-color:#304b33!important}.memory-thumbs img{width:40px;height:49px;object-fit:cover;margin:0!important}.smoke-choices{display:flex;gap:12px}.smoke-choices button{min-height:44px;text-align:center!important}#inspection:has(.smoke-choices){height:auto;max-height:170px;top:auto;bottom:85px;width:220px}#inspection:has(.smoke-choices) .popup-footer,#inspection:has(.smoke-choices) small{display:none}
#roomSmoke{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden;animation:smoke-fade 13s ease-out forwards;background:radial-gradient(ellipse at 40% 60%,#d0cec2b3,transparent 90%)}#roomSmoke i{position:absolute;left:var(--x);top:var(--y);width:90vw;height:90vh;background:radial-gradient(ellipse,#d4d3c9c9 0%,#c5c4b68a 30%,#d6d4c200 69%);animation:smoke-rise 13s ease-out var(--delay) both}@keyframes smoke-fade{0%{opacity:0}12%,28%{opacity:.94}100%{opacity:0}}@keyframes smoke-rise{from{transform:translate(0,20vh) scale(.7)}to{transform:translate(10vw,-30vh) scale(1.7)}}
@media(max-width:650px){#inspection:has(#memoriesViewer){left:8px;right:8px;width:auto;height:auto;max-height:52svh;bottom:calc(62px + env(safe-area-inset-bottom))}#memoriesViewer #memoryPhoto{height:25svh}#inspection:has(#memoriesViewer) h2{font-size:21px;margin:6px 0}#inspection:has(#memoriesViewer) .popup-footer,#inspection:has(#memoriesViewer) small{display:none}#inspection:has(.smoke-choices){left:12px;right:12px;width:auto}}@media(prefers-reduced-motion:reduce){#roomSmoke{animation:smoke-fade 6s linear forwards}#roomSmoke i{animation:none;transform:none}}

/* Buttons share the tilted photo plane rather than the screen plane. */
#photoSampleAnchor,#photoBio{transform-origin:0 0;will-change:transform}#photoSampleAnchor #memberSamplePlay,#photoBio{width:44px;height:44px;min-width:44px;min-height:44px;margin:0;box-sizing:border-box;box-shadow:0 1px 3px #0005;background:#18221bc4}#photoSampleAnchor .photo-coming{width:100px;height:32px;box-sizing:border-box;display:grid;place-items:center;padding:3px;font-size:9px;line-height:1.2}
