.market-trigger{position:fixed;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:40px;height:40px;padding:4px;border:1px solid #b7c8c65c;border-radius:13px;background:#14262ae8;box-shadow:0 3px 15px #0005;color:#dbe9df;cursor:pointer;touch-action:manipulation}.market-trigger img{width:30px;height:30px;display:block}.market-trigger span{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;font-size:7px;letter-spacing:1px}.chapter-loading .market-trigger{display:none}.market-trigger:disabled{opacity:.35}
#marketOverlay{z-index:100;background:#071419b8;padding:14px;backdrop-filter:blur(5px)}.market-modal{width:min(760px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;background:#15292c;border:1px solid #819a935c;border-radius:20px;box-shadow:0 25px 80px #0008;padding:22px;color:#edf2e9}.market-heading{display:flex;align-items:center;gap:20px}.market-heading small{font-size:9px;letter-spacing:2px;color:#9ebbb1}.market-heading h2{font-size:25px;letter-spacing:2px;margin:3px 0 0}.market-balance{margin-left:auto;font-size:10px;letter-spacing:1px;color:#cfcaa6;display:flex;gap:9px;align-items:center}.market-balance strong{font-size:25px;color:#ffe19b}.market-heading button{background:#ffffff0c;border:1px solid #ffffff20;color:#d8e6df;border-radius:10px;font-size:25px;width:38px;height:38px;cursor:pointer}#marketHint{font-size:11px;color:#adbbb6;margin:10px 0 15px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;overflow:auto;overscroll-behavior:contain;padding:1px 3px 3px 1px}.market-card{min-width:0;display:grid;grid-template-columns:45px 1fr;grid-template-rows:1fr auto auto;gap:5px 8px;padding:12px;background:#ffffff04;border:1px solid #819b8e38;border-radius:13px}.market-card img{width:43px;height:43px;object-fit:contain;align-self:center}.market-card strong{font-size:12px;font-weight:650;display:block;line-height:1.35}.market-card p{font-size:10px;line-height:1.45;margin:4px 0;color:#aabbaf}.market-card button{grid-column:1/-1;background:#d8ce9f;border:0;border-radius:7px;padding:8px;color:#20332f;font-size:10px;letter-spacing:1px;font-weight:700;cursor:pointer;touch-action:manipulation}.market-card button:disabled{cursor:default;opacity:.35}.market-card small{grid-column:1/-1;font-size:9px;min-height:12px;color:#a9baae}.market-card.unavailable img{opacity:.5}.market-message{font-size:11px;color:#e0d9b4;min-height:16px;margin:12px 0 0}#marketOverlay button:focus-visible,.market-trigger:focus-visible{outline:2px solid #a8ddc8;outline-offset:3px}
@media(max-width:580px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-modal{padding:15px}.market-card{padding:9px;grid-template-columns:34px 1fr}.market-card img{width:33px;height:33px}.market-heading h2{font-size:22px}}
@media(max-height:460px) and (min-width:581px){#marketOverlay{padding:8px}.market-modal{padding:10px;max-height:calc(100dvh - 16px)}.market-heading h2{font-size:20px}.market-heading small{font-size:7px}.market-heading button{width:32px;height:32px}.market-balance strong{font-size:22px}#marketHint{margin:3px 0 6px;font-size:9px}.market-card{padding:6px;grid-template-columns:29px 1fr;gap:2px 6px}.market-card img{width:27px;height:27px}.market-card strong{font-size:10px;line-height:1.25}.market-card p{margin:2px 0;font-size:9px;line-height:1.3}.market-card button{padding:5px;font-size:9px}.market-card small{font-size:8px;min-height:10px}.market-message{margin:5px 0 0;font-size:9px;min-height:12px}}

.market-card[data-tier]{border-color:#9ac3b05c;background:linear-gradient(135deg,#6cae9820,#ffffff04)}.market-card[data-tier].unavailable{border-style:dashed}.market-card[data-tier] strong{color:#c6ead6}