/* Coin colors are independent of the fixed motion stylesheet. */
html[data-equipped-coin="crown"] .coin-art:not(.tails-art),html[data-equipped-coin="crown"] .coin-call.heads{--coin-tone:#dcb8ed;--coin-edge:#816197;--coin-paint:linear-gradient(128deg,#e4b2cf,#cbb7f0 60%,#97d1e2)}
html[data-equipped-coin="crown"] .coin-art.tails-art,html[data-equipped-coin="crown"] .coin-call.tails{--coin-tone:#9de0b8;--coin-edge:#37886d;--coin-paint:linear-gradient(128deg,#d5eda8,#9bd5a0 48%,#57c9b8)}
html[data-equipped-coin="fortune"] .coin-art:not(.tails-art),html[data-equipped-coin="fortune"] .coin-call.heads{--coin-tone:#eedb89;--coin-edge:#948344;--coin-paint:linear-gradient(128deg,#ffe6a0,#e1db86 54%,#91dcc5)}
html[data-equipped-coin="fortune"] .coin-art.tails-art,html[data-equipped-coin="fortune"] .coin-call.tails{--coin-tone:#acbdf4;--coin-edge:#6264a1;--coin-paint:linear-gradient(128deg,#96c4f5,#aaaef1 55%,#c2a2e7)}
html[data-equipped-coin="singularity"] .coin-art:not(.tails-art),html[data-equipped-coin="singularity"] .coin-call.heads{--coin-tone:#f1ab8a;--coin-edge:#a56450;--coin-paint:linear-gradient(128deg,#ffd29c,#edac86 48%,#dd879d)}
html[data-equipped-coin="singularity"] .coin-art.tails-art,html[data-equipped-coin="singularity"] .coin-call.tails{--coin-tone:#98dfe2;--coin-edge:#427c90;--coin-paint:linear-gradient(128deg,#c7eff0,#86d9e1 54%,#7ab7d9)}
.leverage-title{display:flex;align-items:center;gap:9px;min-width:0}
.coin-picker{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 3px;border:1px solid #41545e;border-radius:20px;background:#17242d;color:#d3e0e4;font:inherit;font-size:11px;font-weight:600;min-height:36px;white-space:nowrap}
.coin-picker img{width:25px;height:25px;object-fit:contain}
.coin-picker::after{content:'⌄';padding-left:2px;color:#adbbc4}
.coin-picker:disabled{opacity:.5}
/* Singularity's 1,000x power occupies the existing streak button. */
#leverage-100.singularity{color:#c0eaff;border-color:#9384d1;background:linear-gradient(135deg,#183746,#302448);animation:none}
#leverage-100.singularity[aria-pressed="true"]{color:#e4f7ff;border-color:#b8a5ff;background:linear-gradient(135deg,#254b60,#493264);box-shadow:inset 0 0 0 1px #b8a5ff55}
.coin-offer{display:flex;align-items:center;gap:12px;border:1px solid #677451;border-radius:15px;padding:12px;margin-bottom:14px;background:linear-gradient(115deg,#202c2d,#15222a)}
.coin-offer img{width:62px;height:62px;object-fit:contain;flex-shrink:0}
.coin-offer-copy{flex:1;min-width:0}.coin-offer h3{font-size:16px;margin:0 0 4px}.coin-offer p{font-size:12px;line-height:1.4;color:#bfcbd1;margin:0 0 8px}
.coin-offer button{background:none;border:0;padding:0;color:var(--lime);font:inherit;font-size:13px;font-weight:700;min-height:28px;text-align:left}
.coin-offer button:disabled{opacity:.5}
#coin-dialog{width:min(500px,calc(100% - 24px));max-height:88dvh;padding:20px;overflow:auto;overscroll-behavior:contain}
#coin-dialog .dialog-heading{margin:0 0 10px}#coin-dialog h2{font-size:23px}
.coin-wallet{display:flex;justify-content:space-between;color:#aebfc9;font-size:13px;margin-bottom:14px}
#coin-cards{display:grid;gap:10px}
.collection-coin{display:flex;align-items:center;gap:14px;border:1px solid #33454e;border-radius:14px;background:#101d25;padding:14px}
.collection-coin.equipped{border-color:#a1bc6b;background:#1c2928}
.coin-pair{position:relative;display:block;width:104px;height:112px;flex:0 0 104px}
.coin-pair img{position:absolute;object-fit:contain;width:76px;height:76px;left:0;top:0}
.coin-pair img+img{left:28px;top:36px}
/* Conceal the actual artwork completely until discovery; no blur, glow or motion. */
.coin-mystery{--mystery-size:76px;--mystery-left:28px;--mystery-top:36px}
.coin-mystery::before,.coin-mystery::after{content:'';position:absolute;box-sizing:border-box;width:var(--mystery-size);height:var(--mystery-size);border-radius:50%;border:1px solid #526269;background:radial-gradient(circle at 30% 24%,#2c3b43,#17232c 66%,#101b24);box-shadow:inset 0 0 0 3px #16232b,inset 0 0 0 4px #394c55;left:0;top:0}
.coin-mystery::before{opacity:.65}
.coin-mystery::after{content:'?';left:var(--mystery-left);top:var(--mystery-top);display:grid;place-items:center;font:300 30px Georgia,serif;color:#a3b9c1}
.collection-coin.undiscovered{border-color:#2d4049}
.collection-coin.undiscovered h3{color:#cad7dd}
.coin-offer-mystery{position:relative;display:block;flex:0 0 62px;width:62px;height:62px;--mystery-size:62px;--mystery-left:0px;--mystery-top:0px}
.coin-offer-mystery::before{display:none}
.coin-copy{flex:1;min-width:0}.coin-copy h3{font-size:18px;margin:0 0 5px}.coin-copy p{font-size:12px;line-height:1.4;margin:0 0 7px;color:#c1d0d7}.coin-copy small{display:block;font-size:11px;line-height:1.4;color:#93a6b4;margin:0 0 8px}
.coin-copy button{width:100%;min-height:36px;border-radius:8px;border:1px solid #667450;background:#d4ff51;color:#172115;font:inherit;font-size:12px;font-weight:700;padding:7px}
.coin-copy button:disabled{background:#1a2a30;color:#9cabb4;border-color:#35484e;opacity:.75}
.collection-coin.equipped button:disabled{color:#d0e9a8;border-color:#677e51}
#coin-note{font-size:11px;line-height:1.5;margin:14px 0;color:#9dacb8}
#coin-message:empty{display:none}#coin-message{font-size:13px;color:#d1eeac;margin:12px 0}
.coin-dialog-footer{position:sticky;bottom:-20px;background:#141b23;padding:10px 0 18px;z-index:1}
@media(max-width:360px){#coin-dialog{padding:14px}.collection-coin{gap:8px;padding:10px}.coin-pair{width:78px;height:98px;flex-basis:78px}.coin-pair img{width:62px;height:62px}.coin-pair img+img{left:16px;top:34px}.coin-copy h3{font-size:16px}.coin-copy button{font-size:11px}.coin-offer img{width:48px;height:48px}.coin-picker{gap:3px;font-size:10px}.coin-picker img{width:22px;height:22px}.leverage-title{gap:5px}}
@media(max-width:360px){.coin-pair.coin-mystery{--mystery-size:62px;--mystery-left:16px;--mystery-top:34px}.coin-offer-mystery{flex-basis:48px;width:48px;height:48px;--mystery-size:48px}}

.leverage-heading{flex-wrap:wrap}.leverage-heading .streak-badge{margin-left:auto;max-width:45%}#coin-power-progress{color:#afbfcb;font-size:10px}

/* Very large power-coin payouts must still fit beside the Bank button. */
.app:not(.view-town) .in-play-account .balance[data-long="true"]{font-size:clamp(23px,7.5vw,40px)}
/* The return occupies row 3; Bank must not cover it when balances shrink. */
.app:not(.view-town) .in-play-account #bank{grid-row:1/3}
/* Compact spacing on short portrait screens. */
@media (min-height:541px) and (max-height:640px){
 body .app:not(.view-town){row-gap:5px}
 .app:not(.view-town) .trade-screen{gap:5px}
 .app:not(.view-town) .trading{gap:6px}
 .app:not(.view-town) .result-row{padding-block:4px}
 .app:not(.view-town) .result-heading{min-height:28px}
}
