/* Shared visual language with havocla.com. Artwork and fonts are served locally. */
:root{--red:#ff3047;--line:rgba(255,255,255,.105);--muted:#ada4a7;--text:#f4f0f2;--panel:rgba(12,5,10,.72);font-family:'DM Sans',Arial,sans-serif;background:#070507}
body{font-family:'DM Sans',Arial,sans-serif;background:#070507;isolation:isolate;color:var(--text)}
body:before,body:after{content:'';position:fixed;inset:0;pointer-events:none;transform:translateZ(0)}
body:before{z-index:-2;background:linear-gradient(180deg,rgba(5,2,4,.76),rgba(7,3,5,.91) 80%),url('/city.jpg') center/cover no-repeat}
body:after{z-index:-1;background:radial-gradient(ellipse at 0% 20%,#c7002526,transparent 47%),radial-gradient(ellipse at 100% 70%,#bd002026,transparent 50%)}
button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}button{font-size:10px;letter-spacing:.3px;border-radius:4px;font-weight:650;background:rgba(8,3,6,.3);border-color:#ffffff22;box-shadow:inset 0 1px #ffffff05}button:hover{background:#40101b66;border-color:#ff304768}button:focus-visible,a:focus-visible{outline:2px solid #ff5269;outline-offset:4px}input,select,textarea{background:rgba(8,3,6,.56);border-color:#ffffff26;border-radius:5px;padding:13px;color:#eee4e8;font-size:12px}input::placeholder,textarea::placeholder{color:#94828c}input:focus,select:focus,textarea:focus{border-color:#ef526b;box-shadow:0 0 0 2px #ef354518}
.primary,.signout{background:linear-gradient(135deg,#ff3a50,#d81132);box-shadow:0 5px 24px #f5103720,inset 0 1px #ffffff30;border:1px solid #ff61738c;color:white}.primary:hover,.signout:hover{background:linear-gradient(135deg,#ff5367,#ec2343);border-color:#ff8393}.tiny{font-size:9px;padding:8px 12px}.danger{color:#ff8798}
.staff-width{width:min(1400px,calc(100% - 80px));margin-inline:auto}.shell{display:block;min-height:100vh}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14;background:rgba(7,5,7,.72);backdrop-filter:blur(8px)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-brand{display:flex;flex-shrink:0}.site-brand img{display:block;width:164px;height:76px;object-fit:contain;filter:drop-shadow(0 0 12px #ff1e3730)}.header-tools{display:flex;align-items:center;gap:25px}.status{font-size:9px;letter-spacing:.7px;color:#b6a7ae}.dot{width:5px;height:5px;box-shadow:0 0 10px #62c79844}.offline{color:#df8996}.staff-account{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:24px}.staff-account>div{display:flex;flex-direction:column;gap:4px;max-width:210px}.staff-account strong{font-size:11px;font-weight:600}.staff-account>div>span{font-size:9px;color:#ad929e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{border-color:#ff30472e;color:#ff9baf;background:#ff304711;border-radius:5px;font-weight:600}.staff-badge{font-size:8px;letter-spacing:1px;color:#dc8b9b;border:1px solid #ff304739;padding:10px;border-radius:4px}.signout{font-size:9px;padding:13px 18px}
.staff-sidebar{position:fixed;inset:90px auto 0 0;width:236px;z-index:19;display:flex;flex-direction:column;padding:30px 16px 24px;border-right:1px solid #ff30472b;background:linear-gradient(180deg,rgba(15,6,11,.92),rgba(8,4,7,.88));backdrop-filter:blur(8px)}
.sidebar-caption{font-size:8px;letter-spacing:1.9px;color:#9c7788;padding:0 15px 23px}.staff-nav{display:flex;flex-direction:column;gap:7px;overflow-y:auto;min-height:0;padding:3px;scrollbar-width:thin}.nav-btn{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:16px 13px;flex:0 0 auto;width:100%;margin:0;white-space:nowrap;border:1px solid transparent;box-shadow:none;color:#bda8b4;border-radius:5px;background:transparent;font-size:11px;font-weight:500;letter-spacing:0;transition:background .18s,border-color .18s,color .18s}.nav-btn svg{width:18px;height:18px;color:#ad7086;flex-shrink:0}.nav-btn:hover{background:#ffffff05;border-color:#ffffff0d;color:white}.nav-btn.active{background:linear-gradient(100deg,#ff30471d,#ff304707);border-color:#ff304730;color:#fff}.nav-btn.active svg{color:#ff667d}.nav-btn.active:after{content:'';position:absolute;top:13px;bottom:13px;left:-1px;width:2px;background:var(--red);border-radius:2px;box-shadow:0 0 12px #ff30474d}.sidebar-foot{margin-top:auto;padding:35px 15px 0;font-size:8px;letter-spacing:1.2px;color:#be899c;display:flex;flex-direction:column;gap:10px}.sidebar-foot>span:last-child{font-size:7px;letter-spacing:1px;color:#795c69}.sidebar-rule{height:1px;background:linear-gradient(90deg,#ff304760,transparent);margin-bottom:9px}
.shell>.main.staff-width{width:calc(100% - 236px);max-width:1640px;margin:0 0 0 max(236px,calc(50% - 702px));padding:0 36px}.shell .grid{grid-template-columns:minmax(0,1fr) 285px}

.main{background:none;min-width:0}.topbar{height:69px;padding:0;border:0;gap:20px}.breadcrumb{font-size:11px;color:#99848f}.breadcrumb b{font-weight:600;padding:0 9px}.breadcrumb strong{font-weight:500;color:#e2d3da}.control-caption{font-size:8px;letter-spacing:1.7px;color:#916b78}.page{padding:0 0 50px}.heading{align-items:center;margin-bottom:29px;gap:24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#bf8b9d}.heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-weight:700;line-height:1.04;letter-spacing:.15px;margin:13px 0 12px}.heading h1:before{display:none}.heading p{color:#b7a3af;font-size:12px;line-height:1.8;max-width:690px;margin:0}.heading .row-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar{margin-bottom:23px}.toolbar input{max-width:390px}
.metrics{border:1px solid #ff30472b;border-radius:8px;overflow:hidden;background:linear-gradient(115deg,rgba(32,7,17,.65),rgba(8,3,7,.65));box-shadow:inset 0 1px #ffffff08,0 16px 40px #0002;margin-bottom:26px}.metric{background:transparent;padding:25px 29px;border-color:var(--line)}.metric-label{font-size:9px;letter-spacing:1px;color:#b899a7}.metric-value{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-weight:700;line-height:1.15;color:#f6e9ed;margin:13px 0 9px}.metric small{font-size:10px;color:#a48b99}.accent-line{left:29px;bottom:0;background:var(--red);width:32px;box-shadow:0 0 12px #ff304750}.grid{grid-template-columns:minmax(0,1fr) 325px;gap:23px}.panel{background:rgba(10,4,8,.72);border-color:#ffffff1a;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 35px #0002}.panel-head{padding:21px 23px;border-color:#ff30471e;background:rgba(32,6,16,.14)}.panel-head h2{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:650;letter-spacing:1px}.panel-head h2:before{display:none}.panel-head small{font-size:8px;color:#a07889;letter-spacing:.8px}.table-scroll{max-height:65vh}thead th{background:rgba(20,7,14,.76);color:#a98899;font-weight:500;font-size:8px;letter-spacing:1.1px}td,th{padding:18px 23px;border-color:#ffffff0c}td{color:#bdabb5;font-size:11px}td strong{color:#eee4e8;font-size:12px;font-weight:600}tbody tr:hover{background:#ff304707}.cell-sub{color:#9a8291;font-size:10px;line-height:1.5}.pill{border-radius:3px;color:#cfb6c4;border-color:#ffffff1e;background:#ffffff03;font-size:8px}.pill.good{color:#9acdb5}.pill.alert{color:#ff95aa;border-color:#ff30473b;background:#ff30470b}.pill.review{color:#d7ba85;border-color:#c69a433b}.note{font-size:11px;line-height:1.9;color:#aa91a0;border-top:1px solid #ffffff08}.list-row{padding:18px 21px;border-color:#ffffff0d}.right-note{color:#9c8291}.watch-box{border-color:#ff304721;border-radius:5px;background:radial-gradient(ellipse at center,#7a17332e,transparent 80%),#10070c66;min-height:171px;padding:20px 10px}.watch-icon{color:#ed6a85}.watch-box strong{font-weight:600}.watch-box p{font-size:11px;color:#ad91a0}.empty{color:#ab8d9e}.muted{color:#ab8d9e}
.roles-grid{gap:20px}.role-card{background:rgba(10,4,8,.68);border:1px solid #ffffff1a;border-radius:7px;padding:25px;box-shadow:inset 0 1px #ffffff07;transition:border-color .2s,transform .2s}.role-card:hover{border-color:#8d344b;transform:translateY(-2px)}.role-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:700;letter-spacing:.1px;margin:13px 0 10px}.role-card p{color:#ab91a1;line-height:1.85;font-size:11px}.role-card code{font-family:'DM Sans',Arial,sans-serif;font-size:10px;color:#ac8193}.permission-count{color:#c8a8b9;margin:22px 0}.role-card button{background:#ff30470c;border-color:#ff304733;color:#f6becd;padding:12px}.master-access{border-radius:8px;border:1px solid #ff304738;background:linear-gradient(110deg,rgba(56,9,25,.65),rgba(12,4,9,.66));box-shadow:inset 0 1px #ffffff0b;padding:28px}.master-emblem{border-radius:7px;background:#ff30470c;border-color:#ff30473a;color:#ff8da5;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px}.master-access h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:.2px;margin:8px 0 10px}.master-access p{color:#b598a8}.master-access p strong{color:#e6c5d5}.access-summary{font-size:8px;color:#aa8295;padding-block:22px;gap:28px}.access-summary strong{color:#d3b1c3}.access-empty{padding:45px 22px}.access-empty h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px}.access-empty p{color:#ac91a1}.setting{padding:25px;border-color:#ffffff0c}.setting p{color:#b59baa;line-height:1.8;font-size:11px}.setting strong{font-weight:600;font-size:12px}.connector-note{border-radius:5px;background:#bb81300c;border-color:#c69a4338;color:#d0b483}.preview-note{border:1px solid #d69e1729;background:#24180955;border-radius:5px;padding:10px 16px;margin:0 0 26px;font-size:10px;color:#cbb28b}.preview-note select{background:#140b12;max-width:130px}
.overlay{background:#030206bd;backdrop-filter:blur(8px)}.dialog{background:linear-gradient(135deg,#211019f5,#10090efc 65%);border:1px solid #59303e;border-top:2px solid var(--red);border-radius:9px;box-shadow:0 30px 120px #000b;padding:28px;max-height:90dvh}.dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:700;letter-spacing:.2px;margin:10px 0}.dialog-head{margin-bottom:15px}.dialog .description{font-size:11px;color:#b99cab}.field>span{font-size:9px;letter-spacing:.5px;color:#c5a6b7}.field{margin:16px 0}.check-row{color:#d1b6c5;border-color:#ffffff0c;font-size:11px;padding:12px 0}.ability-grid{margin-top:20px}.ability-grid h3{font-size:9px;color:#f4d9e5;letter-spacing:1px}.dialog-actions{border-color:#ffffff12;margin-top:22px;padding-top:19px}.close{width:32px;height:32px;background:#ffffff04;border-color:#ffffff21;border-radius:4px}.form-error{color:#ffa0b3;line-height:1.65}#toast{background:#211019f5;border:1px solid #5f2b40;border-left:2px solid var(--red);border-radius:5px;box-shadow:0 10px 40px #0008}.screen-placeholder{border-radius:6px;background:radial-gradient(ellipse at 40% 60%,#5d1730,#0b0609 75%)}.screen-placeholder strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;color:#eb9db7}.screen-placeholder p{color:#bb9eae}.screen-label{color:#bd9daf;font-size:9px}.video-surface{border-radius:5px}
.staff-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff17;padding:27px 0 32px;color:#9d7587;font-size:8px;letter-spacing:1.7px}.staff-footer>a{font-size:10px;color:#d1b0c0;text-decoration:none;font-weight:600;letter-spacing:.7px}.staff-footer>a>span{color:#f3809c;padding-left:10px}.staff-footer>a:hover{color:#fff}.login-layout{min-height:100dvh}.back-to-store{font-size:9px;text-decoration:none;color:#d1b0c0;letter-spacing:.6px;border:1px solid #ffffff21;border-radius:4px;padding:13px 16px;background:#ffffff03}.back-to-store span{padding-left:20px;color:#ff8da5}.login-stage{padding-top:clamp(32px,7vh,90px)}.login-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:65px 60px 130px;min-height:580px;border:1px solid #ff30473d;border-radius:12px;background:linear-gradient(115deg,rgba(10,5,9,.73),rgba(28,4,12,.32));box-shadow:inset 0 1px #ffffff0d,0 25px 90px #0005;overflow:hidden}.login-copy{max-width:600px}.login-copy>.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#f1acb7;font-size:8px;letter-spacing:1.7px;background:#ff304714;border:1px solid #ff304733;padding:9px 11px;border-radius:4px}.login-copy>.eyebrow>span{width:4px;height:4px;background:var(--red);border-radius:50%}.login-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,6.7vw,98px);font-weight:800;line-height:.94;letter-spacing:-.7px;margin:25px 0}.login-copy h1>span{color:#ff4057;text-shadow:0 0 45px #fe1b3d33}.login-copy>p{max-width:340px;font-size:13px;line-height:1.85;color:#c1afb8;margin:0}.login-mark{margin-top:28px;font-size:8px;letter-spacing:1px;color:#a98998;line-height:1.8}.login-mark span{padding:0 10px;color:var(--red)}.login-box.discord-login{width:100%;max-width:420px;justify-self:end;padding:35px;border:1px solid #ffffff20;border-radius:8px;background:rgba(10,4,8,.72);box-shadow:inset 0 1px #ffffff08,0 15px 45px #0003}.discord-login h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1.05;font-weight:700;letter-spacing:.1px;margin:15px 0}.discord-login p{font-size:12px;color:#b69daa;line-height:1.85;margin:0 0 25px}.discord-signin{padding:16px;font-size:10px;border-radius:4px;letter-spacing:.2px;gap:20px}.discord-signin>span{color:#fff;font-size:18px}.login-foot{display:flex;align-items:center;justify-content:center;gap:8px;color:#a98b9d;font-size:7px;letter-spacing:.8px;padding-top:20px}.login-foot>span{padding:0;color:#ab526f}.login-foot .dot{background:#7cbd99;box-shadow:0 0 8px #7cbd9933}.discord-login .form-error:empty{display:none}.discord-login .login-foot{margin-top:24px}.login-strip{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(9,3,7,.58);border:1px solid #ffffff16;border-radius:6px;padding:18px 20px;font-size:8px;letter-spacing:1px;color:#b08799}.login-strip>div{display:flex;align-items:center;gap:18px;color:#d1c0c8;font-size:9px}.login-strip i{width:3px;height:3px;background:var(--red);transform:rotate(45deg)}.login-stage>.staff-footer{margin-top:45px}
::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#74323f}::-webkit-scrollbar-track{background:#10080c}
@media(min-width:1650px){.page{padding-top:0}.metric{padding:28px 30px}.metric-value{font-size:56px}td,th{padding:20px 24px}}
@media(max-width:1100px){.staff-width{width:calc(100% - 48px)}.grid{grid-template-columns:minmax(0,1fr) 285px}.header-tools{gap:16px}.staff-account{padding-left:16px}.nav-btn{padding-inline:12px;font-size:10px}.login-hero{gap:35px;padding:48px 35px 120px}.login-box.discord-login{padding:26px}.login-copy h1{font-size:77px}.login-strip>span:last-child{display:none}.login-foot{font-size:6px}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.grid{grid-template-columns:1fr}.status{font-size:8px}.staff-account>div{max-width:130px}.staff-nav{justify-content:flex-start}.nav-btn{flex:0 0 auto;padding:13px 17px}.login-hero{gap:25px;padding:40px 25px 110px;min-height:540px}.login-copy h1{font-size:65px}.login-copy>.eyebrow{font-size:7px;letter-spacing:1px}.login-copy>p{font-size:12px}.discord-login h2{font-size:36px}.discord-login p{font-size:11px}.discord-signin{font-size:8px;gap:10px;padding:14px 12px}.login-foot{gap:5px;letter-spacing:.1px}.heading h1{font-size:45px}.master-access{padding:23px}}
@media(max-width:650px){.staff-width{width:calc(100% - 28px)}.header-inner{min-height:76px;gap:15px}.site-brand img{width:121px;height:63px}.header-tools{gap:10px}.header-tools .status{display:none}.staff-account{padding:0;border:0}.staff-account .avatar{display:none}.staff-account>div{max-width:96px}.staff-account strong{font-size:10px}.staff-account>div>span{font-size:8px}.staff-badge{display:none}.signout{padding:10px;font-size:8px}.staff-nav{width:100%;padding-inline:10px}.topbar{height:59px}.control-caption{font-size:6px}.heading{gap:15px;flex-wrap:wrap}.heading h1{font-size:41px}.heading p{font-size:11px}.eyebrow{font-size:8px}.page{padding-bottom:35px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:20px}.metric-value{font-size:43px}.metric-label{font-size:8px}.metric small{font-size:9px}.accent-line{left:20px}.roles-grid{grid-template-columns:1fr}.staff-footer{flex-wrap:wrap;font-size:7px;gap:15px}.staff-footer>span:last-child{display:none}.master-access .grow{min-width:160px}.master-access .eyebrow{font-size:7px}.master-access h2{font-size:28px}.master-access p{font-size:10px;overflow-wrap:anywhere}.access-summary{font-size:7px;gap:12px}.table-scroll{max-height:62vh}.panel-head{padding:18px}.panel-head small{font-size:7px}td,th{padding:15px 18px}.preview-note{gap:12px;font-size:9px}.preview-note select{width:90px}.overlay{padding:12px}.dialog{padding:22px;max-height:93dvh}.ability-grid{grid-template-columns:1fr;gap:15px}.back-to-store{font-size:8px;padding:11px}.back-to-store span{padding-left:12px}.login-stage{padding-top:24px}.login-hero{grid-template-columns:1fr;padding:32px 23px 120px;gap:30px}.login-copy h1{font-size:clamp(64px,16vw,86px);margin-block:22px}.login-copy>p{max-width:100%}.login-mark{margin-top:20px;font-size:7px}.login-box.discord-login{max-width:none;justify-self:stretch;padding:25px}.discord-login h2{font-size:39px}.discord-login p{font-size:12px}.discord-signin{font-size:10px;padding:15px}.login-foot{font-size:7px;letter-spacing:.4px}.login-strip{left:14px;right:14px;bottom:14px;flex-direction:column;align-items:flex-start;padding:16px 12px;gap:12px;font-size:7px}.login-strip>div{font-size:7px;gap:10px}.login-stage>.staff-footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:1100px){.staff-sidebar{width:214px;padding-inline:12px}.shell>.main.staff-width{width:calc(100% - 214px);margin-left:214px;padding-inline:24px}.shell .grid{grid-template-columns:1fr}.staff-sidebar .nav-btn{font-size:10px;padding:15px 11px}}

.discord-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:50%;padding:0}.discord-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#160b11}.staff-identity{display:flex;align-items:center;gap:12px}.staff-identity>div{min-width:0}.staff-account .discord-avatar{display:inline-flex}@media(max-width:650px){.staff-account .discord-avatar{width:30px;height:30px;flex-basis:30px}}
/* Live operations: bounded coordinate grid and a separate scrolling roster. */
.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.map-caption{font-size:10px;letter-spacing:1.6px;color:#7d8087;margin-left:14px}.map-toolbar label{font-size:12px;color:#aaa;display:flex;gap:10px;align-items:center}.map-toolbar select{width:auto;min-width:130px;margin-left:4px}.map-toggle input{width:14px;height:14px;accent-color:#f51e43}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.map-surface{overflow:hidden;position:relative}.map-surface canvas{width:100%;height:520px;display:block;cursor:crosshair}.map-legend{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #ffffff0e;font-size:11px;color:#8e9199}.map-legend i,.map-player-dot{display:inline-block;width:6px;height:6px;background:#fa2447;border-radius:50%;margin-right:7px}.map-roster{max-height:565px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#612332 transparent}.map-player{display:flex;align-items:center;text-align:left;width:100%;border:0;border-bottom:1px solid #ffffff08;background:transparent;padding:16px 20px;color:#ccc;gap:8px}.map-player>span:nth-child(2){flex:1}.map-player strong{font-size:13px}.map-player small{display:block;color:#737780;font-size:10px;margin-top:5px}.map-player:hover,.map-player.selected{background:#ea123018}.map-player.selected{box-shadow:inset 2px 0 #fa2447}.map-selection{margin-top:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.map-footnote{font-size:11px;line-height:1.7;color:#777d86;margin-top:16px;max-width:950px}@media(max-width:1050px){.map-layout{grid-template-columns:minmax(0,1fr) 205px}.map-surface canvas{height:440px}}@media(max-width:700px){.map-layout{grid-template-columns:1fr}.map-roster{max-height:240px}.map-caption{display:block;margin:10px 0 0}.map-legend{font-size:9px}.map-surface canvas{height:400px}}
/* Phone/tablet navigation: full-width content and a labelled, dismissible drawer. */
.mobile-navigation-toggle,.mobile-navigation-head,.mobile-navigation-account,.navigation-backdrop{display:none}
@media(max-width:900px){
 body.navigation-open{overflow:hidden;overscroll-behavior:none}
 /* Keep the original HAVOC artwork, red tint and opacity on phones. */
 .shell>.site-header{padding-top:env(safe-area-inset-top)}
 .shell .header-inner{width:100%;min-height:68px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:12px}
 .shell .site-brand img{width:108px;height:54px}
 .shell .header-tools{gap:12px;min-width:0}
 .shell .header-tools>.signout,.shell .header-tools>.status,.shell .staff-badge{display:none}
 .shell .staff-account{border:0;padding:0;min-width:0;gap:8px;order:0}
 .shell .staff-account>div{max-width:115px}.shell .staff-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-navigation-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:44px;height:44px;padding:0 12px;order:1;font-size:10px}
 .mobile-navigation-toggle svg{width:20px;height:20px;flex-shrink:0}
 .shell>.main.staff-width{width:100%;max-width:none;margin:0;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}
 .shell .control-caption{display:none}.shell .topbar{height:auto;min-height:56px;padding:14px 0;gap:10px}
 .shell .breadcrumb{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.shell .breadcrumb b{padding-inline:8px}
 .staff-sidebar{inset:0 auto 0 0;width:min(340px,calc(100% - 48px));height:100vh;height:100dvh;z-index:51;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,6,11,.92),rgba(8,4,7,.88));border-right:1px solid #ff30472b;box-shadow:24px 0 80px #0009;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s;backdrop-filter:blur(8px)}
 .navigation-open .staff-sidebar{transform:translateX(0);visibility:visible}
 .navigation-backdrop{display:block;position:fixed;inset:0;z-index:50;background:#030206bd;border:0;border-radius:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
 .navigation-open .navigation-backdrop{opacity:1;visibility:visible;pointer-events:auto}.navigation-backdrop:hover{background:#030206bd}
 .mobile-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
 .mobile-navigation-head h2{font-size:18px;margin:8px 0 0;font-weight:650}.mobile-navigation-head .close{width:44px;height:44px;flex-shrink:0;font-size:24px}
 .staff-sidebar .sidebar-caption,.staff-sidebar .sidebar-foot{display:none}
 .staff-sidebar .staff-nav{display:flex;width:100%;flex:1;min-height:0;gap:5px;padding:18px 0;overflow-y:auto;overscroll-behavior:contain}
 .staff-sidebar .nav-btn{width:100%;min-width:0;min-height:48px;flex:0 0 auto;justify-content:flex-start;padding:13px 14px;gap:14px;font-size:13px;white-space:normal;text-align:left}
 .staff-sidebar .nav-btn span{display:inline}.staff-sidebar .nav-btn svg{width:20px;height:20px}
 .mobile-navigation-account{display:flex;align-items:center;gap:10px;padding:18px 2px 0;border-top:1px solid var(--line);flex-shrink:0}
 .mobile-navigation-account>div{flex:1;min-width:0}.mobile-navigation-account strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-navigation-account small{display:block;font-size:10px;color:#b598a8;margin-top:5px}
 .mobile-navigation-account .signout{min-height:44px;padding:10px;font-size:9px;flex-shrink:0}
 .shell .page{padding:0 0 28px}.shell .grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .shell .heading{margin-bottom:22px;gap:18px;align-items:flex-start;flex-wrap:wrap}.shell .heading h1{font-size:clamp(34px,6vw,44px);line-height:1.08;margin:12px 0;overflow-wrap:anywhere}.shell .heading p{font-size:12px;line-height:1.75}
 .shell .heading .row-actions{justify-content:flex-start}.shell .row-actions{flex-wrap:wrap;min-width:0}
 .shell .connector-note{padding:14px 16px;margin-bottom:22px;font-size:12px;line-height:1.7}
 .shell .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shell .metric{padding:20px 18px;min-width:0}.shell .metric:nth-child(even){border-right:0}.shell .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .shell .metric-value{font-size:42px}.shell .metric-label{font-size:9px;letter-spacing:.8px}.shell .metric small{font-size:11px;line-height:1.6;display:block}.shell .accent-line{left:18px}
 .shell .panel-head{padding:18px;gap:12px;flex-wrap:wrap}.shell .panel-head h2{font-size:11px}.shell .panel-head small{font-size:8px}
 .table-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.table-scroll table{min-width:580px}.table-scroll.is-empty table{min-width:0}.table-scroll.is-empty th{white-space:normal;overflow-wrap:anywhere;padding:14px 10px;font-size:8px}
 .table-scroll td{font-size:12px}.table-scroll .row-actions{flex-wrap:nowrap}.table-scroll .tiny{min-height:44px}
 .shell .toolbar{width:100%;flex-wrap:wrap}.shell .toolbar input{max-width:none;width:100%}
 .shell .setting{padding:18px;gap:14px;align-items:flex-start;flex-wrap:wrap}.shell .setting>div{flex:1 1 200px}.shell .setting p{font-size:12px}.shell .setting>.pill{margin-top:2px}
 .detection-intro{align-items:flex-start;flex-wrap:wrap}.detection-grid{grid-template-columns:minmax(0,1fr)}.detection-toggle{min-height:44px;min-width:80px;justify-content:flex-end}.detection-card-bottom{gap:14px}.detection-card-bottom small{line-height:1.6}
 .shell .map-layout{grid-template-columns:minmax(0,1fr)}.map-toolbar .row-actions{width:100%;gap:14px}.map-toolbar label{min-height:44px;flex-wrap:wrap}.map-surface canvas{height:340px;max-height:60svh}.map-roster{max-height:300px}.map-legend{flex-wrap:wrap;padding:12px 16px;line-height:1.6}.map-selection{gap:14px;flex-wrap:wrap}
 .shell .role-card button,.shell .heading button,.shell .list-row button{min-height:44px}.shell .roles-grid{grid-template-columns:minmax(0,1fr)}.shell .master-access{padding:20px;gap:16px;flex-wrap:wrap}
 .shell .staff-footer{padding-bottom:max(28px,env(safe-area-inset-bottom));font-size:8px;line-height:1.7;flex-wrap:wrap}.shell .staff-footer>span:last-child{display:none}
 .overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .dialog,.dialog.wide{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding:20px;overscroll-behavior:contain}.dialog h2{font-size:28px;overflow-wrap:anywhere}.dialog-head{gap:14px}.dialog-head .close{width:44px;height:44px;flex-shrink:0}.dialog .split,.ability-grid{grid-template-columns:minmax(0,1fr)}
 input,select,textarea,.dialog input,.dialog select,.dialog textarea{font-size:16px;min-height:44px}.check-row{min-height:50px;font-size:12px;gap:20px}.check-row input{width:22px;height:22px;min-height:22px;flex-shrink:0}.dialog-actions{position:sticky;bottom:-20px;background:linear-gradient(135deg,#211019f5,#10090efc 65%);padding:16px 0 20px;margin-bottom:-20px;gap:10px}.dialog-actions button{min-height:44px;flex:1;font-size:11px}.screen-label{gap:12px;flex-wrap:wrap;line-height:1.6}
 #toast{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));max-width:none;font-size:12px;line-height:1.6}
}
@media(max-width:480px){
 .shell .staff-account>div{display:none}.shell .staff-account .discord-avatar{width:32px;height:32px;flex-basis:32px}.shell .header-tools{gap:10px}.mobile-navigation-toggle{padding:0 11px;font-size:9px}
 .shell>.main.staff-width{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.shell .metric{padding:18px 15px}.shell .metric-value{font-size:38px}.shell .metric small{font-size:10px}.shell .metric-label{font-size:8px}.shell .accent-line{left:15px}
 .shell .heading h1{font-size:36px}.shell .eyebrow{letter-spacing:1.5px}.shell .empty{padding:32px 14px}.detection-card{padding:18px}.detection-card h4{font-size:15px}.detection-card-top{gap:8px}.detection-mode{font-size:8px}.detection-card .pill{font-size:7px;letter-spacing:.4px}
 .login-hero{padding-inline:18px}.login-box.discord-login{padding:22px 18px}.login-foot{flex-wrap:wrap;font-size:7px}
}