.shop-area{margin:18px 0;color:#d7e9f5;font:13px system-ui}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-heading h2{font-size:18px;margin:5px 0}.shop-heading button{font-size:11px;min-height:38px}.shop-balance{padding:12px;background:#6ee8cf12;border:1px solid #6ee8cf44;border-radius:10px;color:#b0f7e8;line-height:1.6}.shop-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.shop-product{padding:12px;border:1px solid #779ab344;border-radius:10px;background:#142c3d}.shop-product strong{font-size:13px}.shop-product p{color:#adc6d9;line-height:1.5}.shop-product button{width:100%;min-height:44px;background:#255e63;color:#bdfcea}.voucher-form{display:flex;align-items:end;gap:8px;margin:16px 0}.voucher-form label{flex:1;min-width:0;font-size:12px}.voucher-form input,.spend-row input{display:block;background:#0a1a29;color:#edf6ff;border:1px solid #6c90a966;border-radius:8px;padding:10px;width:100%;margin-top:6px}.voucher-form button{min-height:42px}.shop-note{font-size:10px;color:#91aabe;line-height:1.7}.shop-message{font-size:12px;line-height:1.6;color:#aef8e5}.spend-row{display:flex;align-items:end;gap:8px;margin:10px 0}.spend-row label{flex:1;font-size:12px}.spend-row input{max-width:130px}.spend-row button{min-height:42px}.receipt-retry{display:block;margin:8px 0;width:100%;font-size:11px}#shopPanel{position:fixed;right:20px;top:90px;bottom:45px;width:min(480px,94vw);overflow-y:auto;z-index:75;background:#122a3df5;border:1px solid #67d7ce66;border-radius:15px;padding:16px;box-shadow:0 20px 50px #0008}#shopPanel[hidden]{display:none}#shopPanel button{border:1px solid #86b2cb55;border-radius:8px;padding:9px;color:#dff9f3;background:#214d59;cursor:pointer}#shopPanel button:disabled{opacity:.4}#shopPanel #closeShop{min-width:44px;min-height:44px}@media(max-width:740px),(pointer:coarse) and (max-width:1100px){#shopPanel{right:3vw;top:100px;bottom:calc(72px + env(safe-area-inset-bottom))}.shop-products{grid-template-columns:1fr 1fr}.shop-product{padding:9px}.shop-product strong{font-size:11px}.shop-product button{font-size:11px}}
@media(max-width:740px),(pointer:coarse) and (max-width:1100px){#shopPanel{top:122px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){#shopPanel{top:56px}}
/* Versorgungskarten: klarer Kontrast, große Touchflächen, dezente Lichtakzente. */
.shop-area{--shop-accent:#7bf2cf;--shop-line:#95b7d329}.shop-eyebrow{display:block;color:#7bf2cf;font-size:9px;font-weight:800;letter-spacing:1.6px;margin-bottom:6px}.shop-heading{margin-bottom:18px}.shop-heading h2{font-size:clamp(17px,2.4vw,23px);letter-spacing:-.6px;line-height:1.2}.shop-heading button{white-space:nowrap}.shop-balance{background:linear-gradient(115deg,#1a4648,#112b40);border-color:#7bf2cf45;border-radius:16px;padding:17px;font-weight:650;box-shadow:inset 0 1px #ffffff0d}.shop-products{gap:12px}.shop-product{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:175px;padding:18px;border-radius:17px;background:radial-gradient(ellipse at top right,#3898a328,transparent 70%),linear-gradient(145deg,#1b344b,#101e31);border-color:var(--shop-line);box-shadow:0 7px 22px #0002;transition:border-color .18s,transform .18s}.shop-product[data-type=xp]{background:radial-gradient(ellipse at top right,#7966dc35,transparent 70%),linear-gradient(145deg,#24324c,#141d30)}.shop-product[data-type=silo]{background:radial-gradient(ellipse at top right,#d5a3542e,transparent 70%),linear-gradient(145deg,#303749,#171f2f)}.shop-badge{color:#83f2d3;letter-spacing:1.3px;font-weight:800;font-size:8px;margin-bottom:13px}.shop-product[data-type=xp] .shop-badge{color:#c7b9ff}.shop-product[data-type=silo] .shop-badge{color:#ffda99}.shop-product strong{display:block;font-size:15px;line-height:1.35}.shop-product p{font-size:13px;margin:8px 0 16px}.shop-product button{margin-top:auto;border:1px solid #7bf2cf50!important;background:linear-gradient(110deg,#236b68,#244b60)!important;border-radius:10px!important;font-weight:750;min-height:45px}.voucher-form{padding:15px;background:#08152366;border:1px solid var(--shop-line);border-radius:15px}.voucher-form input{letter-spacing:1px}.shop-spend{border-top:1px solid var(--shop-line);padding-top:6px}.spend-row{background:#ffffff04;border-radius:12px;padding:10px}.shop-note{margin-top:17px}.shop-message:not(:empty){background:#7bf2cf0a;border-left:2px solid #7bf2cf;padding:10px;border-radius:0 8px 8px 0}#shopPanel{background:linear-gradient(155deg,#152a40fa,#0a1727fa);border-color:#8cadcc40;border-radius:22px;box-shadow:0 24px 80px #000a;backdrop-filter:blur(18px)}#shopPanel>h2{font-size:11px;letter-spacing:2px;color:#8ba8c1}#shopPanel #closeShop{float:right;border-radius:50%;background:#ffffff08}.shop-area button:focus-visible,.shop-area input:focus-visible{outline:2px solid #7bf2cf;outline-offset:3px}@media(hover:hover){.shop-product:hover{border-color:#7bf2cf80;transform:translateY(-2px)}}@media(max-width:480px){.shop-product{min-height:165px;padding:12px}.shop-product strong{font-size:13px}.shop-product p{font-size:11px}.shop-heading h2{font-size:18px}.shop-heading button{font-size:10px}.shop-balance{padding:13px}.voucher-form{padding:10px;gap:6px}.shop-badge{font-size:7px;letter-spacing:.8px}.spend-row{padding:8px}.spend-row button{font-size:11px}}