/* Storefront refinements: stage, prize hierarchy, and restrained action colors. */
.hero{background:radial-gradient(ellipse at 50% 38%,#fff0db 0,#fffaf3 45%,#fffdf9 79%)}.hero h1{margin:9px 0 6px}.intro{max-width:550px}
.machine-stage{isolation:isolate;margin-top:0;overflow:hidden;background:radial-gradient(ellipse 42% 38% at 50% 52%,#ffe9bc85 0,transparent 92%)}.machine-stage:before{z-index:0;inset:8% 13% 8%;border-radius:50%;background:radial-gradient(circle,#ffda8e9e 0,#ffd8a13c 36%,transparent 72%);filter:blur(12px)}.machine-stage:after{content:"";position:absolute;z-index:0;left:15%;right:15%;bottom:6px;height:43px;border-radius:50%;background:radial-gradient(ellipse,#e8c58f 0,#f8e8d2 53%,transparent 75%);box-shadow:0 12px 20px #9d734021;pointer-events:none}#machine3d{z-index:1;filter:drop-shadow(0 23px 25px #513e3c59)}.machine-stage>.machine{z-index:1}#machineStatus{z-index:2}
/* The red action is the draw. Secondary controls remain calm and readable. */
button{background:#3b4a50;color:#fff}button:not(:disabled):hover{background:#283a40}#login button,#draw,#nextReveal,#checkoutForm button[type="submit"]{background:#b9233d;color:#fff;box-shadow:0 7px 17px #98253d24}#login button:not(:disabled):hover,#draw:not(:disabled):hover,#nextReveal:not(:disabled):hover,#checkoutForm button[type="submit"]:not(:disabled):hover{background:#981b33;box-shadow:0 9px 20px #98253d35}#adminBtn{background:#eee6d9;color:#594446;border:1px solid #e4d3be}#adminBtn:not(:disabled):hover{background:#e5d6c3}dialog .danger{background:#fff9f6;color:#a6253e;border-color:#c95467}dialog .danger:not(:disabled):hover{background:#ffe9e6;color:#8b1830}dialog .close{background:#f3eee9;color:#37383a}dialog .close:not(:disabled):hover{background:#e6dbd1}#panel button:not(.danger):not(.active){background:#48555a}#panel button:not(.danger):not(.active):not(:disabled):hover{background:#2d4248}#panel #checkoutForm button[type="submit"]{background:#b9233d}#panel #checkoutForm button[type="submit"]:not(:disabled):hover{background:#981b33}
/* Prize art takes more room. The tier stripe and border are visible at a glance. */
.prize-card{position:relative;grid-template-columns:74px minmax(0,1fr);gap:7px 13px;min-height:106px;margin:11px 0;padding:13px;border:1px solid #eadbcc;border-left:4px solid #d6c7b8;border-radius:15px;background:#fffdf8;box-shadow:0 4px 14px #533b2710}.prize-art{width:74px;height:74px;grid-row:1/3;border-radius:13px;background:#f5ebe0;box-shadow:inset 0 0 0 1px #d9cabb44;font-size:32px}.prize-art img{object-fit:cover}.prize-card>div:nth-child(2){min-width:0;align-self:end}.prize-card h3{font-size:15px;line-height:1.38;margin:4px 0;overflow-wrap:anywhere}.prize-card small{font-weight:850;font-size:11px;letter-spacing:.02em}.prize-card p{font-size:11px;color:#795c4e}.odds{grid-column:2;align-self:start;gap:6px;flex-wrap:wrap}.odds b{font-size:13px}.odds span{margin:0;color:#6f625a;font-size:11px}.prize-card.grand{border-color:#e8d2e1;border-left-color:#b471cb;background:linear-gradient(105deg,#fff5fb 0,#fffdf6 80%);box-shadow:0 4px 18px #d186cd27}.prize-card.grand .prize-art{background:conic-gradient(from 25deg,#ffe5f8,#ffe4b5,#e2f7e1,#e6e9ff,#ffe5f8)}.prize-card.first{border-color:#eddfbe;border-left-color:#d9a638;background:linear-gradient(105deg,#fff9e7,#fffdf8 85%);box-shadow:0 4px 16px #dbb45725}.prize-card.first .prize-art{background:linear-gradient(140deg,#fff8d6,#e7c371)}.prize-card.second{border-color:#dce3ea;border-left-color:#9daec0;background:linear-gradient(105deg,#f4f8fc,#fffdf9 82%)}.prize-card.second .prize-art{background:linear-gradient(140deg,#fff,#c8d6df)}
@media(max-width:650px){.hero h1{margin:8px 0 5px}.machine-stage:after{bottom:5px;height:32px;left:12%;right:12%}.prize-card{grid-template-columns:68px minmax(0,1fr);min-height:98px;padding:11px;gap:5px 11px}.prize-art{width:68px;height:68px}.prize-card h3{font-size:14px}}
@media(max-width:380px){.prize-card{grid-template-columns:60px minmax(0,1fr)}.prize-art{width:60px;height:60px}}