/* Layout for the new prize machine; existing menu buttons are unchanged. */
#capsuleButton{display:none!important}
body[data-mode="menu"] #powerMachineButton{grid-column:1/-1}
.combined-machine{padding:8px 0;line-height:1.5}
#panel .machine-intro{font-size:13px!important;margin:4px 0 12px}
.machine-rules{font-size:12px;text-align:left;border:1px solid #8d81a5;border-radius:15px;padding:10px;margin:8px 0 12px;background:#423c58;color:#f6f1e7}
.machine-rules summary{font-weight:800;cursor:pointer;min-height:28px}
.machine-rules p{font-size:12px!important;line-height:1.55}
.machine-stock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0 12px;font-size:11px}
.machine-stock span{border:1px solid #8d81a5;border-radius:12px;padding:8px;background:#423c58;color:#f6f1e7}
.machine-buys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#panel .machine-buy{min-width:0;margin:0!important;padding:10px 4px!important}
.machine-buy>strong,.machine-buy>span,.machine-buy>small{display:block;line-height:1.45}
.machine-buy>strong{font-size:20px}.machine-buy>span{font-size:12px;margin:5px 0}
#panel .machine-buy>small{color:#554e64!important;font-size:10px}
#panel .machine-resume{width:100%}.machine-pending-hint{font-size:12px!important}
.machine-feedback{min-height:1em;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#combinedPrizeReveal{box-sizing:border-box;width:min(480px,calc(100vw - 34px));max-height:calc(100dvh - 38px);padding:22px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(150deg,#39334e,#302c43);color:#f6f1e7;border:2px solid #b3a5c8;border-radius:38px 27px 40px 28px;font-family:inherit;scrollbar-color:#b3a5c8 #302c43}
#combinedPrizeReveal::backdrop{background:#211e30cc;backdrop-filter:blur(3px)}
#combinedPrizeReveal button{background:#d8caed;color:#302c43;border:1px solid #b3a5c8;border-bottom:3px solid #a497b9;border-radius:17px;box-shadow:none;min-height:44px;font-family:inherit;font-size:13px;font-weight:800;padding:10px 12px;letter-spacing:0;line-height:1.3;cursor:pointer}
#combinedPrizeReveal button:focus-visible{outline:3px solid #f6f1e7;outline-offset:3px;box-shadow:0 0 0 6px #302c43}
#combinedPrizeReveal button:hover{filter:brightness(1.05)}
.machine-receipt-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
#combinedPrizeReveal h2{font-size:25px;line-height:1.2;margin:5px 0 10px;color:#f6f1e7}
#combinedPrizeReveal .machine-close{flex:0 0 44px;font-size:23px;background:#423c58;color:#f6f1e7;border:1px solid #8d81a5;padding:4px}
.machine-cost,.machine-saved,.machine-wallet{font-size:12px;line-height:1.5;color:#d1c8dc}
.machine-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:44dvh;overflow-y:auto;overscroll-behavior:contain;padding:5px 4px;touch-action:pan-y}
.machine-prize{min-width:0;background:#f6f1e7;color:#302c43;border-radius:18px;padding:12px 10px;text-align:center;overflow-wrap:anywhere;min-height:130px}
.machine-prize.has-choice{grid-column:1/-1}
.machine-prize h3{font-size:14px;margin:7px 0 4px;color:#302c43}
.machine-prize p{color:#554e64;font-size:12px;line-height:1.5;margin:5px 0}
.machine-prize .machine-slot{display:block;color:#554e64;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.machine-prize-icon{display:block;font-size:34px;margin:8px 0}
.machine-skin{display:block;width:78px;height:88px;margin:5px auto;image-rendering:pixelated}
.machine-duplicate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.machine-duplicate-actions button{min-width:0}
.machine-done{width:100%;margin-top:10px}
#combinedPrizeReveal.inline-receipt{position:relative;max-height:none;width:100%;margin:0;padding:12px}
@media(max-width:360px){#combinedPrizeReveal{padding:16px}#combinedPrizeReveal h2{font-size:21px}.machine-duplicate-actions{grid-template-columns:1fr}.machine-stock{font-size:10px}.machine-prize{padding:10px 8px}}
/* Do not let the old flex panel collapse a scrollable wardrobe to zero. */
body[data-mode="shop"] #shop{flex:0 0 auto;min-height:min(43dvh,260px)}
body[data-mode="powerMachine"] #shop{flex:0 0 auto;min-height:190px}
#combinedPrizeReveal .machine-prize p{color:#554e64!important}
#combinedPrizeReveal .machine-cost,#combinedPrizeReveal .machine-saved,#combinedPrizeReveal .machine-wallet{color:#e1dfed}
@media(max-width:360px){
  #shop .skin{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center}
  #shop .skin>button{grid-column:1/-1;max-width:none!important;width:100%}
}