:root{color-scheme:dark;--stone:#171f22;--base:#101719;--line:#354044;--text:#eff3e9;--muted:#abbcb5;--mint:#8de5c5;--gold:#e9ba77}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--text);font:16px/1.5 "Trebuchet MS",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.cta{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{border-bottom:1px solid var(--line);background:#151d20}.bar,main,footer{max-width:1260px;margin:auto;padding-inline:32px}.bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:bold;font-size:24px}.mark{color:var(--mint);margin-right:5px}nav{display:flex;gap:28px;color:var(--muted)}button,input{color:var(--text);background:var(--stone);border:1px solid var(--line);padding:10px 14px;border-radius:5px}button:hover,a:hover{color:var(--mint)}.hero{margin:34px 0 58px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;background:#1b282b;border:1px solid #465757;box-shadow:0 5px #0b1113;overflow:hidden}.hero>div:first-child{padding:38px 0 44px 44px;z-index:1}.realm{color:var(--mint);margin:0 0 8px}.realm i{display:inline-block;width:8px;height:8px;background:var(--mint);margin-right:7px}.hero h1{font-size:clamp(72px,10vw,144px);line-height:.95;letter-spacing:-.085em;margin:0 0 20px;font-weight:900}.intro{max-width:35ch;color:#c0d0ca;font-size:18px;margin:0 0 26px}.cta{display:inline-flex;align-items:center;gap:24px;background:var(--mint);box-shadow:0 4px #4c987f;color:#10251e;padding:12px 18px;font-weight:bold}.cta:hover{color:#10251e;background:#a9f7da}.scene{align-self:stretch;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#315353,transparent 74%)}.scene svg{width:100%;min-height:230px}.scene span{position:absolute;bottom:12px;right:16px;color:var(--muted);font-size:12px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px}h2{font-size:38px;line-height:1;margin:0 0 10px;letter-spacing:-.04em}p{color:var(--muted)}.section-title p{margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}.filters button[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}.items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.item{text-align:left;padding:0;overflow:hidden}.art{height:126px;display:grid;place-items:center;background-color:#222e31;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:20px 20px}.art svg{width:84px;filter:drop-shadow(5px 7px 0 #0e1719)}.meta{padding:12px 14px;display:grid;gap:4px}.meta small{color:var(--muted)}.meta b:last-child{color:var(--gold)}#guide{margin:60px 0}ol{padding-left:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}li::marker{color:var(--mint);font-weight:bold}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-block:22px;color:var(--muted)}dialog{max-width:min(480px,90vw);border:1px solid var(--line);background:var(--stone);color:var(--text);padding:26px}dialog::backdrop{background:#060a0bd9}.close{float:right;padding:4px 12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>div:first-child{padding-left:24px}.bar,main,footer{padding-inline:18px}}@media(max-width:560px){nav{display:none}.hero{grid-template-columns:1fr;margin-top:20px}.hero>div:first-child{padding:26px 20px 0}.scene svg{height:240px}.section-title{align-items:start;flex-direction:column}ol{grid-template-columns:1fr;gap:5px}footer{flex-wrap:wrap}.brand{font-size:20px}}
.actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:end}.actions button{padding:7px 10px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.cart-row input{width:74px}.seller-form{display:grid;gap:10px}.seller-form label{display:grid;gap:4px}.seller-form select{font:inherit;background:var(--base);color:var(--text);padding:9px}.avatar{width:36px;height:36px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:8px}.stock{color:var(--muted);font-size:14px}#details h2{font-size:30px;padding-right:30px}#details .art{margin-top:40px}
[hidden]{display:none!important}
#catalog{margin-bottom:60px}.toolbar{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0 16px}.toolbar fieldset{border:0;padding:0;margin:0;min-width:0}.toolbar legend{font-weight:bold}.toolbar .filters{margin:6px 0 0}.toolbar button{padding:6px 10px}.toolbar label{display:flex;align-items:center;gap:5px;padding:5px 3px}.toolbar input{accent-color:var(--mint)}.actions [aria-pressed=true],.toolbar [aria-pressed=true]{color:var(--mint);border-color:var(--mint)}.item{position:relative;border:1px solid var(--line);border-radius:6px;background:var(--stone);transition:border-color .22s,box-shadow .22s}.item:hover,.item:focus-within{border-color:#658b80;box-shadow:0 8px 24px #080f1260}.item-open{width:100%;border:0;border-radius:0}.item-open svg{transition:transform .25s cubic-bezier(.2,.75,.3,1.25)}.item-open:hover svg,.item-open:focus-visible svg{transform:translateY(-6px) rotate(-5deg)}.item-name,.shop-link{background:none;border:0;padding:0;text-align:left}.item-name{font-weight:bold}.shop-link{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.item-bottom{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:4px}.item-bottom strong{color:var(--gold)}.wish{padding:1px 9px;font-size:22px;line-height:1.4}.item>.wish{position:absolute;top:8px;right:8px}.wish[aria-pressed=true]{color:#f2a7b2}.wish:active{transform:scale(.88)}#details .wish{margin-left:8px}.shop-scope{display:flex;align-items:center;gap:10px}.scene svg{animation:market-arrive .55s ease-out both}dialog[open]{animation:market-arrive .2s ease-out both}@keyframes market-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scene svg,dialog[open]{animation:none}.item,.item-open svg{transition:none}.item-open:hover svg,.item-open:focus-visible svg,.wish:active{transform:none}}
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-both:cubic-bezier(.45,0,.2,1)}
.scene svg{animation-duration:.8s;animation-timing-function:var(--ease-out)}
.item{transition:border-color .32s var(--ease-both),box-shadow .32s var(--ease-both)}
.item-open svg{transition:transform .42s var(--ease-both)}
.item-open:is(:hover,:focus-visible) svg{transition-timing-function:var(--ease-out)}
.wish,.cta,.toolbar button,.actions button{transition:color .24s var(--ease-both),background-color .24s var(--ease-both),border-color .24s var(--ease-both),transform .24s var(--ease-both)}
dialog,dialog[open]{animation:none}
dialog{opacity:0;transform:translateY(12px) scale(.98);transition:opacity .26s var(--ease-in),transform .26s var(--ease-in),display .26s allow-discrete,overlay .26s allow-discrete}
dialog[open]{opacity:1;transform:translateY(0) scale(1);transition-duration:.38s;transition-timing-function:var(--ease-out)}
dialog::backdrop{opacity:0;transition:opacity .26s var(--ease-in),display .26s allow-discrete,overlay .26s allow-discrete}
dialog[open]::backdrop{opacity:1;transition:opacity .38s var(--ease-out),display .38s allow-discrete,overlay .38s allow-discrete}
@starting-style{dialog[open]{opacity:0;transform:translateY(12px) scale(.98)}dialog[open]::backdrop{opacity:0}}
::view-transition-old(catalog-results){animation:market-results-out .18s var(--ease-in) both}
::view-transition-new(catalog-results){animation:market-results-in .36s var(--ease-out) .08s both}
::view-transition-old(root),::view-transition-new(root){animation:none}
#items{view-transition-name:catalog-results}
@keyframes market-results-out{to{opacity:0;transform:translateY(-4px)}}
@keyframes market-results-in{from{opacity:0;transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.scene svg,dialog,dialog::backdrop,.item,.item-open svg,.wish,.cta,.toolbar button,.actions button{animation:none!important;transition:none!important}}
.ui-icon{width:20px;height:20px;flex:none;vertical-align:middle}.wish .ui-icon{width:19px;height:19px}.wish[aria-pressed=true] svg{fill:currentColor}
dialog[data-view=product]{width:min(820px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border-radius:15px;overflow:auto;box-shadow:0 24px 90px #0009}
dialog[data-view=product] .close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;padding:0;background:#172224;border-radius:8px;font-size:23px;line-height:1}
.product-sheet{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#192325}
.product-visual{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#34504b,transparent 65%),repeating-linear-gradient(0deg,#abc5bd12 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#abc5bd12 0 1px,transparent 1px 24px),#202e30}
.product-visual>svg{width:min(47%,164px);filter:drop-shadow(8px 12px 0 #132123);transition:transform .5s var(--ease-both)}.product-visual:hover>svg{transform:translateY(-6px) scale(1.04)}
#details .product-visual .wish{position:absolute;top:12px;left:12px;margin:0;display:grid;place-items:center;width:38px;height:38px;padding:0;background:#172224}
.product-content{padding:32px 27px 15px;min-width:0}.product-category{color:var(--mint);font-size:13px}#details .product-content h2{font-size:clamp(25px,4vw,36px);line-height:1.08;margin:7px 0 10px;padding-right:12px;overflow-wrap:anywhere}.product-description{margin:0 0 18px}
.product-seller{display:flex;align-items:center;gap:10px;padding:12px 0;border-block:1px solid var(--line)}.product-seller>svg,.product-seller .avatar{width:32px;height:32px;margin:0}.product-seller>svg{padding:6px;background:#293735;border-radius:6px;color:var(--mint)}.product-seller small{display:block;color:var(--muted);line-height:1.1}.product-seller .shop-link{overflow-wrap:anywhere}
.product-offer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:14px 0}.product-offer strong{font-size:32px;color:var(--gold);line-height:1}.product-offer small{font-size:15px}.product-offer span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:14px}.product-offer svg{width:17px;height:17px}
.product-actions{display:grid;grid-template-columns:1fr 44px;gap:8px}.product-actions button{display:flex;justify-content:center;align-items:center;gap:8px;padding:9px}.product-actions #add{background:var(--mint);color:#112821;font-weight:bold}.product-actions #add:hover{background:#b8f5de}.product-actions #add:disabled{opacity:.55;cursor:default}.product-status{font-size:13px;margin:6px 0 0;min-height:20px}
@media(max-width:580px){.product-sheet{grid-template-columns:1fr}.product-visual{min-height:160px}.product-visual>svg{width:82px}.product-content{padding:18px 18px 10px}}@media(prefers-reduced-motion:reduce){.product-visual>svg{transition:none}.product-visual:hover>svg{transform:none}}
.actions button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;min-width:60px;padding:5px 8px}.actions .ui-icon{width:22px;height:22px}.action-label{font-size:11px;line-height:1.15;text-align:center}.action-count{position:absolute;top:3px;left:calc(50% + 6px);min-width:15px;padding:0 3px;border-radius:8px;background:var(--mint);color:var(--base);font-size:10px;font-weight:bold;line-height:15px;text-align:center}@media(max-width:480px){.bar{flex-wrap:wrap;justify-content:space-between;padding-block:8px}.actions{gap:4px}.actions button{min-width:48px;padding-inline:5px}.action-label{font-size:10px}}