/* Only the counter close-up and its collected-item list use these styles. */
#prizeCounter{width:820px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);padding:0;border:7px solid #6e4931;background:#c5af81;color:#342c25;box-shadow:0 18px 70px #0009}
#prizeCounter::backdrop,#prizeDetail::backdrop{background:#09191bc7}
#prizeCounter header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#29433e;color:#f0deb1;border-bottom:5px solid #a97f4f}
#prizeCounter h2{margin:0;font:700 1.2rem/1.3 'DM Mono',monospace;letter-spacing:.06em}
#prizeCounter h2 small{display:block;font-size:.72rem;color:#d7b976;letter-spacing:.12em}
#prizeCounter .prize-balance{margin:10px 0 0;font:700 .9rem 'DM Mono',monospace}
#prizeCounter button,#prizeDetail button{cursor:pointer;touch-action:manipulation}
#prizeCounterClose,#prizeDetail button{min-height:44px;padding:9px 12px;border:1px solid #8d714a;background:#e9d7ae;color:#342c25;font:700 .8rem 'DM Mono',monospace}
#prizeCounter button:focus-visible,#prizeDetail button:focus-visible{outline:3px solid #c97752;outline-offset:3px}
#prizeCounter .prize-week{width:fit-content;margin:15px auto 8px;padding:7px 22px;transform:rotate(-1deg);background:#eddfb9;box-shadow:1px 2px 3px #49372855;font:1.1rem 'Segoe Print','Bradley Hand',cursive}
#prizeShelves{position:relative;margin:12px 16px 20px;border:5px solid #7e5838;background:repeating-linear-gradient(90deg,#69513e12 0 2px,transparent 2px 13px),linear-gradient(#a8936d,#c1ae86);box-shadow:inset 0 0 25px #46392688}
#prizeShelves:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 14%,#fff4d310 14.2%,#fff4d31c 19%,transparent 19.3%,transparent 67%,#fff4d313 67.2%,transparent 75%);border:1px solid #f5e9bc66}
#prizeCounter .prize-shelf{display:flex;justify-content:space-evenly;align-items:flex-end;gap:5px;padding:16px 10px 11px;border-bottom:12px solid #825e3b;box-shadow:0 6px 6px #42312255,inset 0 14px 12px -12px #352b2388}
#prizeCounter .prize-shelf:last-child{border-bottom:0}
#prizeCounter .prize-object{flex:0 1 160px;min-width:0;position:relative;padding:0 4px;border:0;background:none;color:#493828;box-shadow:none;text-align:center}
#prizeCounter .prize-object img{display:block;width:100%;height:135px;object-fit:contain;filter:drop-shadow(2px 5px 2px #49321a40);transition:transform .15s}
#prizeCounter .prize-object:hover img{transform:translateY(-3px)}
#prizeCounter .prize-paper{display:inline-block;white-space:nowrap;min-width:65px;padding:3px 8px;background:#efe0b8;border:1px solid #b6a17a;box-shadow:1px 2px 2px #4e392844;transform:rotate(-3deg);font: .95rem 'Segoe Print','Bradley Hand',cursive}
#prizeCounter .prize-object:nth-child(even) .prize-paper{transform:rotate(2deg)}
#prizeCounter .prize-shelf-3 img{height:185px}
#prizeCounter .prize-shelf-3 .prize-object:last-child{flex-basis:220px}
#prizeCounter .prize-footer{text-align:center;font:italic .85rem Georgia,serif;padding:0 12px 8px}
#prizeDetail{width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:4px solid #8d6541;background:#ede0bb;color:#3c3028;text-align:center;box-shadow:0 15px 55px #0008}
#prizeDetail h2{font:700 1.15rem 'DM Mono',monospace;margin:10px 20px}
#prizeDetail h3{font:700 1rem 'DM Mono',monospace}
#prizeDetailBody img{width:180px;max-width:70%;height:155px;object-fit:contain;filter:drop-shadow(3px 6px 3px #47362640)}
#prizeDetail .prize-price{font:1.2rem 'Segoe Print','Bradley Hand',cursive;margin:5px}
#prizeDetail .prize-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
#prizeDetailClose{position:absolute;right:4px;top:4px;padding:2px!important;min-height:30px!important;width:30px;border:0!important;background:none!important}
#prizeDetail .prize-handed-over{animation:prize-handover .4s ease-out}
@keyframes prize-handover{from{transform:translateY(12px) scale(.9);opacity:.3}to{transform:none;opacity:1}}
#prizeCollectedItems ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#prizeCollectedItems li{display:flex;align-items:center;gap:7px;flex:1 1 180px;font-size:.85rem}
#prizeCollectedItems img{width:46px;height:46px;object-fit:contain}
@media(max-width:520px){#prizeCounter header{padding:10px}#prizeCounter h2{font-size:1rem}#prizeShelves{margin:10px 5px}#prizeCounter .prize-shelf{padding:12px 2px 8px;gap:1px}#prizeCounter .prize-object{padding:0 1px}#prizeCounter .prize-object img{height:92px}#prizeCounter .prize-paper{min-width:0;font-size:.72rem;padding:3px 4px}#prizeCounter .prize-shelf-3 img{height:135px}}
@media(prefers-reduced-motion:reduce){#prizeDetail .prize-handed-over{animation:none}#prizeCounter .prize-object img{transition:none}}
