/* Savaro City V21 — unified shell. Loaded last on every page. */
:root{--sc-bg:#020b11;--sc-panel:#041722;--sc-panel2:#06202e;--sc-line:#0c6685;--sc-cyan:#22c9f3;--sc-text:#f4f8fb;--sc-muted:#91a9b8;--sc-radius:16px;--sc-max:1480px}
*{box-sizing:border-box}html{background:var(--sc-bg)}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(17,105,139,.13),transparent 28%),#020b11;color:var(--sc-text);font-family:Inter,"Segoe UI",Arial,sans-serif}.site,.account-shell{width:min(calc(100% - 40px),var(--sc-max));margin-inline:auto}.site{max-width:var(--sc-max)!important}.site-bg,.ambient{position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(0,200,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,255,.018) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
/* one navbar everywhere */
.topbar,.account-nav{width:min(calc(100% - 40px),var(--sc-max));height:78px;margin:24px auto 14px!important;padding:0 28px!important;display:flex!important;align-items:center!important;gap:28px!important;border:1px solid rgba(27,190,235,.32)!important;border-radius:var(--sc-radius)!important;background:rgba(2,14,22,.94)!important;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.22);position:relative;z-index:50}.site>.topbar{width:100%!important;margin-left:0!important;margin-right:0!important}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;flex:0 0 auto}.brand img{width:46px!important;height:46px!important;object-fit:contain!important}.brand span{display:flex;flex-direction:column}.brand b{font-size:20px!important;line-height:1;letter-spacing:.13em!important;font-weight:900}.brand small{margin-top:5px;color:var(--sc-cyan)!important;font-size:9px!important;letter-spacing:.32em!important;font-weight:800}.topbar nav,.account-nav nav{display:flex!important;align-items:center;justify-content:center;gap:4px!important;flex:1;min-width:0}.topbar nav a,.account-nav nav a{display:flex!important;align-items:center;height:48px;padding:0 15px!important;border-radius:11px;color:#aab8c3!important;text-decoration:none;font-size:13px!important;font-weight:800!important;white-space:nowrap;border-bottom:2px solid transparent}.topbar nav a:hover,.account-nav nav a:hover,.topbar nav a.active,.account-nav nav a.active{color:#fff!important;background:#07283a!important;border-bottom-color:var(--sc-cyan)!important}.mein-savaro-link,.account-pill{color:var(--sc-cyan)!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important;white-space:nowrap}.discord-btn{height:46px!important;padding:0 27px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #10bce9!important;border-radius:999px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;white-space:nowrap}.discord-btn:hover{background:rgba(34,201,243,.1)!important}.menu-btn{display:none!important}
/* page geometry + shared surfaces */
.page-content{width:100%!important;max-width:none!important;margin-inline:auto!important}.team-hero-v7,.guide-hero,.rules-hero,.faction-hero,.live-hero,.account-hero{border:1px solid rgba(25,181,224,.32)!important;border-radius:var(--sc-radius)!important;background:linear-gradient(110deg,rgba(3,15,23,.98),rgba(5,31,45,.9))!important;overflow:hidden}.team-toolbar-v7,.team-values-v7,.team-join-v7,.guide-topics,.rules-layout,.account-shell section,.profile{border-color:rgba(25,181,224,.32)!important}.kicker,.eyebrow,.section-no{color:var(--sc-cyan)!important;letter-spacing:.24em;font-weight:900}h1,h2,h3,b,strong{font-family:Inter,"Segoe UI",Arial,sans-serif}h1 em,h2 em{color:var(--sc-cyan);font-style:normal}
/* account: same shell as Team */
.account-nav{margin-bottom:14px!important}.account-nav .account-pill{margin-left:auto}.account-shell{padding:0 0 60px}.account-hero{min-height:330px;padding:62px 70px;display:grid;grid-template-columns:1fr 360px;align-items:center;position:relative}.account-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(34,201,243,.12);border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 70px rgba(34,201,243,.025),0 0 0 140px rgba(34,201,243,.018)}.account-hero h1{margin:16px 0 12px;font-size:clamp(54px,6vw,92px);line-height:.92;letter-spacing:-.055em}.account-hero p{color:#b9c8d2;font-size:18px}.account-hero>img{width:220px;justify-self:center;filter:drop-shadow(0 0 28px rgba(26,199,244,.28));z-index:1}.login-panel,.profile{margin-top:18px!important;border:1px solid rgba(25,181,224,.32)!important;border-radius:var(--sc-radius)!important;background:#041722!important;padding:34px!important}.login-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center}.login-panel h2,.profile h2{font-size:34px;margin:8px 0 10px}.login-panel p,.profile p{color:var(--sc-muted);line-height:1.7}.verify-box{border:1px solid rgba(25,181,224,.3);border-radius:14px;padding:24px;background:#03111a}.primary,.ghost{min-height:48px;padding:0 24px;border-radius:10px;font-weight:900;letter-spacing:.04em;cursor:pointer}.primary{border:1px solid var(--sc-cyan);background:var(--sc-cyan);color:#001019}.ghost{border:1px solid var(--sc-line);background:transparent;color:#fff}.code-area{margin-top:18px}.code-area strong{display:block;color:var(--sc-cyan);font-size:38px;letter-spacing:.15em}.profile-head{display:flex;justify-content:space-between;align-items:center}.stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stats article,.details>div{border:1px solid rgba(25,181,224,.28);border-radius:14px;background:#03111a;padding:24px}.stats small,.details small{display:block;color:#7894a5;font-size:11px;font-weight:900;letter-spacing:.13em}.stats strong{display:block;font-size:28px;margin:9px 0;color:#fff}.stats span{color:#7e99a9;font-size:12px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.details b{display:block;margin-top:8px}.cyan{color:var(--sc-cyan)!important}
/* ensure legacy pages stay aligned to same outer shell */
.team-hero-v7,.page-hero-v8,.guide-hero,.rules-hero,.faction-hero{margin-left:0!important;margin-right:0!important}.site-footer{border-radius:var(--sc-radius)!important;margin-bottom:24px!important}.discord-btn{order:initial!important}
@media(max-width:1180px){.topbar,.account-nav{gap:14px!important;padding:0 18px!important}.topbar nav a,.account-nav nav a{padding:0 9px!important;font-size:12px!important}.discord-btn{padding:0 17px!important}.brand b{font-size:17px!important}.account-hero{grid-template-columns:1fr 260px;padding:50px}.mein-savaro-link{display:none!important}}
@media(max-width:900px){.site,.account-shell{width:min(calc(100% - 22px),var(--sc-max))}.topbar,.account-nav{width:min(calc(100% - 22px),var(--sc-max));height:auto;min-height:72px;flex-wrap:wrap}.site>.topbar{width:100%!important}.topbar nav,.account-nav nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.discord-btn{margin-left:auto}.account-nav .account-pill{margin-left:auto}.account-hero{grid-template-columns:1fr;padding:38px 28px}.account-hero>img{display:none}.login-panel{grid-template-columns:1fr}.stats,.details{grid-template-columns:1fr}}