.haunted-room{padding:58px 6% 28px;background:radial-gradient(ellipse at 80% 30%,#51263a66,transparent 55%),radial-gradient(ellipse at 10% 80%,#31204366,transparent 50%),#100c14;overflow:hidden}.room-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.room-heading h2{font-size:clamp(3.2rem,5.6vw,6rem);line-height:1.06}.room-heading .season-label{margin-bottom:20px}.room-intro{max-width:310px;color:var(--muted);padding-bottom:8px}.room-intro .text-link{margin-top:20px;color:#ffc18d}.projection-room{display:grid;grid-template-columns:280px minmax(0,1fr);gap:50px;align-items:start}.room-library-heading{display:flex;justify-content:space-between;color:#ffd2b0;font-size:12px;letter-spacing:2px;border-bottom:1px solid #84524266;padding:0 0 14px}.room-hint{font-size:14px;color:var(--muted);margin:15px 0}.room-projects{max-height:355px;overflow-y:auto;scrollbar-color:#8e553c #211423;scrollbar-width:thin;padding-right:7px}.room-choice{width:100%;display:grid;grid-template-columns:26px 1fr 18px;gap:12px;align-items:center;text-align:left;padding:17px 10px;background:transparent;border:0;border-bottom:1px solid #46334d;color:#bfb0c8;transition:background .2s,color .2s}.room-choice>span:first-child{font-size:12px;color:#be8663}.room-choice strong{font-size:17px;font-weight:500;line-height:1.25;display:block}.room-choice small{display:block;font-size:12px;line-height:1.5;color:#b6a1be;margin-top:5px}.room-choice[aria-pressed=true]{background:linear-gradient(90deg,#b85c282b,transparent);color:#fff2e4;box-shadow:inset 2px 0 #ff9b4e}.room-choice:hover{color:#fff}.room-all{display:inline-block;margin-top:22px;font-size:14px;color:#ffc18d}.room-screen-area{position:relative;min-width:0;padding:16px 16px 80px}.room-screen-frame{position:relative;padding:20px;background:#211421;border:1px solid #8b553b;box-shadow:0 0 0 7px #120d18,0 0 0 8px #4c2c37,0 20px 70px #0008;transform:perspective(1400px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .18s ease-out}.room-screen-frame::before,.room-screen-frame::after{content:"";position:absolute;inset:-18px auto auto -18px;width:135px;height:135px;background:url('assets/cobweb-corner.png') center/contain no-repeat;pointer-events:none;z-index:2;clip-path:polygon(0 0,100% 0,100% 38px,38px 38px,38px 100%,0 100%)}.room-screen-frame::after{inset:auto -18px -18px auto;transform:rotate(180deg)}.room-screen{padding:0;border:0;display:block;width:100%;aspect-ratio:1.65;background:radial-gradient(ellipse,#40213a,#100b17);position:relative;overflow:hidden;cursor:pointer}.room-preview,.room-preview img,.room-preview video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-preview{animation:projection-reveal .45s ease-out}.room-preview video{pointer-events:none}.room-spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 210px at var(--beam-x,50%) var(--beam-y,50%),transparent 5%,#10091925 55%,#100919b8 100%);transition:opacity .3s}.room-screen:hover .room-spotlight,.room-screen:focus-visible .room-spotlight{opacity:.65}.room-screen-prompt{position:absolute;inset:0;display:grid;place-items:center;color:#cbb0ce;font-family:Georgia,serif;font-size:clamp(18px,2vw,28px);padding:24px}.room-screen-prompt[hidden]{display:none}.room-open-label{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#fff5eb;text-shadow:0 1px 8px #000}.room-screen:disabled{cursor:default}.room-screen:disabled .room-open-label{display:none}.room-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0 0}.room-caption p{font-size:12px;color:#d69466;letter-spacing:2px;margin-bottom:9px}.room-caption h2{font-size:clamp(24px,2.5vw,36px);line-height:1.2}.room-caption>span{white-space:nowrap;color:var(--muted);font-size:13px}.room-pumpkins{position:absolute;right:8px;bottom:-12px;width:115px;height:auto;pointer-events:none}.room-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #46334d;padding-top:22px;margin-top:22px;font-size:12px;letter-spacing:1px;color:#bca7c4}.room-dialog{width:min(1100px,95vw);max-height:94svh;background:#130d19;color:var(--text);border:1px solid #8b553b;padding:24px}.room-dialog::backdrop{background:#09040dee}.room-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}.room-dialog h2{font-size:26px}.room-dialog button{padding:10px;background:none;border:1px solid var(--line)}.room-dialog button:disabled{opacity:.35;cursor:default}#room-media img,#room-media video{display:block;width:100%;max-height:65svh;object-fit:contain;background:#09070b}.room-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.room-gallery-controls span{font-size:14px}#room-description{color:var(--muted);font-size:16px}.room-loading{padding:24px 0;font-size:14px;color:var(--muted)}
@keyframes projection-reveal{from{opacity:.25;filter:brightness(1.6)}to{opacity:1;filter:brightness(1)}}
@media(max-width:1000px){.projection-room{grid-template-columns:230px minmax(0,1fr);gap:25px}.room-screen{aspect-ratio:1.3}.room-caption{align-items:flex-start;flex-direction:column;gap:8px}.room-projects{max-height:350px}}
@media(max-width:700px){.haunted-room{padding:35px 6% 25px}.room-heading{display:block;margin-bottom:28px}.room-heading h2{font-size:clamp(2.9rem,11vw,4.2rem)}.room-intro{margin-top:22px;font-size:15px;max-width:none}.room-intro .text-link{margin-top:12px}.projection-room{display:flex;flex-direction:column;gap:25px}.room-library{width:100%}.room-projects{display:flex;overflow-x:auto;max-height:none;gap:10px;padding:6px 3px 12px}.room-choice{min-width:200px;max-width:230px;border:1px solid #46334d;padding:13px 10px}.room-choice strong{font-size:15px}.room-all{margin-top:8px}.room-screen-area{width:100%;padding:10px 9px 85px}.room-screen-frame{padding:14px}.room-screen{aspect-ratio:1.4}.room-screen-frame::before,.room-screen-frame::after{width:100px;height:100px;clip-path:polygon(0 0,100% 0,100% 32px,32px 32px,32px 100%,0 100%)}.room-caption{padding-top:22px}.room-pumpkins{width:95px}.room-footer{flex-direction:column;font-size:12px;gap:10px}.room-dialog{padding:15px}.room-dialog h2{font-size:21px}.room-dialog-top button{white-space:nowrap}.room-spotlight{opacity:.5}}
@media(prefers-reduced-motion:reduce){.room-preview{animation:none}.room-screen-frame{transform:none;transition:none}.room-spotlight{transition:none}}

.room-heading h2 em{color:#ffb579}

/* Touch and narrow-screen refinements retain the desktop project flow. */
.room-choice,.room-all,.room-dialog button{min-height:44px}.room-screen{touch-action:pan-y pinch-zoom}.room-choice{touch-action:pan-x pan-y pinch-zoom}.room-dialog{overscroll-behavior:contain;max-height:94dvh}.room-dialog-top h2{overflow-wrap:anywhere;min-width:0}.room-dialog-top button{flex-shrink:0}.room-caption h2{overflow-wrap:anywhere}.room-screen:active .room-spotlight{opacity:.35}
@media(max-width:700px){
 .room-heading{margin-bottom:24px}.room-heading .season-label{font-size:12px}.room-library-heading{font-size:12px}.room-hint{font-size:14px;line-height:1.5;margin:12px 0}
 .room-projects{scroll-snap-type:x mandatory;scroll-padding-inline:3px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:10px;padding-bottom:15px}
 .room-choice{flex:0 0 78%;min-width:0;max-width:280px;scroll-snap-align:start;min-height:82px}.room-choice strong{font-size:16px}.room-choice small{font-size:13px}
 .projection-room{gap:22px}.room-screen{aspect-ratio:1.6}.room-open-label{left:12px;right:12px;bottom:12px;letter-spacing:1px;font-size:12px}.room-caption h2{font-size:26px}.room-caption p{letter-spacing:1px}
 .room-dialog{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);padding:16px;margin:auto}.room-dialog-top{gap:12px;align-items:flex-start}.room-dialog h2{font-size:22px;line-height:1.25}.room-dialog button{padding:10px 12px;font-size:14px}
 #room-media img,#room-media video{max-height:58dvh}.room-gallery-controls{gap:8px}.room-gallery-controls span{font-size:14px}#room-description{font-size:16px;line-height:1.6}
}
@media(max-width:380px){.haunted-room{padding-left:5%;padding-right:5%}.room-heading h2{font-size:2.7rem}.room-screen-frame{padding:10px}.room-screen-frame::before,.room-screen-frame::after{clip-path:polygon(0 0,100% 0,100% 28px,28px 28px,28px 100%,0 100%)}}
@media(hover:none){.room-spotlight{opacity:.55}.room-choice[aria-pressed=true]{border-color:#ff9b4e}.room-screen-frame{transform:none}.room-screen:active{outline:2px solid #ff9b4e;outline-offset:3px}}

/* Keep one-finger drags in the spotlight; retain browser pinch-to-zoom. */
.room-screen{touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.room-preview img,.room-preview video{pointer-events:none;-webkit-user-drag:none}
.room-spotlight{background:radial-gradient(circle clamp(80px,23vw,210px) at var(--beam-x,50%) var(--beam-y,50%),transparent 12%,#10091935 52%,#100919d9 100%)}
@media(hover:none),(pointer:coarse){.room-spotlight,.room-screen:hover .room-spotlight,.room-screen:focus-visible .room-spotlight,.room-screen:active .room-spotlight{opacity:1;transition:none}}