.draw-page{width:100%}.draw-controls[hidden]{display:none!important}.draw-machine{position:relative;max-width:820px;margin:0 auto;padding:18px 20px 16px;border:1px solid #3d3020;border-radius:15px;background:linear-gradient(160deg,#1b1711,#0d0c09 78%);box-shadow:0 26px 70px #0009,inset 0 1px #ffffff08;overflow:hidden}.draw-machine:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,#e8672c0c,transparent 48%),repeating-linear-gradient(135deg,rgba(255,255,255,.006) 0 1px,transparent 1px 11px)}.draw-machine>*{position:relative}.draw-machine-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 2px 12px;border-bottom:1px solid #2f271d}.draw-machine-head>div:last-child{text-align:right}.draw-machine-head span,.draw-summary span,.draw-wager>span,.draw-difficulty>span{display:block;color:#71685a;font:700 9px var(--font-mono);letter-spacing:.08em}.draw-machine-head strong{color:#e9bd62;font:700 12px var(--font-mono)}.draw-status{padding:6px 13px;border:1px solid #4e3b21;border-radius:999px;color:#e7c37c;font:700 9px var(--font-mono);letter-spacing:.08em;background:#100e0a}.draw-progress{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:12px 0 14px}.draw-step{min-width:0;padding:6px 2px;border:1px solid #2b251c;border-radius:6px;background:#100f0c;text-align:center;color:#5e584e;transition:.2s}.draw-step strong{display:block;font:700 10px var(--font-mono)}.draw-step small{display:block;margin-top:2px;font:600 6px var(--font-mono);white-space:nowrap}.draw-step.current{border-color:#eaa445;background:#392816;color:#ffd277;box-shadow:0 0 14px #e8863628}.draw-step.passed{border-color:#58733e;color:#98c56d;background:#151d11}.inventory-title{display:flex;justify-content:space-between;gap:10px;max-width:720px;margin:0 auto 4px;color:#ae9e87;font:700 9px var(--font-mono);letter-spacing:.06em}.inventory-title small{color:#686055;font:500 9px var(--font-body);letter-spacing:0}.inventory-frame{position:relative;max-width:720px;aspect-ratio:3/2;margin:0 auto;background:url('../assets/gameassets/draw/inventory.webp') center/contain no-repeat;filter:drop-shadow(0 15px 22px #0009)}.draw-grid{position:absolute;left:18.9%;right:19.1%;top:9.2%;bottom:11.7%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.2% 1.1%}.draw-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;padding:3%;border:0;background:transparent;color:#f5ead9;text-align:center;cursor:pointer;transition:transform .18s,filter .18s,opacity .25s}.draw-tile:hover:not(.dead):not(.cashed){transform:translateY(-2px) scale(1.035);filter:brightness(1.12)}.draw-tile img{width:54%;height:54%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 5px #0009);transition:.25s}.tile-copy{position:absolute;left:7%;right:7%;bottom:5%;min-width:0;padding:3px 4px;border-radius:4px;background:#14110dd9;box-shadow:0 2px 6px #0007}.tile-copy strong,.tile-copy span,.tile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-copy strong{color:#f2e8d7;font:700 clamp(7px,1vw,10px) var(--font-display)}.tile-copy span{color:#f0bd5d;font:700 clamp(7px,.9vw,10px) var(--font-mono)}.tile-copy span small{display:inline;color:#aa9b84;font-size:.65em}.tile-copy>small{color:#8c8171;font:700 6px var(--font-mono);text-transform:uppercase}.tile-index{position:absolute;left:6%;top:5%;color:#3e4141;font:700 clamp(6px,.7vw,8px) var(--font-mono)}.draw-tile:after{content:"CASH OUT";position:absolute;right:5%;top:5%;padding:2px 3px;border-radius:3px;background:#17220fcc;color:#a8dc79;font:700 5px var(--font-mono);opacity:0;transition:.15s}.draw-tile:hover:not(.dead):not(.cashed):after{opacity:1}.draw-tile.empty{cursor:default}.draw-tile.empty:before{content:"";width:22%;aspect-ratio:1;background:url('../assets/logo.png') center/contain no-repeat;filter:grayscale(1);opacity:.08}.draw-tile.dead{cursor:default;opacity:.42}.draw-tile.dead:before{content:"DESTROYED";padding:4px 6px;border-radius:4px;background:#2b1010c9;color:#d66a58;font:700 clamp(6px,.8vw,9px) var(--font-mono)}.draw-tile.cashed{cursor:default;filter:saturate(.55);opacity:.72}.draw-tile.cashed:after{content:"SECURED";opacity:1;background:#182711d9;color:#9bd36b}.draw-tile.rolling img{animation:draw-roll .44s ease-in-out infinite}.draw-tile.survived{filter:drop-shadow(0 0 10px #86bb55)}.draw-tile.destroying{animation:draw-break .62s ease both}.draw-tile.destroying img{filter:grayscale(1) sepia(1) hue-rotate(310deg);transform:scale(.45) rotate(18deg);opacity:0}.draw-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:720px;margin:5px auto 10px}.draw-summary>div{padding:7px 9px;border-bottom:1px solid #352a1d;background:#0d0c09}.draw-summary strong{display:block;margin-top:3px;color:#d4c5ad;font:700 11px var(--font-mono)}.draw-controls{display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto;padding:13px;border:1px solid #33291d;border-radius:11px;background:#11100d}.draw-amount-row{display:grid;grid-template-columns:42px minmax(0,1fr) 44px 44px;margin-top:6px;border:1px solid #3e3429;border-radius:7px;background:#1b2024;overflow:hidden}.draw-amount-row>b{display:grid;place-items:center;border-right:1px solid #343a3d}.draw-amount-row>b img{width:18px;height:18px;image-rendering:pixelated}.draw-wager input{min-width:0;height:42px;padding:0 11px;border:0;background:transparent;color:#fff;font:700 14px var(--font-mono);outline:0}.draw-wager button,.draw-difficulty button{border:0;background:#272d31;color:#eee8dd;font:700 9px var(--font-mono);cursor:pointer}.draw-wager button{align-self:center;height:22px;margin-right:5px;border-radius:5px}.draw-wager button:hover,.draw-difficulty button:hover{background:#343b40}.draw-difficulty{display:flex;align-items:center;justify-content:space-between;gap:18px}.draw-difficulty>div{display:grid;grid-template-columns:repeat(3,74px);gap:6px}.draw-difficulty button{height:30px;border-radius:6px}.draw-difficulty button.active{background:#44505a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff10}.draw-primary,.draw-cashall{min-height:47px;border:0;border-radius:7px;background:#e87535;color:#160e08;font:800 13px var(--font-display);letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 17px #d85f2b24}.draw-primary strong{display:inline;margin-left:4px;font:700 12px var(--font-mono)}.draw-primary:disabled,.draw-cashall:disabled{opacity:.45;cursor:not-allowed}.draw-control-links{display:flex;align-items:center;justify-content:center;gap:18px}.draw-control-links button{border:0;background:transparent;color:#748696;font:600 11px var(--font-body);cursor:pointer}.draw-control-links button:hover{color:#c5d3dd}.draw-control-links i{width:1px;height:15px;background:#343b3e}.draw-active-controls{display:grid;grid-template-columns:1fr 1.35fr;max-width:720px}.draw-cashall{background:#658948;color:#0b1108}.draw-cashall strong{display:block;font:700 10px var(--font-mono)}.draw-message{min-height:26px;padding:9px 5px 0;color:#7d7467;font-size:10px;text-align:center}.draw-proof-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 12px;margin:13px 0}.draw-proof-grid span{color:#897d6c;font-size:10px}.draw-proof-grid code{color:#ddcfba;font:500 9px var(--font-mono);overflow-wrap:anywhere}.draw-how{display:grid;gap:12px;color:#aaa090;font-size:13px;line-height:1.45}.draw-how strong{color:#efc476}@keyframes draw-roll{0%,100%{transform:translateY(-3px) rotate(-3deg)}50%{transform:translateY(4px) rotate(3deg)}}@keyframes draw-break{0%{transform:scale(1)}32%{transform:translate(-4px,2px) rotate(-2deg)}62%{transform:translate(5px,-1px) rotate(3deg)}100%{transform:scale(.7);opacity:.2}}@media(max-width:700px){.draw-machine{padding:12px 8px}.draw-progress{gap:2px}.draw-step{padding:5px 1px}.draw-step strong{font-size:8px}.inventory-title{padding:0 3px}.inventory-title small{display:none}.draw-summary{grid-template-columns:1fr 1fr}.draw-difficulty{align-items:stretch;flex-direction:column;gap:6px}.draw-difficulty>div{grid-template-columns:repeat(3,1fr)}.tile-copy strong,.tile-copy>small{display:none}.tile-copy{left:10%;right:10%;bottom:7%;padding:2px}.tile-copy span{font-size:7px}.draw-active-controls{grid-template-columns:1fr}.draw-machine-head{grid-template-columns:1fr 1fr}.draw-status{grid-column:1/-1;grid-row:2;text-align:center}}@media(max-width:430px){.draw-machine{padding-left:5px;padding-right:5px}.draw-progress{overflow-x:auto;grid-template-columns:repeat(10,52px);padding-bottom:3px}.draw-controls{padding:10px}.draw-amount-row{grid-template-columns:34px minmax(0,1fr) 40px 40px}.draw-tile.dead:before{font-size:5px;padding:2px}.draw-tile img{width:60%;height:60%}}
/* Responsive tile labels: exact values remain available in the tile tooltip. */
.draw-tile img{width:min(50%,72px);height:min(50%,72px);transform:translateY(-7%)}
.tile-copy{left:8%;right:8%;bottom:6%;overflow:hidden;padding:3px clamp(2px,.5vw,5px)}
.tile-copy strong{font-size:clamp(6px,.72vw,9px)}
.tile-copy span{font-size:clamp(7px,.76vw,10px);letter-spacing:-.025em}
.tile-copy>small{font-size:clamp(4px,.46vw,6px)}
@media(max-width:700px){.draw-tile img{width:48%;height:48%}.tile-copy{left:11%;right:11%}.tile-copy span{font-size:clamp(6px,1.8vw,8px)}}
.draw-tile.cash-locked{cursor:default;opacity:.82;pointer-events:none}