/* Pell's Starlight tab (js/shop.js) + the TEST sheets of the fake store / ads (js/store.js).
   Starlight is the one cool colour in Pell's wagon: silver-blue against the Embers' warm orange. */
:root{--star:#cfe0ff;--star2:rgba(207,224,255,.32)}
.stbal{display:flex;align-items:center;gap:8px;padding:4px 2px 8px;border-bottom:1px solid rgba(207,224,255,.14)}
.stbal>img{width:34px;height:34px}
.stbal>b{font-family:var(--f-display);font-weight:600;font-size:26px;letter-spacing:.04em;color:var(--star)}
.stbal .sp{flex:1}
.stadw{display:flex;flex-direction:column;align-items:center;gap:4px}
.stad::after{content:"";position:absolute;inset:-6px -4px}
.stad{position:relative;min-height:32px;display:flex;align-items:center;gap:4px;padding:3px 12px;border-radius:14px;border:1px solid var(--star2);background:none;color:var(--star);font-family:var(--f-display);font-size:14px;font-weight:600;min-width:84px;justify-content:center}
.stad img{width:16px;height:16px}
.stad.off{opacity:.38}
.stad .clk{width:11px;height:11px;border:1.4px solid currentColor;border-radius:50%;position:relative;display:inline-block}
.stad .clk::after{content:"";position:absolute;left:4px;top:1px;width:1.4px;height:4px;background:currentColor;box-shadow:1.6px 3px 0 -.1px currentColor}
.buy .spin,.stad .spin{width:10px;height:10px;border:1.6px solid var(--star2);border-top-color:var(--star);border-radius:50%;display:inline-block;animation:stspin .8s linear infinite}
@keyframes stspin{to{transform:rotate(360deg)}}
.stdots{display:flex;gap:4px}
.stdots i{width:5px;height:5px;border-radius:50%;border:1px solid var(--star2)}
.stdots i.on{background:var(--star);border-color:var(--star)}
.buy.star{border-color:var(--star2);color:var(--star);background:rgba(207,224,255,.07);box-shadow:none}
.buy.star img{width:16px;height:16px}
.buy.star.off{border-color:rgba(207,224,255,.14);color:var(--muted)}
.row .d .eqv{font-size:12px;color:var(--muted);opacity:.8}
.row.starter{border:1px solid var(--star2);border-radius:12px;padding:6px 8px;margin-top:4px}
.lorow{display:flex;align-items:center;gap:6px;padding:6px 2px 2px}
.lorow span{font-size:12px;color:var(--muted);margin-right:4px}
.lorow button{width:30px;height:26px;border-radius:13px;border:1px solid rgba(243,220,180,.25);background:none;color:var(--text);font-family:var(--f-display);font-size:14px}
.lorow button.on{border-color:var(--gold);background:var(--gold);color:var(--ink)}
.mbox select{width:100%;margin:6px 0 12px;padding:8px 10px;border-radius:12px;background:rgba(243,220,180,.06);border:1px solid rgba(243,220,180,.25);color:var(--text);font-size:16px}
.mbox{max-height:calc(100% - 8px);overflow-y:auto}
/* fake store / consent / ad: plainly not part of the game, and marked TEST */
#fakeSheet{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
#fakeSheet .fs{background:#f4f4f6;color:#16161a;width:min(440px,94vw);border-radius:14px 14px 0 0;padding:14px 18px 16px;font:14px/1.4 system-ui,-apple-system,sans-serif;position:relative}
#fakeSheet h3{margin:0 0 4px;font-size:16px}#fakeSheet p{margin:2px 0}#fakeSheet .fprod{font-weight:600;margin-top:6px}
#fakeSheet .fbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#fakeSheet button{padding:9px;border-radius:10px;border:1px solid #c8c8d0;background:#fff;color:#16161a;font:600 14px system-ui,sans-serif}
#fakeSheet button[data-fk=ok],#fakeSheet button[data-fk=yes]{background:#1a6cff;border-color:#1a6cff;color:#fff}
.ftag{position:absolute;top:10px;right:12px;background:#e0263a;color:#fff;font:700 11px system-ui,sans-serif;letter-spacing:.12em;padding:2px 7px;border-radius:5px}
#fakeAd{position:fixed;inset:0;z-index:300;background:#101014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff}
#fakeAd .ftag{position:static;font-size:22px;padding:6px 14px}
#fakeAd .fab{width:min(320px,70vw);height:6px;border-radius:3px;background:#333}#fakeAd .fab i{display:block;height:100%;width:0;background:#fff;border-radius:3px}
#fakeAd button{background:none;border:1px solid #666;color:#ccc;border-radius:8px;padding:6px 12px;font:13px system-ui,sans-serif}