.lamp-guide{position:absolute;left:73.7%;top:50.5%;z-index:12;width:176px;transform:translateX(-72%);pointer-events:none;text-align:center;color:#554937}
.lamp-guide svg{display:block;width:36px;height:44px;margin-left:calc(72% - 18px);filter:drop-shadow(0 2px 3px #49331855);animation:guide-hand 1.4s ease-in-out infinite}
.lamp-guide span{display:block;background:#fff3dcee;border:1px solid #e8c98d;border-radius:12px;padding:8px 10px;font-size:12px;box-shadow:0 5px 18px #34253622}
.lamp-guide small{display:block;margin-top:4px;font-size:10px;color:#89714f}
@keyframes guide-hand{0%,100%{transform:translateY(5px) rotate(-9deg)}50%{transform:translateY(-4px) rotate(-3deg)}}
.projector-guide{position:absolute;left:62.5%;top:51.5%;transform:translateX(-50%);z-index:10;white-space:nowrap;font-size:10px;padding:7px 10px;border:1px solid #efdbb6b0;border-radius:12px;background:#fff1dbe8;color:#6b543b;box-shadow:0 2px 8px #382d341a}
.stage.is-close .projector-guide,.stage.play-zoom .projector-guide{display:none}
#detail-open[data-needs-watch]{box-shadow:0 0 0 2px #efc987,0 0 16px #edc17766}
#detail-open.watch-burst{animation:watch-attention .95s ease-in-out 3;position:relative;z-index:1}
@keyframes watch-attention{0%,100%{transform:scale(1);background:#4a5c77;color:#fff8ec;box-shadow:0 0 0 2px #efc987,0 0 10px #edc17755}45%{transform:scale(1.075);background:#ffe2a0;color:#443323;box-shadow:0 0 0 5px #ffe4a277,0 0 26px #ffdb89cc}}
.mobile-works,.mobile-playback,.mobile-actions{display:none}
@media(max-width:900px),(max-height:620px){
 html{height:auto;overflow-x:hidden}body{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}
 .masthead{order:0;position:relative;inset:auto;margin:0;padding:20px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));gap:8px;align-items:center;flex-shrink:0}
 .identity h1{font-size:22px}.identity span{font-size:8px}.masthead nav button{min-height:40px;padding:8px 11px;font-size:11px}
 #room{order:1;height:clamp(250px,43svh,440px);min-height:0;padding:0;flex:none;width:100%;position:relative;overflow:hidden}
 .stage{width:min(100vw,calc(clamp(250px,43svh,440px)*1.5));max-width:100%;flex:none}
 .screening .scene{transform:scale(1)}
 .stage.play-zoom .scene{transform:scale(1.65);transform-origin:34% 28%}
 .projector-guide{display:none}
 .lamp-guide{top:50%;width:155px}.lamp-guide svg{width:30px;height:37px}.lamp-guide span{font-size:11px;padding:6px 8px}.lamp-guide small{font-size:9px}
 .mobile-works{order:6;display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 14px 9px;scrollbar-width:thin;flex:none}
 .mobile-works button{flex:none;min-height:44px;padding:9px 14px;border:1px solid #eee4d8;border-radius:24px;background:#fff5e6bd;font-size:12px}
 .mobile-works button[aria-pressed=true]{background:#4a5c77;color:#fff8e9;border-color:#4a5c77}
 .mobile-playback{order:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 8px;font-size:11px;color:#62536b}
 .mobile-playback button{min-height:44px;border:1px solid #cec1ab;border-radius:20px;background:#fff5e3;font-size:12px;padding:8px 16px}.mobile-playback button:disabled{opacity:.6;cursor:default}
 .play-hint{order:4;position:relative;inset:auto;left:auto;bottom:auto;transform:none;margin:4px 14px;width:calc(100% - 28px);max-width:none;padding:5px 10px;min-height:44px;z-index:auto;flex-wrap:wrap;font-size:11px}
 .play-hint span{flex:1;min-width:140px}.play-hint button{min-height:40px;font-size:11px}
 .mobile-actions{order:5;display:flex;margin:3px 14px 7px}.mobile-actions button{width:100%;min-height:46px;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #cbb99a;background:#f7ebd7;color:#68513a;border-radius:13px;font-size:12px}.mobile-actions button:active{background:#e7d3ad}
 .now-playing{order:3;position:relative;inset:auto;transform:none;margin:6px 14px 8px;width:calc(100% - 28px);padding:13px 14px;z-index:auto;flex-direction:column;align-items:stretch;gap:11px}
 .now-info{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.now-info>span{grid-column:1/-1}.now-info strong{font-size:18px}.now-info small{font-size:10px;align-self:center}
 .now-actions{justify-content:space-between;gap:8px}.now-actions button,.now-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:9px 14px}.now-actions .close-small{min-width:44px}
 .room-footer{order:7;position:relative;inset:auto;margin-top:auto;padding:12px 12px max(16px,env(safe-area-inset-bottom));width:100%;flex:none}.room-footer p{font-size:11px;line-height:1.6;margin:0 auto 10px;max-width:92%}.room-controls{flex-wrap:wrap;gap:6px}.room-controls button{min-height:44px;font-size:11px;padding:8px 12px}
 dialog,#detail,#about{width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px 16px;overscroll-behavior:contain}.dialog-close{min-width:44px;min-height:44px}.detail-media video{height:min(52dvh,520px)}.detail-copy{display:block}.detail-copy .primary-link{margin-top:10px;min-height:44px}.project-pagination button,.filters button{min-height:44px}
}
@media(max-width:360px){.masthead{padding-left:12px;padding-right:12px}.identity h1{font-size:19px}.identity span{font-size:7px}.masthead nav button{padding:7px 8px;font-size:10px}.masthead small{display:none}.now-info small{display:none}.now-actions{gap:5px}.now-actions button,.now-actions a{padding:8px 11px;font-size:11px}}
@media(max-height:500px) and (min-width:701px){
 body{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto;align-content:start;align-items:start;column-gap:10px}
 .masthead{grid-column:1/-1;grid-row:1}
 #room{grid-column:1;grid-row:2/9;height:calc(100svh - 100px);position:sticky;top:10px;align-self:start}
 .stage{width:min(100%,calc((100svh - 100px)*1.5))}
 .mobile-playback{grid-column:2;grid-row:2;padding:0 14px 4px;gap:6px;font-size:10px}
 .mobile-playback button{font-size:11px;padding:7px 12px}
 .now-playing{grid-column:2;grid-row:3}.play-hint{grid-column:2;grid-row:4}.mobile-actions{grid-column:2;grid-row:5}.mobile-works{grid-column:2;grid-row:6;min-width:0;width:310px}.room-footer{grid-column:2;grid-row:7}
 .now-playing,.play-hint,.mobile-actions{width:calc(100% - 28px);margin-left:14px;margin-right:14px}
 .now-info small{display:none}.now-actions button,.now-actions a{padding:8px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.lamp-guide svg,#detail-open.watch-burst{animation:none!important}#detail-open[data-needs-watch]{background:#ffe2a0;color:#443323;outline:2px solid #d8ac57;outline-offset:3px}}