@font-face{font-family:GeistPixel;src:url('assets/fonts/GeistPixel-Regular-VariableFont_ELSH.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#0e0d0b;--surface:#171512;--surface-2:#1c1915;--surface-3:#242019;--line:rgba(255,201,116,.14);--text:#f4efe6;--muted:#a69b89;--muted-2:#766d60;--orange:#f39a35;--gold:#ffd16c;--red:#e96b45;--green:#70d49b;--blue:#74a7ff;--pixel:GeistPixel,ui-monospace,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:20px;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(110,62,19,.17),transparent 48%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.hero-backdrop{position:absolute;z-index:0;top:0;left:0;width:100%;height:min(850px,100vh);pointer-events:none;background-image:linear-gradient(180deg,rgba(10,9,8,.26) 0%,rgba(12,10,8,.42) 48%,#0e0d0b 100%),radial-gradient(ellipse at 50% 22%,rgba(240,132,27,.12),transparent 42%),url('assets/images/forest-scene.svg');background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.75;mask-image:linear-gradient(to bottom,#000 0%,#000 57%,transparent 100%)}.hero-backdrop::after{content:"";position:absolute;inset:0;background-image:url('assets/images/gear-background.png');background-repeat:no-repeat;background-position:68% 29%;background-size:min(460px,42vw) auto;opacity:.16;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 78%)}.forest-vignette{position:absolute;top:0;left:0;width:100%;height:1000px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at top,transparent 10%,rgba(5,5,4,.45) 90%)}#fireflies{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:1;mix-blend-mode:screen}.topbar{height:86px;width:min(var(--max),calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.055)}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{display:block;width:55px;height:55px;border-radius:50%;overflow:hidden;flex:none;position:relative;background:transparent}.brand-mark img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.9) 53%,transparent 75%)}.brand-copy{display:grid;line-height:1.08;gap:5px}.brand-copy strong{font-family:var(--pixel);font-size:21px;letter-spacing:.04em}.brand-copy small{font-family:var(--pixel);font-size:10px;color:var(--orange);letter-spacing:.23em}.nav{display:flex;align-items:center;gap:7px}.nav-link{padding:11px 13px;font-size:12px;color:#c1b7a8;border-radius:10px;transition:color .18s,background .18s;white-space:nowrap}.nav-link:hover,.nav-link.active{background:rgba(244,154,53,.095);color:#fff1d8}.nav-shop{border:1px solid rgba(243,154,53,.42);color:var(--gold);padding-inline:17px}.nav-shop span{padding-left:8px}.nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;gap:4px;flex-direction:column}.nav-toggle span{display:block;background:#f7c46c;height:2px;width:17px;border-radius:3px}.page{display:none;position:relative;z-index:1;animation:pageFade .4s ease}.page.active{display:block}@keyframes pageFade{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:590px;display:flex;align-items:center;position:relative;padding-top:45px;padding-bottom:55px}.hero-copy{max-width:670px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d79c4f;font-family:var(--pixel);font-weight:700;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f5b444;box-shadow:0 0 12px rgba(255,189,69,.8);flex:none}.pulse-dot.muted{background:#a29783;box-shadow:none}.hero h1,.page-head h1{font-size:clamp(44px,6.5vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 20px;font-weight:850}.hero h1 span,.page-head h1 span{font-family:var(--pixel);color:var(--orange);text-shadow:0 0 35px rgba(233,132,26,.22);letter-spacing:-.04em}.hero-lead{font-size:15px;color:#c0b5a4;max-width:490px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:29px}.btn{border:1px solid transparent;border-radius:11px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:750;font-size:12px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;min-height:45px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ffbe59,#ed842a);color:#241508;box-shadow:0 8px 26px rgba(235,123,25,.13)}.btn-primary:hover{background:linear-gradient(135deg,#ffd17c,#f2963b)}.btn-ghost{background:rgba(20,18,15,.6);border-color:rgba(255,255,255,.12);color:#e7dfd3}.btn-ghost:hover{border-color:rgba(255,187,77,.45);background:rgba(255,173,58,.06)}.server-mini{margin-top:47px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.status-light{display:flex;gap:11px;align-items:center}.status-light>div{display:grid;gap:2px}.status-light strong{font-size:12px;font-weight:700}.status-light small{font-size:10px;color:var(--muted)}.copy-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:rgba(21,18,14,.8);padding:10px 13px;font-size:11px;cursor:pointer}.copy-button:disabled,.icon-button:disabled,.text-button:disabled{opacity:.38;cursor:not-allowed}.copy-button span{color:var(--gold)}
.manual-join{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:1px}
.join-field{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 245px;min-width:0;max-width:340px;padding:10px 11px;border:1px solid rgba(255,201,116,.15);border-radius:12px;background:rgba(17,15,12,.78)}
.join-field>div{display:grid;gap:2px;min-width:0}
.join-field small{font-family:var(--pixel);font-size:8px;letter-spacing:.12em;color:var(--muted)}
.join-field strong{font-size:11px;color:#ffe1ab;overflow-wrap:anywhere}
.join-field .copy-button{flex:none;padding:8px 9px;font-size:10px}.hero-note{font-family:var(--pixel);font-size:9px;letter-spacing:.22em;color:#807361;margin-top:32px}.hero-note i{font-style:normal;color:#d28b32;padding:0 6px}.hero-emblem{position:absolute;right:6%;top:17%;width:min(330px,34vw);aspect-ratio:1;border-radius:50%;opacity:.66;display:grid;place-items:center;pointer-events:none}.emblem-orbit{position:absolute;border:1px solid rgba(248,172,68,.22);border-radius:50%;inset:8%;box-shadow:0 0 50px rgba(243,131,37,.045) inset}.orbit-one{transform:rotate(26deg) scaleX(.72)}.orbit-two{inset:18%;transform:rotate(-35deg) scaleX(1.18);border-style:dashed}.emblem-core{font-family:var(--pixel);font-size:clamp(110px,18vw,200px);color:rgba(246,153,47,.13);text-shadow:0 0 55px rgba(239,129,26,.16)}.emblem-label{position:absolute;bottom:12%;font-family:var(--pixel);letter-spacing:.25em;font-size:8px;color:#ae7b3e}.section-pad{padding-top:23px;padding-bottom:74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 25px}.section-heading h2,.community-strip h2,.shop-help h2{font-size:clamp(23px,3vw,33px);letter-spacing:-.035em;line-height:1.15;margin:9px 0 0}.section-heading>p{font-size:12px;color:var(--muted);max-width:275px;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:224px;padding:23px 22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(37,31,24,.92),rgba(20,18,15,.92));cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(255,177,73,.4);background:linear-gradient(150deg,#2a2117,#171411)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:rgba(238,148,51,.1);border:1px solid rgba(238,148,51,.16);color:var(--gold);font-family:var(--pixel);font-size:24px}.feature-card h3{font-size:16px;margin:18px 0 6px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.card-arrow{margin-top:auto;padding-top:19px;color:#e8ad5e;font-size:11px}.card-arrow b{margin-left:6px;font-weight:500}.community-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(239,157,59,.16);background:linear-gradient(120deg,rgba(74,46,22,.34),rgba(24,20,15,.9));border-radius:22px;padding:27px 30px;margin-bottom:22px}.community-strip h2{font-size:24px}.community-strip p,.shop-help p{color:var(--muted);font-size:12px;margin:8px 0 0}.community-actions{display:flex;gap:10px;flex-wrap:wrap}.community-actions .btn{white-space:nowrap}.extra-links{display:flex;gap:12px;padding-bottom:72px}.extra-links>a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(23,21,18,.76);border-radius:14px;padding:13px 16px;min-width:220px}.extra-links>a>span:first-child{color:var(--gold);font-size:20px}.extra-links>a>span:last-child{display:grid;gap:2px}.extra-links strong{font-size:11px}.extra-links small{font-size:10px;color:var(--muted)}.page-head{padding-top:75px;padding-bottom:32px}.page-head h1{font-size:clamp(38px,5vw,62px);margin:15px 0 12px}.page-head>p{font-size:13px;color:var(--muted);max-width:670px;margin:0;line-height:1.8}.notice{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid rgba(248,190,86,.2);background:rgba(128,82,27,.09);border-radius:14px;margin-bottom:18px;color:#f7ca7d}.notice>span{font-size:17px;padding-top:1px}.notice strong{font-size:12px;color:#f3d9a2}.notice p{font-size:11px;color:#bba98e;margin:3px 0 0;line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.panel-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(31,27,22,.95),rgba(20,18,15,.97));border-radius:17px;padding:19px;min-width:0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#c0b5a4;font-size:11px}.tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:7px;font-size:8px;font-family:var(--pixel);letter-spacing:.08em;white-space:nowrap}.tag-muted{color:#a69b8a;background:rgba(160,147,127,.07)}.tag-live{color:#9af1b6;border-color:rgba(112,212,155,.3);background:rgba(59,152,91,.1)}.tag-offline{color:#ff9f8e;border-color:rgba(233,107,69,.3);background:rgba(233,107,69,.08)}.big-status{display:flex;align-items:center;gap:9px;margin:24px 0 8px;font-size:19px;letter-spacing:-.03em}.status-ring{width:10px;height:10px;border-radius:50%;border:2px solid #a69b8a;box-shadow:0 0 0 4px rgba(166,155,138,.08);flex:none}.status-ring.online{border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px rgba(112,212,155,.12),0 0 14px rgba(112,212,155,.6)}.panel-card>p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.server-state>p{min-height:34px}.mini-icon{color:#eda84d;font-size:18px}.metric-word{font-family:var(--pixel);font-size:24px;font-weight:750;color:#f5c16c;margin:24px 0 9px;overflow-wrap:anywhere}.address-line{display:flex;align-items:center;gap:7px;margin:21px 0 10px;min-height:31px}.address-line strong{font-family:var(--pixel);font-size:14px;overflow-wrap:anywhere}.icon-button{border:1px solid var(--line);background:rgba(243,154,53,.07);border-radius:7px;width:29px;height:29px;flex:none;cursor:pointer;color:var(--gold)}.text-button{border:0;background:transparent;color:#e5a54b;font-size:10px;padding:8px 0 0;cursor:pointer}.subhead{margin-top:38px}.subhead h2{font-size:24px}.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.gauge-card{text-align:center;padding:22px 13px 17px}.gauge{--gauge-color:#f4a343;width:116px;height:116px;border-radius:50%;margin:0 auto 17px;display:grid;place-items:center;background:conic-gradient(var(--gauge-color) 0deg,rgba(255,255,255,.08) 0deg 360deg);position:relative}.gauge:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#1a1713;border:1px solid rgba(255,255,255,.035)}.gauge>div{position:relative;z-index:1;display:grid;gap:1px}.gauge strong{font-family:var(--pixel);font-size:28px;color:#f4dfbc}.gauge small{font-family:var(--pixel);font-size:10px;letter-spacing:.17em;color:var(--muted)}.gauge-gold{--gauge-color:#f4cc61}.gauge-blue{--gauge-color:#75aaff}.gauge-red{--gauge-color:#ed735c}.gauge-card h3{font-size:12px;margin:0 0 4px}.gauge-card p{max-width:175px;margin:auto}.panel-explain{display:flex;align-items:flex-start;gap:14px;margin:0 0 70px}.panel-explain h3{font-size:13px;margin:1px 0 5px}.panel-explain p{font-size:11px;color:var(--muted);margin:0;line-height:1.8;max-width:760px}.sales-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.chart-card{margin-bottom:17px}.chart-card .panel-top{align-items:center}.chart-card h2{font-size:21px;margin:5px 0 0}.empty-chart{height:255px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 28px;margin-top:16px}.chart-grid{grid-row:1;grid-column:1;display:flex;flex-direction:column;justify-content:space-between;padding:2px 10px 0 0;color:#7d7263;font-size:9px}.chart-bars{grid-row:1;grid-column:2;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.075) calc(25% - 1px),rgba(255,255,255,.075) 25%);border-bottom:1px solid rgba(255,255,255,.1)}.chart-empty-message{max-width:280px;text-align:center;color:#948775;font-size:11px;padding:18px}.chart-days{grid-row:2;grid-column:2;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;text-align:center;color:#9e9280;font-size:10px}.chart-caption{font-size:10px;color:var(--muted-2);margin:13px 0 0}.shop-head{padding-bottom:20px}.shop-head>p{max-width:550px}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.shop-tab{background:#181613;border:1px solid var(--line);border-radius:999px;color:#b8ac9a;font-size:11px;padding:9px 15px;cursor:pointer}.shop-tab.active{background:rgba(243,154,53,.14);border-color:rgba(243,154,53,.42);color:#ffcf7f}.shop-count{font-size:10px;color:var(--muted);margin:0 0 13px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding-bottom:36px}.product-card{overflow:hidden;min-width:0;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,#211b14,#151310);transition:transform .18s,border-color .18s}.product-card:hover{transform:translateY(-3px);border-color:rgba(248,182,86,.38)}.product-art{height:142px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(255,179,80,.18),transparent 57%),linear-gradient(140deg,#34231a,#1a1713 74%)}.product-art:before,.product-art:after{content:"";position:absolute;border:1px solid rgba(255,212,133,.16);border-radius:50%;width:114px;height:114px;transform:rotate(-30deg) scaleX(.6)}.product-art:after{width:82px;height:82px;transform:rotate(40deg) scaleX(.8);border-style:dashed}.product-symbol{position:relative;z-index:1;font-family:var(--pixel);font-size:58px;color:#ffd17b;text-shadow:0 0 24px rgba(255,171,55,.52),0 4px 0 rgba(101,49,14,.8)}.product-spark{position:absolute;color:#ffd877;font-size:17px;z-index:1}.spark-one{left:20%;top:25%}.spark-two{right:19%;bottom:23%;font-size:14px}.product-tier{position:absolute;left:12px;bottom:10px;font-family:var(--pixel);font-size:8px;letter-spacing:.16em;color:#f6c980;z-index:1}.accent-copper{background:radial-gradient(ellipse at center,rgba(240,141,71,.23),transparent 60%),linear-gradient(140deg,#33251e,#171310)}.accent-amber,.accent-sunset,.accent-gold,.accent-glow{background:radial-gradient(ellipse at center,rgba(255,179,58,.23),transparent 62%),linear-gradient(140deg,#342718,#171310)}.accent-violet{background:radial-gradient(ellipse at center,rgba(162,116,255,.24),transparent 62%),linear-gradient(140deg,#2b2035,#151219)}.accent-stone{background:radial-gradient(ellipse at center,rgba(178,187,195,.22),transparent 62%),linear-gradient(140deg,#282b2e,#151618)}.accent-crimson{background:radial-gradient(ellipse at center,rgba(240,77,78,.2),transparent 62%),linear-gradient(140deg,#341d20,#171112)}.accent-cosmic{background:radial-gradient(ellipse at center,rgba(102,112,255,.26),transparent 62%),linear-gradient(140deg,#211c3b,#111018)}.shard-art{background:radial-gradient(ellipse at center,rgba(135,154,168,.23),transparent 62%),linear-gradient(140deg,#24292b,#141615)}.accent-common{--shard-color:#a5adb4}.accent-rare{--shard-color:#59b8ef;background:radial-gradient(ellipse at center,rgba(64,177,238,.22),transparent 62%),linear-gradient(140deg,#1d2b36,#121619)}.accent-epic{--shard-color:#bf8aff;background:radial-gradient(ellipse at center,rgba(171,94,255,.24),transparent 62%),linear-gradient(140deg,#2b1f36,#151219)}.accent-mythic{--shard-color:#ff8b83;background:radial-gradient(ellipse at center,rgba(255,103,82,.22),transparent 62%),linear-gradient(140deg,#361d1e,#171212)}.accent-legendary{--shard-color:#ffd366;background:radial-gradient(ellipse at center,rgba(255,203,70,.25),transparent 62%),linear-gradient(140deg,#35291a,#171310)}.shard-art .product-symbol{color:var(--shard-color,#ffd17b);text-shadow:0 0 24px var(--shard-color,#ffd17b)}.product-info{padding:15px 14px 14px}.product-type{font-family:var(--pixel);font-size:8px;letter-spacing:.1em;color:#c19a61}.product-info h3{font-family:var(--pixel);font-size:17px;line-height:1.2;margin:8px 0 4px;overflow-wrap:anywhere}.product-subtitle{font-size:10px;color:var(--muted);margin:0;min-height:16px}.product-price{font-size:15px;font-weight:800;letter-spacing:-.025em;margin:13px 0 12px;color:#ffd07a;white-space:nowrap}.price-pending{font-size:12px;color:#c5b59c;white-space:normal;min-height:36px}.btn-product{width:100%;min-height:39px;background:rgba(247,167,61,.1);color:#f7ca7d;border-color:rgba(243,154,53,.2);font-size:10px;justify-content:space-between;padding:9px 10px}.btn-product:hover{background:rgba(247,167,61,.18);border-color:rgba(243,154,53,.4)}.shop-help{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,rgba(74,46,22,.34),rgba(24,20,15,.9));padding:22px 26px;margin-bottom:70px}.shop-help h2{font-size:22px}.shop-help p{max-width:620px;line-height:1.7}.footer{border-top:1px solid rgba(255,255,255,.07);background:rgba(8,8,7,.5);position:relative;z-index:2}.footer-main{display:flex;align-items:center;gap:28px;padding:23px 0}.footer-brand{min-width:auto}.footer-brand .brand-mark{width:40px;height:40px}.footer-brand .brand-copy strong{font-size:16px}.footer-brand .brand-copy small{font-size:8px}.footer-main>p{font-size:10px;color:var(--muted);margin-right:auto}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-size:10px;color:#cbbda8}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;gap:20px;padding:12px 0 20px;font-size:9px;color:#70685d}.order-dialog{width:min(510px,calc(100% - 30px));max-height:min(90vh,760px);overflow:auto;padding:28px;border:1px solid rgba(245,173,70,.25);border-radius:21px;background:#191612;color:var(--text);box-shadow:0 28px 100px rgba(0,0,0,.7)}.order-dialog::backdrop{background:rgba(5,4,3,.78);backdrop-filter:blur(7px)}.dialog-close-row{display:flex;justify-content:flex-end;margin:-12px -12px 5px}.dialog-close{background:transparent;border:0;color:#bdb09c;font-size:27px;cursor:pointer;line-height:1}.dialog-kicker{font-family:var(--pixel);font-size:9px;letter-spacing:.18em;color:#d99e51}.order-dialog h2{font-size:27px;letter-spacing:-.04em;margin:7px 0}.dialog-description{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 18px}.selected-product{display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:rgba(243,154,53,.06);border-radius:13px;padding:12px;margin-bottom:18px}.selected-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(243,154,53,.12);color:var(--gold);font-size:25px}.selected-product>div{display:grid;gap:2px}.selected-product small{font-family:var(--pixel);font-size:8px;letter-spacing:.14em;color:var(--muted)}.selected-product strong{font-family:var(--pixel);font-size:16px}.selected-product span:last-child{font-size:11px;color:#f6c66e}.order-dialog label{display:block;font-size:11px;margin:14px 0 6px;color:#e4d8c6}.order-dialog label span{color:#e98255}.order-dialog input,.order-dialog textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#100f0d;color:var(--text);border-radius:9px;padding:11px 12px;font-size:12px;outline:none;resize:vertical}.order-dialog input:focus,.order-dialog textarea:focus{border-color:rgba(243,154,53,.6);box-shadow:0 0 0 3px rgba(243,154,53,.08)}.dialog-disclaimer{font-size:10px;color:#a99b85;line-height:1.7;padding:12px 0}.dialog-submit{width:100%;margin-top:2px}.toast{position:fixed;z-index:99;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;padding:12px 17px;max-width:calc(100% - 34px);border:1px solid rgba(255,199,113,.26);background:#221b13;color:#ffe1ae;border-radius:12px;font-size:11px;box-shadow:0 12px 35px rgba(0,0,0,.4);transition:opacity .22s,transform .22s}.toast.show{opacity:1;transform:translate(-50%,0)}.is-disabled{opacity:.5;cursor:not-allowed}
@media(min-width:1300px){.hero{min-height:620px}.hero-emblem{right:11%}}
@media(max-width:1000px){.nav-link{padding:10px 9px;font-size:11px}.brand{min-width:180px}.hero-emblem{right:0;opacity:.45}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-mini{margin-top:34px}}
@media(max-width:720px){.wrap,.topbar{width:calc(100% - 32px)}.topbar{height:72px}.brand{min-width:0}.brand-mark{width:45px;height:45px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:64px;right:0;left:0;padding:9px;border:1px solid var(--line);border-radius:15px;background:rgba(19,17,14,.98);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.5);flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav-link{padding:13px 12px;font-size:12px}.nav-shop{margin-top:4px}.hero{min-height:600px;padding-top:50px;padding-bottom:50px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:clamp(45px,12vw,70px);margin-top:20px}.hero-lead{font-size:13px;max-width:390px}.hero-emblem{width:190px;right:-25px;top:35%;opacity:.3}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1;min-width:140px;padding-inline:12px}.server-mini{gap:15px;margin-top:38px}.manual-join{display:grid;grid-template-columns:1fr;gap:8px}.join-field{max-width:none;width:100%}.hero-note{font-size:8px;letter-spacing:.1em}.section-pad{padding-top:15px;padding-bottom:48px}.section-heading{display:block}.section-heading>p{margin-top:11px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:175px;padding:20px}.community-strip,.shop-help{display:block;padding:23px 20px}.community-actions{margin-top:18px}.community-actions .btn{flex:1}.extra-links{display:grid;grid-template-columns:1fr;padding-bottom:47px}.extra-links>a{min-width:0}.page-head{padding-top:49px;padding-bottom:24px}.page-head h1{font-size:clamp(38px,10vw,54px)}.stats-grid,.sales-summary{grid-template-columns:1fr 1fr}.panel-card{padding:15px}.server-state{grid-column:1/-1}.big-status{font-size:16px;margin-top:19px}.metric-word{font-size:21px;margin-top:20px}.performance-grid{gap:10px}.gauge{width:94px;height:94px}.gauge:before{inset:7px}.gauge strong{font-size:24px}.gauge-card{padding:18px 10px 15px}.gauge-card h3{font-size:11px}.gauge-card p{font-size:9px}.subhead{margin-top:28px}.chart-card{padding:14px}.chart-card h2{font-size:17px}.chart-card .tag{font-size:7px;padding:5px}.empty-chart{height:225px;grid-template-columns:27px 1fr}.chart-grid{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:126px}.product-info{padding:13px 11px}.product-info h3{font-size:16px}.product-price{font-size:14px}.price-pending{font-size:11px}.shop-tabs{margin-top:22px}.shop-help .btn{margin-top:17px;width:100%}.footer-main{display:grid;grid-template-columns:1fr auto;gap:13px}.footer-main>p{grid-column:1/-1;grid-row:2;margin:0}.footer-links{grid-column:1/-1;grid-row:3;gap:16px}.footer-bottom{padding-bottom:16px;flex-direction:column;gap:4px}.order-dialog{padding:22px}.hero-backdrop{height:720px;background-position:55% top}}
@media(max-width:390px){.wrap,.topbar{width:calc(100% - 24px)}.brand-copy strong{font-size:16px}.hero-actions .btn{font-size:10px}.stats-grid,.sales-summary{grid-template-columns:1fr}.server-state{grid-column:auto}.performance-grid{grid-template-columns:1fr 1fr}.panel-top{font-size:10px}.tag{font-size:7px}.product-art{height:112px}.product-symbol{font-size:48px}.product-tier{left:8px;font-size:7px}.product-info h3{font-size:14px}.product-type{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Historical snapshot chart: baseline figures supplied before the website launched. */
.chart-bars{display:flex;align-items:stretch;justify-content:space-around;gap:clamp(5px,1.4vw,16px);padding:0 4%;}
.chart-bar-item{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;position:relative;z-index:1;}
.chart-bar-value{font-size:10px;font-weight:700;color:#f7d18e;line-height:1;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.8);}
.chart-bar-fill{width:min(42px,72%);height:var(--bar-height);min-height:0;background:linear-gradient(180deg,#ffd06a 0%,#f39a35 56%,#a7511e 100%);border:1px solid rgba(255,218,150,.22);border-bottom:0;border-radius:7px 7px 0 0;box-shadow:0 0 18px rgba(243,154,53,.12);transition:height .35s ease;}
.popular-products{font-size:clamp(14px,1.35vw,20px);line-height:1.45;white-space:normal;overflow-wrap:anywhere;}

/* FIX: unmistakable, colorful historical gauges. The percentages are historical until a safe live metrics source is connected. */
.gauge{background:conic-gradient(var(--gauge-color) 0deg var(--metric-angle,0deg),rgba(255,255,255,.10) var(--metric-angle,0deg) 360deg)!important;box-shadow:0 0 24px color-mix(in srgb,var(--gauge-color) 13%,transparent),inset 0 0 0 1px rgba(255,255,255,.035);transition:filter .25s ease,transform .25s ease}
.gauge-card:hover .gauge{filter:brightness(1.16);transform:translateY(-2px)}
.gauge-orange{--gauge-color:#ff872e}.gauge-gold{--gauge-color:#ffd05c}.gauge-blue{--gauge-color:#68baff}.gauge-red{--gauge-color:#ff5b4d}
.gauge:before{background:radial-gradient(circle at 32% 25%,#242019,#15120f 74%);border:1px solid color-mix(in srgb,var(--gauge-color) 18%,transparent)}
.gauge strong{color:var(--gauge-color);text-shadow:0 0 15px color-mix(in srgb,var(--gauge-color) 22%,transparent)}
/* FIX: make the particles visible above page content but keep navigation clickable and legible. */
#fireflies{position:fixed;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;opacity:1;mix-blend-mode:screen}
/* FIX: weekly chart needs real columns with a readable value label for every day. */
#salesChartBars{display:flex;align-items:stretch;justify-content:space-around;gap:clamp(5px,1.4vw,16px);padding:0 4%;overflow:visible}
#salesChartBars .chart-bar-item{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;z-index:1}
#salesChartBars .chart-bar-value{position:absolute;bottom:calc(var(--bar-height) + 5px);font-size:10px;font-weight:800;color:#ffe1a0;line-height:1;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.95);z-index:2}
#salesChartBars .chart-bar-fill{display:block;flex:none;width:min(42px,72%);height:var(--bar-height);min-height:3px;background:linear-gradient(180deg,#ffe17b 0%,#ff9e3c 44%,#bd5319 100%);border:1px solid rgba(255,218,150,.38);border-bottom:0;border-radius:7px 7px 0 0;box-shadow:0 0 20px rgba(243,154,53,.24);transition:height .55s cubic-bezier(.2,.75,.25,1),filter .25s ease;animation:barGlow 3.2s ease-in-out infinite alternate}
#salesChartBars .chart-bar-item:hover .chart-bar-fill{filter:brightness(1.3)}
#salesChartBars .chart-bar-item:nth-child(2n) .chart-bar-fill{background:linear-gradient(180deg,#ffe9a1 0%,#f89e40 50%,#a84b20 100%)}
#salesChartDays{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;align-items:end;gap:clamp(5px,1.4vw,16px);padding:0 4%;font-size:10px}
@keyframes barGlow{from{filter:drop-shadow(0 0 1px rgba(255,149,41,.12))}to{filter:drop-shadow(0 0 5px rgba(255,149,41,.25))}}
/* Scroll reveal: each section/card fades in when it enters view and fades out when it leaves. */
.reveal-item{opacity:0;transform:translate3d(0,24px,0) scale(.99);filter:blur(3px);transition:opacity .58s ease,transform .66s cubic-bezier(.2,.7,.25,1),filter .58s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-item.is-visible{opacity:1;transform:none;filter:none;transition:none;animation:none}#salesChartBars .chart-bar-fill{animation:none}}