:root{
  --page:#edf3e6;--surface:#fffdf5;--surface2:#f6f7ea;--primary:#2f7f2e;--primary-dark:#174e2c;--accent:#8fbd45;--secondary:#2c8d86;--text:#193322;--muted:#6d786e;--line:#d8e1cf;--footer:#184e2a;--header:#fffdf7;--discord:#5865f2;--page-radius:22px;--card-overlay:.92;--card-overlay-pct:92%;--hero-overlay-pct:18%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.48;background-color:var(--page);background-image:var(--page-bg,none);background-size:cover;background-position:center;background-attachment:fixed}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{border:0}
h1,h2,h3,p{margin-top:0}
svg{display:block;width:1em;height:1em;fill:currentColor}
.nature-wash{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 26%),radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--secondary) 16%,transparent),transparent 25%),linear-gradient(180deg,color-mix(in srgb,var(--page) 82%,#fff),var(--page));pointer-events:none}
.page-frame{position:relative;z-index:1;width:min(1260px,calc(100% - 42px));margin:20px auto 34px;border:1px solid color-mix(in srgb,var(--line) 84%,#fff);border-radius:var(--page-radius);overflow:hidden;background:rgba(255,253,245,.78);box-shadow:0 24px 70px rgba(40,78,46,.16);backdrop-filter:blur(8px)}
.site-header{min-height:72px;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(210px,1fr);align-items:center;gap:24px;padding:0 28px;background-color:var(--header);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.site-brand{display:flex;align-items:center;gap:10px;min-width:0}.site-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px}.site-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:-.02em;color:var(--primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-leaf{width:38px;height:38px;display:grid;place-items:center;color:var(--primary);font-size:34px;transform:rotate(-14deg)}.brand-leaf.small{width:28px;height:28px;font-size:24px}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:750;color:#43554a;transition:.18s ease}.site-nav a:hover,.site-nav a.active{background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--primary-dark)}.nav-icon{font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 89%,#fff),var(--primary-dark));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--primary-dark) 20%,transparent)}.btn.compact{justify-self:end;padding:10px 14px}.btn-icon{font-size:15px}.btn.discord{background:var(--discord);color:#fff}.btn.soft{background:#eef4e7;color:var(--primary-dark);border:1px solid #d6e3cf}.btn.danger{background:#a44743;color:#fff}.site-shell{padding:0 18px 18px}
.hero-card{position:relative;min-height:310px;overflow:hidden;background-color:var(--surface);background-size:cover;background-position:var(--hero-pos,center center);border-bottom-left-radius:18px;border-bottom-right-radius:18px}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 100%,transparent) 0%,color-mix(in srgb,var(--surface) 97%,transparent) 28%,color-mix(in srgb,var(--surface) 76%,transparent) 48%,color-mix(in srgb,var(--surface) var(--hero-overlay-pct),transparent) 74%,transparent 100%)}.hero-copy{position:relative;z-index:2;width:min(560px,53%);padding:40px 32px 34px}.live-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));font-size:10px;font-weight:800;color:var(--primary-dark)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69be2d;box-shadow:0 0 0 4px rgba(105,190,45,.12)}.online-dot.dim{background:#aeb7ad;box-shadow:none}.hero-card h1{margin:0;color:var(--primary-dark);font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,4.35vw,62px);font-weight:600;line-height:.96;letter-spacing:-.045em}.hero-card h1 span{display:block;color:var(--primary)}.hero-tagline{margin:15px 0 4px;font-size:13.5px;font-weight:750;color:#3f5245}.hero-text{margin:0 0 20px;font-size:12.5px;color:var(--muted);max-width:460px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.server-chip{position:absolute;z-index:3;right:18px;bottom:16px;min-width:220px;padding:10px 13px;display:grid;gap:1px;border-radius:12px;background:rgba(255,253,245,.90);border:1px solid rgba(255,255,255,.78);box-shadow:0 9px 25px rgba(20,56,31,.13);backdrop-filter:blur(10px)}.server-chip small{font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--muted)}.server-chip b{font-size:12px;color:var(--primary-dark)}.server-chip span{font-size:10px;color:var(--muted)}
.dashboard-row{display:grid;grid-template-columns:1.04fr 1fr;gap:12px;margin-top:13px}.panel-card,.feature-card{position:relative;overflow:hidden;border:1px solid var(--line);background-color:var(--surface);background-size:cover;background-position:center;border-radius:14px;box-shadow:0 8px 24px rgba(45,78,50,.06)}.background-card:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--surface) var(--card-overlay-pct),transparent);pointer-events:none}.background-card>*{position:relative;z-index:1}.panel-card{padding:17px}.panel-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.panel-head h2,.feature-title h2{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.1;margin:0 0 3px;color:var(--primary-dark);font-weight:600}.panel-head p,.feature-title p{margin:0;font-size:10.5px;color:var(--muted)}.panel-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;font-size:17px}.panel-icon.green{background:#eff7e7;color:var(--primary)}.panel-icon.teal{background:#e7f5f2;color:var(--secondary)}.panel-icon.discord{background:#eef0ff;color:var(--discord)}.panel-icon.outline{background:#f8fbf2;border:1px solid #d9e7d2}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{min-width:0;min-height:122px;padding:11px 10px;border:1px solid #dce4d5;border-radius:10px;background:rgba(255,255,255,.68);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{font-size:25px;margin:1px 0 8px}.stat-icon.green{color:#6eb637}.stat-icon.blue{color:#3b86d6}.stat-icon.amber{color:#c18a17}.stat-icon.leaf{color:var(--primary)}.stat-card strong{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05;color:var(--primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-card small{margin-top:auto;font-size:9.5px;color:#4f5f54}.money-value{font-size:17px!important}.data-note{margin-top:8px;padding:7px 9px;border-radius:8px;background:#f6f8ef;color:var(--muted);font-size:9px;border:1px dashed var(--line)}.step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.step-item{position:relative;min-width:0;padding-right:8px}.step-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 6px 15px rgba(35,83,43,.14);margin-bottom:8px}.step-1{background:var(--primary)}.step-2{background:#4a7fbc}.step-3{background:var(--secondary)}.step-4{background:#b9d999;color:var(--primary-dark)}.step-arrow{position:absolute;top:10px;right:-2px;color:#9ba68e;font-size:19px}.step-meta>b{display:block;font-size:10px;margin-bottom:1px}.step-meta h3{font-size:10.5px;line-height:1.15;margin:0 0 4px;color:var(--primary-dark)}.step-meta p{font-size:9px;line-height:1.35;color:var(--muted);margin:0;max-width:118px}
.lower-grid{display:grid;grid-template-columns:1.08fr .98fr 1.08fr;gap:10px;margin-top:10px}.feature-card{min-height:210px;padding:16px}.feature-title{display:flex;align-items:flex-start;gap:9px;margin-bottom:8px}.feature-title>div{min-width:0}.feature-card p{font-size:10.5px;line-height:1.5;color:#516056;margin:0 0 14px;max-width:270px}.feature-content{position:relative;z-index:2;width:62%;min-height:178px;display:flex;flex-direction:column;align-items:flex-start}.feature-content .btn{margin-top:auto}.discord-feature{background-color:#fbfaf3}.discord-feature .feature-title h2{font-size:18px}.feature-image{position:absolute!important;z-index:0!important;top:0;right:0;bottom:0;width:44%;background-size:cover;background-position:center;border-left:1px solid rgba(216,225,207,.7)}.discord-feature:after{content:"";position:absolute;z-index:1;top:0;right:32%;bottom:0;width:24%;background:linear-gradient(90deg,var(--surface),transparent);pointer-events:none}.player-feature{padding-bottom:10px}.player-feature .feature-title{margin-bottom:2px}.player-feature .feature-title p{margin:2px 0 0}.player-list{display:grid;margin-top:4px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 2px;border-top:1px solid var(--line)}.player-row>span{display:flex;align-items:center;gap:8px;font-size:10px}.player-row small{font-size:9px;color:var(--primary);white-space:nowrap}.empty-state{display:flex;align-items:center;gap:8px;padding:16px 2px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.support-feature{background-color:#fbfaf2}.support-feature .feature-content{width:70%;min-height:178px}.support-art{position:absolute!important;z-index:0!important;right:7px;bottom:0;width:120px;height:140px}.support-art.custom{background-size:contain;background-position:right bottom;background-repeat:no-repeat}.support-art:not(.custom):before{content:"";position:absolute;left:32px;bottom:10px;width:72px;height:22px;border-radius:50%;background:#94836b;box-shadow:0 -6px 0 #a79372,0 -12px 0 #b3a083}.support-art .sprout{position:absolute;color:var(--primary);transform-origin:bottom center}.support-art .sprout.big{right:25px;bottom:53px;font-size:63px;transform:rotate(-8deg)}.support-art .sprout.small.one{right:61px;bottom:50px;font-size:38px;transform:rotate(-52deg)}.support-art .sprout.small.two{right:7px;bottom:48px;font-size:34px;transform:rotate(42deg)}.support-art i{position:absolute;right:57px;bottom:22px;width:7px;height:63px;border-radius:5px;background:var(--primary-dark);transform:rotate(-4deg)}
.site-footer{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 22px;background-color:var(--footer);background-size:cover;background-position:center;color:#eff8eb;font-size:9px}.site-footer>div{display:flex;align-items:center;gap:6px}.site-footer>span{display:flex;align-items:center;gap:6px;opacity:.88}.site-footer>a{justify-self:end;opacity:.7}.site-footer>a:hover{opacity:1}.footer-leaf{font-size:15px;color:#9ad45d}
/* installer */
.installer-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:#eaf0e2;color:#183022}.installer-shell{width:min(680px,100%)}.installer-brand{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin-bottom:16px;color:#155c2f}.installer-brand span{display:inline-grid;place-items:center;background:#2f7d32;color:#fff;padding:2px 8px;border-radius:5px;margin-right:8px}.installer-brand b{color:#2f7d32;font-size:12px;margin-left:7px}.installer-card{background:#fffdf6;border:1px solid #d8e1cf;border-radius:22px;padding:32px;box-shadow:0 20px 60px rgba(34,73,42,.12)}.installer-card h1{font:600 44px/1 Georgia,"Times New Roman",serif;margin:0 0 14px;color:#183022}
.form-grid{display:grid;gap:14px;margin-top:18px}.form-grid.two{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#4b5d50}input,textarea,select{width:100%;border:1px solid #d8e1cf;background:#fff;color:#183022;border-radius:9px;padding:10px 11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#2f7d32;box-shadow:0 0 0 3px rgba(47,125,50,.08)}textarea{min-height:92px;resize:vertical}.alert{padding:11px 13px;border-radius:10px;margin:15px 0;font-size:12px}.alert.error{background:#fff0ef;border:1px solid #e3aaa6;color:#7d2a25}.alert.success{background:#edf8ed;border:1px solid #b6d9b5;color:#255b2a}.back-link{display:inline-block;margin-top:20px;color:#6d786d;font-size:12px}
/* admin */
.admin-body{background:#edf2e7;color:#183022}.admin-top{min-height:68px;border-bottom:1px solid #d8e1cf;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));position:sticky;top:0;background:rgba(255,253,246,.97);backdrop-filter:blur(14px);z-index:30;box-shadow:0 4px 18px rgba(41,75,46,.05)}.admin-top>div{display:flex;align-items:center;gap:10px}.admin-top nav{display:flex;gap:17px;font-size:11px;color:#607065}.admin-top nav a:hover{color:#2f7d32}.admin-leaf{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf6e5;color:#2f7d32;font-size:14px}.edition-badge{font-size:8px;font-weight:900;letter-spacing:.14em;background:#e2f0d6;color:#2f7d32;padding:5px 8px;border-radius:7px}.admin-shell{max-width:1320px;margin:auto;padding:28px 24px 100px}.admin-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:25px}.admin-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#2f7d32;margin:0 0 5px}.admin-title h1{font:600 42px/1 Georgia,"Times New Roman",serif;margin:0;color:#183022}.admin-title p:last-child{margin:8px 0 0;color:#6d786d;font-size:12px}.admin-status{display:flex;align-items:center;gap:7px;background:#fffdf6;border:1px solid #d8e1cf;border-radius:999px;padding:8px 12px;font-size:10px;color:#2f7d32;font-weight:800}.admin-status i{width:8px;height:8px;border-radius:50%;background:#69c326}.admin-form{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:start}.admin-nav{position:sticky;top:88px;background:#fffdf6;border:1px solid #d8e1cf;border-radius:16px;padding:12px;box-shadow:0 10px 30px rgba(43,72,47,.05)}.admin-nav b{display:block;padding:8px 9px 10px;font-family:Georgia,"Times New Roman",serif;font-size:17px}.admin-nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:10px;color:#506057}.admin-nav a:hover{background:#edf5e7;color:#2f7d32}.admin-content{display:grid;gap:14px}.admin-card{background:#fffdf6;border:1px solid #d8e1cf;border-radius:16px;padding:22px;box-shadow:0 9px 28px rgba(43,72,47,.04);scroll-margin-top:88px}.admin-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.admin-card-head>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e7f1dc;color:#2f7d32;font-size:9px;font-weight:900}.admin-card h2{font:600 22px Georgia,"Times New Roman",serif;margin:0;color:#183022}.admin-card-head p{margin:2px 0 0;color:#758177;font-size:10px}.admin-card h3{font-size:12px;margin:20px 0 5px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.color-field{background:#f9faf3;border:1px solid #dfe6d7;padding:10px;border-radius:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px}.color-field input{width:36px;height:28px;padding:0;border:0;background:none}.color-field code{font-size:8px;color:#809087;grid-column:1/-1}.compact-grid{margin-top:13px}.compact-grid label span{color:#2f7d32}.image-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.image-field{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px;border:1px solid #dfe6d7;background:#fafbf5;border-radius:12px;align-items:center}.image-preview{width:120px;height:82px;border-radius:9px;overflow:hidden;background:#e8ede4;border:1px solid #d4decf;display:grid;place-items:center}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview.empty span{color:#8b988e;font-size:10px}.image-field>div:nth-child(2){display:grid;min-width:0}.image-field small{font-size:8px;color:#8a978d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn{display:inline-flex!important;align-items:center;justify-content:center;background:#edf5e7;border:1px solid #cfdfc7;color:#2f7d32;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:9px;width:max-content}.upload-btn input{display:none}.remove-image{display:flex!important;align-items:center;gap:6px;font-size:9px;font-weight:600;color:#8a5b5b}.remove-image input,.switch-row input{width:16px;height:16px;accent-color:#2f7d32}.api-status{display:flex;align-items:center;gap:11px;padding:11px;background:#f8faf3;border:1px solid #dfe6d7;border-radius:10px;margin-top:15px}.api-status div{display:grid}.api-status small{color:#7c8b81;word-break:break-all;font-size:9px}.code-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:300px;color:#264b31;background:#f5f8f1;font-size:10px}.admin-inline-actions{display:flex;gap:9px;margin-top:9px}.step-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.step-admin{background:#fafbf5;border:1px solid #dfe6d7;border-radius:11px;padding:12px;display:grid;gap:10px}.step-admin>b{font:700 16px Georgia,"Times New Roman",serif;color:#2f7d32}.switch-row{display:flex;align-items:center;gap:9px;margin:10px 0}.sticky-save{position:sticky;bottom:14px;display:flex;justify-content:flex-end;padding:7px 0;z-index:20;grid-column:2}.sticky-save .btn{box-shadow:0 15px 35px rgba(28,77,35,.25)}.danger-zone{margin-top:20px;border:1px solid #e2c7c3;background:#fff9f7;border-radius:15px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.danger-zone p{margin:3px 0 0;color:#947672;font-size:10px}.btn.wide{width:100%}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#2f7d32;margin:0 0 8px}input[type="range"]{padding:0;border:0;background:transparent;box-shadow:none;accent-color:#2f7d32}
@media(max-width:1020px){.page-frame{width:calc(100% - 24px);margin-top:12px}.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.hero-copy{width:68%}.dashboard-row{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.support-feature{grid-column:1/-1}.color-grid{grid-template-columns:repeat(3,1fr)}.image-admin-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:200px 1fr}.step-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.page-frame{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.site-header{min-height:64px;padding:0 14px}.site-brand strong{font-size:17px}.btn.compact{font-size:0;width:42px;height:42px;padding:0}.btn.compact .btn-icon{font-size:18px}.site-shell{padding:0 10px 10px}.hero-card{min-height:420px;background-position:68% center!important;border-radius:0 0 14px 14px}.hero-fade{background:linear-gradient(180deg,rgba(255,253,245,.99) 0%,rgba(255,253,245,.94) 56%,rgba(255,253,245,.52) 78%,rgba(255,253,245,.18) 100%)}.hero-copy{width:100%;padding:28px 20px 125px}.hero-card h1{font-size:45px}.server-chip{left:18px;right:18px;bottom:16px}.dashboard-row,.lower-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.step-flow{grid-template-columns:1fr 1fr;gap:14px}.step-arrow{display:none}.feature-card{min-height:220px}.feature-content{width:65%}.support-feature{grid-column:auto}.site-footer{grid-template-columns:1fr auto;padding:11px 14px}.site-footer>span{display:none}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-shell{padding:24px 12px 90px}.admin-title{align-items:flex-start;flex-direction:column}.admin-title h1{font-size:36px}.admin-form{grid-template-columns:1fr}.admin-nav{position:static;display:flex;overflow:auto;gap:5px}.admin-nav b{display:none}.admin-nav a{white-space:nowrap;border:1px solid #dde7d6}.admin-card{padding:18px}.color-grid{grid-template-columns:1fr 1fr}.image-field{grid-template-columns:95px 1fr}.image-preview{width:95px;height:72px}.step-admin-grid{grid-template-columns:1fr}.sticky-save{grid-column:1}.admin-top{padding:0 12px}.admin-top nav a:first-child{display:none}}
.design-preset-row{margin-top:14px;padding:12px 13px;border:1px solid #d8e5d0;border-radius:11px;background:#f6faef;display:flex;align-items:center;justify-content:space-between;gap:16px}.design-preset-row>div{display:grid;gap:2px}.design-preset-row b{font-size:11px;color:#245a31}.design-preset-row small{font-size:9px;color:#708076;max-width:560px}.design-preset-row .btn{flex:0 0 auto}
@media(max-width:720px){.design-preset-row{align-items:stretch;flex-direction:column}.design-preset-row .btn{width:100%}}