body.halloween-game .board[data-kind=ghost]{grid-template-columns:1.2fr .8fr;grid-template-rows:112px minmax(0,1fr);gap:10px}
body.halloween-game .board[data-kind=ghost] .costume-stage{grid-column:1;grid-row:1/3}
body.halloween-game .board[data-kind=ghost] .costume-wardrobe{grid-column:2;grid-row:2}
body.halloween-game .board[data-kind=ghost] .costume-actions{grid-column:2;grid-row:1;position:relative;display:flex;align-items:stretch;justify-content:center;gap:0;min-height:0;margin:0;padding:0}
body.halloween-game .costume-actions .costume-time{display:block!important;position:absolute;top:5px;right:12px;z-index:2;margin:0;padding:2px 8px;border-radius:20px;background:#fff9da;color:#5b326f;font-size:14px;font-weight:800;pointer-events:none}
body.halloween-game .costume-actions .camera-finish{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:60px;padding:17px 12px 5px;background:linear-gradient(#fff3a7,#ffdb61);border:3px solid #f1be4c;border-radius:22px;box-shadow:0 5px #b2843e;color:#46305e;overflow:visible}
body.halloween-game .camera-finish:disabled{opacity:.78;filter:none}
.story-camera{width:138px;height:88px;object-fit:contain;pointer-events:none;flex:none}
.camera-prompt{font-size:clamp(16px,2vw,24px);line-height:1.15}
body.halloween-game .camera-finish.camera-ready{border-color:#fff1a6;box-shadow:0 5px #ac7d35,0 0 18px #ffd96a99;opacity:1}
.camera-ready .story-camera{animation:greenCameraInvite 2.4s ease-in-out infinite;filter:drop-shadow(0 0 7px #baffab)}
@keyframes greenCameraInvite{0%,65%,100%{transform:translateY(0) rotate(0)}74%{transform:translateY(-5px) rotate(-4deg)}84%{transform:translateY(0) rotate(3deg)}92%{transform:translateY(-2px) rotate(0)}}
.costume-stage.photo-flash{position:relative}
.costume-stage.photo-flash:after{content:'';position:absolute;inset:0;z-index:10;border-radius:20px;background:#fffbe9;pointer-events:none;animation:greenCameraFlash .5s ease-out forwards}
@keyframes greenCameraFlash{0%,12%{opacity:.9}100%{opacity:0}}
@media(max-width:700px){
 body.halloween-game .board[data-kind=ghost]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,1fr) 80px minmax(180px,.85fr);gap:6px}
 body.halloween-game .board[data-kind=ghost] .costume-stage{grid-column:1;grid-row:1}
 body.halloween-game .board[data-kind=ghost] .costume-actions{grid-column:1;grid-row:2}
 body.halloween-game .board[data-kind=ghost] .costume-wardrobe{grid-column:1;grid-row:3}
 body.halloween-game .costume-actions .camera-finish{padding:8px 12px 3px;border-radius:18px;gap:8px}
 .story-camera{width:108px;height:70px}
 .camera-prompt{font-size:18px;max-width:190px}
 body.halloween-game .costume-actions .costume-time{font-size:12px;top:3px;right:8px;padding:0 6px}
}
@media(orientation:landscape) and (max-height:500px){
 body.halloween-game .board[data-kind=ghost]{grid-template-columns:1.1fr .9fr;grid-template-rows:66px minmax(0,1fr);gap:4px}
 body.halloween-game .board[data-kind=ghost] .costume-stage{grid-column:1;grid-row:1/3}
 body.halloween-game .board[data-kind=ghost] .costume-actions{grid-column:2;grid-row:1}
 body.halloween-game .board[data-kind=ghost] .costume-wardrobe{grid-column:2;grid-row:2}
 .story-camera{width:90px;height:58px}.camera-prompt{font-size:15px}
 body.halloween-game .costume-actions .camera-finish{padding:8px 8px 0}
 body.halloween-game .costume-actions .costume-time{font-size:10px;top:0}
}
@media(prefers-reduced-motion:reduce){.camera-ready .story-camera{animation:none}.costume-stage.photo-flash:after{animation:none;opacity:0}}