:root{--bg:#061022;--bg2:#09172e;--panel:#0d1c34;--panel2:#12233e;--line:#223859;--text:#f5f8ff;--muted:#9cadca;--blue:#2d79ff;--cyan:#25c6ff;--purple:#814cff;--green:#30d795;--red:#ff5f70;--shadow:0 28px 80px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#152c62 0,transparent 40%),linear-gradient(180deg,#061022,#071329 55%,#050c1a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.18;border-radius:50%;z-index:-1}.ambient-one{width:480px;height:480px;background:#174fff;right:-190px;top:90px}.ambient-two{width:380px;height:380px;background:#732bff;left:-200px;top:620px}
.site-header{width:min(1240px,calc(100% - 36px));height:76px;margin:14px auto 0;padding:0 18px 0 22px;display:flex;align-items:center;gap:36px;border:1px solid rgba(90,130,200,.27);border-radius:16px;background:rgba(8,20,42,.76);backdrop-filter:blur(20px);position:sticky;top:12px;z-index:20;box-shadow:0 12px 45px rgba(0,0,0,.24)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px;white-space:nowrap}.brand>span:last-child>span,.mini-brand span{color:#4090ff}.brand-mark{display:grid;place-items:center;width:32px;height:36px;color:white;background:linear-gradient(145deg,#36c7ff,#285aff 58%,#763fff);clip-path:polygon(38% 0,100% 0,66% 42%,96% 42%,25% 100%,40% 55%,0 55%);font-size:0}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-size:14px;color:#b7c4dd;transition:.2s}.site-header nav a:hover{color:white}.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 19px;font-weight:750;font-size:14px;transition:.22s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#237bff,#1ebaff 58%,#7350ff);box-shadow:0 10px 30px rgba(40,106,255,.28)}.button-ghost{background:#101e38;border-color:#2a4164}.button-large{padding:15px 24px;border-radius:12px}.menu-button{display:none;background:none;color:white;border:0;font-size:24px}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding-block:86px 62px}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;font-weight:850;color:#5db4ff;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple))}.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 20px}.hero h1 em,.auth-showcase h1 em{font-style:normal;background:linear-gradient(90deg,#31a9ff,#5575ff,#a14fff);background-clip:text;color:transparent}.hero-copy>p{max-width:610px;color:#adbbd4;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.trust-row>div{display:flex;align-items:center;gap:10px}.trust-row b{font-size:22px;color:#4cb5ff}.trust-row span{display:flex;flex-direction:column}.trust-row strong{font-size:12px}.trust-row small{font-size:10px;color:#8495b4;margin-top:3px}
.hero-visual{position:relative;min-height:470px;display:grid;place-items:center;perspective:900px}.visual-glow{position:absolute;width:75%;height:70%;background:#274cff;filter:blur(80px);opacity:.26}.mock-window{position:relative;width:100%;border:1px solid #2d4f80;border-radius:17px;background:linear-gradient(145deg,rgba(19,39,72,.96),rgba(7,17,35,.98));box-shadow:var(--shadow),0 0 60px rgba(38,87,255,.2);overflow:hidden;transform:rotateY(-4deg) rotateX(2deg)}.mock-top{height:58px;border-bottom:1px solid #203858;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.mini-brand{font-weight:850;font-style:italic}.mini-brand i{display:inline-grid;place-items:center;width:23px;height:23px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:7px;margin-right:7px}.status-dot{font-size:11px;color:var(--green);background:rgba(48,215,149,.1);padding:7px 10px;border-radius:20px}.mock-body{display:grid;grid-template-columns:66px 1fr;min-height:330px}.mock-body aside{border-right:1px solid #1c3352;padding:22px 16px;display:flex;align-items:center;flex-direction:column;gap:23px;color:#5ca8ff}.mock-body aside i{width:20px;height:5px;border-radius:5px;background:#304361}.mock-content{padding:30px}.mock-content small{color:#8293b2}.mock-content h3{margin:6px 0 24px;font-size:22px}.server-line{background:#0a172d;border:1px solid #1f3b60;border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between}.server-line b,.green{color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.metric-grid>div{background:#0b192e;border:1px solid #1e3555;border-radius:9px;padding:12px}.metric-grid strong{display:block;font-size:14px;margin-top:5px}.chart{height:78px;display:flex;align-items:end;gap:7px;padding:12px;background:linear-gradient(180deg,rgba(39,116,255,.08),transparent);border-bottom:1px solid #23528c}.chart i{flex:1;background:linear-gradient(180deg,#7155ff,#238fff);border-radius:5px 5px 1px 1px}.chart i:nth-child(1){height:25%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:37%}.chart i:nth-child(4){height:70%}.chart i:nth-child(5){height:53%}.chart i:nth-child(6){height:82%}.chart i:nth-child(7){height:62%}.chart i:nth-child(8){height:88%}.mock-buttons{display:flex;gap:8px;margin-top:16px}.mock-buttons span{font-size:10px;padding:8px 13px;border:1px solid #2c4b74;border-radius:7px}.mock-buttons span:first-child{background:rgba(48,215,149,.15);color:var(--green)}.float-card{position:absolute;bottom:23px;right:-24px;background:rgba(13,29,56,.94);border:1px solid #325787;border-radius:13px;padding:13px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}.float-card>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(48,215,149,.16);color:var(--green)}.float-card div{display:flex;flex-direction:column}.float-card small{color:#8798b8;margin-top:3px}
.section{padding-block:72px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-heading h2{font-size:34px;letter-spacing:-.035em;margin:9px 0 0}.section-heading>p{max-width:460px;color:var(--muted);line-height:1.65}.section-heading.compact{margin-bottom:25px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-card{min-height:210px;border:1px solid #28476f;border-radius:17px;padding:30px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(11,26,49,.92),rgba(19,38,70,.8));box-shadow:0 15px 45px rgba(0,0,0,.2)}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(53,113,255,.3),transparent 40%);pointer-events:none}.game-card.cs:before{background:radial-gradient(circle at 85% 20%,rgba(127,71,255,.3),transparent 40%)}.game-icon{flex:0 0 72px;height:72px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#227ffb,#43c8ff);font-weight:900;font-size:29px;box-shadow:0 12px 30px rgba(31,115,255,.28)}.cs .game-icon{background:linear-gradient(135deg,#7842ff,#3298ff);font-size:19px}.game-card span{font-size:11px;color:#7fa9e9;text-transform:uppercase;letter-spacing:.08em}.game-card h3{margin:6px 0;font-size:25px}.game-card p{margin:0;color:#a2b2ce}.game-card>a{margin-left:auto;width:43px;height:43px;border:1px solid #43628d;border-radius:50%;display:grid;place-items:center;font-size:22px;z-index:1}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:linear-gradient(145deg,#0e1d35,#0a172c);border:1px solid #213b60;border-radius:14px;padding:25px;min-height:180px}.feature-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#63b9ff;background:linear-gradient(135deg,rgba(34,125,255,.23),rgba(125,69,255,.23));font-size:20px}.feature-grid h3{font-size:16px;margin:18px 0 8px}.feature-grid p{font-size:13px;color:#91a2bf;line-height:1.6;margin:0}.free-plan{border:1px solid #2c4d7b;border-radius:22px;background:linear-gradient(130deg,#f7faff 0,#f2f6ff 52%,#101f3d 52.2%,#0a1730 100%);min-height:500px;color:#0b1630;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;box-shadow:var(--shadow)}.plan-copy{padding:45px 54px}.plan-copy h2{font-size:52px;margin:12px 0 0}.plan-copy h2 small{font-size:15px;font-weight:600;color:#63708b}.plan-copy>p{color:#5e6c87}.plan-copy ul{list-style:none;padding:0;margin:25px 0 30px}.plan-copy li{margin:13px 0;color:#33415e}.plan-copy li:before{content:"✓";color:#0bb783;font-weight:900;margin-right:10px}.plan-art{display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;position:relative}.plan-art:before{content:"";position:absolute;width:270px;height:270px;background:#5146ff;filter:blur(80px);opacity:.35}.orb{position:relative;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#49caff,#3c67ff 45%,#7437ef 80%);box-shadow:0 0 80px rgba(63,92,255,.4)}.orb span{font-size:76px;font-weight:900;line-height:.8}.orb small{position:absolute;bottom:45px;letter-spacing:.24em;font-weight:800}.plan-art p{position:relative;color:#b8c6e1;line-height:1.7;margin-top:30px}.cta{margin-block:45px 90px;padding:42px 45px;border:1px solid #2a4b7b;border-radius:19px;background:linear-gradient(100deg,rgba(31,101,224,.16),rgba(107,55,232,.2));display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:33px;margin:8px 0}.cta p{margin:0;color:#9cadca}footer{border-top:1px solid #1b2e4c;background:#050c19}.footer-inner{min-height:120px;display:flex;align-items:center;gap:32px;color:#8698b6}.footer-inner p{font-size:13px}.footer-inner>a:nth-of-type(2){margin-left:auto;color:#a8b7d1}.footer-inner small{font-size:11px}
.auth-page{display:grid;min-height:100vh}.auth-brand{position:fixed;top:34px;left:46px;z-index:3}.auth-layout{width:min(1160px,calc(100% - 42px));margin:auto;min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #2a4a76;border-radius:22px;overflow:hidden;background:#08162c;box-shadow:var(--shadow)}.auth-showcase{padding:80px 58px;position:relative;background:radial-gradient(circle at 80% 20%,rgba(48,89,255,.35),transparent 40%),linear-gradient(160deg,#071a38,#071125);display:flex;flex-direction:column;justify-content:center}.auth-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(61,104,255,.08));clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}.auth-showcase>*{position:relative;z-index:1}.auth-showcase h1{font-size:48px;line-height:1.08;letter-spacing:-.05em;margin:20px 0}.auth-showcase>p{color:#9fafcb;line-height:1.65}.auth-games{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:40px}.auth-games>div,.auth-note{display:flex;align-items:center;gap:11px;border:1px solid #29466f;background:rgba(8,22,45,.74);padding:13px;border-radius:12px}.auth-games b,.auth-note>b{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:linear-gradient(135deg,#237fff,#6f4cff)}.auth-games span,.auth-note span{display:flex;flex-direction:column}.auth-games small,.auth-note small{color:#8294b4;font-size:10px;margin-top:3px}.auth-note{margin-top:10px}.auth-note>b{background:rgba(48,215,149,.15);color:var(--green)}.auth-card{background:#f6f8fd;color:#101a33;padding:62px 70px;display:flex;align-items:center}.auth-card>div{width:100%}.mobile-brand{display:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7edf8;border-radius:12px;padding:4px;margin-bottom:34px}.auth-tabs a{padding:12px;text-align:center;font-weight:750;font-size:13px;border-radius:9px;color:#50607c}.auth-tabs a.active{color:white;background:linear-gradient(110deg,#2784ff,#315eff);box-shadow:0 8px 20px rgba(40,101,255,.25)}.auth-card h2{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}.auth-card .lead{color:#687792;line-height:1.6;margin:0 0 25px}.field{display:block;margin:15px 0}.field span{display:block;font-size:12px;font-weight:750;color:#3f4e68;margin:0 0 7px}.field input{width:100%;height:52px;border:1px solid #ccd7e9;border-radius:10px;padding:0 15px;background:#fbfcff;color:#111c35;outline:none;transition:.2s}.field input:focus{border-color:#377cff;box-shadow:0 0 0 3px rgba(55,124,255,.12)}.password-row{display:flex;justify-content:space-between;align-items:center}.password-row a{font-size:12px;color:#1766e9}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#5b6982;margin:15px 0}.check-row input{margin-top:2px;accent-color:#2877ff}.auth-submit{width:100%;height:52px;border:0;color:white;margin-top:7px}.form-message{display:none;border-radius:9px;padding:12px 14px;margin:14px 0;font-size:12px;line-height:1.5}.form-message.show{display:block}.form-message.error{background:#ffebee;color:#a82135;border:1px solid #ffcbd2}.form-message.success{background:#e7faf3;color:#087e58;border:1px solid #bcefdc}.auth-footer{text-align:center;color:#697792;font-size:12px;margin-top:22px}.auth-footer a{color:#1767ec;font-weight:800}.auth-back{display:inline-block;color:#1767ec;font-size:13px;font-weight:750;margin-bottom:28px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.panel-page{min-height:100vh;background:#061022;display:grid;grid-template-columns:235px 1fr}.panel-sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid #1c3352;background:#08162b;padding:26px 16px;display:flex;flex-direction:column}.panel-sidebar .brand{padding:0 12px;margin-bottom:38px}.panel-sidebar nav{display:flex;flex-direction:column;gap:7px}.panel-sidebar nav a{padding:13px 15px;border-radius:10px;color:#98aac7;font-size:13px;display:flex;gap:12px}.panel-sidebar nav a.active{background:linear-gradient(90deg,#287dff,#2253b5);color:white}.side-tag{margin-top:auto;border:1px solid #2a4b78;background:linear-gradient(145deg,#102344,#0b1830);padding:20px;border-radius:14px}.side-tag b{color:#5fb6ff}.side-tag p{color:#91a2be;font-size:12px;line-height:1.6;margin-bottom:0}.panel-main{grid-column:2}.panel-main>header{height:76px;border-bottom:1px solid #1b3151;display:flex;align-items:center;padding:0 28px;gap:20px;background:rgba(7,19,38,.82);position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.panel-menu{display:none}.panel-search{width:min(540px,50%);border:1px solid #273f62;background:#0d1b32;border-radius:10px;padding:11px 15px;color:#8496b5}.user-chip{margin-left:auto;display:flex;align-items:center;gap:11px}.user-chip>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#228aff,#6647ff);font-weight:800}.user-chip>div{display:flex;flex-direction:column}.user-chip small{color:#899bb8;font-size:10px;margin-top:2px}.user-chip button{background:none;border:1px solid #2b456a;border-radius:8px;color:#aebbd1;padding:8px 10px;cursor:pointer}.panel-content{padding:28px;width:min(1240px,100%);margin:auto}.welcome{min-height:170px;border:1px solid #233e64;border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 85% 30%,rgba(40,111,255,.25),transparent 32%),linear-gradient(110deg,#0c1b34,#0a162b)}.welcome h1{font-size:31px;margin:8px 0}.welcome h1 span{color:#5baaff}.welcome p{color:#93a4c1;margin:0}.welcome-mark{font-size:30px;font-weight:900;font-style:italic;margin-right:45px}.welcome-mark span{display:inline-grid;place-items:center;color:#54afff}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.panel-stats article{border:1px solid #223b5f;background:#0c1a31;border-radius:13px;padding:22px;display:flex;align-items:center;gap:15px}.panel-stats b{font-size:28px;color:#55adff}.panel-stats span{color:#93a4c1;font-size:12px}.claim-panel{border:1px solid #243f65;background:#0b192f;border-radius:16px;padding:28px}.claim-heading{display:flex;justify-content:space-between;gap:20px}.claim-heading h2{font-size:25px;margin:7px 0}.claim-heading p{color:#91a2bf}.coming-badge{height:max-content;border:1px solid #8056ff;color:#b49aff;background:rgba(127,72,255,.13);padding:8px 12px;border-radius:20px;font-size:11px}.claim-games{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.claim-games button{color:white;text-align:left;border:1px solid #29476f;background:linear-gradient(135deg,#102341,#0c1b34);border-radius:13px;padding:18px;display:flex;align-items:center;gap:14px;opacity:.68}.claim-games button>b{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#267eff,#6c48ff)}.claim-games button>span{display:flex;flex-direction:column}.claim-games small{color:#8396b5;margin-top:4px}.claim-games i{margin-left:auto}.claim-warning{font-size:12px;color:#d8b97a;border:1px solid rgba(222,169,72,.25);background:rgba(201,143,40,.08);border-radius:9px;padding:12px}
@media(max-width:900px){.site-header{height:auto;min-height:66px;flex-wrap:wrap;padding:13px 16px}.menu-button{display:block;margin-left:auto}.site-header nav{display:none;order:3;width:100%;flex-direction:column;gap:0;margin:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.site-header .header-actions{display:none}.hero{grid-template-columns:1fr;padding-top:60px;text-align:center}.hero .eyebrow{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.trust-row{text-align:left}.hero-visual{min-height:420px}.section-heading{display:block}.game-grid,.feature-grid{grid-template-columns:1fr 1fr}.free-plan{grid-template-columns:1fr;background:linear-gradient(180deg,#f7faff 0,#f2f6ff 60%,#101f3d 60.2%,#0a1730 100%)}.plan-art{min-height:360px}.cta{align-items:flex-start;gap:25px}.footer-inner{flex-wrap:wrap;padding-block:25px}.footer-inner>a:nth-of-type(2){margin-left:0}.auth-layout{grid-template-columns:1fr;width:min(590px,calc(100% - 30px));margin-block:25px}.auth-showcase,.auth-brand{display:none}.auth-card{min-height:680px;padding:48px}.mobile-brand{display:inline-flex;margin-bottom:36px}.panel-page{display:block}.panel-sidebar{display:none}.panel-main{grid-column:auto}.panel-main>header{padding:0 15px}.panel-menu{display:block;background:none;border:0;color:white;font-size:20px}.panel-search{display:none}.panel-content{padding:16px}.welcome-mark{display:none}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.site-header{width:calc(100% - 20px);top:8px;margin-top:8px}.hero{min-height:auto;padding-block:56px 32px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{grid-template-columns:1fr;max-width:260px;margin:28px auto 0}.hero-visual{min-height:310px;margin-top:10px}.mock-window{transform:none}.mock-top{height:48px}.mock-body{grid-template-columns:45px;min-height:245px}.mock-body aside{padding:15px 9px;gap:15px}.mock-content{padding:18px}.mock-content h3{font-size:17px;margin-bottom:14px}.metric-grid{gap:5px}.metric-grid>div{padding:7px}.chart{height:45px}.mock-buttons{display:none}.float-card{display:none}.section{padding-block:48px}.section-heading h2{font-size:28px}.game-grid,.feature-grid{grid-template-columns:1fr}.game-card{min-height:170px;padding:21px;gap:15px}.game-icon{flex-basis:54px;height:54px}.game-card h3{font-size:18px}.game-card p{font-size:12px}.game-card>a{width:36px;height:36px}.feature-grid article{min-height:155px}.free-plan{background:linear-gradient(180deg,#f7faff 0,#f2f6ff 65%,#101f3d 65.2%,#0a1730 100%)}.plan-copy{padding:35px 25px}.plan-copy h2{font-size:44px}.plan-art{min-height:330px}.orb{width:150px;height:150px}.orb span{font-size:60px}.orb small{bottom:34px}.cta{padding:30px 23px;display:block}.cta h2{font-size:27px}.cta .button{margin-top:22px;width:100%}.footer-inner{display:block;text-align:center}.footer-inner>*{margin:10px auto!important}.auth-card{padding:32px 23px;align-items:flex-start}.auth-card h2{font-size:25px}.auth-tabs{margin-bottom:28px}.panel-main>header{height:68px}.user-chip>div{display:none}.panel-content{padding:12px}.welcome{padding:24px;min-height:160px}.welcome h1{font-size:24px}.panel-stats{grid-template-columns:1fr}.claim-panel{padding:21px}.claim-heading{display:block}.coming-badge{display:inline-block;margin-top:5px}.claim-games{grid-template-columns:1fr}.user-chip button{font-size:11px}.panel-stats article{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.spinner{animation:none}}
.field .password-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.check-row input{appearance:none;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid #9aabc5;border-radius:4px;background:#fff;display:grid;place-content:center}.check-row input:checked{border-color:#2877ff;background:#2877ff}.check-row input:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:900;line-height:1}

/* FPSHost panel and administration */
.admin-link{display:none!important}.admin-link.visible{display:flex!important}.claim-main-button{margin-top:24px;min-width:240px;border:0;cursor:pointer}.claim-options{margin-top:8px}.claim-options[hidden]{display:none}.claim-helper{color:#8ea1c0;font-size:12px;margin:0}.sidebar-backdrop{display:none}
.admin-page{min-height:100vh;background:#061022;color:#f5f8ff;display:grid;grid-template-columns:248px 1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 17px;background:linear-gradient(180deg,#09182e,#071326);border-right:1px solid #1d3556;display:flex;flex-direction:column;z-index:30}.admin-sidebar .brand{padding:0 12px;margin-bottom:18px}.admin-badge{font-size:9px;letter-spacing:.18em;color:#6287bd;padding:0 13px 20px}.admin-sidebar nav{display:flex;flex-direction:column;gap:6px}.admin-sidebar nav button{border:0;background:transparent;color:#91a5c4;padding:13px 14px;border-radius:10px;text-align:left;cursor:pointer;display:flex;gap:12px;font:inherit}.admin-sidebar nav button:hover{background:#10213d;color:#dce8fa}.admin-sidebar nav button.active{color:white;background:linear-gradient(90deg,#267cff,#4458dd);box-shadow:0 10px 25px rgba(37,93,230,.22)}.back-panel{margin-top:auto;border:1px solid #294566;border-radius:10px;padding:12px 14px;color:#a6b7d0;font-size:12px}.admin-main{grid-column:2;min-width:0}.admin-main>header{height:76px;border-bottom:1px solid #1b3151;display:flex;align-items:center;padding:0 28px;background:rgba(7,19,38,.86);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.admin-main>header>div:first-of-type{display:flex;flex-direction:column}.admin-main>header small{color:#8194b2;font-size:10px;margin-top:2px}.admin-main .user-chip{margin-left:auto}.admin-content{width:min(1280px,100%);margin:auto;padding:30px}.admin-view{display:none}.admin-view.active{display:block}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.admin-title h1{font-size:32px;margin:7px 0 6px}.admin-title p{color:#8fa1be;margin:0}.icon-button,.card-heading button{border:1px solid #29466c;background:#0e203b;color:#a9bedc;border-radius:9px;padding:9px 13px;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-stats article{min-height:120px;border:1px solid #233f65;background:linear-gradient(145deg,#0e203b,#0a192f);border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.admin-stats span{color:#8ea1c0;font-size:12px}.admin-stats b{font-size:32px;color:#62b7ff}.admin-card{border:1px solid #223e63;background:#0b192f;border-radius:15px;padding:22px}.table-card{padding:0;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-heading h2{margin:0;font-size:18px}.audit-list article{display:flex;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid #182f4d}.audit-list article:last-child{border-bottom:0}.audit-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#142d52;color:#67b7ff}.audit-list article>div{display:flex;flex-direction:column}.audit-list article b{font-size:12px}.audit-list article small{color:#7f92b0;font-size:10px;margin-top:4px}.audit-list time{margin-left:auto;color:#7f92b0;font-size:10px}.admin-toolbar{display:flex;gap:10px;margin-bottom:14px}.admin-toolbar input,.admin-toolbar select,.status-select{border:1px solid #294568;background:#0c1c34;color:#dce7f7;border-radius:9px;padding:10px 12px;outline:0}.admin-toolbar input{width:min(420px,100%)}.admin-toolbar input:focus,.admin-toolbar select:focus{border-color:#3e83f2}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #19304e;font-size:12px}th{color:#758baa;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#0d1d35}td{color:#b7c6dc}.table-user{display:flex;flex-direction:column}.table-user b{color:#f1f6ff}.table-user small{color:#7f93b2;margin-top:3px}.role-chip,.status-chip{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;letter-spacing:.04em;background:#172c4c;color:#a8c0df}.status-chip.active{color:#55dea1;background:rgba(57,199,137,.12)}.status-chip.pending{color:#f0bf65;background:rgba(221,160,57,.12)}.status-chip.suspended,.status-chip.banned{color:#ff8d94;background:rgba(229,76,87,.12)}.protected-label{font-size:10px;color:#7588a6}.status-select{padding:7px 9px;font-size:11px}.pagination{padding:14px;display:flex;justify-content:center;align-items:center;gap:12px}.pagination button{border:1px solid #294568;background:#10213c;color:#c4d1e4;border-radius:7px;padding:6px 10px}.pagination button:disabled{opacity:.35}.pagination span{font-size:11px;color:#8093b1}.node-row{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid #19304e}.node-row:last-child{border:0}.node-row>div{display:flex;align-items:center;gap:10px}.node-row>div:last-child{flex-direction:column;align-items:flex-end}.node-row small{color:#7f93b1}.status-dot-admin{width:9px;height:9px;border-radius:50%;background:#73829a}.status-dot-admin.online{background:#42d99a;box-shadow:0 0 0 5px rgba(66,217,154,.09)}.plan-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.plan-admin-card{border:1px solid #25436a;background:linear-gradient(145deg,#0e203b,#0a182e);border-radius:15px;padding:24px}.plan-admin-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.game-square{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#2887ff,#6748ff);font-weight:900}.plan-admin-card h2{margin:20px 0 3px}.plan-admin-card>small{color:#768baa}.plan-admin-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.plan-admin-card dl div{background:#09172b;border:1px solid #1d385b;border-radius:9px;padding:12px}.plan-admin-card dt{font-size:9px;color:#778ba9;text-transform:uppercase}.plan-admin-card dd{margin:5px 0 0;font-weight:750}.empty-state{text-align:center;color:#7f93b2;padding:32px}.empty-state b{color:#dbe7f8}.empty-state p{margin-bottom:0}.toast{position:fixed;right:20px;bottom:20px;background:#12375c;border:1px solid #2d6b9e;color:white;border-radius:10px;padding:12px 16px;transform:translateY(90px);opacity:0;transition:.2s;z-index:60}.toast.show{transform:none;opacity:1}.toast.error{background:#55232b;border-color:#9a3f4d}

@media(max-width:900px){.admin-page{display:block}.admin-sidebar,.panel-sidebar{display:flex;transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.35)}.admin-sidebar.open,.panel-sidebar.open{transform:none}.admin-main{grid-column:auto}.admin-main>header{padding:0 14px}.admin-main>header>div:first-of-type{display:none}.admin-content{padding:20px 16px}.admin-stats{grid-template-columns:1fr 1fr}.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(2,8,19,.68);opacity:0;pointer-events:none;transition:.2s;z-index:25}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.admin-title{align-items:flex-start}.plan-admin-grid{grid-template-columns:1fr}.panel-sidebar{z-index:30}.panel-page .sidebar-backdrop{z-index:25}}

@media(max-width:600px){body{overflow-x:hidden}.site-header{border-radius:14px}.site-header nav.open{padding-top:10px;border-top:1px solid #203653;margin-top:10px}.site-header nav.open a{text-align:left}.hero{padding-top:38px}.hero h1{font-size:clamp(37px,11vw,48px);line-height:1.02}.hero-copy>p{line-height:1.65}.hero-actions .button{width:100%;min-height:50px}.hero-visual{min-height:285px}.mock-content{min-width:0}.mock-content h3,.server-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div:last-child{display:none}.game-card{align-items:flex-start}.game-card>div:nth-child(2){min-width:0}.game-card p{line-height:1.5}.free-plan{display:block;background:#f5f8ff;min-height:auto}.plan-copy{padding:32px 23px}.plan-copy ul{margin-block:20px}.plan-art{display:none}.cta{margin-block:20px 55px}.footer-inner{min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding-block:18px}.footer-inner>*{margin:0!important}.auth-page{align-items:flex-start}.auth-layout{width:100%;min-height:100vh;margin:0}.auth-card{border-radius:0;min-height:100vh;padding:28px 20px 40px}.mobile-brand{margin-bottom:26px}.auth-tabs{margin-bottom:26px}.auth-card h2{font-size:26px;line-height:1.15}.auth-card .lead{font-size:14px;line-height:1.5}.field input{min-height:52px;font-size:16px}.check-row{align-items:flex-start;line-height:1.45}.auth-submit{min-height:52px}.panel-main>header{padding:0 12px;gap:9px}.user-chip{gap:8px}.user-chip>span{width:34px;height:34px}.user-chip button{padding:8px}.panel-content{padding:10px}.welcome{min-height:145px;padding:21px}.welcome h1{font-size:23px;line-height:1.15}.welcome p{font-size:13px;line-height:1.5}.panel-stats{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.panel-stats article{padding:14px;display:block}.panel-stats article:last-child{display:none}.panel-stats b{display:block;font-size:22px;margin-bottom:4px}.claim-panel{padding:20px}.claim-heading h2{font-size:22px}.claim-heading p{font-size:13px;line-height:1.5}.claim-main-button{width:100%;min-width:0;min-height:50px}.claim-games{margin:15px 0}.claim-games button{padding:14px}.admin-main>header{height:66px}.admin-main .user-chip>div{display:none}.admin-content{padding:16px 10px}.admin-title{display:block;margin-bottom:18px}.admin-title h1{font-size:25px}.admin-title p{font-size:13px;line-height:1.5}.admin-title .icon-button{margin-top:14px}.admin-stats{gap:8px}.admin-stats article{min-height:98px;padding:16px}.admin-stats b{font-size:26px}.admin-card{padding:15px}.table-card{padding:0}.admin-toolbar{display:grid;grid-template-columns:1fr 115px}.admin-toolbar input{width:100%;grid-column:1/-1;min-height:47px;font-size:16px}.admin-toolbar select,.admin-toolbar button{min-height:43px}.audit-list article{align-items:flex-start}.audit-list time{max-width:80px;text-align:right;line-height:1.4}.node-row{display:block;padding:14px}.node-row>div{align-items:flex-start;flex-wrap:wrap}.node-row>div:last-child{align-items:flex-start;margin:12px 0 0 19px}.plan-admin-card{padding:19px}.plan-admin-card dl{gap:7px}.toast{left:10px;right:10px;bottom:10px;text-align:center}}

/* V8 connection state */
.claim-panel.connection-error{border-color:#713542;background:linear-gradient(145deg,#241323,#12192d)}
.claim-panel.connection-error .coming-badge{color:#ff9da5;background:rgba(229,76,87,.13);border-color:rgba(229,76,87,.26)}

/* =========================================================
   FPSHost V9 — User panel + authentication design refresh
   ========================================================= */
.panel-v9{grid-template-columns:252px 1fr;background:
  radial-gradient(circle at 77% 8%,rgba(47,87,255,.10),transparent 26%),
  radial-gradient(circle at 55% 100%,rgba(18,173,255,.05),transparent 30%),#061022}
.panel-v9 .panel-sidebar{width:252px;padding:24px 16px 20px;background:
  linear-gradient(180deg,rgba(10,24,47,.98),rgba(6,15,31,.99));border-right:1px solid rgba(80,116,174,.22);box-shadow:22px 0 55px rgba(0,0,0,.12)}
.panel-v9 .panel-brand{padding:4px 10px;margin-bottom:30px;font-size:24px}
.panel-v9 .panel-nav-label{padding:0 14px;margin:0 0 9px;color:#536d94;font-size:9px;font-weight:900;letter-spacing:.18em}
.panel-v9 .panel-nav-label-secondary{margin-top:25px}
.panel-v9 .panel-nav{gap:6px}
.panel-v9 .panel-nav a{position:relative;min-height:47px;padding:8px 12px;border:1px solid transparent;border-radius:12px;color:#8fa5c6;font-size:13px;font-weight:650;align-items:center;gap:11px;transition:.2s ease}
.panel-v9 .panel-nav a:hover{color:#e8f1ff;background:rgba(22,48,84,.55);border-color:rgba(84,128,193,.18);transform:translateX(2px)}
.panel-v9 .panel-nav a.active{color:white;background:linear-gradient(115deg,rgba(38,117,255,.95),rgba(85,70,241,.88));border-color:rgba(115,148,255,.34);box-shadow:0 12px 30px rgba(45,82,219,.22)}
.panel-v9 .panel-nav a.active:before{content:"";position:absolute;left:-16px;width:3px;height:24px;border-radius:0 6px 6px 0;background:#69baff;box-shadow:0 0 18px rgba(95,180,255,.7)}
.panel-v9 .nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(27,52,90,.66);color:#77a9ed;flex:0 0 auto;transition:.2s}
.panel-v9 .panel-nav a.active .nav-icon{background:rgba(255,255,255,.13);color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.panel-v9 .panel-nav a:hover .nav-icon{color:#9bc9ff}
.panel-v9 .nav-icon svg{width:18px;height:18px}
.panel-v9 .sidebar-foot{margin-top:auto;padding:16px 12px 4px;border-top:1px solid rgba(72,107,161,.17);display:grid;grid-template-columns:12px 1fr;gap:2px 8px;color:#8ba0bf;font-size:11px}
.panel-v9 .sidebar-foot small{grid-column:2;color:#536985;font-size:9px}
.panel-v9 .sidebar-status-dot{width:7px;height:7px;border-radius:50%;background:#4bd39a;box-shadow:0 0 0 5px rgba(75,211,154,.07);margin-top:4px}
.panel-v9 .panel-main{grid-column:2}
.panel-v9 .panel-header{height:76px;padding:0 30px;border-bottom:1px solid rgba(69,105,160,.2);background:rgba(5,14,30,.78);backdrop-filter:blur(20px)}
.panel-v9 .panel-menu svg{width:22px;height:22px}
.panel-v9 .panel-page-title{display:flex;flex-direction:column;gap:2px}
.panel-v9 .panel-page-title span{color:#536d94;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.panel-v9 .panel-page-title b{font-size:14px;color:#e8f0ff}
.panel-v9 .user-chip>span{width:40px;height:40px;border:1px solid rgba(130,154,255,.28);background:linear-gradient(135deg,#358aff,#6248ef);box-shadow:0 8px 20px rgba(40,84,218,.22)}
.panel-v9 .user-chip b{font-size:12px}.panel-v9 .user-chip small{color:#667d9f}
.panel-v9 .panel-signout{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-color:rgba(85,122,178,.35);background:rgba(12,27,51,.7);transition:.2s}
.panel-v9 .panel-signout:hover{color:white;border-color:#456fa8;background:#102542}
.panel-v9 .panel-signout svg{width:15px;height:15px}
.panel-v9 .panel-content{width:min(1260px,100%);padding:28px 30px 48px}

.panel-v9 .panel-hero-card{position:relative;overflow:hidden;min-height:205px;padding:34px 36px;background-image:
  linear-gradient(90deg,rgba(7,20,42,.98) 0%,rgba(7,20,42,.92) 35%,rgba(7,20,42,.52) 63%,rgba(7,20,42,.14) 100%),
  linear-gradient(180deg,rgba(19,53,104,.18),rgba(4,13,30,.10)),
  url('/assets/game-bg/panel-hero.jpg');
  background-size:cover;background-position:center right;border-color:rgba(71,112,178,.42);box-shadow:0 20px 50px rgba(0,0,0,.17)}
.panel-v9 .panel-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 58%,rgba(58,113,255,.08));pointer-events:none}
.panel-v9 .welcome-copy{position:relative;z-index:2;max-width:700px}
.panel-v9 .welcome h1{font-size:34px;letter-spacing:-.035em;margin:9px 0 8px}
.panel-v9 .welcome h1 span{background:linear-gradient(100deg,#72c1ff,#8790ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel-v9 .welcome p{max-width:580px;line-height:1.6;color:#a2b1c8}
.panel-v9 .hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}
.panel-v9 .hero-points span{display:flex;align-items:center;gap:7px;color:#a6b9d5;font-size:11px}
.panel-v9 .hero-points i{font-size:8px;color:#57b7ff;font-style:normal}
.panel-v9 .hero-signature{position:absolute;right:34px;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:rgba(194,219,255,.82);font-size:13px;letter-spacing:.28em;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.panel-v9 .hero-signature strong:last-child{color:#70bfff}

.panel-v9 .panel-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0 22px}
.panel-v9 .stat-card{position:relative;overflow:hidden;min-height:103px;padding:18px 19px;display:flex;align-items:center;gap:15px;border:1px solid rgba(62,100,158,.32);background:linear-gradient(140deg,rgba(14,33,61,.98),rgba(8,23,44,.98));box-shadow:0 12px 26px rgba(0,0,0,.10);transition:.2s ease}
.panel-v9 .stat-card:hover{transform:translateY(-2px);border-color:rgba(89,135,207,.48)}
.panel-v9 .stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;top:-52px;filter:blur(1px);opacity:.12}
.panel-v9 .stat-blue:after{background:#4c92ff}.panel-v9 .stat-green:after{background:#42d59a}.panel-v9 .stat-purple:after{background:#a36aff}
.panel-v9 .stat-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;flex:0 0 auto;border:1px solid rgba(255,255,255,.05)}
.panel-v9 .stat-blue .stat-icon{background:linear-gradient(145deg,rgba(54,128,255,.25),rgba(41,84,181,.12));color:#69b4ff}
.panel-v9 .stat-green .stat-icon{background:linear-gradient(145deg,rgba(52,202,145,.22),rgba(32,114,93,.11));color:#64dbae}
.panel-v9 .stat-purple .stat-icon{background:linear-gradient(145deg,rgba(158,91,255,.23),rgba(91,57,168,.11));color:#b78bff}
.panel-v9 .stat-icon svg{width:22px;height:22px}
.panel-v9 .stat-card>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:9px;row-gap:3px}
.panel-v9 .stat-card b{font-size:23px;line-height:1;color:#edf4ff}
.panel-v9 .stat-card span{font-size:11px;color:#9db0cb}
.panel-v9 .stat-card small{grid-column:1/-1;color:#5f7697;font-size:9px;margin-top:3px}

.panel-v9 .games-section{border:1px solid rgba(64,103,162,.30);background:linear-gradient(155deg,rgba(10,26,50,.96),rgba(6,18,37,.98));border-radius:18px;padding:28px;box-shadow:0 22px 55px rgba(0,0,0,.12)}
.panel-v9 .games-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:20px}
.panel-v9 .games-section-heading h2{font-size:27px;letter-spacing:-.025em;margin:7px 0}
.panel-v9 .games-section-heading p{max-width:680px;color:#8297b7;line-height:1.55;font-size:12px;margin:0}
.panel-v9 .coming-badge{margin-top:2px;background:rgba(94,69,224,.12);border-color:rgba(137,99,255,.48);color:#b39bff;white-space:nowrap}
.panel-v9 .panel-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.panel-v9 .panel-game-card{position:relative;isolation:isolate;overflow:hidden;min-height:245px;border:1px solid rgba(97,131,181,.30);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;box-shadow:inset 0 -80px 100px rgba(0,0,0,.34),0 12px 30px rgba(0,0,0,.12);transition:.24s ease}
.panel-v9 .panel-game-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,12,26,.16),rgba(4,12,26,.32) 40%,rgba(4,12,26,.96) 84%)}
.panel-v9 .panel-game-card:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 5%,rgba(87,144,255,.14),transparent 35%)}
.panel-v9 .panel-game-card:hover{transform:translateY(-3px);border-color:rgba(99,151,230,.58);box-shadow:inset 0 -80px 100px rgba(0,0,0,.36),0 18px 38px rgba(0,0,0,.20)}
.panel-v9 .game-samp{background-image:url('/assets/game-bg/samp.jpg')}.panel-v9 .game-cs16{background-image:url('/assets/game-bg/cs16.jpg')}.panel-v9 .game-mta{background-image:url('/assets/game-bg/mta.jpg')}.panel-v9 .game-cs2{background-image:url('/assets/game-bg/cs2.jpg')}
.panel-v9 .game-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.panel-v9 .game-badge{padding:6px 9px;border-radius:999px;background:rgba(33,112,255,.22);border:1px solid rgba(100,160,255,.35);color:#a8ceff;font-size:8px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}
.panel-v9 .game-badge.muted{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11);color:#a0a9b6}
.panel-v9 .game-state{font-size:9px;color:#c9d7ea;background:rgba(5,15,30,.66);border:1px solid rgba(122,151,192,.18);padding:6px 9px;border-radius:999px;backdrop-filter:blur(10px)}
.panel-v9 .game-lock{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(5,13,26,.65);border:1px solid rgba(255,255,255,.09);color:#9da9b8;backdrop-filter:blur(8px)}
.panel-v9 .game-lock svg{width:16px;height:16px}
.panel-v9 .game-card-copy{margin-top:auto;padding-top:54px;max-width:78%}
.panel-v9 .game-card-copy>span{font-size:9px;color:#8ca5c7;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.panel-v9 .game-card-copy h3{margin:5px 0 6px;font-size:22px;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.panel-v9 .game-card-copy p{margin:0;color:#a6b4c8;font-size:11px;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.panel-v9 .game-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#7f95b4;font-size:9px}
.panel-v9 .game-card-action svg{width:17px;height:17px;color:#8ebeff}
.panel-v9 .future-game{filter:saturate(.52) brightness(.72);cursor:not-allowed}
.panel-v9 .future-game:before{background:linear-gradient(180deg,rgba(3,9,19,.32),rgba(3,9,19,.70) 45%,rgba(3,9,19,.98) 88%)}
.panel-v9 .future-game:hover{transform:none;border-color:rgba(97,131,181,.30)}
.panel-v9 .claim-helper{margin:16px 1px 0;color:#5f7798;font-size:10px}
.panel-v9 [hidden]{display:none!important}
.panel-v9 .claim-server-button{width:100%;min-height:42px;border:1px solid rgba(117,170,255,.45);border-radius:10px;background:linear-gradient(110deg,#347dff,#6651f4);color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(48,91,220,.25)}
.panel-v9 .claim-server-button:disabled{opacity:.5;cursor:not-allowed}
.panel-v9 .server-management{border:1px solid rgba(90,132,194,.34);border-radius:15px;padding:22px;background:linear-gradient(145deg,rgba(17,38,71,.92),rgba(8,23,45,.96))}
.panel-v9 .server-management-main h3{font-size:24px;margin:9px 0 5px}.panel-v9 .server-management-main p{margin:0;color:#9db5d6;font-size:14px;font-weight:700}
.panel-v9 .server-management-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.panel-v9 .server-management-meta>div{padding:14px;border:1px solid rgba(75,113,169,.27);border-radius:11px;background:rgba(6,19,39,.58)}.panel-v9 .server-management-meta span{display:block;color:#6f87a8;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.panel-v9 .server-management-meta b{display:block;margin-top:6px;color:#e9f2ff;font-size:13px}
.panel-v9 .server-controls{display:flex;gap:9px}.panel-v9 .server-controls button{min-width:100px;min-height:40px;border:1px solid rgba(76,124,191,.35);border-radius:9px;background:#102a4d;color:#dceaff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.panel-v9 .server-controls button:disabled{opacity:.35;cursor:not-allowed}.panel-v9 .server-error{margin:14px 0 0;padding:11px;border:1px solid rgba(230,92,105,.3);border-radius:9px;background:rgba(113,35,48,.18);color:#ffadb5;font-size:10px}
.panel-v9 .toast{position:fixed;right:20px;bottom:20px;z-index:60;max-width:380px;padding:13px 16px;border:1px solid #2c5d91;border-radius:10px;background:#0c2544;color:#dcecff;box-shadow:0 18px 45px rgba(0,0,0,.4);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.panel-v9 .toast.show{opacity:1;transform:none}.panel-v9 .toast.error{border-color:#743746;background:#351927;color:#ffb6bd}
.panel-v9 .games-section.connection-error{border-color:#713542;background:linear-gradient(145deg,#241323,#12192d)}
.panel-v9 .games-section.connection-error .coming-badge{color:#ff9da5;background:rgba(229,76,87,.13);border-color:rgba(229,76,87,.26)}

/* V9 authentication game artwork */
.auth-v9 .auth-showcase{background:radial-gradient(circle at 78% 18%,rgba(56,79,255,.31),transparent 40%),linear-gradient(160deg,#071a38,#071125)}
.auth-v9 .auth-games{gap:12px;margin-top:38px}
.auth-v9 .auth-game-card{position:relative;isolation:isolate;overflow:hidden;min-height:108px;border:1px solid rgba(89,127,190,.34);border-radius:13px;padding:13px;display:flex;align-items:flex-end;background-size:cover;background-position:center;box-shadow:0 10px 25px rgba(0,0,0,.13);transition:.2s ease}
.auth-v9 .auth-game-card:hover{transform:translateY(-2px);border-color:rgba(103,154,232,.55)}
.auth-v9 .auth-game-samp{background-image:url('/assets/game-bg/samp.jpg')}.auth-v9 .auth-game-cs16{background-image:url('/assets/game-bg/cs16.jpg')}
.auth-v9 .auth-game-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,12,27,.12),rgba(4,12,27,.92) 86%)}
.auth-v9 .auth-game-content{display:flex;flex-direction:column;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.auth-v9 .auth-game-content small{color:#70b9ff;font-size:7px;font-weight:900;letter-spacing:.14em;margin-bottom:3px}
.auth-v9 .auth-game-content strong{font-size:15px;color:white}
.auth-v9 .auth-game-content span{font-size:9px;color:#aebbd0;margin-top:2px}
.auth-v9 .auth-games>div{display:flex;padding:13px;background-size:cover}

/* Logged-in state on the public site */
.site-header .header-actions .session-active{border-color:rgba(65,171,255,.48);background:linear-gradient(120deg,rgba(21,79,151,.85),rgba(25,45,92,.85));color:#eaf5ff}

@media(max-width:1050px){
  .panel-v9 .panel-game-grid{grid-template-columns:1fr 1fr}
  .panel-v9 .hero-signature{display:none}
}
@media(max-width:900px){
  .panel-v9{display:block}
  .panel-v9 .panel-sidebar{display:flex;width:252px;z-index:30}
  .panel-v9 .panel-main{grid-column:auto}
  .panel-v9 .panel-header{padding:0 16px}
  .panel-v9 .panel-page-title{display:flex}
  .panel-v9 .panel-content{padding:18px 16px 38px}
  .panel-v9 .panel-hero-card{background-position:68% center}
  .panel-v9 .panel-stats{grid-template-columns:1fr 1fr}
  .panel-v9 .stat-card:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .panel-v9 .panel-game-grid{grid-template-columns:1fr}
  .panel-v9 .games-section-heading{display:block}
  .panel-v9 .coming-badge{display:inline-block;margin-top:14px}
  .panel-v9 .panel-hero-card{min-height:220px;background-position:66% center}
  .panel-v9 .hero-points{gap:10px 15px}
}
@media(max-width:600px){
  .panel-v9 .panel-header{height:66px;padding:0 11px;gap:10px}
  .panel-v9 .panel-page-title span{display:none}
  .panel-v9 .panel-page-title b{font-size:13px}
  .panel-v9 .panel-signout{width:36px;height:36px;padding:0;justify-content:center}
  .panel-v9 .panel-signout span{display:none}
  .panel-v9 .panel-content{padding:10px 10px 28px}
  .panel-v9 .panel-hero-card{padding:22px;min-height:205px;border-radius:15px;background-position:61% center}
  .panel-v9 .welcome h1{font-size:25px;max-width:280px}
  .panel-v9 .welcome p{font-size:12px;max-width:300px}
  .panel-v9 .hero-points{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}
  .panel-v9 .hero-points span{font-size:9px}
  .panel-v9 .panel-stats{grid-template-columns:1fr;gap:8px;margin:9px 0 12px}
  .panel-v9 .stat-card:last-child{grid-column:auto}
  .panel-v9 .stat-card{min-height:84px;padding:14px}
  .panel-v9 .stat-icon{width:41px;height:41px}
  .panel-v9 .stat-card b{font-size:20px}
  .panel-v9 .games-section{padding:18px 14px;border-radius:15px}
  .panel-v9 .games-section-heading h2{font-size:23px}
  .panel-v9 .panel-game-card{min-height:220px;padding:15px}
  .panel-v9 .game-card-copy{max-width:88%;padding-top:45px}
  .auth-v9 .auth-games{grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}
  .auth-v9 .auth-game-card{min-height:94px;padding:10px}
}
@media(max-width:600px){.panel-v9 .server-management{padding:16px}.panel-v9 .server-management-meta{grid-template-columns:1fr}.panel-v9 .server-controls{display:grid;grid-template-columns:1fr 1fr}.panel-v9 .server-controls button{width:100%}.panel-v9 .server-controls button:last-child{grid-column:1/-1}.panel-v9 .toast{left:10px;right:10px;bottom:10px;text-align:center}}


/* =========================================================
   FPSHost V11 — public and panel game card polish
   ========================================================= */
.public-games{padding-top:42px}
.public-games .games-heading{align-items:flex-start;margin-bottom:22px}
.public-games .games-heading>div p{max-width:620px;margin-top:14px}
.public-games .coming-badge{margin-top:3px;background:rgba(94,69,224,.12);border:1px solid rgba(137,99,255,.48);color:#b39bff;white-space:nowrap;padding:9px 14px;border-radius:999px;font-size:11px}
.public-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.public-game-card{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(97,131,181,.30);display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 -90px 110px rgba(0,0,0,.34),0 15px 35px rgba(0,0,0,.16);transition:.22s ease}
.public-game-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,12,26,.12),rgba(4,12,26,.28) 42%,rgba(4,12,26,.95) 84%)}
.public-game-card:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 17% 4%,rgba(87,144,255,.16),transparent 36%)}
.public-game-card:hover{transform:translateY(-3px);border-color:rgba(103,154,232,.58);box-shadow:inset 0 -90px 110px rgba(0,0,0,.38),0 20px 42px rgba(0,0,0,.22)}
.public-game-samp{background-image:url('/assets/game-bg/samp.jpg');background-position:center 24%}
.public-game-cs16{background-image:url('/assets/game-bg/cs16.jpg');background-position:center center}
.public-game-mta{background-image:url('/assets/game-bg/mta.jpg');background-position:center center}
.public-game-cs2{background-image:url('/assets/game-bg/cs2.jpg');background-position:center center}
.public-games .game-card-top,.panel-v9 .game-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.public-games .game-badge,.panel-v9 .game-badge{padding:6px 9px;border-radius:999px;background:rgba(33,112,255,.22);border:1px solid rgba(100,160,255,.35);color:#a8ceff;font-size:8px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}
.public-games .game-badge.muted,.panel-v9 .game-badge.muted{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11);color:#a0a9b6}
.public-games .game-state,.panel-v9 .game-state{font-size:9px;color:#c9d7ea;background:rgba(5,15,30,.66);border:1px solid rgba(122,151,192,.18);padding:6px 9px;border-radius:999px;backdrop-filter:blur(10px)}
.public-games .game-lock,.panel-v9 .game-lock{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(5,13,26,.65);border:1px solid rgba(255,255,255,.09);color:#9da9b8;backdrop-filter:blur(8px)}
.public-games .game-lock svg,.panel-v9 .game-lock svg{width:16px;height:16px}
.public-games .game-card-copy,.panel-v9 .game-card-copy{margin-top:auto;padding-top:58px;max-width:min(72%,360px)}
.public-games .game-card-copy>span,.panel-v9 .game-card-copy>span{font-size:10px;color:#8ca5c7;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.public-games .game-card-copy h3,.panel-v9 .game-card-copy h3{margin:6px 0 7px;font-size:20px;line-height:1.12;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.public-games .game-card-copy p,.panel-v9 .game-card-copy p{margin:0;color:#afbdd1;font-size:12px;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.72)}
.public-games .game-card-action,.panel-v9 .game-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#8ea1bd;font-size:10px}
.public-games .game-card-action svg,.panel-v9 .game-card-action svg{width:18px;height:18px;color:#8ebeff;flex:0 0 auto}
.public-games .future-game,.panel-v9 .future-game{filter:saturate(.50) brightness(.74);cursor:not-allowed}
.public-games .future-game:before,.panel-v9 .future-game:before{background:linear-gradient(180deg,rgba(3,9,19,.26),rgba(3,9,19,.68) 45%,rgba(3,9,19,.98) 88%)}
.public-games .future-game:hover,.panel-v9 .future-game:hover{transform:none;border-color:rgba(97,131,181,.30)}

.panel-v9 .panel-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.panel-v9 .games-section{padding:26px 24px}
.panel-v9 .panel-game-card{min-height:246px;padding:18px 18px 16px;border-radius:18px;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 -90px 110px rgba(0,0,0,.36),0 15px 35px rgba(0,0,0,.14)}
.panel-v9 .panel-game-card:hover{box-shadow:inset 0 -90px 110px rgba(0,0,0,.38),0 20px 42px rgba(0,0,0,.20)}
.panel-v9 .game-samp{background-position:center 24%}.panel-v9 .game-cs16{background-position:center center}.panel-v9 .game-mta,.panel-v9 .game-cs2{background-position:center center}

@media(max-width:900px){
  .public-game-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .public-game-grid,.panel-v9 .panel-game-grid{grid-template-columns:1fr}
  .public-games .games-heading,.panel-v9 .games-section-heading{display:block}
  .public-games .coming-badge{display:inline-block;margin-top:14px}
}
@media(max-width:600px){
  .public-games{padding-top:26px}
  .public-game-card,.panel-v9 .panel-game-card{min-height:230px;padding:15px 15px 14px}
  .public-games .game-card-copy,.panel-v9 .game-card-copy{max-width:85%;padding-top:44px}
  .public-games .game-card-copy h3,.panel-v9 .game-card-copy h3{font-size:18px}
  .public-games .game-card-copy p,.panel-v9 .game-card-copy p{font-size:11px}
  .public-games .game-card-action,.panel-v9 .game-card-action{font-size:9px}
}


/* =========================================================
   FPSHost V12 — cleaner game artwork fitting
   ========================================================= */
.public-game-card, .panel-v9 .panel-game-card, .auth-v9 .auth-game-card {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.public-game-card {
  min-height: 268px;
  border-radius: 20px;
}
.panel-v9 .panel-game-card {
  min-height: 258px;
  border-radius: 20px;
}
.public-game-samp, .panel-v9 .game-samp, .auth-v9 .auth-game-samp { background-position: center 34%; }
.public-game-cs16, .panel-v9 .game-cs16, .auth-v9 .auth-game-cs16 { background-position: center 44%; }
.public-game-mta, .panel-v9 .game-mta { background-position: center 52%; }
.public-game-cs2, .panel-v9 .game-cs2 { background-position: center 46%; }
.public-game-card:before, .panel-v9 .panel-game-card:before {
  background: linear-gradient(180deg, rgba(4,12,26,.10), rgba(4,12,26,.24) 34%, rgba(4,12,26,.88) 72%, rgba(4,12,26,.96) 100%);
}
.public-game-card:after, .panel-v9 .panel-game-card:after {
  background: radial-gradient(circle at 16% 7%, rgba(107,156,255,.16), transparent 34%), linear-gradient(90deg, rgba(4,12,26,.08), transparent 45%);
}
.public-games .game-card-copy, .panel-v9 .game-card-copy {
  max-width: min(76%, 390px);
}
.public-games .game-card-copy h3, .panel-v9 .game-card-copy h3 {
  font-size: 21px;
}
.public-games .game-card-copy p, .panel-v9 .game-card-copy p {
  font-size: 12px;
  color: #c2cfdd;
}
.public-games .game-card-action, .panel-v9 .game-card-action {
  color: #9ab0ca;
}
.auth-v9 .auth-game-card {
  min-height: 114px;
  background-position: center center;
}
.auth-v9 .auth-game-overlay {
  background: linear-gradient(180deg, rgba(4,12,27,.08), rgba(4,12,27,.86) 82%, rgba(4,12,27,.94) 100%);
}
@media (max-width: 700px) {
  .public-game-card, .panel-v9 .panel-game-card {
    min-height: 238px;
  }
  .public-games .game-card-copy, .panel-v9 .game-card-copy {
    max-width: 86%;
  }
}


/* =========================================================
   FPSHost V13 — Admin navigation redesign + responsive polish
   ========================================================= */
.admin-v13{grid-template-columns:276px 1fr;background:radial-gradient(circle at 72% 0%,rgba(53,91,255,.08),transparent 26%),linear-gradient(180deg,#061022,#061021 100%)}
.admin-v13 .admin-sidebar{width:276px;padding:20px 14px 16px;background:linear-gradient(180deg,rgba(9,23,45,.99),rgba(5,14,29,.995));border-right:1px solid rgba(82,118,173,.22);box-shadow:22px 0 52px rgba(0,0,0,.13)}
.admin-v13 .admin-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 10px}.admin-v13 .admin-brand{margin:0!important;padding:0!important;font-size:23px}
.admin-v13 .admin-sidebar-close{display:none;width:38px;height:38px;border:1px solid rgba(77,111,163,.3);border-radius:10px;background:rgba(14,30,55,.8);color:#9fb3d0;place-items:center;cursor:pointer}.admin-v13 .admin-sidebar-close svg{width:18px;height:18px}
.admin-v13 .admin-mode-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin:9px 4px 22px;padding:12px;border:1px solid rgba(75,111,168,.25);border-radius:13px;background:linear-gradient(135deg,rgba(21,46,82,.72),rgba(10,25,48,.74));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.admin-v13 .admin-mode-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#8bc8ff;background:linear-gradient(145deg,rgba(50,129,255,.24),rgba(86,72,245,.14));border:1px solid rgba(102,145,222,.13)}.admin-v13 .admin-mode-icon svg{width:20px;height:20px}
.admin-v13 .admin-mode-card>div{display:flex;min-width:0;flex-direction:column;gap:2px}.admin-v13 .admin-mode-card b{font-size:12px}.admin-v13 .admin-mode-card small{font-size:9px;color:#687f9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v13 .admin-mode-dot{width:7px;height:7px;border-radius:50%;background:#42d99a;box-shadow:0 0 0 5px rgba(66,217,154,.07)}
.admin-v13 .admin-nav-scroll{min-height:0;overflow-y:auto;padding:0 4px 8px;scrollbar-width:thin;scrollbar-color:#183255 transparent}.admin-v13 .admin-nav-group+.admin-nav-group{margin-top:20px}.admin-v13 .admin-nav-label{display:block;margin:0 10px 8px;color:#50698e;font-size:8px;font-weight:900;letter-spacing:.18em}.admin-v13 .admin-nav{display:flex;flex-direction:column;gap:5px}
.admin-v13 .admin-nav button{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#8399ba;text-align:left;cursor:pointer;transition:.18s ease}.admin-v13 .admin-nav button:hover{background:rgba(19,42,76,.64);border-color:rgba(82,122,181,.17);color:#edf5ff;transform:translateX(2px)}
.admin-v13 .admin-nav button.active{color:#fff;background:linear-gradient(112deg,rgba(40,120,255,.94),rgba(78,72,235,.82));border-color:rgba(112,149,255,.32);box-shadow:0 12px 28px rgba(38,72,203,.19)}.admin-v13 .admin-nav button.active:before{content:"";position:absolute;left:-5px;width:3px;height:26px;border-radius:4px;background:#7bc5ff;box-shadow:0 0 16px rgba(82,178,255,.58)}
.admin-v13 .admin-nav-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#74a7e8;background:rgba(22,48,84,.78);border:1px solid rgba(88,127,187,.10)}.admin-v13 .admin-nav button.active .admin-nav-icon{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.08)}.admin-v13 .admin-nav-icon svg{width:18px;height:18px}
.admin-v13 .admin-nav-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.admin-v13 .admin-nav-copy b{font-size:12px;font-weight:720}.admin-v13 .admin-nav-copy small{font-size:9px;color:#617999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v13 .admin-nav button.active .admin-nav-copy small{color:rgba(236,244,255,.72)}
.admin-v13 .admin-nav-count{min-width:26px;height:22px;padding:0 6px;border:1px solid rgba(93,129,186,.20);border-radius:999px;display:grid;place-items:center;color:#7d96bb;background:rgba(10,24,46,.62);font-size:8px;font-weight:800}.admin-v13 .admin-nav button.active .admin-nav-count{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14)}
.admin-v13 .admin-sidebar-footer{margin-top:auto;padding:13px 4px 0;border-top:1px solid rgba(69,104,157,.16)}.admin-v13 .admin-system-status{display:flex;align-items:center;gap:10px;margin:0 2px 9px;padding:10px 11px;border:1px solid rgba(73,110,165,.18);border-radius:11px;background:rgba(10,25,47,.72)}
.admin-v13 .admin-system-pulse{width:8px;height:8px;border-radius:50%;background:#42d99a;box-shadow:0 0 0 5px rgba(66,217,154,.07)}.admin-v13 .admin-system-status.offline .admin-system-pulse{background:#ff6976;box-shadow:0 0 0 5px rgba(255,105,118,.07)}.admin-v13 .admin-system-status>div{display:flex;flex-direction:column;gap:1px}.admin-v13 .admin-system-status b{font-size:10px;color:#b9c8dd}.admin-v13 .admin-system-status small{font-size:8px;color:#617898}
.admin-v13 .back-panel{margin:0;min-height:44px;display:flex;align-items:center;gap:9px;padding:10px 11px;border-color:rgba(74,111,168,.28);background:rgba(12,28,52,.68);transition:.18s}.admin-v13 .back-panel:hover{color:#fff;background:#102543;border-color:#3b6092}.admin-v13 .back-panel svg{width:16px;height:16px}
.admin-v13 .admin-main{grid-column:2}.admin-v13 .admin-topbar{height:76px;padding:0 28px;border-bottom:1px solid rgba(68,103,158,.20);background:rgba(5,14,30,.84);backdrop-filter:blur(18px)}
.admin-v13 .admin-menu-button{display:none;width:40px;height:40px;border:1px solid rgba(77,111,163,.28);border-radius:10px;background:rgba(12,29,54,.72);color:#a9bcd7;place-items:center;cursor:pointer;flex:0 0 auto}.admin-v13 .admin-menu-button svg{width:20px;height:20px}
.admin-v13 .admin-topbar-title{display:flex!important;flex-direction:column;gap:2px}.admin-v13 .admin-topbar-title span{font-size:8px;font-weight:900;letter-spacing:.15em;color:#536d94}.admin-v13 .admin-topbar-title b{font-size:14px;color:#edf4ff}
.admin-v13 .admin-user-chip{margin-left:auto;gap:10px}.admin-v13 .admin-user-chip>span{width:39px;height:39px;border:1px solid rgba(126,151,255,.25);background:linear-gradient(135deg,#368bff,#6248ef);box-shadow:0 8px 20px rgba(40,84,218,.20)}.admin-v13 .admin-user-chip b{font-size:12px}.admin-v13 .admin-user-chip small{font-size:9px;color:#6c83a4}
.admin-v13 .admin-signout{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid rgba(77,113,170,.30);border-radius:10px;background:rgba(11,27,51,.68);color:#9eb1cd;cursor:pointer;transition:.18s}.admin-v13 .admin-signout:hover{color:#fff;background:#102441;border-color:#41699f}.admin-v13 .admin-signout svg{width:16px;height:16px}
.admin-v13 .admin-content{width:min(1280px,100%);padding:30px 32px 48px}.admin-v13 .admin-stats article{border-color:rgba(70,109,168,.32);background:linear-gradient(145deg,rgba(15,34,63,.98),rgba(8,24,46,.98));box-shadow:0 13px 28px rgba(0,0,0,.09)}.admin-v13 .admin-card{border-color:rgba(69,107,165,.31);background:linear-gradient(145deg,rgba(10,26,49,.98),rgba(8,22,42,.98))}
@media(max-width:900px){.admin-v13{display:block}.admin-v13 .admin-sidebar{width:min(310px,86vw);padding:16px 13px 14px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:28px 0 65px rgba(0,0,0,.42)}.admin-v13 .admin-sidebar.open{transform:none}.admin-v13 .admin-sidebar-close{display:grid}.admin-v13 .admin-menu-button{display:grid}.admin-v13 .admin-main{grid-column:auto}.admin-v13 .admin-topbar{height:68px;padding:0 14px;gap:11px}.admin-v13 .admin-content{padding:21px 16px 40px}.admin-v13 .admin-stats{grid-template-columns:1fr 1fr}.admin-v13 .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(2,8,19,.72);opacity:0;pointer-events:none;transition:.2s;z-index:25;backdrop-filter:blur(2px)}.admin-v13 .sidebar-backdrop.open{opacity:1;pointer-events:auto}body.admin-menu-open{overflow:hidden}}
@media(max-width:600px){.admin-v13 .admin-topbar{height:64px;padding:0 10px}.admin-v13 .admin-topbar-title span{display:none}.admin-v13 .admin-topbar-title b{font-size:13px}.admin-v13 .admin-user-chip>div{display:none}.admin-v13 .admin-user-chip{gap:7px}.admin-v13 .admin-user-chip>span{width:35px;height:35px}.admin-v13 .admin-signout{width:36px;height:36px;min-height:36px;padding:0;justify-content:center}.admin-v13 .admin-signout span{display:none}.admin-v13 .admin-content{padding:16px 10px 32px}.admin-v13 .admin-title{display:block;margin-bottom:17px}.admin-v13 .admin-title h1{font-size:25px;line-height:1.12}.admin-v13 .admin-title p{font-size:12px;line-height:1.55}.admin-v13 .admin-title .icon-button{margin-top:12px;min-height:40px}.admin-v13 .admin-stats{grid-template-columns:1fr 1fr;gap:8px}.admin-v13 .admin-stats article{min-height:98px;padding:15px}.admin-v13 .admin-stats b{font-size:26px}.admin-v13 .admin-card{padding:14px;border-radius:13px}.admin-v13 .table-card{padding:0}.admin-v13 .admin-toolbar{display:grid;grid-template-columns:1fr 112px;gap:8px}.admin-v13 .admin-toolbar input{grid-column:1/-1;width:100%;min-height:48px;font-size:16px}.admin-v13 .admin-toolbar select,.admin-v13 .admin-toolbar button{min-height:44px}.admin-v13 .audit-list article{align-items:flex-start;gap:10px;padding:12px 2px}.admin-v13 .audit-list time{max-width:72px;text-align:right;line-height:1.4}.admin-v13 .node-row{display:block;padding:14px 4px}.admin-v13 .node-row>div{align-items:flex-start;flex-wrap:wrap}.admin-v13 .node-row>div:last-child{align-items:flex-start;margin:10px 0 0 19px}.admin-v13 .plan-admin-card{padding:18px}.admin-v13 .plan-admin-card dl{gap:7px}.admin-v13 .toast{left:10px;right:10px;bottom:10px;text-align:center}}
@media(max-width:390px){.admin-v13 .admin-stats{grid-template-columns:1fr}.admin-v13 .admin-toolbar{grid-template-columns:1fr}.admin-v13 .admin-toolbar input,.admin-v13 .admin-toolbar select,.admin-v13 .admin-toolbar button{grid-column:auto;width:100%}}


/* FPSHost V14 — external SVG sprite cache-bust + admin icon visibility */
.admin-v13 .admin-nav-icon svg,
.admin-v13 .admin-mode-icon svg,
.admin-v13 .admin-sidebar-close svg,
.admin-v13 .admin-menu-button svg,
.admin-v13 .admin-signout svg,
.admin-v13 .back-panel svg {
  display:block;
  width:18px;
  height:18px;
  overflow:visible;
  flex:0 0 auto;
}
.admin-v13 .admin-nav-icon {
  color:#82b5ff;
}
.admin-v13 .admin-nav button:hover .admin-nav-icon {
  color:#b9d7ff;
}
.admin-v13 .admin-nav button.active .admin-nav-icon {
  color:#fff;
}

/* V15 Game Node operations — extends the existing Admin Panel visual system. */
.admin-v13 .nodes-card{display:grid;gap:13px;background:transparent;padding:0;border:0}
.admin-v13 .node-live-card{border:1px solid rgba(69,107,165,.31);border-radius:15px;background:linear-gradient(145deg,rgba(10,26,49,.98),rgba(8,22,42,.98));padding:20px;box-shadow:0 13px 28px rgba(0,0,0,.09)}
.admin-v13 .node-live-head,.admin-v13 .node-live-head>div,.admin-v13 .node-live-head>div>span:last-child{display:flex;align-items:center}.admin-v13 .node-live-head{justify-content:space-between;gap:16px}.admin-v13 .node-live-head>div{gap:12px;min-width:0}.admin-v13 .node-live-head>div>span:last-child{align-items:flex-start;flex-direction:column;min-width:0;gap:3px}.admin-v13 .node-live-head b{font-size:14px}.admin-v13 .node-live-head small{font-size:10px;color:#6f86a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}
.admin-v13 .status-dot-admin.pending{background:#e7b85d;box-shadow:0 0 0 5px rgba(231,184,93,.08)}.admin-v13 .status-dot-admin.maintenance{background:#9a78ff;box-shadow:0 0 0 5px rgba(154,120,255,.08)}.admin-v13 .status-dot-admin.offline,.admin-v13 .status-dot-admin.disabled{background:#73829a;box-shadow:0 0 0 5px rgba(115,130,154,.08)}
.admin-v13 .status-chip.online{color:#55dea1;background:rgba(57,199,137,.12)}.admin-v13 .status-chip.maintenance{color:#bca8ff;background:rgba(140,102,255,.13)}.admin-v13 .status-chip.offline,.admin-v13 .status-chip.disabled{color:#9aabc2;background:rgba(116,135,162,.12)}
.admin-v13 .node-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.admin-v13 .node-metrics>div{min-width:0;border:1px solid rgba(65,101,158,.24);border-radius:11px;background:rgba(7,20,39,.62);padding:13px}.admin-v13 .node-metrics span{display:block;color:#7188a9;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.admin-v13 .node-metrics b{display:block;margin-top:7px;font-size:13px;color:#dce8f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-v13 .node-metrics small{display:block;color:#607796;font-size:9px;margin-top:5px}.admin-v13 .node-metrics i{display:block;height:4px;margin-top:10px;border-radius:5px;background:#122b4c;overflow:hidden}.admin-v13 .node-metrics i em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2b8bff,#7355ff)}
.admin-v13 .node-live-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.admin-v13 .node-live-meta span{border:1px solid rgba(63,99,154,.20);border-radius:999px;padding:6px 9px;background:rgba(8,21,40,.56);color:#687f9f;font-size:9px}.admin-v13 .node-live-meta b{color:#aabbd2;font-weight:700}
.admin-v13 .node-live-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;border-top:1px solid rgba(60,94,145,.18)}.admin-v13 .node-live-footer>span{font-size:9px;color:#687f9f}.admin-v13 .node-live-footer>span b{color:#a9bad1}.admin-v13 .node-live-footer>div{display:flex;gap:8px}.admin-v13 .node-live-footer button:disabled{opacity:.4;cursor:not-allowed}.admin-v13 .icon-button.danger{color:#ff9aa1;border-color:rgba(225,84,96,.28)}.admin-v13 .icon-button.success{color:#68dda5;border-color:rgba(65,201,139,.28)}
.admin-v13 .node-enrollment-result{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid rgba(77,120,187,.34);border-radius:14px;background:linear-gradient(135deg,rgba(26,64,111,.72),rgba(24,37,81,.72))}.admin-v13 .node-enrollment-result[hidden]{display:none}.admin-v13 .node-enrollment-result h3{margin:5px 0;font-size:17px}.admin-v13 .node-enrollment-result p{margin:0 0 10px;color:#8fa3c0;font-size:11px}.admin-v13 .node-enrollment-result code{display:block;max-width:700px;padding:10px;border:1px solid rgba(93,133,193,.25);border-radius:8px;background:rgba(3,12,25,.7);color:#8cc9ff;font-size:11px;overflow-wrap:anywhere;user-select:all}
.admin-dialog{width:min(500px,calc(100% - 24px));border:1px solid #29466d;border-radius:16px;background:linear-gradient(145deg,#0e203b,#09182e);color:#edf5ff;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.55)}.admin-dialog::backdrop{background:rgba(2,8,19,.76);backdrop-filter:blur(3px)}.admin-dialog form{padding:23px}.admin-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.admin-dialog-heading h2{margin:5px 0 0}.admin-dialog-heading button{border:0;background:transparent;color:#8fa3c0;font-size:25px;cursor:pointer}.admin-dialog form>p{color:#8498b7;font-size:12px;line-height:1.6}.admin-dialog label{display:block;margin-top:14px}.admin-dialog label>span{display:block;margin-bottom:6px;color:#9aacc5;font-size:10px;font-weight:700}.admin-dialog input,.admin-dialog select{width:100%;min-height:45px;border:1px solid #29466b;border-radius:9px;background:#09192f;color:#e8f1ff;padding:10px 12px;font:inherit;outline:0}.admin-dialog input:focus,.admin-dialog select:focus{border-color:#4588ed}.admin-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
@media(max-width:800px){.admin-v13 .node-metrics{grid-template-columns:1fr 1fr}.admin-v13 .node-live-footer{align-items:flex-start;flex-direction:column}.admin-v13 .node-live-footer>div{width:100%}.admin-v13 .node-live-footer button{flex:1}.admin-v13 .node-enrollment-result{align-items:flex-start;flex-direction:column}.admin-v13 .node-enrollment-result .button{width:100%}}
@media(max-width:430px){.admin-v13 .node-metrics{grid-template-columns:1fr}.admin-v13 #view-nodes .admin-title .button{width:100%;margin-top:13px}.admin-v13 .node-live-card{padding:15px}.admin-v13 .node-live-head small{max-width:62vw}.admin-v13 .node-live-footer>div{flex-direction:column}.admin-dialog form{padding:19px}.admin-dialog-actions{flex-direction:column-reverse}.admin-dialog-actions .button{width:100%}}

/* V19 dedicated server workspace */
.panel-v9 .server-page-content{padding-top:34px}
.panel-v9 .server-page-content .games-section-heading h1{font-size:30px;letter-spacing:-.025em;margin:7px 0}
.panel-v9 .server-page-content .server-management{margin-top:8px}
.panel-v9 .server-page-content .server-management-main h2{font-size:26px;margin:10px 0 5px}
.panel-v9 .server-empty-state{padding:46px 24px;text-align:center;border:1px dashed rgba(90,132,194,.4);border-radius:15px;background:rgba(6,19,39,.38)}
.panel-v9 .server-empty-state b{display:block;font-size:22px;color:#e9f2ff}
.panel-v9 .server-empty-state p{color:#8297b7;margin:9px 0 20px}
@media(max-width:600px){.panel-v9 .server-page-content{padding-top:14px}.panel-v9 .server-page-content .games-section-heading h1{font-size:25px}.panel-v9 .server-page-content .server-management-main h2{font-size:22px}.panel-v9 .server-empty-state{padding:34px 18px}}

/* V20 per-server management layer */
.panel-v9 .server-workspace{margin-top:20px;border:1px solid rgba(67,104,163,.3);border-radius:16px;background:linear-gradient(145deg,rgba(9,25,48,.98),rgba(6,19,38,.98));overflow:hidden}
.panel-v9 .server-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid rgba(67,104,163,.22);overflow-x:auto;scrollbar-width:thin}
.panel-v9 .server-tabs button{border:0;border-radius:9px;padding:11px 15px;background:transparent;color:#7990b1;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.panel-v9 .server-tabs button:hover{color:#dce9fb;background:rgba(23,49,84,.65)}.panel-v9 .server-tabs button.active{color:#fff;background:linear-gradient(110deg,#2784f4,#5b50e8)}
.panel-v9 .server-tool{display:none;padding:20px}.panel-v9 .server-tool.active{display:block}.panel-v9 .tool-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-v9 .tool-heading>div:first-child{display:flex;flex-direction:column;gap:4px}.panel-v9 .tool-heading b{font-size:15px;color:#e7f0fd}.panel-v9 .tool-heading small{color:#7188a9;font-size:10px}.panel-v9 .tool-actions{display:flex;gap:7px;flex-wrap:wrap}
.panel-v9 .live-pill{padding:5px 8px;border-radius:999px;color:#53dda0;background:rgba(52,196,132,.11);font-size:8px;font-weight:900;letter-spacing:.14em}
.panel-v9 .server-console{height:360px;margin:0;padding:16px;border:1px solid #18385e;border-radius:11px;background:#020913;color:#8fd2a8;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.panel-v9 .console-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.panel-v9 .console-form input{min-width:0;border:1px solid #294a74;border-radius:9px;background:#07172c;color:#eef5ff;padding:11px 13px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;outline:0}.panel-v9 .console-form input:focus{border-color:#3d83ea}
.panel-v9 .file-list{border:1px solid rgba(65,101,158,.27);border-radius:11px;overflow:hidden}.panel-v9 .file-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px auto;align-items:center;gap:10px;min-height:48px;padding:8px 11px;border-bottom:1px solid rgba(56,90,141,.17);color:#adbed5;font-size:11px}.panel-v9 .file-row:last-child{border-bottom:0}.panel-v9 .file-row>button:first-child{border:0;background:transparent;color:#dce8f8;text-align:left;font:inherit;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.panel-v9 .file-row .file-kind{color:#647d9f;font-size:9px}.panel-v9 .file-row time{color:#647d9f;font-size:9px}.panel-v9 .row-actions{display:flex;gap:5px}.panel-v9 .row-actions button,.panel-v9 .file-editor>div button{border:1px solid #29496f;border-radius:7px;background:#0b203c;color:#91a7c6;padding:6px 8px;font-size:9px;cursor:pointer}
.panel-v9 .file-editor{margin-top:14px;padding:14px;border:1px solid #29496f;border-radius:11px;background:#07172c}.panel-v9 .file-editor>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-v9 .file-editor textarea,.panel-v9 .config-editor{display:block;width:100%;height:360px;resize:vertical;border:1px solid #23466f;border-radius:9px;background:#020b17;color:#cfe0f4;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:0}.panel-v9 .file-editor>.button,.panel-v9 .server-tool>.button{margin-top:10px}
.panel-v9 .credential-card{border:1px solid rgba(65,101,158,.27);border-radius:12px;background:rgba(5,17,34,.55);padding:16px}.panel-v9 .credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel-v9 .credential-grid div{min-width:0;padding:11px;border:1px solid rgba(56,91,143,.2);border-radius:9px;background:rgba(10,28,52,.68)}.panel-v9 .credential-grid span{display:block;color:#6881a3;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.panel-v9 .credential-grid code{display:block;margin-top:5px;color:#dbe9fa;font-size:11px;overflow-wrap:anywhere;user-select:all}.panel-v9 .credential-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.panel-v9 .credential-actions .button{margin-top:0}.panel-v9 .credential-card>.button{margin-top:12px}.panel-v9 .credential-note{color:#7188a9;font-size:10px;line-height:1.55}
.panel-v9 .backup-list{display:grid;gap:8px}.panel-v9 .backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(62,99,155,.25);border-radius:10px;background:rgba(6,19,38,.55)}.panel-v9 .backup-row div{display:flex;flex-direction:column;gap:3px;min-width:0}.panel-v9 .backup-row b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.panel-v9 .backup-row small{font-size:9px;color:#677f9f}
@media(max-width:700px){.panel-v9 .server-tool{padding:14px}.panel-v9 .tool-heading{align-items:flex-start;flex-direction:column}.panel-v9 .tool-actions{width:100%}.panel-v9 .tool-actions .button,.panel-v9 .upload-label{flex:1;text-align:center}.panel-v9 .server-console,.panel-v9 .file-editor textarea,.panel-v9 .config-editor{height:300px}.panel-v9 .file-row{grid-template-columns:minmax(0,1fr) auto}.panel-v9 .file-row .file-kind,.panel-v9 .file-row time{display:none}.panel-v9 .credential-grid{grid-template-columns:1fr}.panel-v9 .backup-row{align-items:flex-start;flex-direction:column}.panel-v9 .backup-row .button{width:100%}}
@media(max-width:430px){.panel-v9 .console-form{grid-template-columns:1fr}.panel-v9 .console-form .button{width:100%}.panel-v9 .server-tabs{padding:8px}.panel-v9 .server-tabs button{padding:10px 12px}.panel-v9 .row-actions{flex-wrap:wrap;justify-content:flex-end}}
