/* Sklep: moc i jej działanie są ważniejsze niż dekoracja karty. */
.journey-screen[data-mode=shop] .explorer-shop{max-width:1500px;margin:0 auto;padding:4px 2px 24px;color:#fff}
.journey-screen[data-mode=shop] .shop-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border:2px solid #62d9ff;border-radius:22px;background:linear-gradient(112deg,#0755b4 0%,#1b3ca6 60%,#5426a4 100%);box-shadow:0 5px #08285f}
.journey-screen[data-mode=shop] .shop-eyebrow{display:block;color:#a9f2ff;font-size:11px;font-weight:900;letter-spacing:.1em}
.journey-screen[data-mode=shop] .shop-welcome h3{margin:3px 0;font-size:clamp(23px,2.5vw,36px);line-height:1.1;color:#fff}
.journey-screen[data-mode=shop] .shop-welcome p{margin:5px 0 0;color:#e1f4ff;font-size:14px}
.journey-screen[data-mode=shop] .shop-balance{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:9px 15px;border:2px solid #ffe16c;border-radius:16px;background:#092866;box-shadow:0 3px #071d52;color:#ffe056}
.journey-screen[data-mode=shop] .shop-balance>.ui-art{width:42px;height:42px}
.journey-screen[data-mode=shop] .shop-balance small,.journey-screen[data-mode=shop] .shop-balance b{display:block;line-height:1.1}.journey-screen[data-mode=shop] .shop-balance small{font-size:10px;color:#d9eeff}.journey-screen[data-mode=shop] .shop-balance b{font-size:24px}
.journey-screen[data-mode=shop] .shop-collection{margin-top:27px}.journey-screen[data-mode=shop] .shop-collection-head{display:flex;align-items:center;gap:13px;margin:0 0 14px}
.journey-screen[data-mode=shop] .shop-collection-head h3{margin:2px 0;color:#fff;font-size:clamp(20px,2vw,27px);line-height:1.15}.journey-screen[data-mode=shop] .shop-collection-head p{margin:3px 0 0;color:#d5edff;font-size:13px;line-height:1.4}
.journey-screen[data-mode=shop] .shop-collection-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:2px solid #ffd669;border-radius:15px;background:linear-gradient(145deg,#ec429c,#8328b8);box-shadow:0 4px #481766;color:#fff280;font-size:30px}.journey-screen[data-mode=shop] .shop-equipment .shop-collection-icon{background:linear-gradient(145deg,#13abc3,#08737f);border-color:#81f2e2;box-shadow:0 4px #06485b}
.journey-screen[data-mode=shop] .shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;align-items:stretch}
.journey-screen[data-mode=shop] .shop-item-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:0;height:auto;max-height:none;overflow:visible;padding:0;text-align:left;border:2px solid #538ee1;border-radius:18px;background:#12397e;box-shadow:0 5px #061b4d;color:#fff}
.journey-screen[data-mode=shop] .shop-item-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:126px;overflow:hidden;border-radius:15px 15px 0 0;background:radial-gradient(ellipse at 50% 66%,color-mix(in srgb,var(--item-color) 53%,#4a8ee5),#2258b0 64%,#153d88)}
.journey-screen[data-mode=shop] .shop-item-visual .prize-art{display:grid;place-items:center;width:100%;height:126px;min-height:126px;margin:0;background:none}
.journey-screen[data-mode=shop] .shop-item-visual .prize-art>*{width:105px;height:105px;max-width:100%;object-fit:contain;filter:drop-shadow(0 7px 5px #07173d80);transform:none}
.journey-screen[data-mode=shop] .shop-item-visual .rarity{position:absolute;z-index:1;top:10px;left:10px;padding:4px 8px;border-radius:8px;background:#071e52d9;color:#fff;font-size:10px;font-weight:900}
.journey-screen[data-mode=shop] .shop-owned-label{position:absolute;z-index:1;top:10px;right:10px;padding:4px 8px;border-radius:8px;background:#086854;color:#c9ffec;font-size:10px;font-weight:900}
.journey-screen[data-mode=shop] .shop-item-copy{display:flex;flex-direction:column;gap:5px;flex:1;padding:14px 15px 8px}
.journey-screen[data-mode=shop] .shop-item-copy h3{min-height:0;margin:0;color:#fff;font-size:17px;line-height:1.2}
.journey-screen[data-mode=shop] .shop-item-copy .ability-summary{color:#ffe568;font-size:13px;line-height:1.25}
.journey-screen[data-mode=shop] .shop-item-copy .shop-benefit,.journey-screen[data-mode=shop] .shop-item-copy .shop-description{margin:0;color:#e7f3ff;font-size:13px;line-height:1.4}
.journey-screen[data-mode=shop] .shop-details{margin-top:2px;color:#93e9ff;font-size:12px}.journey-screen[data-mode=shop] .shop-details summary{width:max-content;max-width:100%;cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:3px}.journey-screen[data-mode=shop] .shop-details p{padding-top:8px}
.journey-screen[data-mode=shop] .shop-item-copy .ability-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.journey-screen[data-mode=shop] .shop-item-copy .ability-facts span{padding:4px 7px;border-radius:7px;background:#09265c;color:#d6f4ff;font-size:11px;line-height:1.2}.journey-screen[data-mode=shop] .shop-item-copy kbd{font:inherit;font-weight:900;color:#ffe568}
.journey-screen[data-mode=shop] .shop-item-action{padding:6px 15px 13px}.journey-screen[data-mode=shop] .shop-item-action .claim-button{width:100%;min-height:43px;margin:0;font-size:14px!important}.journey-screen[data-mode=shop] .shop-item-action .claim-button>.ui-art{width:23px;height:23px}.journey-screen[data-mode=shop] .shop-item-action .shop-status{margin:8px 0 0;text-align:center;color:#d6eaff;font-size:11px;line-height:1.2}
.journey-screen[data-mode=shop] .shop-item-action button:focus-visible,.journey-screen[data-mode=shop] .shop-details summary:focus-visible{outline:3px solid #fff177;outline-offset:3px}
@media(max-width:600px){.journey-screen[data-mode=shop] .shop-welcome{padding:15px;gap:10px}.journey-screen[data-mode=shop] .shop-welcome h3{font-size:22px}.journey-screen[data-mode=shop] .shop-welcome p{font-size:12px}.journey-screen[data-mode=shop] .shop-balance{padding:7px 9px}.journey-screen[data-mode=shop] .shop-balance>.ui-art{width:29px;height:29px}.journey-screen[data-mode=shop] .shop-balance b{font-size:19px}.journey-screen[data-mode=shop] .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-screen[data-mode=shop] .shop-item-copy{padding:11px 10px 6px}.journey-screen[data-mode=shop] .shop-item-copy h3{font-size:15px}.journey-screen[data-mode=shop] .shop-item-copy .shop-benefit,.journey-screen[data-mode=shop] .shop-item-copy .shop-description{font-size:12px}.journey-screen[data-mode=shop] .shop-item-action{padding:6px 10px 12px}.journey-screen[data-mode=shop] .shop-item-action .claim-button{font-size:12px!important}.journey-screen[data-mode=shop] .shop-item-visual,.journey-screen[data-mode=shop] .shop-item-visual .prize-art{min-height:104px;height:104px}.journey-screen[data-mode=shop] .shop-item-visual .prize-art>*{width:90px;height:90px}}
@media(max-width:370px){.journey-screen[data-mode=shop] .shop-grid{grid-template-columns:1fr}.journey-screen[data-mode=shop] .shop-welcome{align-items:flex-start;flex-direction:column}.journey-screen[data-mode=shop] .shop-balance{align-self:flex-start}}

/* Przy niskim oknie opis i cena pierwszych mocy mieszczą się nad dolną nawigacją. */
@media (min-width:701px) and (max-height:800px){
 .journey-screen[data-mode=shop] .explorer-shop{padding-top:0}
 .journey-screen[data-mode=shop] .shop-welcome{padding:9px 14px;border-radius:15px;gap:12px}
 .journey-screen[data-mode=shop] .shop-welcome h3{font-size:23px;margin:2px 0}
 .journey-screen[data-mode=shop] .shop-welcome p{font-size:12px;margin:2px 0 0}
 .journey-screen[data-mode=shop] .shop-eyebrow{font-size:9px}
 .journey-screen[data-mode=shop] .shop-balance{padding:5px 9px;border-radius:11px}
 .journey-screen[data-mode=shop] .shop-balance>.ui-art{width:30px;height:30px}
 .journey-screen[data-mode=shop] .shop-balance b{font-size:19px}
 .journey-screen[data-mode=shop] .shop-collection{margin-top:14px}
 .journey-screen[data-mode=shop] .shop-collection-head{gap:9px;margin-bottom:9px}
 .journey-screen[data-mode=shop] .shop-collection-head h3{font-size:20px}
 .journey-screen[data-mode=shop] .shop-collection-head p{font-size:12px;margin-top:2px}
 .journey-screen[data-mode=shop] .shop-collection-icon{flex-basis:34px;height:34px;border-radius:10px;font-size:22px}
 .journey-screen[data-mode=shop] .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
 .journey-screen[data-mode=shop] .shop-item-card{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:1fr auto;align-content:start;border-radius:14px}
 .journey-screen[data-mode=shop] .shop-item-visual{min-height:95px;height:auto;align-self:stretch;border-radius:12px 0 0 0}
 .journey-screen[data-mode=shop] .shop-item-visual .prize-art{min-height:78px;height:78px}
 .journey-screen[data-mode=shop] .shop-item-visual .prize-art>*{width:70px;height:70px}
 .journey-screen[data-mode=shop] .shop-item-visual .rarity{top:5px;left:5px;font-size:8px;padding:3px 5px}
 .journey-screen[data-mode=shop] .shop-owned-label{top:auto;bottom:5px;right:5px;left:5px;text-align:center;font-size:8px;padding:3px}
 .journey-screen[data-mode=shop] .shop-item-copy{gap:3px;padding:9px 10px 4px}
 .journey-screen[data-mode=shop] .shop-item-copy h3{font-size:15px}
 .journey-screen[data-mode=shop] .shop-item-copy .ability-summary{font-size:12px}
 .journey-screen[data-mode=shop] .shop-item-copy .shop-benefit,.journey-screen[data-mode=shop] .shop-item-copy .shop-description{font-size:11px;line-height:1.3}
 .journey-screen[data-mode=shop] .shop-item-copy .ability-facts{margin-top:1px;gap:4px}
 .journey-screen[data-mode=shop] .shop-item-copy .ability-facts span{font-size:10px;padding:3px 5px}
 .journey-screen[data-mode=shop] .shop-details{font-size:11px;margin-top:0}
 .journey-screen[data-mode=shop] .shop-item-action{grid-column:1/-1;padding:4px 9px 8px}
 .journey-screen[data-mode=shop] .shop-item-action .claim-button{min-height:34px;font-size:12px!important}
 .journey-screen[data-mode=shop] .shop-item-action .shop-status{font-size:10px;margin-top:4px}
}
/* W telefonie przewijamy samą listę; przyciski w kartach nie są przycinane. */
@media(max-width:700px){
 .journey-screen[data-mode=shop] .shop-item-card{overflow:visible;height:auto;min-height:0}
 .journey-screen[data-mode=shop] .shop-item-action{position:static;min-height:0}
 .journey-screen[data-mode=shop] .shop-details{overflow:visible}
}
/* Cena pozostaje czytelna także wtedy, gdy na zakup brakuje monet. */
.journey-screen[data-mode=shop] .shop-item-action .claim-button:disabled{opacity:1;cursor:not-allowed;background:#204a86;color:#fff!important;border-color:#8bb9f0!important;box-shadow:none}