/* SabineNet identity: blue / cyan / violet, self-hosted supplied artwork. */
:root{--mut:#a0afcf;--mint:#72deff;--accent:#c3a2ff;--surface:#10182e;--line:#283857;color-scheme:dark;scrollbar-color:#7354be #0b1125;scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:#7354be #0b1125}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0b1125;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#405ff1,#a248dc);border:2px solid #0b1125;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#aa78f2}::-webkit-scrollbar-corner{background:#0b1125}
body{background:radial-gradient(ellipse at 85% 0%,#183b702e,transparent 55%),radial-gradient(ellipse at 15% 70%,#6c218e25,transparent 55%),#070b1a;color:#ecf2ff}
.shell{isolation:isolate;position:relative}.shell::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#060b1ced,#080b1fe8),url('brand/sabinenet-banner.png') center/cover no-repeat}
.workspace{background-image:linear-gradient(#7090ff04 1px,transparent 1px),linear-gradient(90deg,#7090ff04 1px,transparent 1px);background-size:48px 48px}
.sidebar{background:linear-gradient(180deg,#0d1428fa,#090d1ffa);border-right:1px solid #4865a330;box-shadow:8px 0 45px #02081733}.sidebar .wordmark{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 4px 20px;flex-shrink:0}.sidebar-logo{width:145px;height:138px;object-fit:contain;filter:drop-shadow(0 0 13px #8b42ef26)}.wordmark small{color:#94b6e1;font-size:8px;letter-spacing:2.4px;font-weight:600;margin:0}.small-mark{width:48px;height:48px;object-fit:contain;background:none;border:0;box-shadow:none;border-radius:0;padding:0;flex-shrink:0}.sidebar nav{scrollbar-color:#7553c0 #0b1125}.sidebar-bottom{background:#0a1022;border-color:#3855883d}.staff-avatar{background:linear-gradient(135deg,#21407a,#603083);color:#d5eaff}
.server-tag{background:#14244070;border-color:#3a609842}.status-dot{background:#779cc3}.nav-label{color:#a0afd0}nav button{color:#aab7d4;min-height:43px}nav button:hover{background:#4a73db10;color:#e4efff}nav button.active{background:linear-gradient(100deg,#445def28,#a945dc14);border-color:#8066d260;color:#dfd5ff;box-shadow:inset 0 0 24px #334ddb09}nav button.active::before{background:linear-gradient(#58c8ff,#c971ff)}nav button.active .nav-icon{color:#87d8ff}.sidebar nav>a.button{background:linear-gradient(110deg,#243456,#322446);border-color:#6b64a654}
.topbar{background:#090f23cc;border-color:#35547d3a;backdrop-filter:blur(16px);color:#8ea9d2}.topbar #breadcrumb,.player-page .topbar #title{color:#d9e9ff}.topbar .connection-pill.online{color:#8ce3ff;border-color:#359aca70;background:#15384c44}
.content{padding-top:28px}.brand-banner{position:relative;border:1px solid #567edf5c;border-radius:18px;overflow:hidden;margin-bottom:28px;background:#070d22;box-shadow:0 14px 42px #03091855,0 0 25px #7334c014}.brand-banner img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.banner-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;background:linear-gradient(transparent,#05091fe6);color:#bdd9ff;font-size:9px;font-weight:600;letter-spacing:2px;display:flex;gap:12px;align-items:center}.banner-caption span{color:#bb73e7}
.card{background:linear-gradient(135deg,#14233bea,#14172dea);border-color:#42619555;box-shadow:0 10px 35px #03061230,inset 0 1px #b1d3ff06}.stats>.card{position:relative;overflow:hidden}.stats>.card::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#6dbbff66,#cb60ed66,transparent)}.stat-label{color:#9fbae1}.stat-value.mint{color:#7be1ff}.stat-value.purple{color:#cba0ff}.stat-detail{color:#9aaed0}.activity-row{border-color:#35517b45}.card-head h3,.portal-list h3{color:#e2edff}.tag{background:#1c2a48;border-color:#42609a66;color:#b0cbf3}.muted{color:#a0b1cf}
.button{background:#1c2c48;border-color:#46639277;color:#d4e8ff}.button:hover{background:#253959;border-color:#8e79c6}.button.primary{background:linear-gradient(110deg,#4a74ef,#9954d9);color:#fff;border-color:#969cff77;box-shadow:0 5px 20px #5c45c322}.button.primary:hover{background:linear-gradient(110deg,#628bff,#b46aed);border-color:#c0bcff}.button.danger{background:#422239;color:#ffd2e4;border-color:#965a7977}.character-grid .filterbar .button{background:#1a34563b;color:#a2e4ff;border-color:#3e7c9f66}.character-grid .filterbar .button:hover{background:#224b714b}
input,textarea,select,.input{background:#0c1529;border-color:#3d588677;color:#e3ecff}.portal-form{background:#10192ceb;border-color:#3f5b8955}.table-wrap{background:#101a2ceb;border-color:#42609555}th{background:#13233a;color:#9ebae2}td{border-color:#304a7144;color:#d2e2fb}tbody tr:hover{background:#3765c00e}.notice{background:linear-gradient(110deg,#263a621f,#672f7620);border-color:#75609a50;color:#cfc8ed}.workspace-footer{background:#080e20aa;color:#8aa3ca;border-color:#35547d35}.alert-item{background:#111b2f;border-color:#3e568352}.map-frame{border-color:#4f77b56b}.map-caption{background:#10192c;color:#b1c6e6}
.character-grid>article::before{background:linear-gradient(90deg,#59caff,#bd54ed)}.character-status.is-online{color:#8eeaff;border-color:#408fab;background:#1a43583b}.inventory-item{background:linear-gradient(145deg,#14243c,#0c1427);border-color:#3f5d8d66}.item-count{background:#233c56;color:#aeeaff}.vehicle-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#537dec,#7ce5ff)}.vehicle-meter progress::-moz-progress-bar{background:#69cbff}.staff-view,dialog{background:#0c1428;border-color:#7660b76b;color:#e4efff}
.login-shell{background:radial-gradient(ellipse at 90% 0%,#273c772e,transparent 50%),#080c1c}.login-art{background:linear-gradient(180deg,#080e27a6,#0a0c24d9),url('brand/sabinenet-banner.png') center/cover no-repeat;border-color:#3e5b9444;min-height:720px}.login-art .brandmark{top:9%;left:12%;font-size:0;letter-spacing:0;text-shadow:none}.brandmark img{display:block;width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 20px #4768ed22)}.orbit{border-color:#7974dd24}.orbit-one::after{border-color:#63d7ff17}.art-caption{left:12%;bottom:16%;right:10%}.art-caption .eyebrow{color:#93d6ff}.art-caption h1{color:#eef3ff;text-shadow:0 8px 35px #000a;font-size:clamp(40px,4vw,62px)}.art-caption p{color:#b1c5e6}.art-footer{color:#94a7d1}.login-brand{color:#e2edff;gap:14px}.login-copy h2{color:#eff3ff}.login-copy p{color:#a9bbd9}.login-note{color:#92a8ca}.login-main footer{color:#869cc0;border-color:#36558144}.discord-login{background:linear-gradient(110deg,#457dec,#9b4bdd)!important;color:#fff!important}.login-main{background:#080c1c66}
@media(max-width:1100px){.sidebar-logo{width:130px;height:115px}.brand-banner{margin-bottom:24px}}
@media(max-width:700px){.sidebar .wordmark{flex-direction:row;justify-content:flex-start;margin:0 4px 12px;gap:14px}.sidebar-logo{width:72px;height:67px}.wordmark small{font-size:9px}.sidebar{padding-top:12px;background:#0b1226}.topbar{backdrop-filter:none}.brand-banner{border-radius:12px;margin-bottom:22px}.banner-caption{font-size:7px;letter-spacing:1px;padding:8px 10px;gap:6px}.brand-banner img{min-height:120px;object-fit:cover}.login-art{display:none}.login-main{background:#080c1c;min-height:100svh}.login-brand .small-mark{width:64px;height:64px}.workspace{background-size:32px 32px}.content{padding-top:20px}}
@media(forced-colors:active){.brand-banner,.card,nav button.active{border:1px solid CanvasText}.button.primary{background:ButtonFace;color:ButtonText}.shell::before{display:none}}