/* Draft Coin shop, plus the coins and limits panel on the account page. */
.shop{display:grid;gap:22px}
.shop h1{margin:6px 0 10px;font-size:clamp(30px,4vw,44px);letter-spacing:-1.6px}.shop h1 em{font-style:normal;color:var(--cyan)}
.shop h2{margin:0 0 6px;font-size:19px;letter-spacing:-.4px}
.shop p{color:#b7cbe8;font-size:14px;line-height:1.6;margin:0}
.shop-hero{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.shop-hero>div:first-child{max-width:620px}
.shop-balance{display:grid;gap:2px;padding:16px 22px;border:1px solid var(--line);border-radius:14px;background:#0b1e43;text-align:right}
.shop-balance span{font:500 10px 'DM Mono';letter-spacing:1px;color:var(--muted)}.shop-balance b{font-size:30px}.shop-balance small{color:var(--muted)}
.shop-notice{padding:14px 18px;border:1px solid #ffd36f66;border-radius:12px;background:#3a2c0b66;color:#ffe3a3!important}
.shop-weekly,.shop-controls,.shop-confirm,.shop-small{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#0b1e43cc}
.shop-small{display:block}.shop-small ul{margin:6px 0 0;padding-left:18px;color:#b7cbe8;font-size:13px;line-height:1.8}.shop-small a,.shop-controls a{color:var(--cyan)}
.shop button,.coins-panel button{border:0;border-radius:9px;background:var(--cyan);color:#061832;padding:12px 16px;font:800 12px Manrope;cursor:pointer}
.shop button:disabled,.coins-panel button:disabled{background:#2b4166;color:#9ab0d4;cursor:not-allowed}
.shop-link{font-weight:800;text-decoration:none}
.shop-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shop-pack{position:relative;display:grid;gap:10px;align-content:start;padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#123266,#0a1c3d)}
.shop-pack.featured{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 10px 30px #0006}
.shop-pack .pack-name{font:500 11px 'DM Mono';letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.shop-pack .pack-coins{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1}.shop-pack .pack-coins small{font-size:14px;color:var(--muted);font-weight:700;letter-spacing:0}
.shop-pack .pack-bonus{justify-self:start;padding:3px 8px;border-radius:99px;background:#55efb522;color:var(--mint);font:800 11px Manrope}
.shop-pack .pack-drafts{color:#d8e7ff;font-size:14px;font-weight:700}
.shop-pack .pack-price{font-size:22px;font-weight:800}
.shop-pack .pack-tag{position:absolute;top:-10px;right:14px;padding:4px 9px;border-radius:99px;background:var(--cyan);color:#061832;font:800 10px Manrope}
.shop-check{display:flex;gap:10px;align-items:flex-start;color:#d8e7ff;font-size:13px;font-weight:600;line-height:1.5}
.shop-check input{margin-top:3px;width:18px;height:18px;accent-color:#55dfff}
.shop-loading{grid-column:1/-1}
@media(max-width:900px){.shop-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.shop-packs{grid-template-columns:1fr}.shop-balance{text-align:left}}
/* Account: coins and limits panel */
.coins-panel section{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#071632aa}
.coins-panel h3{margin:0 0 6px;font-size:16px}.coins-panel p{margin:0 0 10px;color:#b7cbe8;font-size:13px;line-height:1.6}
.coins-panel .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.coins-panel select,.coins-panel input{border:1px solid #426292;border-radius:8px;background:#071632;color:#fff;padding:10px;font:13px Manrope}
.coins-panel table{width:100%;border-collapse:collapse;font-size:13px}.coins-panel td,.coins-panel th{padding:8px 6px;border-bottom:1px solid #ffffff14;text-align:left}.coins-panel th{color:var(--muted);font:500 10px 'DM Mono';letter-spacing:1px}
.coins-panel .on-break{color:#ffe3a3;font-weight:700}
/* Avatar picker */
.avatar-picker{margin-top:26px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#071632aa;max-width:590px}
.avatar-picker h3{margin:0 0 4px;font-size:16px}.avatar-picker p{margin:0 0 12px;color:#b7cbe8;font-size:13px}
.avatar-picker .row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.avatar-picker select,.avatar-picker input{border:1px solid #426292;border-radius:8px;background:#071632;color:#fff;padding:10px;font:13px Manrope}
.avatar-picker button{border:0;border-radius:8px;background:var(--cyan);color:#061832;padding:11px 15px;font:800 11px Manrope;cursor:pointer}
.avatar-preview{display:grid;place-items:center;width:72px;height:72px}
.avatar.has-kit{background:none;color:inherit;padding:0}
.avatar.has-kit .player-kit,.avatar.has-kit .kit-svg{width:100%;height:100%;display:block}
.member-kit{display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:8px}
.member-kit .kit-svg{width:100%;height:100%}
.coins-panel a,.account-panel .coin-history a{color:var(--cyan)}
.shop-pack{display:flex;flex-direction:column}.shop-pack button{margin-top:auto}