/* RAGEX — shared visual system for every page */
:root{--bg:#050906;--panel:#0b120d;--panel-2:#101912;--green:#a8ff2e;--green-2:#49ff75;--text:#f3f7f1;--muted:#9ba99d;--line:#2c402b;--max:1420px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,rgba(16,34,21,.78) 0,rgba(5,9,6,0) 48%),var(--bg)!important;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif!important;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
header.site-header,header.header{width:100%;height:82px;min-height:82px;padding:0 clamp(20px,5.1vw,76px)!important;display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2.2vw,32px);position:sticky;top:0;z-index:100;background:rgba(4,9,6,.9)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #263c29!important;box-shadow:0 6px 35px #0004!important}
.site-header .logo,.header .logo{flex:0 0 auto;margin:0!important;padding:0!important;font-size:34px!important;line-height:1!important;font-weight:1000!important;font-style:italic;letter-spacing:-2.2px!important;white-space:nowrap;color:#f4f9f1!important;text-shadow:0 0 24px #79ff3533;transform:skew(-7deg)}
.site-header .logo .x,.header .logo .x{color:var(--green)!important;display:inline-block;position:relative}
.site-header .logo .x:after,.header .logo .x:after{content:"";position:absolute;height:4px;width:28px;background:var(--green);right:-1px;bottom:-5px;transform:rotate(-43deg);box-shadow:0 0 12px #adff39}
.site-header nav.nav,.header nav,.header nav.nav{height:100%;min-width:0;flex:1 1 auto;display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,2vw,30px);margin:0!important;padding:0!important;order:initial;width:auto;overflow:visible;background:transparent}
.site-header nav a,.header nav a{height:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:0 3px!important;white-space:nowrap;color:#cbd4d1!important;font-size:12px!important;line-height:1.2;font-weight:800!important;letter-spacing:.28px;border:0!important;background:transparent!important;border-radius:0!important;transition:color .2s ease,transform .2s ease}
.site-header nav a svg,.header nav a svg{display:block;width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.75;fill:none;transition:transform .2s ease}
.site-header nav a:hover,.site-header nav a.active,.header nav a:hover,.header nav a.active{color:var(--green)!important}
.site-header nav a:hover svg,.header nav a:hover svg{transform:translateY(-2px)}
.site-header nav a.active:after,.header nav a.active:after{content:"";position:absolute;height:3px;bottom:0;left:-12px;right:-12px;background:var(--green);box-shadow:0 0 16px #9cff2f;border-radius:4px 4px 0 0}
.site-header .header-actions,.header .header-actions{flex:0 0 auto;display:flex;align-items:center;gap:16px;margin-left:auto}
.site-header .balance,.header .balance{height:44px;min-height:44px;display:flex;align-items:center;gap:0;margin:0!important;padding:0 14px 0 14px!important;border:1px solid #34512b!important;border-radius:12px!important;color:var(--green)!important;background:#09110a!important;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 18px #8bff1610;font-size:15px!important;font-weight:900!important}
.site-header .balance .star,.header .balance .star{font-size:21px;margin-right:9px;color:var(--green);text-shadow:0 0 12px #9cff2e}
.site-header .balance strong,.site-header .balance span:not(.star),.header .balance strong,.header .balance span:not(.star){display:inline-block;padding:0!important;color:var(--green)!important;font-size:16px!important;font-weight:900!important;letter-spacing:.5px;white-space:nowrap}
.site-header .profile,.header .profile{width:46px;height:46px;min-width:46px;border:1px solid #6a8c5a;border-radius:50%;display:grid;place-items:center;color:#d9e4dc!important;background:transparent!important;padding:0!important;transition:border-color .2s,color .2s,box-shadow .2s}
.site-header .profile:hover,.header .profile:hover{color:var(--green)!important;border-color:var(--green)!important;box-shadow:0 0 22px #9bff2520}.site-header .profile svg,.header .profile svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6}
main{position:relative;isolation:isolate}.wrap{width:100%!important;max-width:var(--max)!important;margin:0 auto!important;padding:38px clamp(20px,5.1vw,74px) 76px!important}
.wrap>.eyebrow{margin-top:0;margin-bottom:10px;font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:#b9e99d}.wrap>.title,.wrap>.page-title{margin:9px 0 10px!important;font-size:clamp(32px,3.55vw,49px)!important;line-height:1.08!important;letter-spacing:-1.4px!important;font-weight:950!important;color:var(--text)!important}.wrap>.title span,.wrap>.page-title span{color:var(--green)!important}
.wrap>.desc,.wrap>.page-title+p{max-width:760px;margin:0 0 28px!important;color:var(--muted)!important;font-size:14px!important;line-height:1.7!important}
.summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:22px 0 26px!important}.metric{min-width:0!important;min-height:88px;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px 18px!important;background:linear-gradient(145deg,rgba(18,27,19,.94),rgba(8,13,9,.95))!important}.metric small{font-size:10px!important;letter-spacing:1.1px!important;color:var(--muted)!important}.metric strong{font-size:22px!important;color:var(--green)!important}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))!important;gap:16px!important}.card,.case,.feature,.item-panel,.box,.empty{border-color:#2c402b!important;border-radius:15px!important;background:linear-gradient(150deg,rgba(17,26,18,.96),rgba(7,12,8,.98))!important}.card{min-height:228px!important;padding:19px!important}.card .sell,.case .open{min-height:40px;border-radius:9px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.2px}.cases{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important}.case{min-width:0;min-height:320px;padding:24px 20px 20px!important}.case h2{font-size:18px!important}.status{border-radius:11px!important;border-color:#38502f!important;background:#0a140b!important}
.site-footer,.foot{width:100%;min-height:68px;display:flex;align-items:center;justify-content:center;gap:14px;padding:22px clamp(20px,5.1vw,74px)!important;border-top:1px solid #253826!important;color:#849286!important;text-align:center;font-size:11px!important;background:rgba(4,9,6,.62)}.site-footer{justify-content:space-between}
.ragex-toast{position:fixed;left:50%;bottom:22px;z-index:1500;max-width:calc(100vw - 30px);transform:translate(-50%,12px);padding:12px 17px;border:1px solid #456b36;border-radius:11px;background:#0b140c;color:#dff5d1;font-size:13px;box-shadow:0 12px 42px #0009;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.ragex-toast.show{opacity:1;transform:translate(-50%,0)}.nav-locked{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.4)}
@media(max-width:1050px){.site-header nav.nav,.header nav{gap:13px}.site-header nav a,.header nav a{font-size:11px!important;gap:6px}.site-header nav a svg,.header nav a svg{width:19px;height:19px}.site-header .logo,.header .logo{font-size:30px!important}.site-header .header-actions,.header .header-actions{gap:10px}.site-header .balance,.header .balance{padding:0 10px!important}}
@media(max-width:850px){header.site-header,header.header{height:auto;min-height:0;flex-wrap:wrap;padding:12px 20px 0!important;gap:0}.site-header .logo,.header .logo{order:1;margin:0 0 12px!important;font-size:29px!important}.site-header .header-actions,.header .header-actions{order:2;margin:0 0 12px auto}.site-header nav.nav,.header nav,.header nav.nav{order:3;flex:1 0 calc(100% + 40px);width:calc(100% + 40px);height:43px;margin:0 -20px!important;padding:0 20px!important;justify-content:flex-start;gap:clamp(18px,4vw,35px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.site-header nav.nav::-webkit-scrollbar,.header nav::-webkit-scrollbar{display:none}.site-header nav a,.header nav a{font-size:11px!important}.site-header nav a.active:after,.header nav a.active:after{left:0;right:0}.wrap{padding:30px 22px 55px!important}.cases{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.site-header .logo,.header .logo{font-size:26px!important}.site-header .header-actions,.header .header-actions{gap:8px}.site-header .balance,.header .balance{height:38px;min-height:38px;font-size:12px!important;padding:0 8px!important}.site-header .balance .star,.header .balance .star{font-size:17px;margin-right:5px}.site-header .balance strong,.site-header .balance span:not(.star),.header .balance strong,.header .balance span:not(.star){font-size:13px!important}.site-header .profile,.header .profile{width:38px;height:38px;min-width:38px}.site-header .profile svg,.header .profile svg{width:20px;height:20px}.site-header nav.nav,.header nav,.header nav.nav{gap:18px}.site-header nav a,.header nav a{font-size:10px!important;gap:5px}.site-header nav a svg,.header nav a svg{width:17px;height:17px}.wrap{padding:25px 15px 42px!important}.wrap>.title,.wrap>.page-title{font-size:31px!important}.summary{grid-template-columns:1fr!important;gap:9px!important}.metric{min-height:70px!important}.cases{grid-template-columns:1fr!important}.case{min-height:0;padding:16px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.card{min-height:205px!important;padding:12px!important}.card .name{overflow-wrap:anywhere}.site-footer,.foot{padding:18px 15px!important;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}