/* ===== The Arcade, stage 3 (js/am-dond.js): Deal or No Deal ===== */
.amd-mach{width:100%;max-width:440px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.amd-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.amd-case{position:relative;min-height:48px;border:2px solid #8a6a2a;border-radius:6px;background:linear-gradient(180deg,#c9ccd2,#8d939c);color:#14202e;cursor:pointer;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.amm-skin-dond .amd-case{background:linear-gradient(180deg,#ffe28a,#c99a2e);border-color:#7a5a12}
.amd-case b{font:700 17px/1 "Barlow Condensed",sans-serif}
.amd-case small{font-size:9px;line-height:1;opacity:.75;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.amd-case[disabled]{cursor:default}
.amd-case:not([disabled]):hover{transform:translateY(-2px)}
.amd-case.mine{outline:3px solid #ffd24a;outline-offset:1px}
.amd-case.open{background:#1c2836;color:#e8e0c8;border-color:#334}
.amd-case.open.big{background:#ffd24a;color:#14202e}
.amd-board{display:grid;grid-template-columns:repeat(2,auto);gap:3px}
.amd-board span{font:600 12px/1 "Barlow Condensed",sans-serif;padding:4px 7px;border-radius:4px;background:#2f6d8c;color:#fff;text-align:right}
.amd-board span.top{background:#ffd24a;color:#14202e}
.amd-board span.gone{opacity:.25;text-decoration:line-through}
@media (max-width:480px){.amd-mach{grid-template-columns:1fr;}.amd-board{grid-template-columns:repeat(4,1fr)}.amd-board span{padding:5px 2px;text-align:center;font-size:13px}}