@font-face{font-family:Monocraft;src:url('./monocraft.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--pixel:Monocraft,ui-monospace,monospace}
.design-centered h1,.design-centered h2,.design-centered .featured-copy h3,.design-centered .product h3,.design-centered .footer-name{font-family:var(--pixel);font-weight:400;letter-spacing:-.025em;line-height:1.35}
.design-centered .page-heading h1{font-size:clamp(28px,3.2vw,43px)}
.design-centered h2{font-size:clamp(23px,2.4vw,31px)}
.design-centered .featured-copy h3{font-size:26px}
.design-centered .product h3{font-size:21px}
.design-centered .header .navigation-row>a,.design-centered .more-menu>summary{font-family:var(--pixel);font-size:13px}
.design-centered .more-menu>summary>span{display:block;flex:0 0 7px;width:7px;height:7px;font-size:0;line-height:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.design-centered .more-menu[open]>summary>span{transform:translateY(2px) rotate(225deg)}
.design-centered .button{border:1px solid #ad2b3d;border-radius:3px;background:#b42b3d;box-shadow:inset 0 2px #e2616e,inset 0 -3px #741c28,0 3px #080809;text-shadow:0 1px #691823;transition:transform .16s,background-color .16s,box-shadow .16s}
.design-centered .button:hover{background:#c83448;transform:translateY(-2px);box-shadow:inset 0 2px #ec7480,inset 0 -3px #841f2d,0 5px #080809}
.design-centered .button:active{transform:translateY(1px);box-shadow:inset 0 1px #df6270,inset 0 -1px #741c28}
.design-centered .button.secondary{background:#29292e;border-color:#54545c;box-shadow:inset 0 2px #5d5d65,inset 0 -3px #17171a,0 3px #080809;text-shadow:none}
.design-centered .button.secondary:hover{background:#36363d}
.design-centered .button:disabled{transform:none}
.world-hero{position:relative;isolation:isolate;margin-top:28px;min-height:478px;overflow:hidden;border:1px solid #414146;border-radius:5px;background:#16171a;box-shadow:0 5px #070708}
.world-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-3;opacity:.63}
.world-shade{position:absolute;inset:0;z-index:-2;background:#1011149c}
.world-content{max-width:760px;margin:auto;padding:18px 24px 69px;text-align:center}
.world-logo{width:min(580px,100%);height:242px;margin:0 auto -13px;overflow:hidden}
.world-logo img{width:100%;height:100%;object-fit:cover;object-position:center}
.world-content>p{font-size:21px;color:#fff;margin-bottom:14px;text-shadow:0 2px 6px #000}
.world-details{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;color:#ecebee;font-size:14px;margin-bottom:28px;text-shadow:0 2px 5px #000}
.world-details>span+span{border-left:1px solid #969197;padding-left:22px}
.world-content .actions{justify-content:center;gap:14px}
.world-caption{position:absolute;right:22px;bottom:12px;min-height:40px;display:flex;gap:16px;align-items:center;font-size:12px;color:#f2edf0;text-shadow:0 2px 3px #000}
.community-panel{display:grid;grid-template-columns:1.1fr 1fr;margin:22px 0 0;background:#1d1d21;border:1px solid #49494f;box-shadow:inset 0 2px #3a3a40,0 4px #080809;border-radius:4px;overflow:hidden}
.community-server,.community-discord{min-width:0;padding:20px 26px}
.community-discord{border-left:1px solid #424247;display:block;transition:background .18s}
.community-discord:hover{background:#29292f;text-decoration:none}
.community-heading{display:flex;align-items:center;gap:9px;font-size:13px;color:#e9e5e8;margin-bottom:14px}
.community-count{margin-left:auto;color:#c6c3cc;font-size:12px}
.status-light{display:inline-block;width:8px;height:8px;background:#aaa5ad;flex-shrink:0}
[data-server-state="online"] .status-light{background:#9ae5aa;color:#9ae5aa}
[data-server-state="maintenance"] .status-light{background:#ffcd83;color:#ffcd83}
[data-server-state="offline"] .status-light{background:#ff8698;color:#ff8698}
.copy-address{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:0;background:none;color:#fff;text-align:left;min-height:44px}
.join-address{font-family:var(--pixel);font-size:clamp(13px,1.45vw,18px);overflow-wrap:anywhere;line-height:1.6}
.copy-caption,.join-discord-label{color:#ffb5c0;font-size:13px;font-weight:700;white-space:nowrap}
.copy-address:hover .copy-caption{text-decoration:underline;text-underline-offset:4px}
.discord-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.discord-bottom strong{font:400 clamp(15px,1.6vw,20px)/1.5 var(--pixel)}
.community-note{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;color:#c4bec6;font-size:12px;min-height:38px;margin-top:9px}
.community-note details{max-width:520px}.community-note summary{cursor:pointer;min-height:32px;display:list-item;margin-left:15px}.community-note p{margin:5px 0 0;line-height:1.7}.community-note [role=status]{text-align:right}
.design-centered .featured-store{padding-top:45px}
.design-centered .featured-product{border-radius:4px;border:1px solid #414146;background:#1b1b1e;box-shadow:inset 0 2px #303034}
.design-centered .featured-art,.design-centered .product-art{background:#242428;box-shadow:inset 0 3px #121214,inset 0 -2px #39393e;border-radius:3px;border-color:#4b4b51}
.design-centered .category-nav a{font-family:var(--pixel);font-size:14px;border-radius:3px}
.design-centered .table-wrap,.design-centered .support-contact,.design-centered .gallery-empty,.design-centered .empty-state{border-radius:4px;box-shadow:inset 0 2px #36363b}
.design-centered .page-heading h1::after,.design-centered .centered-section-heading h2::after{height:4px;width:42px}
.design-centered .error-code{font-family:var(--pixel);font-size:clamp(92px,16vw,168px);letter-spacing:-.075em}
#site-intro{position:fixed;inset:0;z-index:1000;background:#111113;display:none;align-content:center;justify-items:center;text-align:center;color:#f6f1f3;gap:13px;padding:24px}
.intro-pending #site-intro{display:grid;animation:intro-safety .01s 1.5s forwards}
.intro-closing #site-intro{display:grid;pointer-events:none;animation:intro-out .22s ease forwards}
@keyframes intro-out{to{opacity:0;transform:translateY(-8px)}}
#site-intro p{font:400 clamp(20px,4vw,28px)/1.4 var(--pixel);margin:2px 0 0}
.intro-mark img{image-rendering:pixelated}.intro-mark{animation:heart-arrive .65s cubic-bezier(.16,.8,.22,1) both}
.intro-caption{color:#c9c3cb;font-size:13px}#intro-skip{margin-top:12px;color:#e9c8d0}
@keyframes heart-arrive{from{opacity:0;transform:translateY(18px) scale(.8)}to{opacity:1;transform:none}}
@keyframes intro-safety{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:no-preference){.world-backdrop{animation:world-drift 24s ease-in-out infinite alternate}.status-light{position:relative;transition:background-color .25s}.community-panel:is([data-server-state="online"],[data-server-state="maintenance"]) .status-light::after{content:"";position:absolute;inset:-1px;border:1px solid currentColor;animation:status-pulse 3.6s ease-out infinite}}
@keyframes world-drift{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@keyframes status-pulse{0%,15%{transform:scale(1);opacity:.75}80%,100%{transform:scale(2.8);opacity:0}}
@media(max-width:850px){.world-hero{min-height:440px}.world-logo{height:222px}.community-server,.community-discord{padding:17px}.community-panel{grid-template-columns:1fr}.community-discord{border-left:0;border-top:1px solid #424247}.join-address{font-size:17px}.community-note{flex-direction:column;gap:0}.community-note [role=status]{text-align:left}.design-centered .header .navigation-row>a,.design-centered .more-menu>summary{font-size:14px}}
@media(max-width:600px){.world-hero{min-height:360px;margin-top:18px}.world-content{padding:15px 17px 63px}.world-logo{height:162px;margin-bottom:2px}.world-content>p{font-size:16px;line-height:1.6}.world-details{font-size:12px;gap:7px 12px;margin-bottom:22px}.world-details>span+span{padding-left:12px}.world-content .actions{gap:12px}.world-content .button{font-size:13px;padding:11px 14px}.world-caption{right:17px;font-size:11px;bottom:8px}.community-heading{font-size:12px;gap:7px;margin-bottom:7px}.community-count{font-size:11px}.join-address{font-size:clamp(12px,3.6vw,16px)}.community-server,.community-discord{padding:15px}.discord-bottom strong{font-size:16px}.design-centered .featured-copy h3{font-size:21px}.design-centered .featured-product{grid-template-columns:100px 1fr;gap:16px}.design-centered .featured-art{min-height:106px}.design-centered .featured-art img{width:100px;height:106px}.design-centered .product h3{font-size:19px}.design-centered .category-nav a{font-size:12px}.copy-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.world-backdrop,.intro-mark,.status-light{animation:none!important}.intro-pending #site-intro{display:none}.design-centered .button,.community-discord{transition:none!important}}

/* Reuse the existing pixel font across the interface, with readable long copy. */
.design-centered{font-family:var(--pixel);font-size:14px;line-height:1.75}
.design-centered :is(button,input,select,textarea){font-family:var(--pixel);font-weight:400}
.design-centered :is(.price,.featured-price,.basket-total strong,.basket-item h3,.in-basket-label){font-weight:400}
.design-centered :is(.prose,.description,.bedrock-caution,.notice,.support-contact p,.support-billing p){font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8}
.design-centered .world-content>p{font-size:clamp(15px,1.6vw,20px)}
.design-centered .world-details{font-size:12px}
.design-centered .world-content .button{font-size:12px}
.design-centered .community-heading,.design-centered .copy-caption,.design-centered .join-discord-label{font-size:11px}
.design-centered .community-count{font-size:10px}
.design-centered .basket-link{font-size:12px}
.design-centered .footer-links{font-size:12px}
.purchase-slot{min-width:0;flex:1}
.purchase-slot [hidden]{display:none!important}
.purchase-slot>.button{width:100%;font-size:12px}
.purchase-added{display:grid;gap:7px;justify-items:center}
.in-basket-label{color:#f8c6cd;font-size:12px;line-height:1.5;padding:4px 0}
.purchase-stepper{display:grid;grid-template-columns:44px minmax(30px,1fr) 44px;gap:4px;align-items:center;width:100%;max-width:172px;background:#141417;border:1px solid #59535c;border-radius:3px}
.design-centered .quantity-step{min-height:44px;min-width:44px;padding:0;background:#2a262c;color:#fff;font-size:20px;line-height:1}
.design-centered .quantity-step:disabled{color:#ada5b0;background:#1d1b20;cursor:default}
.purchase-count{display:inline-block;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.design-centered .product-actions{align-items:end;flex-wrap:wrap;gap:10px}
.design-centered .product-actions>.plain-button{font-size:12px}
.design-centered .featured-copy .purchase-slot{flex:0 1 184px}
.crate-key,.membership-sprite{position:relative;display:block;flex:none;transition:transform .2s ease-out}
.basket-drop{position:fixed;inset:0 auto auto 0;width:96px;height:96px;object-fit:contain;z-index:1200;pointer-events:none;user-select:none;filter:drop-shadow(0 5px 2px #0008)}
.design-centered .product-art{position:relative;min-height:216px;padding:24px;display:flex;align-items:center;justify-content:center}
.design-centered .product-art>img,.design-centered .product-art>.crate-key,.design-centered .product-art>.membership-sprite{width:168px;height:168px;max-width:100%;object-fit:contain}
.design-centered .featured-art{position:relative}
.design-centered .featured-art>img,.design-centered .featured-art>.crate-key,.design-centered .featured-art>.membership-sprite{width:144px;height:144px;max-width:100%;object-fit:contain}
.design-centered .detail-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:190px;margin-bottom:24px}
.design-centered .detail-art>img,.design-centered .detail-art>.crate-key,.design-centered .detail-art>.membership-sprite{width:168px;height:168px;max-height:none;margin:0;object-fit:contain}
.design-centered :is(.product-art,.featured-art,.detail-art)>:is(.crate-key,.membership-sprite)>img,.basket-drop:is(.crate-key,.membership-sprite)>img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;image-rendering:pixelated;animation:none;transform:none}
.membership-sprite::after{content:'';position:absolute;right:10.526316%;bottom:15.789474%;width:15.789474%;height:15.789474%;background:url('./heart-plus-mark.svg?v=2') center/contain no-repeat;image-rendering:pixelated;pointer-events:none}
.product-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}
.design-centered .product-title h3{margin:0}
.product-new{display:inline-flex;align-items:center;flex:none;min-height:26px;padding:4px 8px;background:#ffb4bd;color:#32111b;font-size:12px;line-height:1.5;letter-spacing:.03em;text-transform:uppercase;border-radius:2px;white-space:nowrap}
.effects-paused .featured-art :is(.crate-key,.membership-sprite){animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){
 .featured-art.art-visible img{animation:item-idle 6s ease-in-out infinite}
 .featured-art.art-visible :is(.crate-key,.membership-sprite){animation:item-idle 6s ease-in-out infinite}
 .featured-art.art-visible .crate-key{animation-delay:-3s}
 .design-centered .featured-art.art-visible :is(.crate-key,.membership-sprite)>img{animation:none}
 .featured-product:nth-child(2) .featured-art img{animation-delay:-3s}
 .design-centered .quantity-step{transition:background-color .16s,transform .16s}
 .design-centered .quantity-step:not(:disabled):active{transform:scale(.9)}
 .design-centered .product,.design-centered .featured-product{transition:box-shadow .2s}
 @media(hover:hover) and (pointer:fine){.design-centered .quantity-step:not(:disabled):hover{background:#493039}.design-centered .product:hover,.design-centered .featured-product:hover{box-shadow:inset 0 2px #464047,0 6px 16px #0005}.design-centered .product:hover .product-art>:is(.crate-key,.membership-sprite){transform:translateY(-3px)}.design-centered .product:hover .product-art :is(.crate-key,.membership-sprite)>img,.design-centered .featured-product:hover .featured-art :is(.crate-key,.membership-sprite)>img{transform:none}}
}
@keyframes item-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
.effects-paused .featured-art img,.effects-paused .status-light::after{animation-play-state:paused!important}
@media(max-width:600px){
 .design-centered .products{grid-template-columns:1fr}
 .design-centered .product{display:grid;grid-template-columns:104px minmax(0,1fr)}
 .design-centered .product-art{min-height:0;padding:12px}
 .design-centered .product-art>img,.design-centered .product-art>.membership-sprite{width:80px;height:80px}
 .design-centered .product-art>.crate-key{width:72px;height:72px}
 .design-centered .product-body{padding:16px}
 .design-centered .product .billing{min-height:0;line-height:1.7}
 .design-centered .product-actions{display:grid;grid-template-columns:1fr;gap:6px}
 .design-centered .product-actions>.plain-button{justify-self:start;padding:4px 0}
 .design-centered .purchase-slot{width:100%}
 .design-centered .product h3{font-size:17px}
 .design-centered .featured-product{grid-template-columns:76px minmax(0,1fr);gap:12px}
 .design-centered .featured-art>img,.design-centered .featured-art>.membership-sprite{width:64px;height:64px}
 .design-centered .featured-art>.crate-key{width:48px;height:48px}
 .design-centered .featured-copy .button{font-size:11px;padding-inline:8px}
 .design-centered .world-details{font-size:10px;gap:8px}
 .design-centered .world-details>span+span{padding-left:8px}
 .design-centered .world-content .actions{gap:12px}
 .design-centered .world-content .button{font-size:10px;padding-inline:10px}
 .design-centered .masthead .basket-link,.design-centered .masthead .menu-button{font-size:11px}
}
@media(max-width:359px){.design-centered .product{grid-template-columns:86px minmax(0,1fr)}.design-centered .product-art{padding:10px}.design-centered .product-art>img,.design-centered .product-art>.membership-sprite{width:64px;height:64px}.design-centered .product-art>.crate-key{width:48px;height:48px}}