*{margin:0;padding:0;box-sizing:border-box;font-family:'Oswald',sans-serif}
html{scroll-behavior:smooth}
body{min-height:100vh;background:#050505;color:#fff;overflow-x:hidden}
a{color:inherit}
.site-shell{position:relative;min-height:100vh;isolation:isolate;overflow:hidden}
.background{position:fixed;inset:-5%;z-index:-3;background:url("background.jpg") center center/cover no-repeat;animation:slowCamera 28s ease-in-out infinite alternate;will-change:transform}
@keyframes slowCamera{from{transform:scale(1)}to{transform:scale(1.07)}}
.overlay{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.63) 48%,rgba(0,0,0,.86)),radial-gradient(circle at center,rgba(0,0,0,.05),rgba(0,0,0,.65));pointer-events:none}
.navbar{position:relative;z-index:10;min-height:78px;padding:18px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(0,0,0,.42);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(9px)}
.brand{text-decoration:none;font-size:22px;letter-spacing:2px;white-space:nowrap}.brand span{color:#7dd3fc}
.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{position:relative;text-decoration:none;font-size:13px;letter-spacing:1.2px;opacity:.92;transition:.25s;white-space:nowrap}.nav-links a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:#7dd3fc;transition:.25s}.nav-links a:hover,.nav-links a.nav-active{color:#7dd3fc}.nav-links a:hover::after,.nav-links a.nav-active::after{width:100%}
.auth-links{display:flex;gap:9px;margin-left:8px}.auth-links a{padding:7px 13px;border:1px solid rgba(125,211,252,.75);border-radius:4px}.auth-links a::after{display:none}.auth-links a:hover{background:#7dd3fc;color:#061015}.player-link{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.content{position:relative;z-index:2;width:min(1120px,92%);margin:0 auto;padding:80px 0 100px}
.home-panel{width:min(860px,100%);margin:6vh auto 0;text-align:center}.online-badge{display:inline-flex;gap:7px;align-items:center;padding:7px 15px;border-radius:30px;background:rgba(16,35,45,.76);border:1px solid rgba(125,211,252,.25);font-size:12px;letter-spacing:1px;margin-bottom:25px}
.home-panel h1{font-size:clamp(38px,6vw,70px);line-height:1.05;letter-spacing:1px}.home-panel h1 span{color:#7dd3fc}.subtitle{margin-top:17px;font-size:18px;opacity:.82;letter-spacing:.4px}
.home-actions{display:flex;justify-content:center;gap:12px;margin:32px 0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 25px;text-decoration:none;border-radius:4px;font-size:13px;letter-spacing:1px;transition:.25s}.primary-button{background:#7dd3fc;color:#061015}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.secondary-button{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.35)}.secondary-button:hover{border-color:#7dd3fc;color:#7dd3fc}
.announcement{margin-top:35px;padding:28px;text-align:left;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.1);border-left:3px solid #7dd3fc;backdrop-filter:blur(10px);box-shadow:0 20px 70px rgba(0,0,0,.25)}.section-label{color:#7dd3fc;font-size:11px;letter-spacing:2px;margin-bottom:9px}.announcement h2{font-size:25px;margin-bottom:9px}.announcement p,.account-box p,.server-description,.player-panel p{color:rgba(255,255,255,.75);line-height:1.7}.announcement-date{margin-top:16px;font-size:11px;letter-spacing:1.5px;opacity:.5}
.account-layout{width:min(870px,100%);margin:7vh auto 0;display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:stretch}.account-menu{padding:8px;display:flex;flex-direction:column;gap:4px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px)}.account-menu a{padding:16px 15px;text-decoration:none;font-size:12px;letter-spacing:1.2px;color:rgba(255,255,255,.68);border-left:2px solid transparent;transition:.2s}.account-menu a:hover,.account-menu a.active{color:#fff;background:rgba(125,211,252,.08);border-left-color:#7dd3fc}
.account-box{padding:35px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(11px);box-shadow:0 25px 90px rgba(0,0,0,.28)}.account-box h2{font-size:36px;margin-bottom:8px}.account-box form{margin-top:25px}.account-box label{display:block;margin:16px 0 7px;font-size:11px;letter-spacing:1.4px;color:rgba(255,255,255,.72)}.account-box input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.14);outline:none;border-radius:3px;background:rgba(0,0,0,.46);color:#fff;font-family:inherit;font-size:15px}.account-box input:focus{border-color:#7dd3fc;box-shadow:0 0 0 2px rgba(125,211,252,.08)}.account-box button{width:100%;height:48px;margin-top:22px;border:0;border-radius:3px;background:#7dd3fc;color:#061015;font-family:inherit;font-size:13px;letter-spacing:1.2px;cursor:pointer}.account-footer{margin-top:20px;text-align:center;color:rgba(255,255,255,.55);font-size:13px}.account-footer a{color:#7dd3fc;text-decoration:none}
.form-message{margin-top:18px;padding:12px 14px;border-radius:3px;font-size:13px;line-height:1.5}.form-message.error{background:rgba(130,20,20,.25);border:1px solid rgba(255,90,90,.25)}.form-message.success{background:rgba(30,100,65,.22);border:1px solid rgba(100,220,160,.25)}
.recovery-notice{margin-top:25px;padding:20px;background:rgba(125,211,252,.06);border:1px solid rgba(125,211,252,.16)}.recovery-notice strong{display:block;color:#7dd3fc;letter-spacing:1.4px;font-size:12px;margin-bottom:6px}.recovery-notice span{color:rgba(255,255,255,.65);font-size:13px}
.centered-box{width:min(650px,100%);margin:10vh auto;text-align:center}
.server-panel,.player-panel{margin-top:2vh}.server-panel h1,.player-panel h1{font-size:clamp(38px,5vw,58px);line-height:1.05}.server-description{margin-top:10px;max-width:680px}
.server-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-card{min-height:145px;padding:23px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(9px);transition:.22s}.server-card:hover{transform:translateY(-3px);border-color:rgba(125,211,252,.5);background:rgba(0,0,0,.66)}.server-card.featured{border-color:rgba(125,211,252,.35)}.server-card span{color:#7dd3fc;font-size:10px;letter-spacing:1.7px}.server-card strong{margin:7px 0 5px;font-size:27px}.server-card small{color:rgba(255,255,255,.55);font-size:12px}
.server-sections{margin-top:18px}.server-section{margin-top:15px;padding:25px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(9px);scroll-margin-top:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.section-heading h2{font-size:28px}.section-heading>strong{font-size:24px;color:#7dd3fc}.live-list,.team-list{display:flex;flex-direction:column;gap:5px}.live-row{display:grid;grid-template-columns:55px 1fr 130px 200px;gap:10px;align-items:center;min-height:54px;padding:8px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.player-number{color:rgba(255,255,255,.4)}.player-name{font-size:17px}.player-xp{color:#7dd3fc;font-size:13px}.player-role{color:rgba(255,255,255,.56);font-size:11px;letter-spacing:1px;text-align:right}.empty-row,.loading-row{padding:20px;color:rgba(255,255,255,.5);text-align:center}
.clan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clan-card{padding:19px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.clan-tag{color:#7dd3fc;font-size:12px;letter-spacing:1px}.clan-card h3{margin:5px 0 16px;font-size:22px}.clan-meta{display:flex;flex-direction:column;gap:5px}.clan-meta span{display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:1px}.clan-meta strong{color:rgba(255,255,255,.85)}
.server-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.action-card{padding:18px;text-align:center;text-decoration:none;font-size:11px;letter-spacing:1.3px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);transition:.2s}.action-card:hover{color:#7dd3fc;border-color:rgba(125,211,252,.4)}
.player-heading{margin-top:5px;padding:24px 0 10px}.player-heading p{margin-top:5px;font-size:11px;letter-spacing:1.2px;color:#7dd3fc}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.stat,.info-card{padding:22px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.09)}.stat span,.info-card span{display:block;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:1.5px}.stat strong{display:block;margin-top:6px;color:#7dd3fc;font-size:28px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.info-card strong{display:block;margin-top:6px;font-size:18px}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px}.menu-toggle span{width:27px;height:3px;background:#fff}
@media(max-width:900px){.navbar{padding:16px 25px}.nav-links{gap:15px}.live-row{grid-template-columns:45px 1fr 110px}.player-role{display:none}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.navbar{min-height:68px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:68px;right:15px;width:250px;padding:18px;flex-direction:column;align-items:stretch;gap:15px;background:rgba(0,0,0,.96);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.nav-links.active{display:flex}.auth-links{margin-left:0;display:flex;flex-direction:column}.content{width:min(94%,1120px);padding-top:55px}.home-panel{margin-top:2vh}.account-layout{grid-template-columns:1fr;margin-top:2vh}.account-menu{display:grid;grid-template-columns:repeat(3,1fr)}.account-menu a{text-align:center;padding:13px 7px;font-size:10px}.account-box{padding:25px 20px}.server-grid{grid-template-columns:1fr}.clan-grid{grid-template-columns:1fr}.server-actions{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.live-row{grid-template-columns:40px 1fr}.player-xp{grid-column:2}.home-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.background{animation:none}}

/* ZA SERVER - account-style two-column layout */
.server-layout{margin-top:7vh}.server-menu{min-height:0}.server-menu a{display:flex;justify-content:space-between;align-items:center}.server-menu b{font-size:10px;color:#7dd3fc;font-weight:500;letter-spacing:.6px}.server-detail-box{min-height:420px}.server-detail{display:none}.server-detail.active{display:block}.server-detail h2{font-size:36px;margin-bottom:8px}.detail-muted{color:rgba(255,255,255,.58);font-size:13px;line-height:1.6;margin-bottom:22px}.character-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:20px 0 15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.character-head h3{font-size:28px}.character-head span{font-size:10px;letter-spacing:1.3px;color:#7dd3fc}.stat-grid.compact{margin-top:0}.info-grid.compact{margin-top:10px}.detail-button{display:inline-flex;margin-top:18px;min-height:42px;padding:0 18px;align-items:center;text-decoration:none;border:1px solid rgba(125,211,252,.4);font-size:11px;letter-spacing:1.1px}.detail-button:hover{background:rgba(125,211,252,.1);color:#7dd3fc}.join-card{display:flex;flex-direction:column;gap:5px;padding:22px;margin:25px 0;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.join-card strong{font-size:24px;color:#7dd3fc}.join-card span{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:1px}.server-detail .primary-button{margin-top:5px}.server-detail .live-row{grid-template-columns:1fr 130px 190px}.server-detail .player-role{text-align:right}.server-detail .clan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.server-layout{margin-top:2vh}.server-detail-box{min-height:0}.server-detail h2{font-size:30px}.server-detail .live-row{grid-template-columns:1fr}.server-detail .player-role{text-align:left}.server-detail .clan-grid{grid-template-columns:1fr}.character-head{align-items:flex-start;flex-direction:column}}

/* ZA case forms - uses the existing UCP account-box styling */
.case-form textarea{width:100%;min-height:150px;padding:13px 14px;resize:vertical;border:1px solid rgba(255,255,255,.14);outline:none;border-radius:3px;background:rgba(0,0,0,.46);color:#fff;font-family:inherit;font-size:15px;line-height:1.6}.case-form textarea:focus{border-color:#7dd3fc;box-shadow:0 0 0 2px rgba(125,211,252,.08)}
.case-form input[type=file]{height:auto;padding:12px 14px}.case-form input[type=radio],.case-form input[type=checkbox]{width:auto;height:auto;margin-right:7px;accent-color:#7dd3fc}.choice-row{display:flex;gap:28px;margin:8px 0 14px}.choice-row label,.case-form .confirm-row{display:flex;align-items:center;gap:4px;margin:0;color:rgba(255,255,255,.75);font-size:12px;letter-spacing:.5px}.case-form .confirm-row{margin-top:22px;line-height:1.6}.case-note{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.4px}.case-form button{margin-top:24px}.case-form input[readonly]{opacity:.72;cursor:not-allowed}.case-form .detail-button{margin-top:10px}

/* ZA STAFF CASES - limited to the staff-case interface */
.case-filter-row{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.case-filter-active{background:rgba(125,211,252,.1);border-color:rgba(125,211,252,.45)}
.staff-case-list{display:flex;flex-direction:column;gap:5px}.staff-case-row{display:grid;grid-template-columns:55px 1.2fr 1fr 120px;gap:10px;align-items:center;padding:13px;text-decoration:none;color:rgba(255,255,255,.78);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.staff-case-row:hover{background:rgba(125,211,252,.07);border-color:rgba(125,211,252,.25)}.staff-case-row span:first-child{color:rgba(255,255,255,.4)}.staff-case-row strong{font-size:12px;color:#fff}.staff-case-row b{font-size:10px;letter-spacing:1px;color:#7dd3fc;text-align:right}.staff-case-detail{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.staff-case-detail h3{font-size:27px;margin:5px 0 18px}.case-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.case-summary>div{padding:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.case-summary span{display:block;font-size:9px;letter-spacing:1.4px;color:rgba(255,255,255,.45)}.case-summary strong{display:block;margin-top:5px;font-size:14px}.staff-case-actions{margin-top:15px;padding:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07)}.staff-case-actions form{margin:0}.staff-case-actions label{display:block;margin:0 0 7px;font-size:10px;letter-spacing:1.4px;color:rgba(255,255,255,.65)}.staff-case-actions select{width:100%;height:44px;padding:0 12px;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.14);font-family:inherit}.staff-case-actions button{width:100%;height:44px;margin-top:10px;border:0;border-radius:3px;background:#7dd3fc;color:#061015;font-family:inherit;font-size:11px;letter-spacing:1.1px;cursor:pointer}.staff-case-topic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.staff-case-topic-actions form{display:inline}.staff-case-topic-actions .case-small-button{width:auto;margin-top:18px;padding:0 15px;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(125,211,252,.25)}.case-history{margin-top:22px}.history-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.history-row strong{font-size:11px;color:#7dd3fc}.history-row span{font-size:10px;color:rgba(255,255,255,.45);text-align:right}
@media(max-width:720px){.staff-case-row{grid-template-columns:45px 1fr}.staff-case-row span:nth-child(3),.staff-case-row b{grid-column:2;text-align:left}.case-summary{grid-template-columns:1fr}.history-row{flex-direction:column}.history-row span{text-align:left}.staff-case-topic-actions{flex-direction:column}}