.shop.market{--lantern:var(--sun);--wood:#8a6a4a;--stripe:#2f8c87;--canvas:#fffaf0;background:linear-gradient(180deg, color-mix(in oklab, var(--sky) 40%, var(--paper)) 0, var(--paper) 420px)}.market-awning{background:repeating-linear-gradient(90deg, var(--stripe) 0 44px, var(--canvas) 44px 88px);height:58px;margin-bottom:34px;position:relative;box-shadow:0 5px #123f4224}.market-awning:after{content:"";background:repeating-linear-gradient(90deg, var(--stripe) 0 44px, var(--canvas) 44px 88px);height:22px;position:absolute;top:100%;left:0;right:0;-webkit-mask:radial-gradient(circle at 50% 0,#000 21px,#0000 22px) 0 0/44px 22px repeat-x;mask:radial-gradient(circle at 50% 0,#000 21px,#0000 22px) 0 0/44px 22px repeat-x}.market .shop-top{padding-top:22px}.market .shop-top a{color:var(--ink);opacity:.85}.market-sign{max-width:620px;padding:14px 0 28px}.market-sign h1{color:var(--ink);font-size:clamp(40px,8vw,68px);line-height:1}.market-sign p{opacity:.88;margin:12px 0 0;font-size:18px}.market-wall{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:44px 36px;padding-top:6px;display:grid}.market-piece{flex-direction:column;gap:14px;display:flex}.market-frame{background:var(--canvas);box-shadow:0 0 0 7px var(--wood), 0 0 0 9px #00000040, 0 22px 28px -6px #0000008c;border-radius:3px;margin:0;padding:12px;position:relative}.market-frame img{aspect-ratio:1;object-fit:contain;background:var(--canvas);width:100%;display:block}.market-tag{background:var(--lantern);color:#123f42;border-radius:4px 10px 10px 4px;padding:6px 12px 6px 22px;font-size:14px;font-weight:700;position:absolute;top:-16px;right:-6px;transform:rotate(4deg);box-shadow:0 3px #00000040}.market-tag:before{content:"";background:var(--wood);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:7px}.market-piece h2{margin-top:10px;font-size:24px}.market-piece p{opacity:.88;max-width:46ch;margin:0;font-size:15px}.market-piece .shop-row{gap:10px}.market .shop button.buy,.market button.buy{background:var(--lantern);color:#123f42}.market .shop select,.market select{background:var(--paper);color:var(--ink);border-color:var(--ink)}.market select option{color:#123f42;background:#fbf5e8}.market .shop-empty{background:var(--cream);border:2px dashed #f3e3c359}.market .shop-note{opacity:.75}@media (width<=520px){.market-awning{height:44px}.market-wall{gap:40px 24px}}.market-tabs{border-bottom:3px solid var(--wood);flex-wrap:wrap;gap:6px;margin:0 0 34px;display:flex}.market-tab{appearance:none;cursor:pointer;font:inherit;color:var(--ink);background:var(--cream);opacity:.8;border:0;border-radius:10px 10px 0 0;align-items:center;gap:9px;padding:10px 18px 9px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:inset 0 -4px #0000002e}.market-tab:hover{opacity:1}.market-tab[aria-selected=true]{background:var(--lantern);color:#123f42;opacity:1;box-shadow:none;margin-bottom:-3px;padding-bottom:12px}.market-tab:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.market-tab-count{color:inherit;background:#123f4224;border-radius:99px;padding:1px 8px;font-size:12px}.market-tab[aria-selected=true] .market-tab-count{background:#123f4233}.market .market-logo,.market .market-logo .logo{color:var(--ink);text-decoration:none}.market .shop-wrap{max-width:var(--wrap,1240px);padding:0 24px 24px}.market .market-wall{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.market .shop-empty{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--sun)}@media (width<=720px){.market .shop-wrap{padding:0 16px 16px}}