#cheat-controls[hidden],#cheat-controls [hidden]{display:none!important}
#cheat-dialog{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:transparent;color:#f0e8cd;box-shadow:none;overflow:auto;font-family:Arial,sans-serif}
#cheat-dialog::backdrop{background:rgba(5,12,13,.84);backdrop-filter:blur(2px)}
.cheat-content{width:min(900px,100%);min-height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
#cheat-dialog header{width:100%;text-align:center;padding:0 42px;box-sizing:border-box}
#cheat-title{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.2;font-weight:900}
#cheat-close{position:fixed;right:22px;top:18px;width:44px;height:44px;background:transparent;border:0;color:#f0e8cd;font-size:40px;line-height:1;cursor:pointer}
.cheat-carousel{--card-h:min(47dvh,420px,62vw);position:relative;width:100%;height:calc(var(--card-h) + 28px);flex:none;display:flex;align-items:center;justify-content:center}
#cheat-options{position:relative;height:var(--card-h);width:100%;touch-action:pan-y}
#cheat-options button{position:absolute;left:50%;top:0;height:100%;width:auto;aspect-ratio:2/3;box-sizing:border-box;padding:0;border:2px solid #60746d;border-radius:12px;background:#18231e;cursor:pointer;overflow:hidden;box-shadow:0 10px 22px #0006;transition:transform .22s ease,filter .22s ease;transform-origin:center center}
#cheat-options button img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
#cheat-options button[data-position=center]{transform:translateX(-50%);z-index:3;border:3px solid #c8d77b}
#cheat-options button[data-position=left]{transform:translateX(-131%) translateY(5%) scale(.83) rotate(-7deg);z-index:1;filter:brightness(.8)}
#cheat-options button[data-position=right]{transform:translateX(31%) translateY(5%) scale(.83) rotate(7deg);z-index:1;filter:brightness(.8)}
#cheat-options button[data-unavailable=true] img{filter:saturate(.3) brightness(.65)}
#cheat-options .cheat-price{position:absolute;left:50%;top:0;transform:translateX(-50%);padding:8px 10px;background:#172521ed;color:#f0e8cd;font-size:14px;line-height:1.2;pointer-events:none}
.cheat-basket{color:#c8d77b}
.cheat-arrow{position:absolute;top:40%;z-index:4;width:40px;height:52px;border:0;background:transparent;color:#f0e8cd;font-size:52px;line-height:1;cursor:pointer}
#cheat-prev{left:0}#cheat-next{right:0}
.cheat-details{text-align:center;max-width:650px;min-height:96px}
#cheat-name{font-size:clamp(22px,3vw,30px);line-height:1.15;margin:0 0 10px;font-weight:900}
#cheat-joke{font-size:16px;color:#c8d77b;margin:0 0 7px;line-height:1.4}
#cheat-description{font-size:16px;line-height:1.4;margin:0;color:#ede9dc}
#cheat-confirm{width:auto;min-width:230px;max-width:100%;min-height:52px;padding:12px 16px;border:2px solid #111916;border-radius:0;background:#c4d96b;color:#172020;font-size:19px;font-weight:900;box-shadow:3px 4px 0 #101719;cursor:pointer;flex:none}
#cheat-confirm:disabled{opacity:.4;cursor:not-allowed}
#cheat-dialog button:focus-visible,#cheat-controls button:focus-visible{outline:2px solid #fff0bf;outline-offset:4px}
@media(max-width:600px){#cheat-dialog{padding:60px 14px 24px}.cheat-content{gap:18px}.cheat-carousel{--card-h:min(40dvh,68vw)}#cheat-options .cheat-price{padding:6px;font-size:11px;gap:3px}.cheat-price .cheat-basket{width:13px;height:13px}.cheat-arrow{width:28px;font-size:38px}#cheat-prev{left:-10px}#cheat-next{right:-10px}#cheat-joke,#cheat-description{font-size:14px}.cheat-details{min-height:110px}#cheat-confirm{font-size:20px}}
@media(max-height:540px) and (min-width:601px){#cheat-dialog{padding:14px 50px}.cheat-content{gap:8px}.cheat-carousel{--card-h:42dvh;height:calc(var(--card-h) + 12px)}#cheat-title{font-size:22px}#cheat-name{font-size:21px;margin-bottom:4px}.cheat-details{min-height:74px}#cheat-joke,#cheat-description{font-size:13px}#cheat-confirm{font-size:18px;padding:9px}}
@media(prefers-reduced-motion:reduce){#cheat-options button{transition:none}}
@media(max-width:600px){#cheat-options button[data-position=left]{transform:translateX(-112%) translateY(7%) scale(.72) rotate(-6deg)}#cheat-options button[data-position=right]{transform:translateX(12%) translateY(7%) scale(.72) rotate(6deg)}#cheat-dialog header{padding:0 12px}.cheat-arrow{background:#0a1414b0}#cheat-prev{left:0}#cheat-next{right:0}}
#cheat-controls{position:absolute;right:22px;bottom:22px;z-index:8;width:auto;max-width:240px}
#cheat-controls button{padding:12px 18px;min-height:44px;border:1px solid #a7b973;border-radius:0;background:#26362deF;color:#edf1c3;font-size:16px;font-weight:750;box-shadow:3px 4px 0 #101916;cursor:pointer}
#cheat-controls button:hover:not(:disabled){background:#425439;color:#f5f4d6}
#cheat-controls button:disabled{opacity:.45;cursor:default}
.cheat-price{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cheat-basket{width:17px;height:17px;flex:none;vertical-align:middle}
#insurance-return{box-sizing:border-box;width:fit-content;max-width:100%;margin:14px auto 16px;padding:9px 16px;border:1px dashed #a7b973;font-size:15px;line-height:1.4;text-align:center;color:#dce799;background:#c8d77b08}
body[data-layout=portrait] #cheat-controls,body[data-layout=landscape] #cheat-controls{right:calc(12px / var(--scene-scale));bottom:calc(12px / var(--scene-scale));max-width:none}
body[data-layout=portrait] #cheat-controls button,body[data-layout=landscape] #cheat-controls button{font-size:calc(13px / var(--scene-scale));min-height:calc(40px / var(--scene-scale));padding:calc(9px / var(--scene-scale)) calc(12px / var(--scene-scale))}
#cheat-dialog{inset:auto;padding:24px 32px;background:rgba(5,12,13,.86);backdrop-filter:blur(2px);overscroll-behavior:contain;box-shadow:inset 0 0 0 1px #091113}
#cheat-dialog::backdrop{background:transparent;backdrop-filter:none}
#cheat-dialog .cheat-content{min-height:100%;gap:14px}
#cheat-dialog .cheat-carousel{--card-h:var(--field-card-height);height:calc(var(--card-h) + 24px)}
#cheat-close{position:absolute;top:8px;right:8px}
#cheat-dialog header{padding:0 36px}
#cheat-dialog[data-compact=true]{padding:48px 16px 16px}
#cheat-dialog[data-compact=true] .cheat-content{gap:10px}
#cheat-dialog[data-compact=true] #cheat-title{font-size:20px}
#cheat-dialog[data-compact=true] #cheat-name{font-size:20px;margin-bottom:6px}
#cheat-dialog[data-compact=true] #cheat-joke,#cheat-dialog[data-compact=true] #cheat-description{font-size:13px}
#cheat-dialog[data-compact=true] .cheat-details{min-height:0}
#cheat-dialog[data-compact=true] #cheat-confirm{font-size:18px;padding:10px}
#cheat-confirm:active:not(:disabled){box-shadow:1px 1px 0 #101719}

/* Fit the picker to the actual game field, not the full phone viewport. */
#cheat-dialog[data-compact=true] { padding:12px 14px; overflow:hidden; container-type:size; }
#cheat-dialog[data-compact=true] .cheat-content { height:100%; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; justify-items:center; gap:8px; }
#cheat-dialog[data-compact=true] header { padding:0 30px; }
#cheat-dialog[data-compact=true] #cheat-title { font-size:18px; line-height:1.15; }
#cheat-dialog[data-compact=true] .cheat-carousel { height:100%; min-height:0; --card-h:min(100%,200px); }
#cheat-dialog[data-compact=true] #cheat-options { height:100%; max-height:200px; }
#cheat-dialog[data-compact=true] .cheat-details { max-width:100%; }
#cheat-dialog[data-compact=true] #cheat-name { font-size:18px; line-height:1.1; margin-bottom:6px; }
#cheat-dialog[data-compact=true] #cheat-joke,#cheat-dialog[data-compact=true] #cheat-description { font-size:13px; line-height:1.25; }
#cheat-dialog[data-compact=true] #cheat-confirm { width:100%; min-width:0; min-height:46px; padding:10px; font-size:18px; }
#cheat-dialog[data-compact=true] #cheat-close { top:2px; right:2px; width:36px; height:36px; font-size:32px; }

@container (min-height:400px) {
 #cheat-dialog[data-compact=true] .cheat-content { gap:12px; padding:4px 0; }
 #cheat-dialog[data-compact=true] #cheat-options { max-height:240px; }
 #cheat-dialog[data-compact=true] #cheat-name { margin-bottom:10px; }
 #cheat-dialog[data-compact=true] #cheat-joke { margin-bottom:8px; }
}

/* Keep the right-hand edge free for the upcoming step on phones. */
@media(max-width:600px) {
 body[data-layout=portrait] #cheat-controls { left:calc(12px / var(--scene-scale)); right:auto; }
}

@container (min-width:600px) and (max-height:450px) {
 #cheat-dialog[data-compact=true] .cheat-content { grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr auto; column-gap:24px; padding:0; }
 #cheat-dialog[data-compact=true] header { grid-column:1 / -1; }
 #cheat-dialog[data-compact=true] .cheat-carousel { grid-column:1; grid-row:2 / 4; }
 #cheat-dialog[data-compact=true] #cheat-options { max-height:240px; }
 #cheat-dialog[data-compact=true] .cheat-details { grid-column:2; grid-row:2; align-self:center; }
 #cheat-dialog[data-compact=true] #cheat-confirm { grid-column:2; grid-row:3; }
}

#cheat-description .cheat-return-amount{white-space:nowrap;color:#d4df89;font-weight:800}
#cheat-description .currency-icon{font-size:.9em}
