/* Approved wide cabinet: ruletka.png, as reaffirmed in Design ZBS.
   Only the illustration is a CSS crop; all text, balances and actions are live. */
#screen[data-route="machine"]{padding-top:6px;padding-bottom:6px}
.approved-machine{display:flex;flex-direction:column;gap:8px;min-height:100%;width:100%}
.machine-heading{display:flex;align-items:center;gap:6px;min-height:44px;flex-shrink:0}
.machine-heading h1{font-size:23px;letter-spacing:0}
.machine-info{background:none;border:0;color:var(--muted);width:44px;height:44px;font-size:18px}
.machine-wallet{margin-left:auto;border:1px solid #554320;border-radius:20px;padding:6px 10px;display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}
.machine-wallet .icon{color:var(--gold);width:19px;height:19px}
.machine-illustration-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:170px}
.machine-illustration{width:min(100%,calc((100dvh - 416px)*.966));min-width:160px;aspect-ratio:454/470;background:url('./design-assets/machine-approved-reference.png') 2.958% 35.38% / 338.326% 217.872% no-repeat}
.machine-rarities{text-align:center;flex-shrink:0}
.machine-rarities>.quiet{font-size:10px;min-height:44px;padding:8px}
.capsule-types{display:flex;justify-content:center;gap:clamp(20px,6vw,44px)}
.capsule-types>div{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--capsule-color);font-size:11px}
.capsule-reference{display:block;width:42px;height:42px;background-image:url('./design-assets/machine-approved-reference.png');background-size:3072% 2048%;background-repeat:no-repeat}
.capsule-reference-0{background-position:3.836% 71.25%}
.capsule-reference-1{background-position:9.69% 71.25%}
.capsule-reference-2{background-position:15.54% 71.25%}
.machine-action{text-align:center;flex-shrink:0}
.machine-action .primary{margin:0;min-height:50px;background:linear-gradient(100deg,#df9f16,#f1b832);border:1px solid #d9a227;color:#17120a;font-size:14px;font-weight:600}
.machine-action .primary:hover{background:#f5bf48}
.machine-action p{font-size:11px;line-height:1.4;margin:7px 0 3px;color:var(--muted)}
.machine-action small{font-size:9px;color:var(--muted)}
@media(max-height:620px){.approved-machine{gap:4px}.machine-rarities>.quiet{min-height:32px}.capsule-reference{width:32px;height:32px}.capsule-types>div{gap:2px}.machine-action .primary{min-height:44px;font-size:12px}.machine-illustration{width:min(100%,calc((100dvh - 370px)*.966))}}