@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
@font-face{font-family:Galmuri11;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_galmuri@1.0/Galmuri11.woff2)format("woff2");font-display:swap}:root{--bg:#fbf6e7;--bg-elev-1:#fff;--bg-elev-2:#f5ecd1;--fg:#141729;--fg-muted:#5a5f7a;--border:#141729;--border-soft:#c9bb8a;--accent:#c8281c;--accent-hover:#a01a14;--accent-fg:#fff;--gold:#f8b81e;--gold-hover:#d6921a;--success:#1f8a4c;--danger:#c8281c;--info:#57a9ee;--warning:#d6921a;--price-up:#1f8a4c;--price-down:#c8281c;--crimson-50:#fff1ee;--crimson-100:#ffd9d0;--crimson-200:#ff9d8a;--crimson-300:#f56a55;--crimson-400:#e24433;--crimson-500:#c8281c;--gold-50:#fff7d9;--gold-100:#ffe89c;--gold-200:#ffd75c;--gold-300:#f8b81e;--gold-400:#d6921a;--gold-500:#a06710;--mint-100:#c7f5d8;--mint-300:#4fc97f;--mint-500:#1f8a4c;--sky-100:#cfe7ff;--sky-300:#57a9ee;--sky-500:#2d7bbf;--plum-500:#6e3aa6;--cream-50:#fbf6e7;--cream-100:#f5ecd1;--cream-200:#e8dcb4;--cream-300:#c9bb8a;--ink-100:#2a2e4a;--ink-200:#1d2138;--ink-300:#141729;--font-display:"Galmuri11", "DotGothic16", monospace;--font-body:"Galmuri11", "Pretendard Variable", sans-serif;--font-mono:"DotGothic16", "Galmuri11", monospace;--font-numeric:"DotGothic16", "Press Start 2P", monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--fs-4xl:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--shadow-pixel-sm:2px 2px 0 var(--border);--shadow-pixel:4px 4px 0 var(--border);--shadow-pixel-lg:6px 6px 0 var(--border);--shadow-window:4px 4px 0 var(--border), 4px 4px 0 4px #0000000f}[data-theme=dark]{--bg:#0c0e1c;--bg-elev-1:#141729;--bg-elev-2:#1d2138;--fg:#fbf6e7;--fg-muted:#a9adc6;--border:#fbf6e7;--border-soft:#5a5f7a;--accent:#ff7f6a;--accent-hover:#ff9d8a;--accent-fg:#141729;--gold:#f8b81e;--gold-hover:#ffe89c}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;line-height:1.1}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-md)}p{color:var(--fg-muted);margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.site-header{z-index:50;background:var(--border);padding:var(--space-4) var(--space-6);align-items:center;display:flex;position:sticky;top:0}.home-btn{align-items:center;gap:var(--space-3);color:var(--bg-elev-1);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.04em;text-decoration:none;transition:opacity .1s;display:inline-flex}.home-btn:hover{opacity:.75}main{max-width:1440px;padding:var(--space-8) var(--space-6);margin:0 auto}.window{background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel);margin-bottom:var(--space-6)}.window__titlebar{background:var(--border);color:var(--bg-elev-1);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.window__titlebar .left{align-items:center;gap:var(--space-2);display:flex}.window__body{padding:var(--space-6)}.hero{margin-bottom:var(--space-16);padding:var(--space-8);background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel-lg)}.hero h1{margin-bottom:var(--space-3);color:var(--fg)}.hero p{font-size:var(--fs-md);margin-bottom:var(--space-6);line-height:1.6}.search-bar{gap:var(--space-3);margin-top:var(--space-6);display:flex}.search-bar-dual{flex-direction:column}.search-row{gap:var(--space-3);display:flex}.search-row input{flex:1}.search-bar-dual button{align-self:flex-start}.artist-search-input::placeholder{font-size:var(--fs-xs)}.search-bar input{padding:var(--space-4);border:3px solid var(--border);background:var(--bg-elev-2);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);outline:none;flex:1}.search-bar input:focus{background:var(--bg-elev-1);box-shadow:var(--shadow-pixel-sm)}.search-bar input::placeholder{color:var(--fg-muted)}.search-bar button{padding:0 var(--space-6);background:var(--accent);color:var(--accent-fg);font-weight:700;font-family:var(--font-display);font-size:var(--fs-sm);border:0;border:3px solid var(--border);transition:background .1s}.search-bar button:hover{background:var(--accent-hover)}.search-bar button:active{transform:translate(2px,2px)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:3px solid var(--border);background:var(--bg-elev-1);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;transition:all .1s;display:inline-flex}.btn:hover{background:var(--bg-elev-2)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover{background:var(--accent-hover)}.btn--gold{background:var(--gold);color:var(--ink-300)}.btn--gold:hover{background:var(--gold-hover)}.btn:disabled{opacity:.4;pointer-events:none}.section-block{margin-top:var(--space-12)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);font-family:var(--font-display);display:flex}.section-heading h2{margin:0}.section-heading span{color:var(--fg-muted);font-size:var(--fs-sm)}.filters-expanded{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.filters select,.filters-expanded select{border:3px solid var(--border);background-color:var(--bg-elev-2);width:100%;padding:var(--space-3);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='5' width='2' height='2' fill='%23141729'/%3E%3Crect x='4' y='7' width='2' height='2' fill='%23141729'/%3E%3Crect x='6' y='9' width='4' height='2' fill='%23141729'/%3E%3Crect x='10' y='7' width='2' height='2' fill='%23141729'/%3E%3Crect x='12' y='5' width='2' height='2' fill='%23141729'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);background-size:14px 14px;outline:none;transition:all .1s}[data-theme=dark] .filters select,[data-theme=dark] .filters-expanded select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='5' width='2' height='2' fill='%23fbf6e7'/%3E%3Crect x='4' y='7' width='2' height='2' fill='%23fbf6e7'/%3E%3Crect x='6' y='9' width='4' height='2' fill='%23fbf6e7'/%3E%3Crect x='10' y='7' width='2' height='2' fill='%23fbf6e7'/%3E%3Crect x='12' y='5' width='2' height='2' fill='%23fbf6e7'/%3E%3C/svg%3E")}.filters select:hover,.filters-expanded select:hover,.filters select:focus,.filters-expanded select:focus{background-color:var(--bg-elev-1);box-shadow:var(--shadow-pixel-sm)}.filters select:active,.filters-expanded select:active{transform:translate(1px,1px)}.filters select option,.filters-expanded select option{background-color:var(--bg-elev-1);color:var(--fg);padding:var(--space-3) var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400}.filters select option:checked,.filters-expanded select option:checked{background-color:var(--accent);color:var(--accent-fg);font-weight:700}.filters select option:hover,.filters-expanded select option:hover{background-color:var(--bg-elev-2)}.custom-select{width:100%;position:relative}.custom-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:3px solid var(--border);background-color:var(--bg-elev-2);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;text-align:left;outline:none;transition:all .1s;display:flex}.custom-select__trigger:hover{background-color:var(--bg-elev-1);box-shadow:var(--shadow-pixel-sm)}.custom-select__trigger:active{transform:translate(1px,1px)}.custom-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-select__arrow{color:var(--fg-muted);flex-shrink:0}.custom-select__dropdown{background:var(--bg-elev-1);border:3px solid var(--border);max-height:320px;box-shadow:var(--shadow-pixel-lg);z-index:100;animation:.1s ease-out dropdown-appear;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select__option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-sm);text-align:left;cursor:pointer;border:0;border-bottom:2px solid var(--border-soft);background:0 0;transition:background-color 50ms;display:flex}.custom-select__option:last-child{border-bottom:0}.custom-select__option:hover{background-color:var(--bg-elev-2)}.custom-select__option:active{background-color:var(--accent);color:var(--accent-fg)}.custom-select__option--selected{background-color:var(--bg-elev-2);font-weight:700}.card-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.card-grid-item{background:var(--bg-elev-1);border:3px solid var(--border);flex-direction:column;transition:all .12s;display:flex;overflow:hidden}.card-grid-item:hover{box-shadow:var(--shadow-pixel-sm);transform:translateY(-2px)}.card-grid-item--no-img{justify-content:space-between;min-height:168px}.card-grid-img{aspect-ratio:5/7;background:var(--bg-elev-2);border-bottom:2px solid var(--border-soft);place-items:center;width:100%;display:grid;overflow:hidden}.card-grid-img img{object-fit:cover;width:100%;height:100%;display:block}.card-grid-no-img{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted)}.card-grid-no-img-card{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3);background:var(--bg-elev-2);border-bottom:2px solid var(--border-soft);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.card-grid-no-img-card strong{color:var(--fg);white-space:nowrap;font-weight:700}.card-grid-info{padding:var(--space-2) var(--space-3);flex-direction:column;gap:2px;display:flex}.card-grid-info strong{font-family:Pretendard Variable,Galmuri11,sans-serif;font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-font-smoothing:antialiased;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-grid-info>span{font-family:Pretendard Variable,Galmuri11,sans-serif;font-size:var(--fs-xs);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;overflow:hidden}.card-grid-price{font-family:Pretendard Variable,Galmuri11,sans-serif;font-style:normal;font-size:var(--fs-xs);color:var(--accent);margin-top:var(--space-1);-webkit-font-smoothing:antialiased;font-weight:700}.card-grid-price--none{color:var(--fg-muted);font-weight:400}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--bg-elev-2);border:2px solid var(--border-soft);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-xs);display:inline-flex}.chip--accent{background:var(--accent);color:var(--accent-fg);border-color:var(--border)}.chip--gold{background:var(--gold);color:var(--ink-300);border-color:var(--border)}.chip--success{background:var(--success);color:#fff;border-color:var(--border)}.chip--rarity-c{background:var(--cream-200);color:var(--ink-300)}.chip--rarity-u{background:var(--sky-100);color:var(--ink-300)}.chip--rarity-r{background:var(--gold-200);color:var(--ink-300)}.chip--rarity-sr{background:var(--crimson-500);color:#fff}.chip--rarity-ur{background:var(--plum-500);color:#fff}.filter-block{margin-bottom:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.category-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-pill{padding:var(--space-2) var(--space-4);border:2px solid var(--border);background:var(--bg-elev-1);color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;transition:all .1s}.category-pill:hover{background:var(--bg-elev-2);color:var(--fg)}.category-pill--active{background:var(--border);color:var(--bg-elev-1)}.filters-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.filters-row .custom-select{flex:160px;width:auto;min-width:160px;max-width:280px}.filters-row .custom-select--wide{flex:2 220px;min-width:220px;max-width:400px}.filter-spacer{flex:auto}.product-controls{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.product-search-wrap{flex:200px;align-items:center;max-width:360px;display:flex;position:relative}.product-search-icon{left:var(--space-3);color:var(--fg-muted);pointer-events:none;position:absolute}.product-search{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 14px + var(--space-2));border:2px solid var(--border);background:var(--bg-elev-2);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-sm);outline:none;transition:all .1s}.product-search:focus{background:var(--bg-elev-1);box-shadow:var(--shadow-pixel-sm)}.product-search::placeholder{color:var(--fg-muted)}.product-search-clear{right:var(--space-2);color:var(--fg-muted);font-size:var(--fs-xs);cursor:pointer;padding:var(--space-1);background:0 0;border:none;line-height:1;position:absolute}.product-search-clear:hover{color:var(--fg)}.product-sort-wrap{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.product-sort-label{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--fg-muted);white-space:nowrap}.product-sort-select-wrap{align-items:center;display:flex;position:relative}.product-sort-select{appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:2px solid var(--border);background:var(--bg-elev-2);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;outline:none;transition:all .1s}.product-sort-select:hover,.product-sort-select:focus{background:var(--bg-elev-1);box-shadow:var(--shadow-pixel-sm)}.product-sort-arrow{right:var(--space-3);color:var(--fg-muted);pointer-events:none;position:absolute}.main-tabs{border-bottom:3px solid var(--border);margin-bottom:var(--space-6);gap:0;display:flex}.main-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:3px solid var(--border);background:var(--bg-elev-2);color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-sm);border-bottom:none;margin-bottom:-3px;transition:all .1s;display:flex}.main-tab:hover{background:var(--bg-elev-1);color:var(--fg)}.main-tab--active{background:var(--bg-elev-1);color:var(--fg);z-index:1;position:relative}.main-tab--active:after{content:"";background:var(--bg-elev-1);height:3px;position:absolute;bottom:-3px;left:0;right:0}.main-tab-count{padding:2px var(--space-2);background:var(--accent);color:var(--accent-fg);font-size:var(--fs-xs);border:2px solid var(--border)}.tab-panel-bar{margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.tab-panel-count{color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-sm)}.product-cat-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.product-cat-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--border);background:var(--bg-elev-1);color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;transition:all .1s;display:flex}.product-cat-tab:hover{background:var(--bg-elev-2);color:var(--fg)}.product-cat-tab--active{background:var(--border);color:var(--bg-elev-1)}.product-cat-count{font-size:var(--fs-xs);background:#fff3;padding:1px 5px}.product-cat-tab--active .product-cat-count{background:#ffffff40}.product-group{margin-bottom:var(--space-10)}.product-group-title{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--space-4);align-items:baseline;gap:var(--space-3);display:flex}.product-group-title span{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:400}.product-card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.product-card-grid--text-only{margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.product-card{background:var(--bg-elev-1);border:2px solid var(--border);flex-direction:column;transition:all .1s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-pixel-sm);transform:translate(-1px,-1px)}.product-card-img{aspect-ratio:3/4;background:var(--bg-elev-2);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.product-card-img img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .15s}.product-card:hover .product-card-img img{transform:scale(1.04)}.product-card-no-img{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.product-card--no-img{background:var(--bg-elev-1);flex-direction:row;align-items:center;min-height:72px}.product-card--no-img:hover{transform:none}.product-card-info--centered{width:100%;padding:var(--space-3);border-top:none;flex-direction:column;gap:0;display:flex}.product-card--no-img .product-card-info strong{word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}.product-card-info{padding:var(--space-3);gap:var(--space-1);border-top:2px solid var(--border-soft);flex-direction:column;display:flex}.product-card-info strong{font-family:var(--font-display);font-size:var(--fs-sm);word-break:keep-all;line-height:1.3}.product-card-info span{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.set-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.set-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elev-1);border:2px solid var(--border);transition:all .1s;display:flex}.set-card:hover{background:var(--bg-elev-2);box-shadow:var(--shadow-pixel-sm)}.set-card strong{font-family:var(--font-display);font-size:var(--fs-base)}.set-card span{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-sm)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);display:flex}.pagination a{padding:var(--space-3) var(--space-5);border:3px solid var(--border);background:var(--bg-elev-1);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;transition:all .1s}.pagination a:hover:not(.disabled){background:var(--accent);color:var(--accent-fg)}.pagination a:active:not(.disabled){transform:translate(2px,2px)}.pagination a.disabled{pointer-events:none;opacity:.4}.pagination span{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-muted)}.empty{padding:var(--space-8);text-align:center;background:var(--bg-elev-1);border:3px solid var(--border);color:var(--fg-muted);font-family:var(--font-display)}.table-card{background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel);overflow:hidden}.table-head,.table-row{gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr 120px 90px;align-items:center;display:grid}.table-head{background:var(--border);color:var(--bg-elev-1);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700}.table-row+.table-row{border-top:2px solid var(--border-soft)}.name-cell{align-items:center;gap:var(--space-3);display:flex}.name-cell img{object-fit:contain;border:2px solid var(--border-soft);width:42px;height:58px}.detail-layout{gap:var(--space-8);grid-template-columns:minmax(220px,320px) 1fr;align-items:start;display:grid}.detail-image{border:3px solid var(--border);width:100%;box-shadow:var(--shadow-pixel)}.meta{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.badge{padding:var(--space-2) var(--space-3);background:var(--bg-elev-2);border:2px solid var(--border-soft);color:var(--fg);font-family:var(--font-display);font-size:var(--fs-xs);display:inline-flex}.price-placeholder{gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-5);background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel-sm);display:grid}.price-placeholder span{color:var(--fg-muted);font-size:var(--fs-sm)}.back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--bg-elev-1);border:2px solid var(--border);color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-sm);transition:all .1s;display:inline-flex}.back-link:hover{background:var(--bg-elev-2);color:var(--fg)}nextjs-portal{display:none!important}.page-loading{bottom:var(--space-6);left:var(--space-6);z-index:9999;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel);font-family:var(--font-display);font-size:var(--fs-xs);color:var(--fg-muted);animation:.1s ease-out loading-fadein;display:flex;position:fixed}@keyframes loading-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-loading__dots{align-items:center;gap:4px;display:flex}.page-loading__dots span{background:var(--accent);width:6px;height:6px;animation:1s step-end infinite loading-dot;display:block}.page-loading__dots span:nth-child(2){animation-delay:.2s}.page-loading__dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot{0%,to{opacity:1}50%{opacity:.15}}.price-chart-wrap{background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel-sm);padding:var(--space-6) var(--space-5) var(--space-5)}.price-chart-summary{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.price-chart-latest{align-items:baseline;gap:var(--space-3);display:flex}.price-chart-latest__label{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--fg-muted)}.price-chart-latest__value{font-family:var(--font-numeric);font-size:var(--fs-xl);color:var(--accent)}.price-delta{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-muted)}.price-delta--up{color:var(--price-up)}.price-delta--down{color:var(--price-down)}.price-chart-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted)}.price-chart-legend{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px solid var(--border-soft);display:flex}.price-chart-legend__item{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);display:flex}.price-chart-legend__item:before{content:"";width:20px;height:2px;display:inline-block}.price-chart-legend__item--median:before{background:var(--accent);height:2.5px}.price-chart-legend__item--avg:before{background:var(--sky-300);background-image:repeating-linear-gradient(90deg, var(--sky-300) 0, var(--sky-300) 5px, transparent 5px, transparent 8px)}.price-chart-tooltip{background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);min-width:160px}.price-chart-tooltip__date{font-family:var(--font-display);font-size:var(--fs-sm);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-soft)}.price-chart-tooltip__row{justify-content:space-between;gap:var(--space-3);padding:2px 0;display:flex}.price-chart-tooltip__row span{color:var(--fg-muted)}.price-chart-tooltip__row strong{color:var(--accent)}.source-badge{padding:1px var(--space-2);background:var(--bg-elev-2);border:2px solid var(--border-soft);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);display:inline-flex}.result-list{background:var(--bg-elev-1);border:3px solid var(--border);box-shadow:var(--shadow-pixel-sm);flex-direction:column;gap:0;display:flex}.result-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:2px solid var(--border-soft);display:flex}.result-row:last-child{border-bottom:none}.result-row>div{flex-direction:column;gap:2px;display:flex}.result-row strong{font-family:var(--font-display);font-size:var(--fs-base)}.result-row span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted)}.result-row em{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);flex-shrink:0}@media (max-width:768px){main{padding:var(--space-6) var(--space-4)}.search-bar{flex-direction:column}.detail-layout{grid-template-columns:1fr}.table-head,.table-row{gap:var(--space-2);grid-template-columns:1fr 90px 70px}.card-grid{grid-template-columns:repeat(3,1fr)}.filters-expanded{grid-template-columns:1fr}.main-tab{padding:var(--space-3) var(--space-4);font-size:var(--fs-xs)}.set-grid{grid-template-columns:1fr}.product-card-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.price-placeholder--stacked{gap:var(--space-3)}.price-variant-list{gap:var(--space-2);display:grid}.price-variant-row{gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border-soft);grid-template-columns:minmax(72px,auto) 1fr;align-items:baseline;display:grid}.price-variant-row:first-child{border-top:0;padding-top:0}.price-variant-label{border:1px solid var(--border);background:var(--bg-elev-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap;justify-content:center;align-items:center;padding:2px 8px;display:inline-flex}.price-variant-row>strong{font-family:var(--font-display)}.price-variant-row>span:last-child{color:var(--fg-muted);font-size:var(--fs-xs);grid-column:2}.price-chart-variant-stack{gap:var(--space-8);display:grid}.price-chart-variant h3{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--fs-sm)}
