/* Paper, navy ink and serif lettering follow the approved comic parking card. */
.popup.card-dialog{--card-stock:#ad4e30;--card-ink:#102c3a;--card-accent:#a84b2b;width:min(100%,440px);padding:9px;border:9px solid #fff3d5;border-radius:19px;background:#f2dfb8;box-shadow:0 4px 0 #bca985,0 18px 50px #152c3566;overflow:auto;color:var(--card-ink)}
.card-dialog[data-card-type="boss"]{--card-stock:#943e20}.card-dialog[data-card-type="bill"],.card-dialog[data-card-type="fuel"]{--card-stock:#81502d}.card-dialog[data-card-type="job"]{--card-stock:#2d6071}.card-dialog[data-card-type="salary"],.card-dialog[data-card-type="bonus"],.card-dialog[data-card-type="event"]{--card-stock:#6e5220}.card-dialog[data-card-type="urgent"],.card-dialog[data-card-type="layoff"]{--card-stock:#754865}.card-dialog[data-card-type="loan"],.card-dialog[data-card-type="wallet"]{--card-stock:#2c604d}.card-dialog[data-card-type="rest"],.card-dialog[data-card-type="paid"],.card-dialog[data-card-type="result"]{--card-stock:#426344}.card-dialog[data-card-type="promo"]{--card-stock:#803e5b}.card-dialog[data-card-type="meal"]{--card-stock:#7e5d2b}
.card-dialog[data-card-type="parking"],.card-dialog[data-card-type="disaster"],.card-dialog[data-card-type="treat"]{--card-stock:#ad4e30}.card-dialog[data-card-type="chance"]{--card-stock:#94722a}.card-dialog[data-card-type="community"]{--card-stock:#3b6655}
.card-dialog .monopoly-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;gap:9px;min-height:0;padding:12px 10px 43px;border:6px double var(--card-ink);border-radius:12px;background:#f6e6c5}
.card-dialog .monopoly-card:before{content:'';position:absolute;inset:4px;border:1px solid var(--card-ink);border-radius:8px;pointer-events:none;z-index:-1}
.card-dialog .card-masthead{display:flex;justify-content:center;align-items:center;min-height:34px;padding:5px 12px;text-align:center;color:#fff0ce;background:var(--card-ink);border:2px solid #d6aa67;border-radius:5px}
.card-masthead>span{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:700;letter-spacing:.3px}.card-masthead>strong{position:absolute;left:26px;right:26px;bottom:9px;padding:5px 7px;font-family:Georgia,'Times New Roman',serif;font-size:12px;line-height:1.2;letter-spacing:.3px;font-weight:700;text-transform:uppercase;background:var(--card-ink);color:#fff0ce;border:1px solid #d6aa67;border-radius:4px}
.card-dialog .card-corner{display:none}
.card-dialog .card-medallion{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;max-width:none;margin:0;padding:10px 6px;background:#f9ebcf;border:3px solid var(--card-ink);border-radius:8px}
.card-dialog .card-medallion h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:900;line-height:.98;letter-spacing:-.8px;text-transform:uppercase;color:var(--card-ink);text-wrap:balance;text-shadow:none;overflow-wrap:anywhere;margin:0}
.card-scene{display:block;position:relative;width:100%;margin:0;aspect-ratio:4/3;min-height:0;max-height:none;flex:0 0 auto;border:2px solid #f8eac5;outline:1px solid var(--card-ink);border-radius:10px;overflow:hidden;background:#9e805e;isolation:isolate}
.card-scene-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.card-details{display:flex;flex-direction:column;gap:11px;position:relative;margin:0;padding:12px 10px 11px;border:3px double var(--card-ink);border-radius:8px;background:#fff0d1;box-shadow:none;z-index:1}
.card-dialog .card-description{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.35;font-weight:700;color:var(--card-ink);text-align:center;text-wrap:pretty;margin:0}
.card-dialog .amount-card{display:flex;align-items:center;justify-content:center;gap:9px;order:-1;min-height:52px;border:2px solid #ddba7a;border-radius:4px;padding:10px 6px;background:var(--card-stock);box-shadow:0 0 0 1px var(--card-ink);color:#fff2cf;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,7vw,38px);font-weight:900;line-height:1.1;letter-spacing:-.8px;text-align:center;overflow-wrap:anywhere}
.card-stat-line{margin:0;text-align:center;font-size:13px;font-weight:700;color:#8a3c22}.card-breakdown{margin:0;padding:9px;border:1px solid #9c845f;border-radius:4px;font-size:11px;line-height:1.6;color:var(--card-ink);background:#fff8e8}.card-action-result{margin:0;font-size:12px;line-height:1.5;text-align:center;color:#365544}
.card-dialog[data-card-type="boss"] .amount-card{color:#ac4028}.stat-icon{display:inline-block;flex:none;width:46px;height:30px;color:var(--card-ink)}.stat-icon svg{display:block;width:100%;height:100%}
.card-dialog .actions{display:flex;flex-wrap:wrap;gap:7px;order:2}.card-dialog .actions .btn{flex:1 1 115px;min-height:44px;padding:10px 10px;border:2px solid #f2d6a3;outline:1px solid var(--card-ink);border-radius:11px;background:var(--card-ink);color:#fff2d3;font-family:Poppins,Arial,sans-serif;font-size:11px;line-height:1.3;font-weight:700;white-space:normal;box-shadow:0 3px #10253655}
.card-dialog .actions .btn.secondary{border-color:#dfc99f;background:#fff4d8;color:var(--card-ink)}.card-dialog .btn:disabled{opacity:.48;box-shadow:none}.card-dialog .btn:not(:disabled):active{transform:translateY(1px)}
.card-dialog .quiz-choices{gap:7px}.card-dialog .quiz-choices .btn{min-height:44px;padding:9px;border:1px solid var(--card-ink);border-radius:7px;background:#fff9e7;color:var(--card-ink);font-size:12px;line-height:1.35;white-space:normal}
.card-dialog .job-clock{margin:0;padding:6px;border-top:1px solid #a0a9a5;border-bottom:1px solid #a0a9a5;color:var(--card-ink)!important;font-size:14px!important;font-weight:700}.card-dialog .quiz-question{font-size:15px;line-height:1.4;font-weight:700;color:var(--card-ink)}
.card-dialog .popup-close{position:absolute;right:2px;top:2px;z-index:3;width:29px;height:29px;border:1px solid var(--card-ink);border-radius:50%;background:#fff8e6;color:var(--card-ink);font-size:23px;box-shadow:0 2px #0002}
.card-dialog .sponsor-footer{padding:7px 0 0;margin:0;border:0;font-size:7px;letter-spacing:.8px;color:#5e5a4d}.card-dialog small{font-size:9px;line-height:1.5;color:#46564f}.card-details>small{order:3}.card-dialog ol{margin:0;padding-left:19px;font-size:11px;line-height:1.6;color:var(--card-ink)}.card-dialog li+li{margin-top:7px}.card-dialog .result-card{padding:9px;background:#fffaea;border:1px solid #84988c;border-radius:7px}.card-dialog .result-card h3{font-size:13px}.card-dialog .result-card p{font-size:10px!important;color:var(--card-ink)}
.card-dialog[data-card-view="task"] .card-medallion h2{font-size:25px}.card-dialog[data-card-view="task"] .card-description{font-size:10px}
@media(max-height:740px){.popup.card-dialog{padding:7px;border-width:7px;border-radius:16px}.card-dialog .monopoly-card{gap:7px;padding:10px 9px 40px}.card-dialog .card-medallion h2{font-size:27px}.card-details{gap:9px;padding:10px}.card-dialog .card-description{font-size:16px}.card-dialog .amount-card{font-size:28px}}
@media(orientation:landscape) and (max-height:520px){.popup.card-dialog{width:min(100%,440px)}.card-dialog .card-medallion h2{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.card-dialog{animation:card-deal .22s ease-out}@keyframes card-deal{from{opacity:0;transform:translateY(18px) rotate(-1.5deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}}
.card-image-status{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;background:radial-gradient(ellipse,#f7e6bd,#d9b774);color:#294350;text-align:center;font-size:11px;font-weight:600;line-height:1.5}.card-image-status svg{width:78px;height:65px}.card-image-status button{min-height:38px;padding:7px 12px;border:1px solid #294350;border-radius:7px;background:#fff4d8;color:#294350;font-size:11px;font-weight:700}.card-scene[data-image-state="loading"] .card-image-status span:after{content:'';display:block;width:45px;height:3px;margin:9px auto 0;background:#a67c3e;border-radius:3px;animation:card-loading 1s ease-in-out infinite alternate}@keyframes card-loading{to{opacity:.3;transform:scaleX(.45)}}@media(prefers-reduced-motion:reduce){.card-image-status span:after{animation:none!important}}

.card-scene[hidden]{display:none}.deck-tray{display:flex;justify-content:center;align-items:center;gap:9px;min-height:205px;padding:20px 0;perspective:600px}.deck-back{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:8px;width:29%;height:160px;padding:9px 4px;border:6px double #f9edce;border-radius:9px;background:repeating-linear-gradient(45deg,#ffffff09 0 3px,transparent 3px 9px),var(--card-stock);color:#fff3d5;box-shadow:0 5px 0 #102c3a66;cursor:pointer;transition:transform .2s}.deck-back:disabled{opacity:1;cursor:default}.deck-back small{font-size:8px;letter-spacing:.5px;color:inherit}.deck-back strong{font:700 44px Georgia,serif;border:2px solid currentColor;border-radius:50%;width:min(64px,100%);height:auto;aspect-ratio:1;min-width:0;display:grid;place-items:center}.deck-back span{font-size:10px;letter-spacing:1px}.deck-back:not(:disabled):hover{transform:translateY(-9px) rotate(-3deg)}.deck-back:focus-visible{outline:3px solid #102c3a;outline-offset:4px}.deck-status{text-align:center;font-size:14px;min-height:40px;margin:0}.shuffling .deck-back{animation:shuffle-card .45s ease-in-out infinite alternate}.shuffling .deck-back:nth-child(2){animation-delay:-.15s}.shuffling .deck-back:nth-child(3){animation-delay:-.3s}@keyframes shuffle-card{from{transform:translate(-9px,9px) rotate(-9deg)}to{transform:translate(9px,-12px) rotate(9deg)}}@media(prefers-reduced-motion:reduce){.shuffling .deck-back{animation:none}.deck-back{transition:none}}

@media(max-width:380px){.deck-tray{gap:5px}.deck-back{height:145px;border-width:4px}.deck-back small{font-size:7px;letter-spacing:0}.deck-back strong{font-size:30px}.deck-back span{font-size:9px;letter-spacing:0}}