/* The play area uses the window width; square artwork is bounded by height. */
.starting-tip{margin:0 0 10px;padding:10px 12px;border-left:3px solid var(--teal);background:var(--teal-light);color:var(--ink);font-size:14px;line-height:1.45}
.tag.easy{background:#eaf0f7;color:#416082}.tag.moderate{background:#f5ebfb;color:#805391}
.content{max-width:none;margin:0;padding:18px 24px 24px}
.topbar{height:54px;padding-inline:24px}
.case-heading{align-items:center;margin-bottom:16px;gap:16px}
.case-heading h1{font-size:28px;margin:6px 0;letter-spacing:-.7px}
.case-icon{width:48px;height:48px;border-radius:10px}.case-icon .icon{width:28px;height:28px}
.case-heading .eyebrow{font-size:12px}.case-location{font-size:14px}
.game-layout{justify-content:stretch;gap:20px}
.board-top{padding:12px 16px;flex-wrap:wrap;gap:10px 16px}
.board-top>div:first-child{flex:1}.board-top h2{font-size:18px}
.board-top .view-switcher{padding:0;border:0;gap:10px}
.board-subtitle{font-size:13px}.board-progress b{font-size:18px}
.view-tabs button{padding:7px 9px;min-height:38px}
.room-stage,.room-equipment{min-width:0}
.room-play{display:flex;flex-direction:column;padding:0 16px 16px}
.room-equipment{display:contents}
.play-instructions{order:0}.room-equipment>.token-tray{order:1}.room-stage{order:2}
.room-equipment>.room-notes-tip{order:4}.room-equipment>.room-note{order:5}.room-equipment>.board-bottom{order:6}.room-equipment>.accusation{order:7}
.room-equipment .board-bottom{padding:12px 0 0}.room-equipment .accusation{border:1px solid var(--line);border-radius:8px}
.case-footer{padding-top:10px}
.briefing{padding:14px 16px;margin-bottom:14px}.briefing p{line-height:1.5;margin-bottom:10px}
.clue-card{padding:10px 12px;gap:9px;font-size:15px;line-height:1.45;min-height:46px}
.clue-list{gap:6px}.section-heading{margin-bottom:8px}.clue-note{margin:8px 0 10px}.hint-note{margin:6px 0}
.ad-preview-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.ad-preview-row .ad-block{margin:0;flex:1 1 320px;max-width:970px;min-width:0}
.ad-preview-row .ad-side{flex:0 1 300px;max-width:300px;height:250px;min-height:250px}
.ad-preview-row .ad-top,.ad-preview-row .ad-bottom{height:90px}
.ads-hidden .ad-preview-row{display:none}.site-footer{margin-top:20px;padding-top:14px}
@media(min-width:1200px){
 .app-layout{grid-template-columns:218px minmax(0,1fr)}
 .sidebar{padding:20px 12px 16px}.brand{padding:0 8px 16px}.case-link{padding:8px;gap:9px}.case-nav{gap:4px}.case-link strong{font-size:14px}.rail-bottom{padding:16px 8px 0}
 .game-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,2.22fr)}
 .board-card{max-width:none}
 .room-play{display:grid;grid-template-columns:minmax(0,1fr) clamp(228px,17vw,310px);gap:0 18px;align-items:start}
 .room-play>.play-instructions{grid-column:1/-1;padding:8px 0;min-height:40px;font-size:14px}
 .room-stage{grid-column:1;order:initial}
 .room-equipment{grid-column:2;display:flex;flex-direction:column;gap:12px;padding-top:6px}
 .room-equipment>*{order:initial!important}
 .pixel-house-play .floorplan-heading{padding:6px 0 9px;font-size:14px}
 .house-frame{width:100%;max-width:calc(100dvh - 400px);margin-inline:auto}
 .pixel-house-play .tray-tabs{justify-content:space-between;gap:1px;padding:4px}
 .pixel-house-play .tray-tab{font-size:13px;padding:5px 4px;gap:4px;min-height:35px}
 .pixel-house-play .tray-tab .icon{display:none}
 .pixel-house-play .tray-tab>span{font-size:12px;padding:1px 4px}
 .pixel-house-play .tray-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;min-height:0}
 .pixel-house-play .tray-pieces .piece{flex-direction:row;justify-content:flex-start;gap:4px;padding:5px 4px;min-height:52px;font-size:14px;line-height:1.25;text-align:left}
 .pixel-house-play .tray-pieces .piece-name{min-width:0;overflow-wrap:anywhere}
 .pixel-house-play .tray-pieces .guest-sprite{width:36px;height:36px}
 .pixel-house-play .tray-pieces .token-art{width:29px;height:29px;flex-shrink:0}
 .pixel-house-play .tray-pieces .token-art .icon{width:22px;height:22px}
 .pixel-house-play .tray-pieces .grip{font-size:12px;right:2px;top:0}
 .pixel-house-play .tray-complete{font-size:14px;padding:10px 6px;min-height:40px}
 .pixel-house-play .departure-line{margin-top:0}
 .timeline-heading{display:block}.timeline-heading h3{font-size:15px;margin-bottom:5px}.timeline-heading>span{font-size:12px;line-height:1.4;display:block}
 .timeline-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
 .pixel-house-play .timeline-slot{min-height:76px;padding:8px 5px;gap:5px;font-size:13px}
 .timeline-slot strong{font-size:15px}.timeline-slot>span:last-of-type{flex-direction:row;justify-content:center;gap:4px;flex-wrap:wrap}.timeline-slot .timeline-dot{display:none}.timeline-slot small{font-size:12px}
 .room-notes-tip{margin:0;font-size:14px;line-height:1.45}
 .pixel-house-play .room-note{margin:0;font-size:12px;line-height:1.45;gap:5px}
 .room-equipment .board-bottom{padding:0}.room-equipment .board-footnote{font-size:12px;line-height:1.4;margin:7px 0 0}
 .room-equipment .feedback{font-size:14px;padding:10px}.room-equipment .check-row .btn{padding:10px;min-height:44px}
 .house-floorplan .room-card-header h3{font-size:clamp(12px,2.15cqw,17px)}
 .house-floorplan .room-notes-button{min-height:32px;padding:4px 6px}
}
@media(min-width:1700px){.game-layout{grid-template-columns:minmax(360px,.78fr) minmax(0,2.22fr)}.content{padding-inline:24px}.clue-card{font-size:16px}.briefing p{font-size:16px}.room-play{grid-template-columns:minmax(0,1fr) clamp(250px,17vw,340px)}}
@media(min-width:1200px) and (max-width:1450px){.content{padding-inline:16px}.app-layout{grid-template-columns:195px minmax(0,1fr)}.game-layout{grid-template-columns:300px minmax(0,1fr);gap:16px}.room-play{grid-template-columns:minmax(0,1fr) 218px;gap:0 12px;padding-inline:12px}.board-top .view-switcher{flex-basis:100%;justify-content:space-between}.house-floorplan .room-notes-button{font-size:12px;gap:3px;padding-inline:4px}.house-floorplan .room-notes-button .icon{display:none}.pixel-house-play .tray-pieces .piece{font-size:13px}.pixel-house-play .tray-pieces .guest-sprite{width:29px;height:29px}}
@media(min-width:1200px) and (max-height:900px){.content{padding-top:12px}.case-heading{margin-bottom:12px}.case-heading h1{font-size:25px}.briefing{padding:12px 14px}.briefing p{line-height:1.4}.clue-card{font-size:14px;padding:8px 10px;line-height:1.4}.clue-list{gap:5px}.room-equipment{gap:9px}.room-play>.play-instructions{min-height:34px;padding:6px 0}.room-equipment .room-note{font-size:12px}.pixel-house-play .tray-pieces .piece{min-height:45px}.pixel-house-play .timeline-slot{min-height:65px}.house-frame{max-width:calc(100dvh - 345px)}}
@media(max-width:1199px){.board-top .view-switcher{flex-basis:100%;justify-content:space-between}.content{padding-inline:18px}.game-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr)}.house-frame{max-width:780px;margin-inline:auto}}
@media(max-width:980px){.content{max-width:none}.game-layout{grid-template-columns:1fr}.board-card{max-width:none}.topbar{height:56px}.case-heading h1{font-size:27px}}
@media(max-width:700px){.content{padding:14px 12px 20px}.topbar{padding-inline:12px}.case-heading h1{font-size:25px}.case-heading{align-items:flex-start}.room-play{padding:0 8px 12px}.room-equipment .board-bottom{padding-inline:6px}.ad-preview-row{gap:16px}.ad-preview-row .ad-block{flex-basis:100%;max-width:100%}.ad-preview-row .ad-side{display:none}.ad-preview-row .ad-top{height:60px}.ad-preview-row .ad-bottom{height:100px}.board-top{padding:12px}.board-top .view-switcher{gap:4px}.case-heading .case-location{font-size:13px}}
/* All piece categories remain available without switching tabs. */
.all-pieces .piece-group+.piece-group{border-top:2px solid #bda376}
.piece-group-heading{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;background:#ddc399;color:#493c2b;font-size:14px;line-height:1.3}
.piece-group-heading>.icon{width:17px;height:17px}.piece-group-heading>span{margin-left:auto;font-size:12px;font-weight:400}
.pixel-house-play .all-pieces .tray-pieces{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:7px}
.pixel-house-play .all-pieces .tray-complete{grid-column:1/-1;min-height:36px;font-size:14px;padding:6px}
.pixel-house-play .all-pieces .piece{min-height:46px;flex-direction:row;justify-content:flex-start;text-align:left;gap:5px;font-size:14px;line-height:1.25}
.pixel-house-play .all-pieces .piece-name{min-width:0;overflow-wrap:anywhere}
.pixel-house-play .all-pieces .guest-sprite{width:34px;height:34px}
.pixel-house-play .all-pieces .token-art{width:28px;height:28px;flex-shrink:0}.pixel-house-play .all-pieces .token-art .icon{width:21px;height:21px}
@media(min-width:701px) and (max-width:1199px){.all-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.all-pieces .piece-group+.piece-group{border-top:0;border-left:2px solid #bda376}.pixel-house-play .all-pieces .tray-pieces{grid-template-columns:1fr}}