:root{--fz-green:#63ff73;--fz-panel:rgba(6,18,16,.94);--fz-border:rgba(99,255,115,.22)}
.profile-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(38,132,73,.2),transparent 42%),#030908;color:#effff2}
.profile-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:150px 0 70px}
.steam-login-card,.profile-hero-card,.profile-panel,.profile-stat-grid article{background:linear-gradient(145deg,rgba(11,28,24,.96),rgba(3,10,9,.98));border:1px solid var(--fz-border);box-shadow:0 24px 70px rgba(0,0,0,.36)}
.steam-login-card{max-width:720px;margin:7vh auto;padding:60px;border-radius:28px;text-align:center}
.steam-login-card h1,.profile-hero-card h1{font:700 clamp(2.4rem,6vw,5rem)/.95 Rajdhani,Inter,sans-serif;margin:10px 0}
.steam-login-card p{color:#9eb0aa;font-size:1.08rem;line-height:1.7}
.profile-kicker{color:var(--fz-green);font-weight:800;letter-spacing:.16em}
.steam-login-button{display:inline-flex;margin-top:24px;padding:16px 28px;border-radius:12px;background:var(--fz-green);color:#041007;font-weight:900;text-decoration:none}
.profile-error,.redeem-result.error{color:#ff7373}.redeem-result.success{color:var(--fz-green)}
.profile-hero-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 42px;border-radius:28px}.profile-hero-card p{color:#80948c}
.credit-balance{text-align:right}.credit-balance small{display:block;color:#9eb0aa;font-weight:800}.credit-balance strong{font:800 4rem Rajdhani;color:var(--fz-green)}.credit-balance span{margin-left:8px;color:var(--fz-green);font-weight:900}
.profile-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.profile-stat-grid article{padding:22px;border-radius:16px}.profile-stat-grid small{display:block;color:#82978e;font-weight:800}.profile-stat-grid strong{font:800 2rem Rajdhani;color:#f4fff5}
.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-panel{padding:30px;border-radius:22px}.profile-panel h2{font:700 2rem Rajdhani;margin:8px 0 20px}
.credit-products{display:grid;gap:12px}.credit-products button{display:flex;justify-content:space-between;padding:18px;border:1px solid var(--fz-border);border-radius:13px;background:rgba(99,255,115,.06);color:#fff;font-weight:800;cursor:pointer}.credit-products button:hover{background:rgba(99,255,115,.14);border-color:var(--fz-green)}.credit-products strong{color:var(--fz-green)}
.vip-current{color:#9eb0aa}.redeem-result{min-height:24px;margin-top:12px;font-weight:800}
.credit-history>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.credit-history span small{display:block;color:#71847c}.credit-history .plus{color:var(--fz-green)}.credit-history .minus{color:#ff7373}
@media(max-width:850px){.profile-stat-grid{grid-template-columns:repeat(3,1fr)}.profile-columns{grid-template-columns:1fr}.profile-hero-card{align-items:flex-start;flex-direction:column}.credit-balance{text-align:left}}
@media(max-width:520px){.profile-main{padding-top:110px}.steam-login-card{padding:35px 20px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-hero-card{padding:26px}.credit-balance strong{font-size:3rem}}
.profile-guide-link{display:block;margin-top:18px;color:#9dffac;font-weight:800;text-decoration:none}.profile-guide-link:hover,.guide-inline-link:hover{color:#fff}
.profile-body .header-actions{gap:14px}.profile-logout{color:#dbe9e1;font-weight:800;text-decoration:none}.profile-logout:hover{color:var(--fz-green)}#credit-shop{scroll-margin-top:110px}
.credits-guide-main{display:grid;gap:18px}.guide-hero{padding:56px;border:1px solid var(--fz-border);border-radius:30px;background:linear-gradient(135deg,rgba(18,52,38,.96),rgba(3,12,10,.98));box-shadow:0 30px 80px rgba(0,0,0,.4)}
.guide-hero h1{max-width:800px;margin:10px 0;font:800 clamp(3rem,7vw,6rem)/.88 Rajdhani,Inter,sans-serif;text-transform:uppercase}.guide-hero p{max-width:780px;color:#a4b8ae;font-size:1.08rem;line-height:1.65}.guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.guide-actions a{padding:14px 22px;border-radius:11px;background:var(--fz-green);color:#041007;font-weight:900;text-decoration:none}.guide-actions a.secondary{border:1px solid var(--fz-border);background:transparent;color:#eaffed}
.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-steps article{display:flex;gap:20px;padding:28px;border:1px solid var(--fz-border);border-radius:20px;background:var(--fz-panel)}.guide-steps b{font:800 2.4rem Rajdhani;color:var(--fz-green)}.guide-steps h2{margin:0;font:700 1.55rem Rajdhani}.guide-steps p,.guide-panel p{margin:7px 0 0;color:#91a69c;line-height:1.6}.guide-steps a,.guide-inline-link{color:var(--fz-green);font-weight:800;text-decoration:none}.guide-steps code,.guide-commands code{color:#071108;background:var(--fz-green);font-weight:900;padding:3px 8px;border-radius:6px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-list{display:grid;gap:10px;padding:0;list-style:none}.guide-list li,.guide-products div{display:flex;justify-content:space-between;gap:20px;padding:14px;border:1px solid rgba(99,255,115,.13);border-radius:12px;background:rgba(99,255,115,.04)}.guide-list strong,.guide-products strong{color:var(--fz-green)}.guide-list span{color:#9db0a7;text-align:right}.guide-products{display:grid;gap:10px}.guide-note{padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.guide-inline-link{display:inline-block;margin-top:16px}
.guide-commands>div{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.guide-commands span{color:#a1b3aa}.guide-faq details{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.guide-faq summary{cursor:pointer;color:#effff2;font-weight:800}.guide-faq details p{padding-right:20px}
@media(max-width:800px){.guide-steps,.guide-grid{grid-template-columns:1fr}.guide-hero{padding:34px 24px}.guide-commands>div{grid-template-columns:110px 1fr}}
@media(max-width:520px){.guide-hero h1{font-size:2.65rem}.guide-steps article{padding:21px;gap:13px}.guide-steps b{font-size:1.8rem}.guide-list li,.guide-products div{flex-direction:column;gap:4px}.guide-list span{text-align:left}}

/* Profile dashboard v2 */
.profile-body{--casual:#62ff77;--zombie:#38d9ff;--muted:#91a69d;background:
radial-gradient(circle at 82% 18%,rgba(27,197,255,.08),transparent 24%),
radial-gradient(circle at 18% 12%,rgba(72,255,102,.12),transparent 28%),#020807}
.profile-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(99,255,115,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(99,255,115,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.profile-main{position:relative;width:min(1240px,calc(100% - 34px));padding-top:132px}
.profile-command-center{position:relative;display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}
.profile-identity,.wallet-card,.server-profile-shell,.shop-panel,.history-panel{border:1px solid rgba(99,255,115,.18);background:linear-gradient(145deg,rgba(9,26,22,.97),rgba(2,10,9,.98));box-shadow:0 28px 75px rgba(0,0,0,.38)}
.profile-identity{display:flex;align-items:center;gap:25px;padding:34px;border-radius:25px;overflow:hidden}.profile-identity:after{content:"";position:absolute;width:240px;height:240px;left:30%;top:-155px;border-radius:50%;background:var(--casual);filter:blur(100px);opacity:.1}
.profile-emblem{display:grid;place-items:center;flex:0 0 88px;aspect-ratio:1;border:1px solid rgba(99,255,115,.38);border-radius:24px;background:linear-gradient(145deg,rgba(99,255,115,.18),rgba(99,255,115,.03));box-shadow:inset 0 0 34px rgba(99,255,115,.1)}
.profile-emblem span{font:900 2rem Rajdhani;color:var(--casual);letter-spacing:.04em}.profile-identity h1{margin:3px 0 2px;font:800 clamp(2.3rem,5vw,4.4rem)/.92 Rajdhani;text-transform:uppercase}.profile-identity p{margin:0;color:#71877e}.profile-badges{display:flex;gap:8px;margin-top:16px}.profile-badges span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#aebfb8;font-size:.72rem;font-weight:900;letter-spacing:.05em}.profile-badges .is-online{color:var(--casual);border-color:rgba(99,255,115,.24);background:rgba(99,255,115,.06)}
.wallet-card{position:relative;overflow:hidden;padding:30px;border-radius:25px}.wallet-card small,.shop-balance small{color:#849990;font-size:.68rem;font-weight:900;letter-spacing:.15em}.wallet-card strong{font:900 clamp(3rem,6vw,5.4rem)/1 Rajdhani;color:#fff}.wallet-card>div:not(.wallet-orbit) span{color:var(--casual);font:900 1.15rem Rajdhani}.wallet-card p{color:#789087;font-size:.78rem}.wallet-card a{display:inline-flex;margin-top:7px;color:var(--casual);font-weight:900;text-decoration:none}.wallet-orbit{position:absolute;width:190px;height:190px;right:-55px;top:-65px;border:1px solid rgba(99,255,115,.2);border-radius:50%;box-shadow:0 0 0 26px rgba(99,255,115,.025),0 0 0 54px rgba(99,255,115,.02)}
.server-profile-shell{overflow:hidden;margin-bottom:18px;border-radius:26px}.server-profile-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;border-bottom:1px solid rgba(255,255,255,.07);background:#030c0a}.server-profile-tabs button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;padding:18px 20px;border:1px solid transparent;border-radius:16px;background:transparent;color:#82968e;text-align:left;cursor:pointer;transition:.2s}.server-profile-tabs button:hover{background:rgba(255,255,255,.025)}.server-profile-tabs button.is-active{border-color:rgba(99,255,115,.25);background:linear-gradient(110deg,rgba(99,255,115,.1),rgba(99,255,115,.02));color:#f4fff6}.server-profile-tabs button:nth-child(2).is-active{border-color:rgba(56,217,255,.25);background:linear-gradient(110deg,rgba(56,217,255,.1),rgba(56,217,255,.02))}.server-profile-tabs span{font:800 1.15rem Rajdhani;letter-spacing:.05em}.server-profile-tabs small{font-size:.72rem;color:#61756d}.server-dot{grid-row:1/3;align-self:center;width:11px;height:11px;border-radius:50%;background:var(--casual);box-shadow:0 0 15px var(--casual)}.server-dot.zombie{background:var(--zombie);box-shadow:0 0 15px var(--zombie)}
.server-profile-panel{display:none;padding:30px}.server-profile-panel.is-active{display:block;animation:profileReveal .28s ease}@keyframes profileReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.server-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.server-panel-heading h2{margin:3px 0 0;font:800 clamp(1.8rem,4vw,2.8rem)/1 Rajdhani;text-transform:uppercase}.server-vip-state{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8a9f96;font-size:.74rem;font-weight:900}.server-vip-state.is-vip{border-color:rgba(99,255,115,.28);background:rgba(99,255,115,.07);color:var(--casual)}
.profile-stat-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:0}.profile-stat-grid article{position:relative;overflow:hidden;min-width:0;padding:20px;border-color:rgba(255,255,255,.08);background:rgba(0,5,4,.52);box-shadow:none}.profile-stat-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--casual);opacity:.5}.server-profile-panel[data-profile-panel="zombie"] .profile-stat-grid article:before{background:var(--zombie)}.profile-stat-grid small{font-size:.66rem;letter-spacing:.11em}.profile-stat-grid strong{display:block;margin:6px 0 3px;font-size:2.05rem}.profile-stat-grid em{display:block;overflow:hidden;color:#63766e;font-size:.68rem;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.performance-strip{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:14px;padding:17px 20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,5,4,.45)}.performance-strip>div:not(.performance-meter){display:flex;gap:8px;align-items:center;font-size:.72rem;color:#81968d}.performance-strip strong{color:#eaffee}.performance-meter{height:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.performance-meter span{display:block;height:100%;border-radius:inherit;background:var(--casual);box-shadow:0 0 10px var(--casual)}.performance-meter.cyan span{background:var(--zombie);box-shadow:0 0 10px var(--zombie)}.performance-strip>small{grid-column:1/-1;color:#586c64;font-size:.67rem}
.shop-panel{margin-top:0;padding:32px;border-radius:26px}.shop-heading,.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.shop-heading h2,.history-heading h2{margin:4px 0 3px;font:800 clamp(2rem,4vw,3.1rem)/1 Rajdhani;text-transform:uppercase}.shop-heading p{margin:0;color:var(--muted)}.shop-balance{text-align:right}.shop-balance strong{display:block;color:var(--casual);font:900 1.6rem Rajdhani}.vip-server-products{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vip-product-server{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:23px;border:1px solid rgba(99,255,115,.15);border-radius:20px;background:linear-gradient(145deg,rgba(99,255,115,.07),rgba(0,5,4,.45))}.vip-product-server.zombie-product{border-color:rgba(56,217,255,.17);background:linear-gradient(145deg,rgba(56,217,255,.07),rgba(0,5,4,.45))}.product-server-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(99,255,115,.3);border-radius:17px;color:var(--casual);font:900 1.6rem Rajdhani;background:rgba(99,255,115,.08)}.zombie-product .product-server-icon{border-color:rgba(56,217,255,.3);color:var(--zombie);background:rgba(56,217,255,.08)}.vip-product-server>div:nth-child(2)>small{color:#6d8279;font-size:.64rem;font-weight:900;letter-spacing:.15em}.vip-product-server h3{margin:1px 0;font:800 1.75rem Rajdhani}.vip-product-server p{min-height:38px;margin:4px 0;color:#80958c;font-size:.78rem;line-height:1.5}.vip-status-line{display:inline-block;margin-top:7px;color:#b2c2bc;font-size:.72rem;font-weight:800}.credit-products{grid-column:1/-1}.credit-products button{align-items:center;padding:15px 16px;background:rgba(0,4,3,.52);text-align:left}.credit-products button span{display:grid}.credit-products button b{font-size:.83rem}.credit-products button small{color:#64786f;font-size:.65rem}.zombie-product .credit-products button:hover{border-color:var(--zombie);background:rgba(56,217,255,.08)}.zombie-product .credit-products strong{color:var(--zombie)}.credit-products button:disabled{opacity:.5;cursor:wait}.redeem-result{padding-top:4px}
.history-panel{margin-top:18px;padding:30px;border-radius:26px}.history-heading>span{color:#71857d;font-size:.75rem;font-weight:800}.credit-history>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 2px}.history-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(99,255,115,.08);font-style:normal;font-weight:900}.history-icon.minus{background:rgba(255,115,115,.08)}.credit-history span{color:#d9e6e0;font-weight:700}.credit-history strong{font:800 1rem Rajdhani}
@media(max-width:980px){.profile-command-center{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:repeat(3,1fr)}.vip-server-products{grid-template-columns:1fr}.wallet-card{min-height:210px}}
@media(max-width:700px){.profile-main{width:min(100% - 22px,1240px);padding-top:105px}.profile-identity{align-items:flex-start;padding:25px}.profile-emblem{flex-basis:64px;border-radius:18px}.profile-identity h1{font-size:2.25rem}.server-profile-tabs button{padding:14px 11px}.server-profile-tabs small{display:none}.server-profile-panel,.shop-panel,.history-panel{padding:22px}.server-panel-heading,.shop-heading{align-items:flex-start;flex-direction:column}.shop-balance{text-align:left}.performance-strip{grid-template-columns:auto 1fr}.performance-strip>small{grid-column:1/-1}}
@media(max-width:520px){.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-identity{gap:14px}.profile-emblem{display:none}.profile-badges{flex-wrap:wrap}.wallet-card{padding:25px}.vip-product-server{grid-template-columns:1fr}.product-server-icon{width:48px;height:48px}.credit-products{grid-column:1}.credit-products button{gap:10px}.credit-products strong{font-size:.76rem}.history-heading{align-items:flex-start;flex-direction:column}.credit-history>div{grid-template-columns:auto 1fr}.credit-history strong{grid-column:2}.server-vip-state{font-size:.66rem}}

/* Profile admin panel */
.admin-panel{margin-top:18px;padding:30px;border-radius:26px;border-color:rgba(56,217,255,.24);background:
linear-gradient(145deg,rgba(10,34,32,.98),rgba(2,10,9,.98)),
radial-gradient(circle at 100% 0,rgba(56,217,255,.16),transparent 32%)}
.admin-credit-form{display:grid;grid-template-columns:1.2fr .7fr 1.2fr auto;gap:12px;align-items:end}
.admin-credit-form label{display:grid;gap:7px;color:#99aca4;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.admin-credit-form input{width:100%;min-height:48px;border:1px solid rgba(99,255,115,.18);border-radius:13px;background:rgba(0,5,4,.58);color:#effff2;padding:0 14px;font:800 1rem Inter,system-ui,sans-serif;outline:none}
.admin-credit-form input:focus{border-color:rgba(56,217,255,.65);box-shadow:0 0 0 3px rgba(56,217,255,.08)}
.admin-credit-form button{min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--casual),var(--zombie));color:#03100a;padding:0 18px;font-weight:1000;cursor:pointer;box-shadow:0 12px 34px rgba(56,217,255,.14)}
.admin-credit-form button:disabled{opacity:.55;cursor:wait}
.admin-credit-result{min-height:24px;margin-top:14px;font-weight:900}.admin-credit-result.success{color:var(--casual)}.admin-credit-result.error{color:#ff7373}
.admin-panel-note{margin:9px 0 0;color:#6f867d;font-size:.78rem}
@media(max-width:900px){.admin-credit-form{grid-template-columns:1fr 1fr}.admin-credit-form label:nth-child(3),.admin-credit-form button{grid-column:1/-1}}
@media(max-width:560px){.admin-credit-form{grid-template-columns:1fr}.admin-credit-form label:nth-child(3),.admin-credit-form button{grid-column:auto}}

/* 2026-06-25 cinematic profile header */
.profile-command-center{grid-template-columns:minmax(560px,1.35fr) minmax(310px,.72fr);gap:22px;align-items:stretch}
.profile-command-center.has-admin-tools{grid-template-columns:minmax(470px,1.25fr) minmax(270px,.62fr) minmax(330px,.78fr)}
.profile-identity{position:relative;min-height:245px;padding:44px 38px;border-color:rgba(99,255,115,.45);background:
linear-gradient(90deg,rgba(5,18,14,.98) 0%,rgba(5,18,14,.9) 44%,rgba(5,18,14,.42) 100%),
radial-gradient(circle at 8% 20%,rgba(99,255,115,.28),transparent 26%),
url('../images/backgrounds/fragzone-hero.png') right center/auto 125% no-repeat,
#030908;box-shadow:0 0 0 1px rgba(99,255,115,.08),0 0 42px rgba(99,255,115,.16),0 34px 90px rgba(0,0,0,.48)}
.profile-identity:before{content:"";position:absolute;inset:0;border-radius:25px;pointer-events:none;background:
linear-gradient(120deg,rgba(99,255,115,.36),transparent 23%,transparent 75%,rgba(56,217,255,.12)),
repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);mask:linear-gradient(#000,transparent 92%)}
.profile-hero-glow{position:absolute;inset:auto auto -70px -70px;width:280px;height:280px;border-radius:50%;background:rgba(99,255,115,.18);filter:blur(55px);pointer-events:none}
.profile-emblem{position:relative;z-index:1;flex-basis:135px;border-radius:34px;border-color:rgba(99,255,115,.52);background:linear-gradient(145deg,rgba(99,255,115,.22),rgba(1,8,6,.8));box-shadow:inset 0 0 42px rgba(99,255,115,.16),0 0 32px rgba(99,255,115,.18)}
.profile-emblem span{font-family:Georgia,serif;font-size:3.4rem;text-shadow:0 0 18px rgba(99,255,115,.65)}
.profile-player-copy{position:relative;z-index:1}.profile-player-copy h1{font-size:clamp(4rem,7vw,6.7rem);letter-spacing:.04em;text-shadow:0 6px 22px rgba(0,0,0,.55)}
.steam-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px!important;color:#c6d3ce!important}.steam-line span{color:#95a9a1}.steam-line b{font-weight:700;color:#dce9e4}
.profile-badges span{padding:10px 18px;border-color:rgba(99,255,115,.18);background:rgba(0,6,4,.54);font-size:.82rem}.profile-badges .zombie-badge{color:#ff9b3d;border-color:rgba(255,155,61,.24)}
.wallet-card{min-height:245px;border-color:rgba(56,217,255,.24);background:
radial-gradient(circle at 82% 22%,rgba(99,255,115,.24),transparent 22%),
radial-gradient(circle at 105% 105%,rgba(255,122,18,.18),transparent 34%),
linear-gradient(145deg,rgba(7,22,20,.98),rgba(2,9,8,.97));box-shadow:0 0 0 1px rgba(56,217,255,.05),0 34px 90px rgba(0,0,0,.45)}
.wallet-card strong{font-size:clamp(4.1rem,7vw,6.4rem);text-shadow:0 8px 24px rgba(0,0,0,.52)}.wallet-card small{font-size:.83rem}.wallet-card a{font-size:1.05rem}
.wallet-orbit{display:grid;place-items:center;right:24px;top:28px;width:105px;height:105px;border-color:rgba(99,255,115,.44);box-shadow:0 0 24px rgba(99,255,115,.25),0 0 0 15px rgba(99,255,115,.045),0 0 0 35px rgba(99,255,115,.024)}
.wallet-orbit span{font-size:2rem;filter:drop-shadow(0 0 9px rgba(99,255,115,.7))}
.admin-panel-compact{margin-top:0;min-height:245px;padding:24px;border-radius:25px;border-color:rgba(255,155,61,.28);background:
radial-gradient(circle at 100% 0,rgba(255,155,61,.16),transparent 34%),
linear-gradient(145deg,rgba(17,22,18,.98),rgba(2,9,8,.98));box-shadow:0 34px 90px rgba(0,0,0,.45)}
.admin-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-compact-head h2{margin:2px 0 0;font:900 2.2rem/1 Rajdhani;text-transform:uppercase}.admin-compact-head>span{padding:8px 12px;border:1px solid rgba(255,155,61,.25);border-radius:999px;color:#ffb15f;font-weight:900}
.admin-panel-compact .admin-credit-form{grid-template-columns:1fr 110px;gap:10px}.admin-panel-compact .admin-credit-form label:nth-child(1),.admin-panel-compact .admin-credit-form label:nth-child(3){grid-column:1/-1}.admin-panel-compact .admin-credit-form button{height:48px}
.server-profile-shell{border-radius:30px;box-shadow:0 38px 100px rgba(0,0,0,.48)}.server-profile-tabs{padding:10px}.server-profile-tabs button{border-radius:20px}.server-profile-panel{padding:38px}.server-panel-heading h2{font-size:clamp(3rem,6vw,5rem);letter-spacing:.08em}.profile-stat-grid article{padding:26px 24px;border-radius:19px;background:linear-gradient(145deg,rgba(7,18,15,.9),rgba(1,6,5,.72));border-color:rgba(99,255,115,.16)}.profile-stat-grid strong{font-size:clamp(2.6rem,4vw,3.9rem)}
@media(max-width:1180px){.profile-command-center,.profile-command-center.has-admin-tools{grid-template-columns:1fr 1fr}.profile-command-center.has-admin-tools .profile-identity{grid-column:1/-1}.profile-command-center.has-admin-tools .admin-panel-compact{grid-column:auto}.profile-player-copy h1{font-size:4.6rem}}
@media(max-width:820px){.profile-command-center,.profile-command-center.has-admin-tools{grid-template-columns:1fr}.profile-command-center.has-admin-tools .profile-identity,.profile-command-center.has-admin-tools .admin-panel-compact{grid-column:auto}.profile-identity{min-height:0;padding:30px 24px;background:linear-gradient(120deg,rgba(5,18,14,.98),rgba(5,18,14,.82)),url('../images/backgrounds/fragzone-hero.png') right center/auto 100% no-repeat}.profile-emblem{flex-basis:84px;border-radius:22px}.profile-emblem span{font-size:2.4rem}.profile-player-copy h1{font-size:3.4rem}.wallet-card,.admin-panel-compact{min-height:0}.server-profile-panel{padding:24px}.server-panel-heading h2{font-size:2.7rem}}
@media(max-width:560px){.profile-identity{align-items:flex-start}.profile-emblem{display:grid;flex-basis:66px}.profile-emblem span{font-size:1.9rem}.profile-player-copy h1{font-size:2.8rem}.steam-line{font-size:.86rem}.profile-badges span{padding:8px 11px}.admin-panel-compact .admin-credit-form{grid-template-columns:1fr}.server-panel-heading h2{font-size:2.25rem}.profile-stat-grid article{padding:19px}.profile-stat-grid strong{font-size:2.35rem}}

/* 2026-06-25 compact modern profile polish */
.profile-command-center{align-items:stretch}
.profile-identity,.wallet-card,.admin-panel-compact{min-height:205px}
.profile-identity{padding:34px 32px}
.profile-player-copy h1{font-size:clamp(3.15rem,5.6vw,5.35rem);line-height:.9}
.profile-kicker{font-size:.78rem;letter-spacing:.18em}
.steam-line{font-size:.92rem}.profile-badges span{padding:8px 14px;font-size:.72rem}
.profile-emblem{flex-basis:112px;border-radius:28px}.profile-emblem span{font-size:2.8rem}
.wallet-card{display:flex;flex-direction:column;justify-content:center;padding:28px 30px;border-radius:25px}
.wallet-card small{font-size:.72rem;letter-spacing:.15em}
.wallet-card>div:not(.wallet-orbit){display:flex;align-items:flex-end;gap:10px;margin:14px 0 12px}
.wallet-card strong{font-size:clamp(3.45rem,5.8vw,5rem);line-height:.82;letter-spacing:-.04em}
.wallet-card>div:not(.wallet-orbit) span{font-size:1rem;line-height:1.1;margin-bottom:.28em}
.wallet-card p{margin:0 0 22px;font-size:.82rem}
.wallet-card a{display:inline-flex;align-items:center;gap:8px;width:max-content;margin:0;padding:10px 13px;border:1px solid rgba(99,255,115,.18);border-radius:12px;background:rgba(99,255,115,.07);font-size:.88rem;line-height:1;text-shadow:none}
.wallet-card a:hover{background:rgba(99,255,115,.13);border-color:rgba(99,255,115,.38)}
.wallet-orbit{right:24px;top:24px;width:82px;height:82px;box-shadow:0 0 18px rgba(99,255,115,.2),0 0 0 12px rgba(99,255,115,.035),0 0 0 28px rgba(99,255,115,.018)}
.wallet-orbit span{font-size:1.55rem}
.admin-panel-compact{padding:22px}.admin-compact-head h2{font-size:1.8rem}.admin-credit-form input,.admin-credit-form button{min-height:44px}.admin-credit-form label{font-size:.64rem}
.server-profile-tabs span{font-size:1rem}.server-profile-tabs small{font-size:.67rem}.server-panel-heading h2{font-size:clamp(2.35rem,4.6vw,4.2rem)}
.profile-stat-grid article{padding:20px 18px}.profile-stat-grid strong{font-size:clamp(2.15rem,3.4vw,3.2rem)}.profile-stat-grid small{font-size:.6rem}.profile-stat-grid em{font-size:.64rem}
.shop-heading h2,.history-heading h2{font-size:clamp(1.65rem,3.1vw,2.55rem)}
@media(max-width:1180px){.profile-player-copy h1{font-size:3.9rem}.profile-identity,.wallet-card,.admin-panel-compact{min-height:190px}}
@media(max-width:820px){.profile-identity,.wallet-card,.admin-panel-compact{min-height:0}.wallet-card{padding:24px}.wallet-orbit{width:70px;height:70px}.wallet-card strong{font-size:3.4rem}.wallet-card a{font-size:.82rem}.profile-player-copy h1{font-size:3.05rem}}
@media(max-width:560px){.profile-identity{padding:24px 20px}.profile-emblem{flex-basis:58px;border-radius:18px}.profile-emblem span{font-size:1.65rem}.profile-player-copy h1{font-size:2.45rem}.profile-kicker{font-size:.66rem}.wallet-card strong{font-size:3rem}.wallet-card>div:not(.wallet-orbit){margin-top:12px}.wallet-card p{font-size:.76rem}.wallet-card a{white-space:normal;line-height:1.25}.profile-stat-grid strong{font-size:2.05rem}}

/* 2026-06-25 credits page compact redesign */
.credits-page .profile-main{width:min(1160px,calc(100% - 34px));padding-top:128px}
.credits-guide-main{gap:16px}
.credits-hero{position:relative;display:grid;grid-template-columns:1fr 210px;align-items:center;gap:28px;min-height:310px;padding:42px;border-radius:30px;background:
linear-gradient(110deg,rgba(5,18,14,.98),rgba(5,18,14,.86) 55%,rgba(5,18,14,.58)),
radial-gradient(circle at 8% 10%,rgba(99,255,115,.18),transparent 30%),
url('../images/backgrounds/fragzone-bg-loop.webp') center/cover no-repeat;border-color:rgba(99,255,115,.28)}
.credits-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);mask:linear-gradient(#000,transparent 88%)}
.credits-hero h1{max-width:760px;margin:8px 0 10px;font-size:clamp(2.65rem,5.5vw,4.75rem);line-height:.9;letter-spacing:.05em}
.credits-hero p{max-width:720px;margin:0;color:#a8b9b1;font-size:.98rem;line-height:1.65}
.credits-hero .guide-actions{margin-top:22px}.credits-hero .guide-actions a{padding:12px 18px;border-radius:12px;font-size:.86rem}
.credits-hero-card{position:relative;z-index:1;display:grid;place-items:center;min-height:190px;border:1px solid rgba(99,255,115,.28);border-radius:26px;background:linear-gradient(145deg,rgba(99,255,115,.12),rgba(0,7,5,.76));box-shadow:inset 0 0 38px rgba(99,255,115,.09),0 22px 50px rgba(0,0,0,.35)}
.credits-hero-card span{font:900 2rem Georgia,serif;color:var(--casual);text-shadow:0 0 16px rgba(99,255,115,.55)}
.credits-hero-card strong{font:900 4.2rem/.78 Rajdhani;color:#fff}.credits-hero-card small{color:#91a69d;font-weight:800}
.credits-steps{grid-template-columns:repeat(4,1fr);gap:12px}
.credits-steps article{display:block;padding:22px;border-radius:20px;background:linear-gradient(145deg,rgba(8,24,20,.96),rgba(2,9,8,.96));box-shadow:none}
.credits-steps b{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border:1px solid rgba(99,255,115,.25);border-radius:13px;background:rgba(99,255,115,.07);font-size:1.25rem}
.credits-steps h2,.guide-panel h2{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}
.credits-steps p,.guide-panel p,.guide-faq details p{font-size:.9rem;line-height:1.62}
.credits-info-grid{gap:14px}.credits-info-grid .guide-panel,.credits-commands,.credits-faq{border-radius:24px;background:linear-gradient(145deg,rgba(8,23,20,.96),rgba(2,9,8,.97))}
.guide-list li,.guide-products div{padding:12px 13px;border-radius:12px}.guide-list strong,.guide-products strong{font-size:.92rem}.guide-list span,.guide-products span{font-size:.86rem}
.guide-note{font-size:.84rem}.guide-inline-link{font-size:.9rem}
.credits-commands>div{grid-template-columns:118px 1fr;padding:12px 0}.credits-commands code{font-size:.85rem}.credits-commands span{font-size:.88rem}
.credits-faq details{padding:13px 0}.credits-faq summary{font-size:.95rem}
@media(max-width:980px){.credits-hero{grid-template-columns:1fr}.credits-hero-card{display:none}.credits-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.credits-page .profile-main{width:min(100% - 22px,1160px);padding-top:108px}.credits-hero{padding:28px 22px;min-height:0}.credits-hero h1{font-size:2.55rem}.credits-hero p{font-size:.9rem}.credits-hero .guide-actions a{width:100%;justify-content:center;text-align:center}.credits-steps{grid-template-columns:1fr}.credits-info-grid{grid-template-columns:1fr}.credits-commands>div{grid-template-columns:1fr;gap:6px}.guide-list li,.guide-products div{flex-direction:column;gap:4px}.guide-list span{text-align:left}}

/* 2026-06-25 modern Steam login */
.login-modern-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr);gap:28px;align-items:center;max-width:1040px;min-height:520px;margin:3.5vh auto;padding:44px;border-radius:30px;text-align:left;overflow:hidden;background:
linear-gradient(115deg,rgba(5,18,14,.98),rgba(5,18,14,.88) 58%,rgba(5,18,14,.72)),
radial-gradient(circle at 10% 12%,rgba(99,255,115,.18),transparent 32%),
url('../images/backgrounds/fragzone-hero.png') right center/auto 118% no-repeat;border-color:rgba(99,255,115,.26);box-shadow:0 36px 100px rgba(0,0,0,.48)}
.login-modern-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);mask:linear-gradient(#000,transparent 88%)}
.login-copy,.login-info-grid{position:relative;z-index:1}
.login-modern-card h1{max-width:620px;margin:10px 0 14px;font-size:clamp(2.75rem,5.4vw,5rem);line-height:.9;letter-spacing:.04em;text-transform:uppercase}
.login-modern-card p{max-width:620px;margin:0;color:#a1b4ac;font-size:.98rem;line-height:1.65}
.login-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0 16px}
.login-actions .steam-login-button{display:inline-flex;align-items:center;gap:9px;margin:0;padding:14px 20px;border-radius:13px;background:linear-gradient(135deg,var(--casual),#38d9ff);box-shadow:0 18px 42px rgba(99,255,115,.16);font-size:.92rem}
.login-actions .steam-login-button span{font-size:.7rem;color:#041007}
.login-actions .profile-guide-link{display:inline-flex;margin:0;padding:12px 14px;border:1px solid rgba(99,255,115,.18);border-radius:13px;background:rgba(99,255,115,.055);font-size:.86rem}
.login-security-note{max-width:560px!important;color:#6f837b!important;font-size:.78rem!important}
.login-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.login-info-grid article{min-height:142px;padding:18px;border:1px solid rgba(99,255,115,.16);border-radius:18px;background:linear-gradient(145deg,rgba(2,10,8,.8),rgba(8,25,21,.72));box-shadow:inset 0 0 28px rgba(99,255,115,.035)}
.login-info-grid b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:13px;border:1px solid rgba(99,255,115,.26);border-radius:13px;background:rgba(99,255,115,.07);color:var(--casual);font:900 .95rem Rajdhani}
.login-info-grid span{display:block;color:#effff2;font:900 1.1rem Rajdhani;text-transform:uppercase;letter-spacing:.06em}.login-info-grid small{display:block;margin-top:6px;color:#7f948b;font-size:.78rem;line-height:1.45}
.login-modern-card .profile-error{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(255,115,115,.22);border-radius:12px;background:rgba(255,115,115,.08);font-weight:800}
@media(max-width:900px){.login-modern-card{grid-template-columns:1fr;min-height:0;padding:34px 26px;background:linear-gradient(115deg,rgba(5,18,14,.98),rgba(5,18,14,.86)),url('../images/backgrounds/fragzone-hero.png') right top/auto 80% no-repeat}.login-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.login-modern-card{margin:0 auto;padding:26px 20px;border-radius:24px}.login-modern-card h1{font-size:2.55rem}.login-modern-card p{font-size:.9rem}.login-actions{align-items:stretch;flex-direction:column}.login-actions .steam-login-button,.login-actions .profile-guide-link{justify-content:center;width:100%;text-align:center}.login-info-grid{grid-template-columns:1fr}.login-info-grid article{min-height:0}.login-security-note{font-size:.74rem!important}}

/* 2026-06-26 real money VIP and support */
.money-shop-panel{margin-top:18px;padding:32px;border-radius:26px;border-color:rgba(56,217,255,.2);background:
radial-gradient(circle at 92% 0,rgba(56,217,255,.11),transparent 28%),
linear-gradient(145deg,rgba(8,24,22,.97),rgba(2,10,9,.98));box-shadow:0 34px 90px rgba(0,0,0,.43)}
.money-shop-panel .shop-heading{align-items:flex-start}.money-shop-panel .shop-heading p{max-width:780px}
.money-balance strong{color:var(--zombie);font-size:1.35rem;letter-spacing:.08em}
.money-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.money-product-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:16px;padding:23px;border:1px solid rgba(99,255,115,.16);border-radius:20px;background:
linear-gradient(145deg,rgba(99,255,115,.065),rgba(0,5,4,.54));min-width:0}
.money-product-card.zombie-money{border-color:rgba(56,217,255,.2);background:linear-gradient(145deg,rgba(56,217,255,.075),rgba(0,5,4,.54))}
.money-product-card.support-money{border-color:rgba(255,155,61,.22);background:linear-gradient(145deg,rgba(255,155,61,.075),rgba(0,5,4,.54))}
.money-product-card.support-money .product-server-icon{border-color:rgba(255,155,61,.34);color:#ffb15f;background:rgba(255,155,61,.08);font-size:1.05rem}
.money-product-copy{min-width:0}.money-product-copy small{color:#6d8279;font-size:.64rem;font-weight:900;letter-spacing:.15em}
.money-product-copy h3{margin:1px 0;font:800 1.75rem Rajdhani}.money-product-copy p{min-height:58px;margin:4px 0;color:#80958c;font-size:.78rem;line-height:1.5}
.money-product-price{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,4,3,.52)}
.money-product-price span{color:#6f837b;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.money-product-price strong{font:900 2rem/.9 Rajdhani;color:var(--casual)}
.zombie-money .money-product-price strong{color:var(--zombie)}.support-money .money-product-price strong{color:#ffb15f}
.money-buy-button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid rgba(99,255,115,.2);border-radius:13px;background:rgba(99,255,115,.09);color:#effff2;font:1000 .92rem Inter,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.money-buy-button:hover{border-color:rgba(99,255,115,.5);background:rgba(99,255,115,.16);color:#fff}.zombie-money .money-buy-button:hover{border-color:rgba(56,217,255,.55);background:rgba(56,217,255,.14)}.support-money .money-buy-button:hover{border-color:rgba(255,155,61,.55);background:rgba(255,155,61,.14)}
.money-buy-button:disabled{opacity:.58;cursor:wait}.paysera-result{min-height:24px;margin-top:14px;font-weight:900}.paysera-result.success{color:var(--casual)}.paysera-result.error{color:#ff7373}
.money-shop-note{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,5,4,.42);color:#879b92;font-size:.82rem;font-weight:800}
@media(max-width:1040px){.money-product-grid{grid-template-columns:1fr 1fr}.money-product-card.support-money{grid-column:1/-1}.money-product-copy p{min-height:0}}
@media(max-width:700px){.money-shop-panel{padding:22px}.money-product-grid{grid-template-columns:1fr}.money-product-card.support-money{grid-column:auto}.money-product-card{grid-template-columns:1fr}.money-product-card .product-server-icon{width:48px;height:48px}.money-product-price strong{font-size:1.7rem}.money-buy-button{min-height:46px}}

/* 2026-06-26 modern money shop cards */
.money-shop-panel{position:relative;overflow:hidden;padding:38px;border-radius:28px;border-color:rgba(56,217,255,.26);background:
linear-gradient(135deg,rgba(5,19,16,.98),rgba(4,18,18,.94) 50%,rgba(3,12,10,.98)),
radial-gradient(circle at 88% 0,rgba(56,217,255,.14),transparent 30%);box-shadow:0 38px 100px rgba(0,0,0,.46)}
.money-shop-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(99,255,115,.14),transparent 22%,transparent 72%,rgba(56,217,255,.1));opacity:.7}
.money-shop-panel>*{position:relative;z-index:1}.money-shop-panel .shop-heading{margin-bottom:30px}.money-shop-panel .shop-heading p{color:#9eb2aa;font-size:1rem;line-height:1.55}
.money-balance{padding:12px 16px;border:1px solid rgba(56,217,255,.18);border-radius:16px;background:rgba(0,5,4,.38)}.money-balance strong{font-size:1.55rem;letter-spacing:.05em}
.money-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.money-product-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:0;padding:28px 26px;border-radius:22px;border-color:rgba(99,255,115,.24);background:
linear-gradient(180deg,rgba(10,34,25,.74),rgba(2,9,7,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 55px rgba(0,0,0,.25)}
.money-product-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%)}
.money-product-card.zombie-money{border-color:rgba(56,217,255,.32);background:linear-gradient(180deg,rgba(6,30,32,.74),rgba(2,9,10,.91))}
.money-product-card.support-money{border-color:rgba(255,155,61,.3);background:linear-gradient(180deg,rgba(32,25,12,.74),rgba(9,8,4,.92))}
.money-product-top{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.money-product-card .product-server-icon{width:66px;height:66px;border-radius:18px}
.money-product-copy h3{font-size:2rem;line-height:1}.money-product-copy p{min-height:66px;margin-top:8px;font-size:.86rem;color:#9aaea6}
.vip-status-line{padding-top:3px}.vipmenu-info{display:grid;gap:5px;padding:14px 15px;border:1px solid rgba(99,255,115,.16);border-radius:16px;background:rgba(0,5,4,.42)}

/* Clear VIP state badges */
.server-vip-state,
.vip-status-line {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: rgba(218,235,225,.68);
  font-weight: 900;
  letter-spacing: .01em;
}

.server-vip-state::before,
.vip-status-line::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}

.server-vip-state.is-active,
.vip-status-line.is-active {
  border-color: rgba(99,255,115,.48);
  background: linear-gradient(135deg, rgba(99,255,115,.17), rgba(69,215,255,.07));
  color: #7dff8c;
  text-shadow: 0 0 16px rgba(99,255,115,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 24px rgba(99,255,115,.10);
}

.server-vip-state.is-permanent,
.vip-status-line.is-permanent {
  border-color: rgba(255,220,110,.58);
  background: linear-gradient(135deg, rgba(255,220,110,.17), rgba(99,255,115,.10));
  color: #ffe083;
  text-shadow: 0 0 18px rgba(255,220,110,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(255,220,110,.12);
}

.server-vip-state.is-inactive,
.vip-status-line.is-inactive {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.025);
  color: rgba(180,196,188,.58);
  text-shadow: none;
  box-shadow: none;
}

.server-vip-state.is-expired,
.vip-status-line.is-expired {
  border-color: rgba(255,93,93,.35);
  background: rgba(255,93,93,.08);
  color: #ff8c8c;
}
.zombie-money .vipmenu-info{border-color:rgba(56,217,255,.18)}.support-money .vipmenu-info{border-color:rgba(255,155,61,.2)}
.vipmenu-info span{color:#7f938a;font-size:.62rem;font-weight:1000;letter-spacing:.16em}.vipmenu-info strong{color:#effff2;font:900 1.02rem Rajdhani;letter-spacing:.04em}.vipmenu-info small{color:#7f948b;line-height:1.42}
.money-perks{display:flex;flex-wrap:wrap;gap:8px}.money-perks span{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#a9bab3;font-size:.68rem;font-weight:900}
.money-product-price{margin-top:auto;border-radius:16px;border-color:rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(0,5,4,.72),rgba(0,5,4,.4));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.money-buy-button{min-height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(99,255,115,.18),rgba(99,255,115,.08));box-shadow:0 14px 34px rgba(99,255,115,.08)}
.money-buy-button:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(99,255,115,.12)}.zombie-money .money-buy-button{border-color:rgba(56,217,255,.24);background:linear-gradient(135deg,rgba(56,217,255,.18),rgba(56,217,255,.08))}.support-money .money-buy-button{border-color:rgba(255,155,61,.24);background:linear-gradient(135deg,rgba(255,155,61,.18),rgba(255,155,61,.08))}
@media(max-width:1120px){.money-product-grid{grid-template-columns:1fr}.money-product-card{min-height:0}.money-product-copy p{min-height:0}}
@media(max-width:700px){.money-shop-panel{padding:24px 18px}.money-product-card{padding:22px}.money-product-top{grid-template-columns:1fr}.money-product-copy h3{font-size:1.75rem}.money-balance{width:100%;text-align:left}.money-perks span{font-size:.64rem}.vipmenu-info strong{font-size:.96rem}}


/* 2026-06-27 profile and login background polish */
.profile-body {
  background:
    linear-gradient(180deg, rgba(1, 7, 6, .74), rgba(1, 7, 6, .96)),
    url("../images/backgrounds/fragzone-bg-loop.webp") center top / cover fixed no-repeat,
    #020807;
}

.profile-body:before {
  z-index: -2;
  opacity: .42;
  background:
    linear-gradient(90deg, rgba(2,8,7,.96), rgba(2,8,7,.68) 48%, rgba(2,8,7,.9)),
    radial-gradient(circle at 16% 16%, rgba(99,255,115,.22), transparent 32%),
    radial-gradient(circle at 84% 12%, rgba(56,217,255,.14), transparent 30%),
    url("../images/backgrounds/fragzone-hero.png") center top / cover no-repeat;
  mask-image: none;
}

.profile-login-page .profile-main {
  display: grid;
  min-height: 100svh;
  align-items: center;
  padding-top: 118px;
  padding-bottom: 42px;
}

.profile-login-page .login-modern-card {
  width: min(100%, 1320px);
  max-width: none;
  min-height: min(690px, calc(100svh - 190px));
  margin: 0 auto;
  padding: clamp(30px, 4.2vw, 66px);
  border-color: rgba(99, 255, 115, .32);
  background:
    linear-gradient(110deg, rgba(4, 16, 13, .98), rgba(4, 16, 13, .9) 48%, rgba(4, 16, 13, .68)),
    radial-gradient(circle at 9% 12%, rgba(99,255,115,.2), transparent 34%),
    url("../images/backgrounds/fragzone-hero.png") center / cover no-repeat;
  box-shadow: 0 42px 120px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04);
}

.profile-login-page .login-modern-card h1 {
  max-width: 690px;
  font-size: clamp(3.4rem, 7vw, 7rem);
  letter-spacing: .035em;
}

.profile-login-page .login-info-grid article,
.profile-panel,
.server-profile-shell,
.wallet-card,
.profile-identity {
  backdrop-filter: blur(14px);
}

@media (max-width: 900px) {
  .profile-login-page .profile-main {
    min-height: auto;
    align-items: start;
  }

  .profile-login-page .login-modern-card {
    min-height: 0;
    background:
      linear-gradient(115deg, rgba(5,18,14,.98), rgba(5,18,14,.86)),
      url("../images/backgrounds/fragzone-hero.png") right top / auto 80% no-repeat;
  }
}


/* 2026-06-27 profile and credits full viewport width */
.profile-body .profile-main,
.credits-page .profile-main {
  width: var(--page-wide, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.profile-login-page .profile-main {
  width: var(--page-wide, calc(100vw - 48px)) !important;
  min-height: 100svh;
}

.profile-login-page .login-modern-card {
  width: 100% !important;
  max-width: none !important;
  min-height: min(760px, calc(100svh - 174px));
}

.credits-page .credits-hero,
.credits-guide-main,
.credits-guide-main > *,
.guide-hero,
.guide-grid,
.guide-steps,
.credits-info-grid,
.credits-commands,
.credits-faq,
.profile-command-center,
.server-profile-shell,
.shop-panel,
.history-panel,
.money-shop-panel {
  width: 100% !important;
  max-width: none !important;
}

.credits-page .profile-main {
  padding-top: 128px;
}

.credits-hero {
  grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
}

@media (min-width: 1280px) {
  .login-modern-card {
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  }

  .credits-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .credits-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .profile-body .profile-main,
  .credits-page .profile-main {
    width: calc(100vw - 24px) !important;
  }
}


/* 2026-06-27 expandable full credit ledger */
.history-heading p{margin:4px 0 0;color:#7e938a;font-size:.9rem;line-height:1.55}
.credit-history-accordion{display:grid;gap:0}
.credit-history-accordion .history-entry{border-bottom:1px solid rgba(255,255,255,.07)}
.credit-history-accordion .history-entry:last-child{border-bottom:0}
.history-entry summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:14px 2px;list-style:none;cursor:pointer}
.history-entry summary::-webkit-details-marker{display:none}
.history-entry summary:after{content:"Išskleisti";justify-self:end;grid-column:2;color:#6d837a;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.history-entry[open] summary:after{content:"Suskleisti";color:var(--casual)}
.history-main{display:grid;min-width:0;color:#d9e6e0;font-weight:700}
.history-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-main small{color:#748981;font-size:.78rem;font-weight:800}
.history-entry-details{padding:0 0 18px 47px;animation:profileReveal .2s ease}
.history-entry-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.history-entry-details div{min-width:0;border:1px solid rgba(99,255,115,.11);border-radius:12px;background:rgba(0,6,5,.36);padding:12px}
.history-entry-details dt{margin:0 0 5px;color:#667c73;font-size:.65rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.history-entry-details dd{margin:0;color:#e9fff0;font-size:.84rem;font-weight:850;overflow-wrap:anywhere}
@media(max-width:860px){.history-entry-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.history-entry summary{grid-template-columns:auto 1fr}.history-entry summary strong{grid-column:2}.history-entry summary:after{grid-column:2;justify-self:start}.history-entry-details{padding-left:0}.history-entry-details dl{grid-template-columns:1fr}}


/* 2026-06-27 show one ledger row, expand to all entries */
.history-ledger-master{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.history-ledger-master>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:82px;padding:16px 2px;list-style:none;cursor:pointer}
.history-ledger-master>summary::-webkit-details-marker{display:none}
.history-ledger-master>summary:after{content:"Išskleisti viską";justify-self:end;color:#7f928a;font-size:.7rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.history-ledger-master[open]>summary:after{content:"Suskleisti";color:var(--casual)}
.history-all-entries{margin-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.history-ledger-master .history-entry summary{padding-left:0;padding-right:0}
@media(max-width:640px){.history-ledger-master>summary{grid-template-columns:auto 1fr}.history-ledger-master>summary strong{grid-column:2}.history-ledger-master>summary:after{grid-column:2;justify-self:start}}


/* 2026-06-27 ledger filters */
.history-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px}
.history-filter-tabs button{min-height:40px;border:1px solid rgba(99,255,115,.17);border-radius:12px;background:rgba(0,6,5,.42);color:#9bb1a8;padding:0 14px;font-weight:1000;letter-spacing:.04em;cursor:pointer}
.history-filter-tabs button:hover{border-color:rgba(99,255,115,.42);color:#eaffee}
.history-filter-tabs button.is-active{border-color:rgba(99,255,115,.55);background:rgba(99,255,115,.11);color:var(--casual);box-shadow:0 0 18px rgba(99,255,115,.08)}
.history-empty-filter{margin:18px 0 4px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#8da198;background:rgba(0,6,5,.34);font-weight:800}

/* 2026-06-30 keep profile/credits pages aligned with the global header */
.profile-body .profile-main,
.credits-page .profile-main,
.profile-login-page .profile-main {
  width: var(--page-wide, min(calc(100vw - 28px), var(--max))) !important;
  max-width: var(--max) !important;
  margin-inline: auto !important;
}

.profile-body .profile-main,
.credits-page .profile-main {
  padding-top: var(--header-clearance, 132px) !important;
}

@media (max-width: 1020px) {
  .profile-body .profile-main,
  .credits-page .profile-main,
  .profile-login-page .profile-main {
    width: calc(100% - 20px) !important;
  }
}

@media (max-width: 640px) {
  .profile-body .profile-main,
  .credits-page .profile-main,
  .profile-login-page .profile-main {
    width: calc(100% - 20px) !important;
    padding-top: var(--header-clearance, 104px) !important;
  }
}

/* 2026-06-30 fix credits guide hero on mobile */
@media (max-width: 720px) {
  .credits-page .credits-hero,
  .credits-page .guide-hero.credits-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 28px 22px !important;
    overflow: hidden !important;
  }

  .credits-page .credits-hero > div:first-child {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .credits-page .credits-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 12px !important;
    font-size: clamp(2.25rem, 12vw, 2.85rem) !important;
    line-height: .92 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .credits-page .credits-hero p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: .92rem !important;
    line-height: 1.55 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .credits-page .credits-hero .guide-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }

  .credits-page .credits-hero .guide-actions a {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .credits-page .credits-hero-card {
    display: none !important;
  }
}