:root{--stone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Crect x='3' y='3' width='44' height='28'/%3E%3Crect x='75' y='35' width='21' height='28'/%3E%3Crect x='3' y='67' width='44' height='27'/%3E%3C/g%3E%3Cg fill='%23000000' fill-opacity='0.12'%3E%3Crect x='51' y='3' width='43' height='28'/%3E%3Crect x='27' y='35' width='44' height='28'/%3E%3C/g%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.45' stroke-width='3'%3E%3Cpath d='M0 1h96M0 33h96M0 65h96M1 1v32M49 1v32M25 33v32M73 33v32M1 65v31M49 65v31'/%3E%3C/g%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--bg:#3d3a36;--bg-raised:#171512;--bg-card:#1d1a16;--line:#34302a;--text:#ece6da;--muted:#a49c8e;--gold:#d9a441;--gold-soft:#d9a44124;--aqua:#4fc3c8;--aqua-soft:#4fc3c824;--rot:#8a5cc2;--danger:#e06b5a;--paper:#eee0bf;--paper-dark:#c9ad78;--ink:#2b2016;--ink-muted:#4f3e28;--ink-red:#9b2f1d;--wood:#6b4526;--wood-dark:#3b2412;--fibers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.35' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.3  0 0 0 0 0.14  1.4 0 0 0 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.45'/%3E%3C/svg%3E");--wicker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='24' height='24' fill='%233e2610'/%3E%3Cg fill='%23c99a5a'%3E%3Crect x='0' y='.5' width='12' height='3' rx='1.5'/%3E%3Crect x='0' y='4.5' width='12' height='3' rx='1.5'/%3E%3Crect x='0' y='8.5' width='12' height='3' rx='1.5'/%3E%3Crect x='12' y='12.5' width='12' height='3' rx='1.5'/%3E%3Crect x='12' y='16.5' width='12' height='3' rx='1.5'/%3E%3Crect x='12' y='20.5' width='12' height='3' rx='1.5'/%3E%3C/g%3E%3Cg fill='%23a8773f'%3E%3Crect x='12.5' y='0' width='3' height='12' rx='1.5'/%3E%3Crect x='16.5' y='0' width='3' height='12' rx='1.5'/%3E%3Crect x='20.5' y='0' width='3' height='12' rx='1.5'/%3E%3Crect x='.5' y='12' width='3' height='12' rx='1.5'/%3E%3Crect x='4.5' y='12' width='3' height='12' rx='1.5'/%3E%3Crect x='8.5' y='12' width='3' height='12' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");--plank:repeating-linear-gradient(0deg, #00000014 0 3px, transparent 3px 9px), linear-gradient(180deg, #5e3d22, #4a2f19);--paper-bg:radial-gradient(ellipse at 50% 45%, #fffcf080, transparent 65%), linear-gradient(180deg, transparent 49.2%, #6e4b2324 49.6%, #fffaeb73 50.2%, transparent 50.8%), radial-gradient(circle at 86% 88%, transparent 22px, #8c5a281f 24px, transparent 28px), radial-gradient(circle at 10% 82%, #9664281a, transparent 34px), var(--fibers), var(--grain), var(--paper);--paper-size:auto, auto, auto, auto, 220px 220px, 160px 160px, auto;--paper-shadow:inset 0 0 0 1px #50321440, inset 0 0 4px #5a371473, inset 0 0 30px #784c1e59, 6px 8px 0 #00000073;--display:"Pirata One", Georgia, serif;--pixel:"Pixelify Sans", ui-monospace, monospace;--hand:"Alegreya", Georgia, serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background-color:var(--bg);background-image:radial-gradient(1200px 560px at 50% -160px, #8a5cc22e, transparent 70%), radial-gradient(700px 420px at 50% 30%, #f2a04612, transparent 70%), var(--stone);color:var(--text);font-family:var(--body);background-size:auto,auto,96px 96px;background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.6}#root{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background-image:var(--grain);opacity:.09;mix-blend-mode:overlay}body:after{background:radial-gradient(at 50% 35%,#0000 50%,#00000080 100%)}.main,.footer{z-index:1;position:relative}.embers{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ember{opacity:0;animation:linear infinite rise;position:absolute;bottom:-10px}.ember-gold{background:#f2b65a;box-shadow:0 0 8px #f2b65a}.ember-rot{background:#b48cff;box-shadow:0 0 8px #b48cff}@keyframes rise{0%{opacity:0;transform:translate(0)}10%{opacity:.7}60%{transform:translate(18px,-60vh)}to{opacity:0;transform:translate(-12px,-110vh)}}@media (prefers-reduced-motion:reduce){.embers{display:none}}a{color:var(--gold)}a:hover{color:#f0c46a}button{font:inherit;cursor:pointer}button:disabled{cursor:progress;opacity:.65}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.header{z-index:10;background:var(--plank);border-bottom:4px solid var(--wood-dark);position:sticky;top:0;box-shadow:inset 0 2px #ffffff1a,0 6px #00000059}.header:before,.header:after,.footer:before,.footer:after{content:"";background:#3a3a3a;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;box-shadow:inset -2px -2px #111,inset 1px 1px #888}.header:before,.footer:before{left:10px}.header:after,.footer:after{right:10px}.header-inner{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:10px 16px;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;color:#f2e2bf;white-space:nowrap;text-shadow:2px 2px 0 var(--wood-dark);font-size:1.6rem;font-weight:400;line-height:1;text-decoration:none}.brand.small{font-size:1.3rem}.nav{font-family:var(--pixel);gap:18px;display:flex}.nav a{color:#e0caa0;text-shadow:1px 1px 0 var(--wood-dark);text-decoration:none}.nav a.active,.nav a:hover{color:#f2e2bf;text-underline-offset:5px;-webkit-text-decoration:underline wavy #d9a441b3;text-decoration:underline wavy #d9a441b3}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.chip,.cart-button{font-family:var(--display);color:#f6e6c4;text-shadow:2px 2px 0 var(--wood-dark);background:repeating-linear-gradient(0deg, #00000014 0 3px, transparent 3px 9px), linear-gradient(180deg, #7a5030, var(--wood));border:3px solid var(--wood-dark);border-radius:0;align-items:center;gap:8px;padding:6px 22px 7px;font-size:1.2rem;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 2px #ffffff1f,3px 3px #00000073}.chip:before,.chip:after,.cart-button:before,.cart-button:after{content:"";background:#3a3a3a;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;box-shadow:inset -1px -1px #111,inset 1px 1px #888}.chip:before,.cart-button:before{left:6px}.chip:after,.cart-button:after{right:6px}.chip:hover,.cart-button:hover{background:repeating-linear-gradient(0deg,#00000014 0 3px,#0000 3px 9px),linear-gradient(#8a5c38,#7a5030)}.chip:active,.cart-button:active{transform:translate(2px,2px);box-shadow:inset 0 2px #ffffff1f,1px 1px #00000073}.head{width:22px;height:22px;image-rendering:pixelated}.badge{background:var(--ink-red);color:#fbe9d0;font-family:var(--pixel);text-shadow:none;border:2px solid #000;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1.4}.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 16px 72px}.hero{text-align:center;padding:64px 0 40px}.hero-icons{justify-content:center;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.hero-icons .pixel-icon{animation:3.2s ease-in-out infinite bob}.hero-icons .pixel-icon:nth-child(2n){animation-delay:-1.6s}.hero-icons .pixel-icon:nth-child(3n){animation-delay:-.8s}@keyframes bob{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero-icons .pixel-icon{animation:none}}.eyebrow{font-family:var(--pixel);letter-spacing:.08em;color:#f2e2bf;background:var(--wood);border:2px solid var(--wood-dark);margin:0 0 14px;padding:4px 14px;font-size:.85rem;display:inline-block;transform:rotate(-1.5deg);box-shadow:3px 3px #00000080}.hero h1{font-family:var(--display);color:#f2e2bf;text-shadow:3px 3px #5a2e12,6px 6px #0009;margin:0 0 18px;font-size:clamp(2.8rem,8vw,5rem);font-weight:400;line-height:1}.lead{color:#c4b8a3;max-width:620px;font-family:var(--hand);margin:0 auto 28px;font-size:1.2rem;font-style:italic}.server-status{color:var(--text);font-family:var(--pixel);background:#0009;border:2px solid #000;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 18px;display:inline-flex;box-shadow:inset 2px 2px #3a3a3a,inset -2px -2px #6a6a6a}.server-status:hover{background:#000000bf}.server-address{font-family:var(--pixel);color:#f2e2bf;font-size:1.1rem}.server-meta{color:var(--muted);font-size:.9rem}.dot{width:10px;height:10px;display:inline-block}.dot-on{background:#5fd38a;box-shadow:0 0 10px #5fd38a}.dot-off{background:#6e675c}.section-title{font-family:var(--display);color:#f6e6c4;text-shadow:2px 2px 0 var(--wood-dark);background:repeating-linear-gradient(0deg, #00000014 0 3px, transparent 3px 9px), linear-gradient(180deg, #7a5030, var(--wood));border:3px solid var(--wood-dark);margin:72px auto 10px;padding:8px 34px 10px;font-size:2rem;font-weight:400;line-height:1.1;display:table;position:relative;transform:rotate(-1deg);box-shadow:inset 0 2px #ffffff1f,5px 5px #00000073}.category:nth-of-type(2n) .section-title{transform:rotate(1.2deg)}.section-title:before,.section-title:after{content:"";background:#3a3a3a;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;box-shadow:inset -2px -2px #111,inset 1px 1px #888}.section-title:before{left:10px}.section-title:after{right:10px}.category-description{text-align:center;font-family:var(--hand);margin-bottom:18px;font-size:1.1rem;font-style:italic}.card{color:var(--ink);background:var(--paper-bg);background-size:var(--paper-size);box-shadow:var(--paper-shadow);font-family:var(--hand);border-radius:3px 7px 4px 9px/8px 3px 9px 4px;padding:34px 24px 24px;transition:transform .2s;position:relative}.card .muted{color:var(--ink-muted)}.card .description{color:var(--ink)}.card a{color:var(--ink-red)}.card:after{content:"";background:#4a4a4a;width:10px;height:10px;margin-left:-5px;position:absolute;top:10px;left:50%;box-shadow:inset -2px -2px #1a1a1a,inset 2px 2px #9a9a9a,1px 2px #0006}.pack-card:hover,.rank-card:hover{transform:translateY(-4px)}.slot{flex:none;place-items:center;display:grid;position:relative}.slot:before{content:"";z-index:0;border:2px dashed color-mix(in srgb, var(--tone-ink,var(--ink-muted)) 45%, transparent);background:color-mix(in srgb, var(--tone-ink,var(--ink-muted)) 10%, transparent);border-radius:50%;position:absolute;inset:6%}.slot>*{position:relative}.slot-lg{width:96px;height:96px}.divider{border-top:2px dashed #50371e59;width:100%;height:0;margin:2px 0}.ribbon{z-index:2;color:var(--ink-red);border:3px double var(--ink-red);font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;opacity:.85;mix-blend-mode:multiply;padding:2px 8px;font-size:.8rem;font-weight:700;top:18px;right:12px;transform:rotate(12deg);position:absolute!important}.description{color:var(--muted)}.description ul{margin:10px 0;padding-left:1.2em}.description li{margin:4px 0}.description li::marker{content:"✦  ";color:var(--tone-ink,var(--ink-muted));font-size:.8em}.description p{margin:8px 0}.description strong{color:var(--text)}.card .description strong{color:var(--ink)}.card .description{font-size:1.12rem;line-height:1.55}.price{font-family:var(--pixel);align-items:baseline;gap:10px;font-size:1.7rem;font-weight:700;display:flex}.price s{-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);font-size:1rem;font-weight:400;text-decoration-thickness:2px}.rank-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:26px;display:grid}.rank-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.rank-card .description{text-align:left;flex:1;align-self:stretch}.rank-card .btn{align-self:stretch}.rank-card>*{position:relative}.rank-card .price{color:var(--tone-ink,var(--ink))}.rank-head{flex-direction:column;align-items:center;gap:6px;display:flex}.pixel-icon{filter:drop-shadow(3px 3px #00000059);flex:none}.rank-name{font-family:var(--display);color:var(--tone-ink,var(--ink));font-size:2.1rem;line-height:1}.tone-gold{--tone:var(--gold);--tone-ink:#8a5a12}.tone-aqua{--tone:var(--aqua);--tone-ink:#1d6a6f}.tone-stone{--tone:var(--muted);--tone-ink:#5a5045}.upgrade-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;display:flex}.upgrade-text{flex:1;min-width:220px}.upgrade-name{font-family:var(--display);font-size:1.6rem;line-height:1.1}.upgrade-buy{align-items:center;gap:16px;display:flex}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;margin-top:26px;display:grid}.pack-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pack-card .description{text-align:left;flex:1;align-self:stretch}.pack-card .pack-buy{align-self:stretch}.pack-head{flex-direction:column;align-items:center;gap:8px;display:flex}.pack-card:hover .pixel-icon{transform:translateY(-3px)rotate(-6deg)}.pack-card .pixel-icon{transition:transform .15s steps(2,end)}.pack-image{object-fit:contain;width:64px;height:64px;image-rendering:pixelated}.pack-name{font-family:var(--display);font-size:1.8rem;line-height:1}.sizes{align-self:stretch;gap:8px;display:flex}.size{font-family:var(--pixel);color:var(--ink-muted);background:0 0;border:2px solid #3c281473;border-radius:0;flex:1;padding:4px 0;font-weight:600}.size:hover{color:var(--ink);border-color:var(--ink)}.size-on{color:var(--paper);background:var(--ink);border-color:var(--ink)}.pack-buy{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{font-family:var(--pixel);border:2px solid #000;border-radius:0;justify-content:center;align-items:center;padding:9px 18px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff6dc;text-shadow:2px 2px #5a3a08;background:#c8902a;box-shadow:inset 2px 2px #f3cf7a,inset -2px -3px #7d5513}.btn-primary:hover{color:#fff6dc;background:#dba23a}.btn-primary:active{transform:translateY(1px);box-shadow:inset -2px -2px #f3cf7a,inset 2px 3px #7d5513}.tone-aqua .btn-primary{text-shadow:2px 2px #0d3d40;background:#2f9aa0;box-shadow:inset 2px 2px #7fe0e3,inset -2px -3px #145a5e}.tone-aqua .btn-primary:hover{background:#3cb0b6}.wide{width:100%}.link-button{color:var(--muted);background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}.card .link-button{color:var(--ink-muted)}.card .link-button:hover{color:var(--ink)}.icon-button{color:var(--muted);background:0 0;border:none;font-size:1.1rem}.notice{justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:16px auto;padding:12px 16px;display:flex}.notice-error{color:#f2b3a8;background:#e06b5a1f;border:2px solid #e06b5a80}.scrim{opacity:0;pointer-events:none;z-index:20;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.scrim-on{opacity:1;pointer-events:auto}.drawer{z-index:21;background:var(--wicker) 0 0 / 28px 28px, #6e4a22;border-left:10px solid #5a3a18;flex-direction:column;gap:12px;width:min(420px,100vw);padding:0 16px 16px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:inset 4px 0 #c99a5a,inset 0 0 50px #28140599,-8px 0 #0000004d}.drawer-on{transform:none}.drawer-head{background:repeating-linear-gradient(60deg,#00000038 0 3px,#0000 3px 10px),repeating-linear-gradient(-60deg,#ffe6b42e 0 3px,#0000 3px 10px),linear-gradient(#a87840,#7a5228);border-bottom:4px solid #4a2f12;justify-content:space-between;align-items:center;margin:0 -16px;padding:14px 20px 12px;display:flex;box-shadow:0 4px #0000004d}.drawer-head h2{font-family:var(--display);color:#fbeccb;text-shadow:2px 2px #3b2412;margin:0;font-size:2.2rem;font-weight:400;line-height:1}.drawer .icon-button{color:#fbeccb;text-shadow:1px 1px #3b2412;font-size:1.3rem}.liner{min-height:0;color:var(--ink);background:repeating-linear-gradient(0deg,#b4281e21 0 14px,#0000 14px 28px),repeating-linear-gradient(90deg,#b4281e21 0 14px,#0000 14px 28px),#f5ecd9;border-radius:6px 10px 4px 8px;flex-direction:column;flex:1;gap:10px;padding:16px 16px 14px;display:flex;box-shadow:inset 0 0 22px #78461e40,0 4px #00000059}.liner p{margin:0}.liner .muted,.liner .link-button{color:var(--ink-muted)}.liner .link-button:hover{color:var(--ink-red)}.empty{font-family:var(--hand);margin-top:8px;font-size:1.1rem;font-style:italic}.lines{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.line{font-family:var(--hand);border-bottom:2px dashed #50371e66;justify-content:space-between;gap:12px;padding:12px 0;font-size:1.1rem;font-weight:700;display:flex}.line-end{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.drawer-foot{flex-direction:column;gap:10px;display:flex}.total-row{font-family:var(--hand);justify-content:space-between;align-items:baseline;font-size:1.25rem;font-weight:700;display:flex}.total-row strong{font-size:1.5rem}.prose{max-width:800px;color:var(--ink);font-family:var(--hand);background:var(--paper-bg);background-size:var(--paper-size);box-shadow:var(--paper-shadow);border-radius:4px 8px 5px 10px/9px 4px 10px 5px;margin:48px auto 0;padding:40px 44px 36px;font-size:1.1rem;line-height:1.65;position:relative}.prose h1{font-family:var(--display);color:var(--ink);margin:0 0 6px;font-size:3rem;font-weight:400;line-height:1.1}.prose h2{font-family:var(--display);color:#5a2e12;margin:28px 0 6px;font-size:1.7rem;font-weight:400}.prose p,.prose li{color:var(--ink)}.prose .muted{color:var(--ink-muted)}.prose a:not(.btn){color:var(--ink-red)}.prose .lead{color:var(--ink-muted)}@media (width<=640px){.prose{padding:32px 20px 28px}}.footer{border-top:4px solid var(--wood-dark);background:var(--plank);padding:28px 16px 20px;box-shadow:inset 0 2px #ffffff1a}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:1120px;margin:0 auto;display:flex}.footer-inner p{font-family:var(--hand);margin:4px 0 0;font-style:italic}.footer-links{font-family:var(--pixel);flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.footer-links a{color:#e0caa0;text-shadow:1px 1px 0 var(--wood-dark);text-decoration:none}.footer .muted{color:#e0caa0}.footer-links a:hover{color:#f2e2bf}.legal{color:#cdb68c;text-align:center;max-width:1120px;margin:20px auto 0;font-size:.75rem}@media (width<=640px){.nav{display:none}.header-inner{gap:12px}.brand{font-size:1.25rem}.hero{padding-top:44px}.upgrade-row,.upgrade-buy{flex-direction:column;align-items:stretch}.hero-icons{gap:10px}.hero-icons .pixel-icon{width:36px;height:36px}.section-title{padding:6px 28px 8px;font-size:1.6rem}}.modal-scrim{z-index:30;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;flex-direction:column;gap:14px;width:min(420px,100%);display:flex}.modal h2{font-family:var(--display);margin:0;font-size:2rem;font-weight:400;line-height:1}.modal p{margin:0}.username-row{align-items:center;gap:12px;display:flex}.head-lg{width:48px;height:48px;image-rendering:pixelated;border:2px solid var(--ink);flex:none}.input{min-width:0;font-family:var(--pixel);color:#fff;background:#000;border:2px solid #a0a0a0;border-radius:0;flex:1;padding:10px 12px;font-size:1.1rem}.input:focus{border-color:#fff;outline:none}.field-error{color:var(--ink-red);font-size:.95rem}