@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Oswald:wght@500;700&family=Space+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.theme-empire{--bg-primary:#121212;--bg-secondary:#0d0d0d;--text-primary:#fff;--text-secondary:#888;--accent-color:#fff;--border-color:#ffffff1f;--card-bg:#161616;--card-border:#ffffff14;--badge-bg:#ffffff1a;--badge-text:#fff;--button-bg:#fff;--button-text:#121212;--button-hover:#e0e0e0}.theme-outside{--bg-primary:#f2f2f2;--bg-secondary:#fff;--text-primary:#0a0a0a;--text-secondary:#666;--accent-color:#0a0a0a;--border-color:#00000026;--card-bg:#fff;--card-border:#0000000d;--badge-bg:#0000000d;--badge-text:#0a0a0a;--button-bg:#0a0a0a;--button-text:#fff;--button-hover:#222}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:.05em;font-family:Oswald,sans-serif;font-weight:700}.font-mono{font-family:Space Mono,monospace}.app-container{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;transition:background-color .5s;display:flex}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}@media (width<=768px){.container{padding:0 20px}}header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:100;transition:background-color .5s,border-color .5s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:8px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:var(--text-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.header-actions{align-items:center;gap:24px;display:flex}.theme-switch-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px;display:flex;position:relative}.theme-switch-btn{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:2px;padding:8px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .3s}.theme-switch-btn.active{color:var(--button-text);background-color:var(--accent-color)}.cart-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s;display:flex;position:relative}.cart-btn:hover{transform:scale(1.05)}.cart-count{background-color:var(--text-primary);color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.hero-section{text-align:center;padding:60px 0 40px}.hero-title{letter-spacing:.08em;margin-bottom:8px;font-size:64px;line-height:1;transition:opacity .3s}@media (width<=768px){.hero-title{font-size:40px}}.merch-grid-container{padding-bottom:80px}.grid-empire{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.grid-outside{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-empire,.grid-outside{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-empire,.grid-outside{grid-template-columns:1fr}}.empire-column-stacked{flex-direction:column;gap:24px;display:flex}.empire-column-stacked .merch-card{flex:1}.merch-card{background-color:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;height:100%;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.theme-empire .merch-card{box-shadow:0 4px 20px #0006}.theme-outside .merch-card{box-shadow:0 4px 12px #00000008}.merch-card:hover{border-color:var(--text-primary);transform:translateY(-4px)}.theme-empire .merch-card:hover{box-shadow:0 12px 30px #0009}.theme-outside .merch-card:hover{box-shadow:0 12px 24px #0000000f}.card-header-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:16px 20px;font-family:Space Mono,monospace;font-size:11px}.card-media-frame{aspect-ratio:3/4;background-color:var(--bg-primary);width:100%;position:relative;overflow:hidden}.empire-column-stacked .merch-card{min-height:0}.empire-column-stacked .card-media-frame{min-height:220px}.card-image-bg{object-fit:contain;width:100%;height:100%;padding:16px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.crop-image{max-width:none;height:100%;max-height:none;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:0;left:0}.merch-card:hover .card-image-bg,.merch-card:hover .crop-image{transform:scale(1.04)}.card-footer-label{border-top:1px solid var(--border-color);color:var(--text-primary);align-items:center;min-height:60px;padding:20px;font-family:Space Mono,monospace;font-size:11px;line-height:1.4;display:flex}.drawer-overlay{z-index:1000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1001;flex-direction:column;width:500px;max-width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .5s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000004d}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-title{letter-spacing:.05em;font-size:20px}.drawer-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.drawer-close:hover{opacity:.7}.drawer-content{flex-grow:1;padding:24px;overflow-y:auto}.product-drawer-img-container{aspect-ratio:1;background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;margin-bottom:24px;position:relative;overflow:hidden}.product-drawer-img{object-fit:contain;width:100%;height:100%}.product-drawer-meta{margin-bottom:24px}.product-drawer-category{color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-family:Space Mono,monospace;font-size:12px}.product-drawer-title{margin-bottom:12px;font-size:28px;line-height:1.2}.product-drawer-price{color:var(--text-primary);font-family:Space Mono,monospace;font-size:20px;font-weight:700}.product-drawer-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.drawer-section-title{color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px;font-family:Space Mono,monospace;font-size:11px}.size-selector{gap:12px;margin-bottom:24px;display:flex}.size-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.size-btn:hover{border-color:var(--text-primary)}.size-btn.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.qty-selector{border:1px solid var(--border-color);border-radius:2px;align-items:center;width:fit-content;margin-bottom:32px;display:flex}.qty-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.qty-btn:hover{background-color:#ffffff0d}.theme-outside .qty-btn:hover{background-color:#00000008}.qty-val{text-align:center;width:40px;font-family:Space Mono,monospace;font-size:14px}.add-to-cart-btn{background-color:var(--button-bg);width:100%;color:var(--button-text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;transition:background-color .2s;display:flex}.add-to-cart-btn:hover{background-color:var(--button-hover)}.cart-empty{height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cart-items-list{flex-direction:column;gap:20px;display:flex}.cart-item{border-bottom:1px solid var(--border-color);gap:16px;padding-bottom:20px;display:flex}.cart-item-img-container{background-color:var(--bg-primary);border:1px solid var(--border-color);flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.cart-item-img{object-fit:contain;width:100%;height:100%}.cart-item-details{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.cart-item-header{justify-content:space-between;align-items:flex-start;display:flex}.cart-item-title{color:var(--text-primary);font-size:14px;font-weight:600}.cart-item-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s}.cart-item-remove:hover{color:#ef4444}.cart-item-meta{color:var(--text-secondary);margin-top:4px;font-family:Space Mono,monospace;font-size:11px}.cart-item-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.cart-item-qty{border:1px solid var(--border-color);border-radius:2px;align-items:center;display:flex}.cart-item-qty-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cart-item-qty-val{text-align:center;width:28px;font-family:Space Mono,monospace;font-size:12px}.cart-item-price{font-family:Space Mono,monospace;font-size:14px;font-weight:700}.drawer-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);padding:24px}.cart-summary-row{justify-content:space-between;margin-bottom:16px;font-family:Space Mono,monospace;display:flex}.cart-summary-label{color:var(--text-secondary);font-size:14px}.cart-summary-value{color:var(--text-primary);font-size:18px;font-weight:700}.checkout-btn{background-color:var(--button-bg);width:100%;color:var(--button-text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;border:none;border-radius:2px;padding:16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;transition:background-color .2s}.checkout-btn:hover{background-color:var(--button-hover)}footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);margin-top:auto;padding:40px 0;transition:background-color .5s,border-color .5s}.footer-content{justify-content:space-between;align-items:center;display:flex}@media (width<=640px){.footer-content{text-align:center;flex-direction:column;gap:20px}}.footer-logo{color:var(--text-primary);font-size:18px;font-weight:700}.footer-info{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:11px}