/* FREETOPLAY STORE — COMPLETE BLACK / FARM GREEN DESIGN
   Visual-only layer. Does not replace application JavaScript, API or data. */
:root{
 --ft-green:#a4e847;--ft-green-bright:#b9ff55;--ft-green-deep:#426c22;
 --ft-bg:#090d09;--ft-panel:#111811;--ft-panel-2:#172118;--ft-panel-3:#1c281c;
 --ft-line:#2d3b2c;--ft-text:#f4f7ef;--ft-muted:#b2bcae;--ft-muted-2:#879483;
 --ft-radius:18px;--ft-shadow:0 18px 55px #0008;
}
*{scrollbar-color:#526c3c #0a0f0a}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{background:radial-gradient(ellipse at 12% 0%,#243b1a77 0,transparent 34%),radial-gradient(ellipse at 90% 16%,#263d1a44 0,transparent 32%),linear-gradient(180deg,#0a0f0a 0%,#090c09 60%,#0c120c 100%)!important;color:var(--ft-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.65!important;letter-spacing:.005em;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:linear-gradient(135deg,transparent 49.5%,#8eb95c18 50%,transparent 50.5%);background-size:34px 34px}
a{color:#c5f58d;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--ft-green-bright)}
::selection{background:var(--ft-green);color:#10170b}
.wrap{width:min(1240px,calc(100% - 36px))!important}
header,.top{position:sticky!important;top:0;z-index:40;background:#0b100beF!important;backdrop-filter:blur(18px);border-bottom:1px solid #36452e!important;box-shadow:0 8px 28px #0003}
header .wrap,.top .wrap{min-height:76px}
.brand,.brand-wrap,.brand-title,.title{letter-spacing:-.035em}
.brand img,.logo,.brand-wrap img{border:1px solid #526743!important;box-shadow:0 0 0 4px #a4e84712;border-radius:13px!important;object-fit:cover}
.brand{font-size:16px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em!important}
.brand span{color:var(--ft-green)!important}
.links{gap:7px!important;align-items:center}
.links a,.admin-link,.panel-link{font-size:13px!important;font-weight:750!important;text-decoration:none!important;border:1px solid transparent;border-radius:11px;padding:10px 12px!important;color:#dce6d5!important;transition:all .18s ease}
.links a:hover,.admin-link:hover,.panel-link:hover{background:#1b2819!important;border-color:#435d36!important;color:var(--ft-green-bright)!important}
.cart,.btn,button.btn,.back{border:1px solid #3c4b37!important;border-radius:12px!important;padding:11px 16px!important;background:linear-gradient(180deg,#1c261b,#121912)!important;color:#f5f8f1!important;font-weight:800!important;box-shadow:0 5px 15px #0002;transition:transform .18s ease,border-color .18s ease,filter .18s ease}
.cart:hover,.btn:hover,.back:hover{transform:translateY(-1px);border-color:#87b85a!important;filter:brightness(1.08)}
.btn.primary,.primary,.cart{background:linear-gradient(135deg,#b9f36c,#8bcf42)!important;color:#10170b!important;border-color:#c5ff80!important;box-shadow:0 7px 22px #8fce4030!important}
.btn.primary:hover,.primary:hover,.cart:hover{background:linear-gradient(135deg,#d0ff8d,#9ce84b)!important;color:#0c1308!important}
.count{background:#0e170b!important;color:#c6ff87!important;border:1px solid #3f612c;border-radius:7px;padding:2px 7px;font-size:12px;font-weight:900}
.hero{position:relative;overflow:hidden;padding:clamp(52px,8vw,104px) 0!important;border-bottom:1px solid #2a3827;background:radial-gradient(ellipse at 75% 45%,#496e2930,transparent 38%),linear-gradient(110deg,#111a10 0%,#0b100b 58%,#10180e 100%)!important}
.hero:after{content:"FREETOPLAY FARM STORE";position:absolute;right:-25px;bottom:-35px;font-size:clamp(40px,8vw,118px);font-weight:1000;letter-spacing:-.075em;white-space:nowrap;color:#d9f6c008;pointer-events:none}
.hero-grid{position:relative;z-index:1;gap:clamp(28px,6vw,86px)!important;align-items:center!important}
.eyebrow,.badge{display:inline-flex!important;align-items:center;gap:8px;background:#1a2916!important;color:#c4f58c!important;border:1px solid #456332!important;border-radius:999px!important;padding:7px 12px!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase;font-weight:900!important}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--ft-green);border-radius:50%;box-shadow:0 0 12px #a4e847}
h1,h2,h3,h4{color:#f5f8ef!important;letter-spacing:-.045em!important;line-height:1.13!important;font-weight:900!important}
.hero h1{font-size:clamp(42px,6.4vw,76px)!important;max-width:780px;margin:20px 0!important}
.hero h1 span{color:var(--ft-green)!important;text-shadow:0 5px 32px #a4e84720}
.hero p,.section-head p,.muted,.brand-sub,.sub,.small,.hint{color:var(--ft-muted)!important}
.hero p{max-width:620px;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.8!important}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-product{position:relative!important;border:1px solid #526b3e!important;border-radius:25px!important;padding:clamp(22px,4vw,38px)!important;background:radial-gradient(circle at 50% 20%,#344a25 0%,#1a2517 38%,#111811 78%)!important;box-shadow:0 25px 75px #0007,inset 0 1px #ffffff10!important;min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-product:before{content:"DROP 001 · COMMUNITY GEAR";position:absolute;top:18px;left:20px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#c6ef9a}
.hero-product img{width:min(100%,350px)!important;max-height:310px!important;object-fit:contain!important;filter:drop-shadow(0 24px 24px #0008);transition:transform .3s ease}
.hero-product:hover img{transform:translateY(-5px) rotate(-1deg)}
.hero-product h2{font-size:24px!important;margin:15px 0 4px!important}.price{color:var(--ft-green)!important;font-size:25px!important;font-weight:950!important;letter-spacing:-.04em}.shipping-note{color:var(--ft-muted)!important;font-size:12px!important}
.section{padding:clamp(44px,6vw,76px) 0!important}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px!important}
.section-head h2,.section h2{font-size:clamp(28px,4vw,42px)!important;margin:10px 0!important}
.grid{gap:18px!important}
.card,.info-box,.info,.notice,.ship,.sum,.ref-card,.discord-card,.order,.stat,.inv-card,.modal,.community,.points,.ref-stat,.table-wrap,.auth,.login,.dash-head,.dashboard-head{background:linear-gradient(145deg,#151e14,#101610)!important;border:1px solid var(--ft-line)!important;border-radius:var(--ft-radius)!important;box-shadow:0 12px 32px #0002}
.card{overflow:hidden!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);border-color:#597742!important;box-shadow:0 18px 42px #0005}
.card img{object-fit:contain;max-width:100%}
.card-body{padding:20px!important}.card h3,.card h2{font-size:19px!important}.card-row{gap:12px!important}
.section .badge{margin-bottom:8px}
input,select,textarea{width:100%;min-height:46px;background:#0b110b!important;color:#f5f8f1!important;border:1px solid #394a35!important;border-radius:11px!important;padding:11px 13px!important;outline:none;box-shadow:inset 0 1px 2px #0004;transition:border-color .18s ease,box-shadow .18s ease}
input::placeholder,textarea::placeholder{color:#7f8c79!important}
input:focus,select:focus,textarea:focus{border-color:var(--ft-green)!important;box-shadow:0 0 0 3px #a4e84720!important}
input[type=checkbox],input[type=radio]{width:auto;min-height:auto;accent-color:var(--ft-green);box-shadow:none}
label{color:#e4ebdf!important;font-weight:750!important;font-size:12px!important;letter-spacing:.035em}
.field{gap:7px!important;margin-bottom:16px!important}
.auth,.login{max-width:620px!important;margin:clamp(34px,7vw,80px) auto!important;padding:clamp(24px,5vw,44px)!important;box-shadow:var(--ft-shadow)!important;position:relative;overflow:hidden}
.auth:before,.login:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#547e32,var(--ft-green),#547e32)}
.auth h1,.login h1{font-size:clamp(30px,4vw,42px)!important;margin:10px 0!important}
.auth-icon,.icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#25381d;border:1px solid #496c32;color:var(--ft-green);font-size:25px;margin-bottom:18px}
.tabs{display:flex;gap:8px;background:#0b110b;padding:5px;border:1px solid #293629;border-radius:13px;margin:24px 0 20px}
.tab{flex:1;border:1px solid transparent!important;background:transparent!important;color:#b8c3b2!important;border-radius:9px!important;padding:11px!important;font-weight:850!important}
.tab.active{background:#263b1d!important;color:#d2ff9e!important;border-color:#4b7035!important}
.topgrid,.stats,.inventory-grid{gap:14px!important}
.stat{padding:19px!important}.stat .label{color:#a9b6a2!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.stat .detail{color:#dfe8d8!important}.stat .money,.revenue{color:var(--ft-green)!important;font-weight:900}
.dashboard-head,.dash-head{padding:24px!important;margin:22px 0!important;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dashboard-head h1,.dash-head h1{font-size:clamp(28px,4vw,40px)!important;margin:0 0 6px!important}
.toolbar{gap:10px!important;margin:16px 0!important}
table{border-collapse:collapse!important;width:100%}th{background:#1a2618!important;color:#d8e9ca!important;text-align:left;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em}td,th{padding:13px 14px!important;border-bottom:1px solid #2c392a!important}tr:hover td{background:#182216!important}
.table-wrap{overflow:auto!important}
.notice,.hint{padding:14px 16px!important;border-radius:12px!important}
.notice{border-color:#536c36!important;background:#1a2815!important;color:#e6f5d9!important}
footer{border-top:1px solid #2d3b2b!important;background:#0a0f0a!important;color:#aeb9a7!important;padding:30px 0!important}
footer a{color:#d3e7c5!important}
.modal-backdrop{background:#020402cc!important;backdrop-filter:blur(8px)}
.modal{box-shadow:0 30px 90px #000b!important;padding:24px!important}
.empty{border:1px dashed #43533c!important;border-radius:15px!important;background:#111811!important;color:#b5c0ae!important;padding:26px!important}
[hidden]{display:none!important}
@media(max-width:900px){.links{display:none!important}.hero-grid{grid-template-columns:1fr!important}.hero-product{min-height:300px}.hero-product img{max-height:250px!important}.section-head{align-items:flex-start;flex-direction:column}.dashboard-head,.dash-head{align-items:flex-start}}
@media(max-width:600px){.wrap{width:calc(100% - 26px)!important}header .wrap,.top .wrap{min-height:65px}.brand{font-size:13px!important}.brand img,.logo{width:36px!important;height:36px!important}.admin-link,.panel-link{padding:8px!important;font-size:12px!important}.cart,.btn,button.btn{padding:10px 12px!important;font-size:13px!important}.hero{padding:44px 0!important}.hero h1{font-size:clamp(38px,11vw,55px)!important}.hero-product{padding:22px 16px!important;min-height:260px;border-radius:18px!important}.hero-product:before{font-size:8px;left:13px;top:13px}.grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}.card-body{padding:16px!important}.section{padding:40px 0!important}.auth,.login{margin:25px auto!important;padding:22px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat{padding:13px!important}td,th{padding:10px!important;font-size:12px}.buttons .btn{width:100%;text-align:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}