html[data-theme=steampunk]{--sp-iron-0:#0f0d0c;--sp-iron-1:#181514;--sp-iron-2:#1f1b19;--sp-iron-3:#27221f;--sp-iron-4:#302a26;--sp-copper:#ba6634;--sp-copper-hi:#f0b47c;--sp-copper-lo:#66331a;--sp-brass:#c49e3c;--sp-brass-hi:#fbe7a8;--sp-brass-mid:#e3c46a;--sp-brass-lo:#3d2f10;--sp-cream:#efe2bd;--sp-ink:#2a1f0e;--sp-green:#5ee07a;--sp-teal:#35c2b0;--sp-px:url(/themes/steampunk/frame.png);--bg:var(--sp-iron-2);--bg-2:var(--sp-iron-3);--bg-3:color-mix(in srgb, var(--sp-copper) 14%, var(--sp-iron-2));--bg-elev:#1d1917;--line:#f0b47c29;--line-2:#f0b47c52;--text:var(--sp-cream);--text-2:#efe2bdd6;--text-3:#efe2bd9e;--accent:var(--sp-brass-mid);--accent-2:var(--sp-copper-hi);--accent-fg:var(--sp-ink);--good:var(--sp-green);--grad-glow:none}html[data-theme=steampunk] body{background:var(--sp-iron-1);--ff-display:var(--font-pixel), "Pixelify Sans", var(--font-onest), sans-serif}html[data-theme=steampunk] body:before{content:"";z-index:-1;pointer-events:none;image-rendering:pixelated;background:url(/themes/steampunk/iron.png) 0 0/128px 128px;position:fixed;inset:0}html[data-theme=steampunk] :is(.nav,.hm-list,.hm-cat,.hm-store,.hc,.hm-band,.footer,.sp-decor){image-rendering:pixelated}html[data-theme=steampunk] :is(.nav,.hm-list,.hm-cat,.hm-store,.hc,.hm-band,.footer) img{image-rendering:auto}html[data-theme=steampunk] .shell{max-width:1240px}html[data-theme=steampunk] .nav{background:url(/themes/steampunk/pipe-h.png) 0 100% / 16px 20px repeat-x, var(--sp-iron-0);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;padding-bottom:20px}html[data-theme=steampunk] .brand{font-family:var(--ff-display);letter-spacing:.04em;color:var(--sp-brass-mid);text-shadow:2px 0 0 var(--sp-brass-lo), -2px 0 0 var(--sp-brass-lo), 0 2px 0 var(--sp-brass-lo), 0 -2px 0 var(--sp-brass-lo), 2px 2px 0 var(--sp-iron-0);gap:8px;font-size:22px}html[data-theme=steampunk] .brand-dot{width:35px;height:44px;box-shadow:none;image-rendering:auto;background:url(/themes/steampunk/logo-emblem.webp) 50%/contain no-repeat;border-radius:0}html[data-theme=steampunk] .brand-dot:after{display:none}html[data-theme=steampunk] .nav-menu-btn:hover,html[data-theme=steampunk] .nav-menu-btn[aria-expanded=true],html[data-theme=steampunk] .nav-link:hover{background:color-mix(in srgb, var(--sp-copper) 22%, transparent)}html[data-theme=steampunk] .nav-drop{background:var(--sp-iron-1);border:2px solid var(--sp-copper-lo);box-shadow:0 0 0 2px var(--sp-iron-0), 0 18px 40px #0009;border-radius:0}html[data-theme=steampunk] .nav .searchbar{background:var(--sp-iron-1);box-shadow:inset 0 0 0 2px var(--sp-copper-lo);border-radius:0}html[data-theme=steampunk] :is(.hm-list,.hm-cat,.hc){background:0 0;border:16px solid #0000;border-image:url(/themes/steampunk/frame.png) 8 fill/16px;border-radius:0}html[data-theme=steampunk] .hc{min-height:372px}html[data-theme=steampunk] .hc-slide:after{background:linear-gradient(90deg,#181514f0 0%,#181514b3 55%,#18151426 100%)}html[data-theme=steampunk] .hm-list-h{border:10px solid #0000;border-image:url(/themes/steampunk/plate.png) 5 fill/10px;margin:-6px -6px 6px;padding:4px 10px}html[data-theme=steampunk] .hm-list-h h3{color:var(--sp-ink);font-family:var(--ff-display);letter-spacing:.02em;font-size:16px}html[data-theme=steampunk] .hm-list-h a{color:color-mix(in srgb, var(--sp-ink) 75%, transparent);font-weight:600}html[data-theme=steampunk] .hm-row{border-top-color:#f0b47c1f}html[data-theme=steampunk] .hm-row:hover{background:#ba663424}html[data-theme=steampunk] .hm-thumb{box-shadow:0 0 0 2px var(--sp-iron-0), 0 0 0 3px var(--sp-copper-lo);border-radius:0}html[data-theme=steampunk] .hm-empty{border-top-color:#f0b47c1f}html[data-theme=steampunk] .hm-price{color:var(--sp-brass-mid)}html[data-theme=steampunk] .hm-pill{color:var(--sp-green);background:#0f2414;border-radius:0;box-shadow:inset 0 0 0 1px #1d5a2e}html[data-theme=steampunk] :is(.hm-block-h h2,.hm-band h2){font-family:var(--ff-display);color:var(--sp-brass-mid);letter-spacing:.02em;text-shadow:2px 2px 0 var(--sp-iron-0)}html[data-theme=steampunk] .hm-block-h a{color:var(--sp-copper-hi)}.sp-banner{display:none}html[data-theme=steampunk] .sp-banner{flex-direction:column;align-items:center;max-width:760px;margin:0 auto 26px;display:flex}html[data-theme=steampunk] .sp-banner:before{content:"";aspect-ratio:1440/843;background:url(/themes/steampunk/logo-banner.webp) 50%/contain no-repeat;width:100%}html[data-theme=steampunk] .sp-banner-tag{image-rendering:pixelated;font-family:var(--ff-display);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-brass-mid);text-shadow:2px 2px 0 var(--sp-iron-0);border:12px solid #0000;border-image:url(/themes/steampunk/frame.png) 8 fill/12px;margin-top:-9%;padding:6px 22px;font-size:clamp(16px,2.2vw,26px);position:relative}html[data-theme=steampunk] .hc-title{font-family:var(--ff-display);color:var(--sp-cream);text-shadow:3px 3px 0 var(--sp-iron-0);letter-spacing:.01em}html[data-theme=steampunk] .hc-eyebrow{color:var(--sp-copper-hi)}html[data-theme=steampunk] .hc-platform{border-color:var(--sp-copper-lo);background:#0f0d0cb3;border-radius:0}html[data-theme=steampunk] .hc-cover{box-shadow:0 0 0 3px var(--sp-iron-0), 0 0 0 6px var(--sp-brass), 0 20px 40px -18px #000;border-radius:0}html[data-theme=steampunk] .hc-big{font-family:var(--ff-display);gap:3px;font-size:34px;display:inline-flex}html[data-theme=steampunk] .hc-big .flap{text-align:center;min-width:.78em;color:var(--sp-copper-hi);background:linear-gradient(#2c2622 0 48%, var(--sp-iron-0) 48% 52%, #221d1a 52%);box-shadow:0 0 0 2px var(--sp-iron-0), inset 0 0 0 1px #4a4038;padding:4px 4px 2px;line-height:1;display:inline-block}html[data-theme=steampunk] .hc-dot{background:#f0b47c40;border-radius:0}html[data-theme=steampunk] .hc-dot[aria-current]{background:var(--sp-brass-mid)}html[data-theme=steampunk] .hc-arrow{background:var(--sp-iron-1);border-color:var(--sp-copper-lo);border-radius:0}html[data-theme=steampunk] .pp-btn{border-radius:0}html[data-theme=steampunk] .pp-btn-primary{background:var(--sp-brass-mid);color:var(--sp-ink);box-shadow:inset 2px 2px 0 var(--sp-brass-hi), inset -2px -2px 0 #9a7a2c, 0 0 0 2px var(--sp-iron-0)}html[data-theme=steampunk] .hm-store{background:var(--sp-cream) padding-box;color:var(--sp-ink);border:16px solid #0000;border-image:url(/themes/steampunk/frame-brass.png) 8/16px;border-radius:0}html[data-theme=steampunk] .hm-store:hover{background:#f7ecc9 padding-box padding-box}html[data-theme=steampunk] .hm-store b{font-family:var(--ff-display);color:var(--sp-ink)}html[data-theme=steampunk] .hm-store :is(p,.hm-store-tag,small){color:color-mix(in srgb, var(--sp-ink) 78%, transparent)}html[data-theme=steampunk] .hm-store .pp-btn{background:var(--sp-copper);color:var(--sp-cream);box-shadow:inset 2px 2px 0 var(--sp-copper-hi), inset -2px -2px 0 var(--sp-copper-lo), 0 0 0 2px var(--sp-ink);border:0}html[data-theme=steampunk] .hm-cat-h{font-family:var(--ff-display);color:var(--sp-brass-mid)}html[data-theme=steampunk] .hm-cat-links a{border-color:var(--sp-copper-lo);border-radius:0}html[data-theme=steampunk] :is(.hm-marks i,.hm-cat-links i,.hc-platform i){border-radius:0}html[data-theme=steampunk] .hm-cover{box-shadow:0 0 0 3px var(--sp-iron-0), 0 0 0 6px var(--sp-brass);border-radius:0}html[data-theme=steampunk] .hm-card:hover .hm-cover{box-shadow:0 0 0 3px var(--sp-iron-0), 0 0 0 6px var(--sp-brass-hi);outline:0}html[data-theme=steampunk] .hm-shelf{gap:22px}html[data-theme=steampunk] .hm-band{background:url(/themes/steampunk/pipe-h.png) 0 0/16px 20px repeat-x,url(/themes/steampunk/pipe-h.png) 0 100%/16px 20px repeat-x,#0f0d0cc7;border:0;padding:54px 0}html[data-theme=steampunk] .hm-band form input{background:var(--sp-iron-0);border-color:var(--sp-copper-lo);color:var(--sp-cream);border-radius:0}html[data-theme=steampunk] .hm-band form button{background:var(--sp-brass-mid);color:var(--sp-ink);box-shadow:inset 2px 2px 0 var(--sp-brass-hi), inset -2px -2px 0 #9a7a2c, 0 0 0 2px var(--sp-iron-0);border-radius:0;font-weight:700}html[data-theme=steampunk] .hm-band form button:hover{background:var(--sp-brass-hi)}html[data-theme=steampunk] .hm-how span{background:var(--sp-iron-1);border-color:var(--sp-copper-lo);color:var(--sp-green);border-radius:0}html[data-theme=steampunk] .footer{border:16px solid #0000;border-image:url(/themes/steampunk/frame.png) 8 fill/16px;margin-top:110px;padding:40px 28px 28px;position:relative}html[data-theme=steampunk] .footer:before{content:"";width:176px;height:48px;image-rendering:pixelated;background:url(/themes/steampunk/gauge.png) 0 0/48px 48px no-repeat,url(/themes/steampunk/gauge.png) 64px 0/48px 48px no-repeat,url(/themes/steampunk/gauge.png) 128px 0/48px 48px no-repeat;position:absolute;top:-66px;left:50%;transform:translate(-50%)}html[data-theme=steampunk] .footer .brand{width:240px;height:140px;text-shadow:none;color:#0000;image-rendering:auto;background:url(/themes/steampunk/logo-footer.webp) 0/contain no-repeat;font-size:0}html[data-theme=steampunk] .footer .brand-dot{display:none}html[data-theme=steampunk] .footer h5{font-family:var(--ff-display);color:var(--sp-brass-mid);letter-spacing:.08em}.sp-decor{display:none}@media (min-width:1520px){html[data-theme=steampunk] .sp-decor{display:block}}.sp-side{pointer-events:none;z-index:0;width:calc(50vw - 620px);position:fixed;top:0;bottom:0}.sp-left{left:0}.sp-right{right:0;transform:scaleX(-1)}.sp-side>*{background-repeat:no-repeat;background-size:100% 100%;display:block;position:absolute}.sp-pipe{width:20px;top:0;bottom:0;left:42%;background:url(/themes/steampunk/pipe-v.png) 0 0/20px 16px repeat-y!important}.sp-pipe-2{opacity:.8;width:20px;top:0;bottom:0;left:68%;background:url(/themes/steampunk/pipe-v.png) 0 0/20px 16px repeat-y!important}.sp-flange{background-image:url(/themes/steampunk/flange.png);width:28px;height:12px;left:calc(42% - 4px)}.sp-gear{background-image:url(/themes/steampunk/gear.png);width:96px;height:96px;animation:16s steps(60,end) infinite sp-spin}.sp-gear.small{background-image:url(/themes/steampunk/gear-small.png);width:60px;height:60px;animation:9s steps(48,end) infinite sp-spin-back}.sp-gauge{background-image:url(/themes/steampunk/gauge.png);width:72px;height:72px}.sp-tube{background-image:url(/themes/steampunk/tube-green.png);width:36px;height:144px}.sp-tube.teal{background-image:url(/themes/steampunk/tube-teal.png)}@keyframes sp-spin{to{transform:rotate(360deg)}}@keyframes sp-spin-back{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.sp-gear{animation:none!important}}@media (max-width:820px){html[data-theme=steampunk] :is(.hm-list,.hm-cat,.hc,.hm-store,.footer){border-width:12px;border-image-width:12px}html[data-theme=steampunk] .hc-big{font-size:28px}}