:root{color-scheme:dark;--bg:#080c12;--panel:#101722;--panel2:#151f2d;--line:#27313f;--fg:#f3f6fb;--muted:#9aa6b7;--red:#e53e4a;--red-dim:rgba(229,62,74,.14);--cyan:#58d1da;--gold:#efbf6b;--green:#69dbab;--shadow:0 22px 65px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 50% at 60% -15%,#1b2639 0%,transparent 78%),var(--bg);color:var(--fg);font:14px/1.55 Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{color:inherit;text-decoration:none}img{max-width:100%}.topbar{height:75px;background:#090e16ed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.3vw,54px);position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px}.brand .logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b83444;border-radius:12px;background:#26131b}.brand img{width:27px}.brand strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;letter-spacing:.13em;display:block;line-height:1}.brand small{font-size:9px;letter-spacing:.24em;color:#c1c9d3;font-weight:800}.top-actions{display:flex;align-items:center;gap:15px}.secure-dot{font-size:10px;color:#aebaca;letter-spacing:.14em;font-weight:700}.secure-dot i,.live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #69dbab85;margin-right:8px}.bell,.avatar{border:1px solid var(--line);background:#151d28;color:var(--fg);width:40px;height:40px;border-radius:12px;position:relative}.bell b{position:absolute;right:-7px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;background:var(--red);border-radius:50%;font-size:10px}.avatar{background:#39212c;border-color:#743343;font-family:'Barlow Condensed';font-weight:800;letter-spacing:.1em}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 75px)}.side-nav{background:#0b111a;border-right:1px solid var(--line);padding:26px 13px;display:flex;flex-direction:column;gap:20px;position:sticky;top:75px;max-height:calc(100vh - 75px)}.side-caption,.eyebrow,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.19em;font-weight:800;color:var(--muted)}.side-caption{padding:0 15px}.side-nav nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;border-radius:12px;padding:12px 13px;color:#a7b2c2;background:none;font-weight:700;font-size:12px}.nav-item .nav-symbol{font-size:19px;width:23px;text-align:center}.nav-item.active,.nav-item:hover{background:var(--red-dim);color:white;border-color:#6b323e}.nav-item.active::after{content:'';width:4px;height:15px;background:var(--red);border-radius:4px;margin-left:auto}.side-footer{margin-top:auto;background:#121b27;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;align-items:center;color:#dee6f0;font-size:11px;font-weight:800;line-height:1.6}.side-footer small{font-size:10px;color:var(--muted);font-weight:500}.main{padding:clamp(18px,3.4vw,46px);max-width:1600px;min-width:0;width:100%;margin:0 auto}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-intro h1,.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em;font-weight:800;line-height:.99;font-size:clamp(32px,4vw,54px);margin:7px 0 10px}.page-intro p,.hero p{max-width:650px;color:var(--muted);margin:0}.btn{background:var(--red);color:white;border:1px solid #ff6872;border-radius:11px;padding:11px 15px;font-weight:800;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.11)}.btn.ghost{background:#182332;border-color:#354052;color:#d7e2ec}.btn.small{font-size:11px;padding:8px 11px}.btn.danger{background:#55212b;border-color:#893644}.btn.green{background:#1c5945;border-color:#377760}.action-row{display:flex;flex-wrap:wrap;gap:9px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.card,.panel,.mission-card,.chat-shell,.map-panel{background:linear-gradient(155deg,#151e2b,#101722);border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 26px #0001}.card{padding:19px;min-height:125px}.card .stat-number{font-family:'Barlow Condensed';font-size:36px;line-height:1;margin:12px 0 3px;font-weight:800}.card small{color:var(--muted)}.card .stat-symbol{font-size:22px;float:right;color:var(--red)}.panel{padding:22px;margin-bottom:18px}.panel h2,.section-title{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.04em;font-size:24px;margin:0 0 13px}.hero{position:relative;overflow:hidden;border-radius:20px;padding:clamp(22px,4vw,50px);background:linear-gradient(100deg,rgba(10,15,22,.94),rgba(29,15,28,.78)),radial-gradient(circle at 80% 50%,#c33242 0%,transparent 48%);border:1px solid #683039;margin-bottom:21px;min-height:260px;display:flex;align-items:center}.hero::before{content:'UMBRELLA';position:absolute;right:-24px;bottom:-73px;font:800 170px 'Barlow Condensed';letter-spacing:-8px;color:#ffffff08;pointer-events:none}.hero .eyebrow{color:#fa9b9f}.hero h1{max-width:750px}.hero h1 em{font-style:normal;color:#ff626d}.hero p{margin-bottom:17px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(275px,.7fr);gap:17px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip,.difficulty,.state-pill{border:1px solid #404b5a;background:#192330;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.08em}.difficulty{background:#48303d;color:#ffa4af;border-color:#9a4352}.difficulty[data-diff="D"],.difficulty[data-diff="C"]{background:#25453a;color:#8ae8bb;border-color:#437d61}.difficulty[data-diff="SSS"],.difficulty[data-diff="SSS+"]{background:#5c2634;color:#ffe09b;border-color:#d78a58}.state-pill{color:var(--green);background:#17392f;border-color:#315c4d}.state-pill.done{color:#9ea9b7;background:#202b38;border-color:#455062}.muted,.hint{color:var(--muted)}.hint{font-size:11px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mission-card{padding:19px;position:relative}.mission-card::before{position:absolute;content:'';height:3px;left:19px;right:19px;top:0;background:linear-gradient(90deg,var(--red),transparent)}.mission-card h3{font-size:19px;margin:12px 0 7px}.mission-card p{color:#b8c2d0;margin:8px 0 14px;white-space:pre-wrap}.mission-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mission-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.mission-facts span{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em}.mission-facts strong{display:block;font-size:13px;word-break:break-word}.participants{border-top:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:11px}.reward{color:var(--gold);font-size:16px;font-weight:900}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.filter{border:1px solid var(--line);background:#111b27;color:var(--muted);border-radius:99px;padding:7px 12px}.filter.active{background:#3a2430;border-color:#ac4953;color:#fff}.empty{padding:44px 18px;text-align:center;border:1px dashed #3b4656;border-radius:17px;color:var(--muted)}.data-list{display:grid;gap:10px}.data-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#151d2a}.data-row h3{margin:0;font-size:14px}.data-row p{margin:5px 0 0;font-size:12px;color:var(--muted)}.data-row small{color:var(--muted)}.role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.role{padding:14px;border:1px solid var(--line);background:#111926;border-radius:12px}.role strong{font-weight:800}.role p{margin:6px 0 0;color:var(--muted);font-size:11px}.map-panel{padding:16px;min-width:0}.map-viewport{position:relative;background:#0d1927;border:1px solid #354558;border-radius:13px;overflow:auto;min-height:320px}.map-canvas{position:relative;min-width:650px;aspect-ratio:1200/670;background:#0a1825}.map-canvas>img{width:100%;height:100%;object-fit:fill;display:block}.map-pin{position:absolute;transform:translate(-50%,-50%);background:#1a2937;border:1px solid #64bdc9;color:#cde8ed;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 5px #58d1da19;font-size:10px}.map-pin.selected{background:var(--red);border-color:#ffb9bd;box-shadow:0 0 0 7px #e53e4a26}.map-pin.has-sede{background:#b52c46;border-color:#ffc5ce}.map-pin.has-meeting{background:#b68225;border-color:#ffe1a2}.map-detail{display:grid;gap:14px}.map-detail h3{font:800 30px 'Barlow Condensed';margin:0}.map-detail p{color:var(--muted);margin:0}.map-legend{display:flex;gap:14px;flex-wrap:wrap;margin:9px 0 0;font-size:11px;color:var(--muted)}.map-legend b{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:5px}.map-legend b.gold{background:var(--gold)}.map-legend b.cyan{background:var(--cyan)}.chat-shell{display:grid;grid-template-columns:285px minmax(0,1fr);height:min(72vh,690px);min-height:480px;overflow:hidden}.chat-rooms{border-right:1px solid var(--line);overflow:auto;padding:16px;background:#101824}.chat-room{width:100%;display:flex;gap:9px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:11px 9px;color:#e0e6ef}.chat-room.current{background:#202b39;border-color:#485669}.room-dot{background:#3b2734;border:1px solid #823f4e;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.chat-room small{display:block;color:var(--muted);font-size:10px}.chat-room strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-top{padding:15px 18px;border-bottom:1px solid var(--line);font-weight:800}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:20px;background:radial-gradient(ellipse at bottom,#182131,#101721)}.bubble{max-width:84%;align-self:flex-start;background:#273444;border:1px solid #435163;border-radius:14px 14px 14px 4px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.own{align-self:flex-end;background:#432732;border-color:#7c4352;border-radius:14px 14px 4px 14px}.bubble small{display:block;color:#c8a0a9;margin-bottom:5px}.chat-compose{display:flex;gap:9px;padding:12px;background:#151f2b;border-top:1px solid var(--line)}.chat-compose input{flex:1;min-width:0}.chat-compose .btn{padding:10px 13px}input,textarea,select{width:100%;padding:11px 13px;background:#0c141f;border:1px solid #3a4859;color:#fff;border-radius:10px}textarea{resize:vertical;min-height:110px}label{display:block;color:#c3ceda;font-size:12px;font-weight:700;margin-bottom:13px}label input,label textarea,label select{margin-top:6px}label.check{display:flex;gap:9px;align-items:center}label.check input{width:auto;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-kicker{margin-bottom:7px}.loading{min-height:50vh;display:grid;place-content:center;text-align:center;color:#a7b4c3}.spinner{height:31px;width:31px;border:3px solid #364153;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:20px;bottom:25px;z-index:80;max-width:390px;background:#18372f;border:1px solid #356e59;border-radius:12px;padding:14px 19px;color:white;box-shadow:var(--shadow);display:none}#toast.error{background:#51252f;border-color:#98505d}dialog{border:1px solid #586070;border-radius:18px;background:#111b27;color:#edf2f8;width:min(92vw,570px);max-height:88vh;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#010409bb;backdrop-filter:blur(8px)}.modal-shell{padding:25px}.modal-shell>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal-shell h2{font:800 28px 'Barlow Condensed';margin:7px 0 15px}.modal-shell form{max-height:67vh;overflow:auto;padding-right:5px}.close{background:none;border:0;color:white;font-size:26px}.law-content{white-space:pre-wrap;line-height:1.75;color:#c9d5e0}.notification-dot{background:var(--red);width:8px;height:8px;border-radius:50%;flex-shrink:0}.auth-stage{display:grid;place-items:center;min-height:70vh}.auth-card{background:linear-gradient(145deg,#1b1e2b,#0d1520);border:1px solid #6d3a49;border-radius:22px;padding:clamp(22px,4vw,42px);width:min(100%,490px);box-shadow:var(--shadow)}.auth-card h1{font:800 43px/1 'Barlow Condensed';margin:10px 0 12px}.auth-card>p{color:var(--muted)}.auth-card button{width:100%}.mobile-nav{display:none}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:900px){.shell{grid-template-columns:1fr}.side-nav{display:none}.main{padding:23px 16px 100px}.secure-dot{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:75px;z-index:30;background:#0a1119f2;border-top:1px solid #364457;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(18px)}.mobile-nav .nav-item{flex-direction:column;gap:1px;font-size:9px;width:25%;padding:6px 2px}.mobile-nav .nav-symbol{font-size:23px}.mobile-nav .nav-item.active::after{display:none}.mission-grid{grid-template-columns:1fr}}@media(max-width:610px){.topbar{height:65px;padding:0 15px}.brand strong{font-size:21px}.brand small{font-size:8px;letter-spacing:.13em}.top-actions{gap:7px}.bell,.avatar{height:35px;width:35px}.brand .logo{width:35px;height:35px}.brand img{width:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-height:108px;padding:15px}.card .stat-number{font-size:31px}.page-intro{flex-direction:column;gap:10px}.form-grid,.role-list{grid-template-columns:1fr}.chat-shell{grid-template-columns:1fr;height:68vh}.chat-rooms{display:flex;gap:7px;padding:7px;overflow-x:auto;max-height:85px;border-right:none;border-bottom:1px solid var(--line)}.chat-room{min-width:135px;padding:8px}.room-dot{width:26px;height:26px}.chat-room strong{max-width:105px;font-size:11px}.chat-main{min-height:0}.map-panel{padding:10px}.mission-facts{gap:8px}.hero{min-height:250px}.auth-stage{min-height:62vh}.data-row{align-items:flex-start}.data-row .btn{padding:7px 9px;font-size:10px}}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.map-pin.has-members{box-shadow:0 0 0 5px rgba(105,219,171,.25),0 0 18px var(--green);color:var(--green)}
.map-legend b.member{background:var(--green)}
.presence-row{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:8px 0;border:1px solid rgba(105,219,171,.35);border-radius:10px;background:rgba(105,219,171,.08)}
.presence-row span{color:var(--muted);font-size:.83rem}
@media(max-width:520px){.auth-actions{grid-template-columns:1fr}}

/* ================================================================
 UMBRELLA CORPORATION / SINDICATO — DIREÇÃO VISUAL CINEMATOGRÁFICA
 Nenhuma fonte externa exigida. Ícones SVG de desenho próprio.
================================================================ */
:root{--bg:#070b10;--panel:#101822;--panel2:#1a2430;--fg:#eef3fa;--muted:#a7b7c9;--red:#eb4457;--cyan:#71c9ce;--line:#344050;--shadow:0 24px 72px rgba(0,0,0,.45)}
body{font-family:Inter,"Segoe UI",Roboto,"Noto Sans",system-ui,sans-serif;letter-spacing:.005em;background-color:#070b10;background-image:radial-gradient(ellipse 62% 42% at 75% -7%,#293a48 0%,transparent 78%),radial-gradient(ellipse 44% 40% at 2% 70%,#28141d 0%,transparent 80%),linear-gradient(145deg,#090f17,#080b10 60%,#0e151e)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;z-index:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 62px,#879fba07 63px,transparent 64px)}
.topbar,.side-nav,.main,.mobile-nav{isolation:isolate}
.brand strong,.page-intro h1,.hero h1,.section-title,.panel h2,.rank-section h2,.inventory-item h3{font-family:"Bahnschrift SemiCondensed","Aptos Display","Roboto Condensed","Arial Narrow",Impact,sans-serif;font-stretch:condensed;font-weight:800}
.brand strong{letter-spacing:.115em;text-shadow:0 0 28px #ea53614d;font-size:27px}
.brand .logo{background:radial-gradient(circle,#671b29,#190d16);border:1px solid #a54453;box-shadow:inset 0 0 21px #0009,0 0 19px #6d203544}
.topbar{background:#090f18ed;border-bottom:1px solid #58627555;box-shadow:0 6px 32px #0003}
.side-nav{background:linear-gradient(180deg,#101722,#0b1018 70%,#130f18);box-shadow:9px 0 35px #0002}
.nav-item{transition:background .2s,color .2s,transform .2s,border-color .2s;position:relative;border-radius:11px}
.nav-item:hover{transform:translateX(3px);box-shadow:inset 3px 0 #ea5361}
.nav-item .nav-symbol{display:grid;place-items:center;filter:drop-shadow(0 0 8px #e53e4a24)}
.nav-item.active{background:linear-gradient(100deg,#4b202f80,#131d2c);border-color:#b04a5966;box-shadow:inset 3px 0 var(--red),0 8px 20px #0004}
.page-intro h1{font-size:clamp(36px,4.8vw,63px);letter-spacing:.008em;text-wrap:balance}
.page-intro p{line-height:1.8}
.eyebrow,.section-kicker,.side-caption{letter-spacing:.23em;color:#c7a9b1}
.hero{isolation:isolate;min-height:290px;box-shadow:0 22px 62px #0007,inset 0 0 0 1px #a04c5a33;background:radial-gradient(ellipse 52% 100% at 90% 60%,#51252d9c,transparent 75%),linear-gradient(110deg,#141d29 2%,#121d2abd 60%,#2f1d2c 100%)}
.hero::after{content:"";position:absolute;right:4%;top:10%;width:min(32vw,270px);height:80%;background:url('/umbrella.svg') center/contain no-repeat;opacity:.27;filter:drop-shadow(0 0 36px #ea455766);z-index:-1}
.hero h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.025em}
.hero h1 em{background:linear-gradient(110deg,#ff7a83,#ed3c56);background-clip:text;-webkit-text-fill-color:transparent}
.hero p{line-height:1.9;font-size:14px}
.panel,.card,.mission-card,.chat-shell,.map-panel,.rank-section,.help-card,.inventory-item{background:linear-gradient(155deg,#1b2633,#111a25 65%,#101721);border:1px solid #52607570;box-shadow:0 13px 38px #0003,inset 0 1px #ffffff06;transition:box-shadow .25s,transform .25s,border-color .25s}
.card:hover,.mission-card:hover,.inventory-item:hover{transform:translateY(-3px);border-color:#a65b656e;box-shadow:0 21px 55px #0005,inset 0 1px #fff1}
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;width:105px;height:105px;right:-36px;bottom:-45px;border:20px solid #a8445520;border-radius:50%}
.stat-symbol{font-size:24px;font-weight:800;color:#ff7889}
.btn{background:linear-gradient(132deg,#fa5c6b,#c02b43);border:1px solid #ff7584;box-shadow:0 7px 19px #cb354744,inset 0 1px #ffffff44;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;letter-spacing:.02em}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #d92c5050,inset 0 1px #fff5;filter:brightness(1.07)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:linear-gradient(145deg,#253244,#15212e);border-color:#48596e;box-shadow:inset 0 1px #ffffff12}
.btn.green{background:linear-gradient(145deg,#2b8467,#1b5a49);border-color:#70cfa0}
.btn.emergency{background:linear-gradient(145deg,#f86662,#c42a40);border-color:#ff9991;box-shadow:0 9px 26px #ca384452}
.quick-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:22px}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rank-section{padding:21px 22px;margin:0 0 18px;border-radius:19px}
.rank-section>header{display:flex;gap:14px;align-items:center;border-bottom:1px solid #374457;padding:0 0 15px;margin-bottom:15px}
.rank-section h2{font-size:27px;margin:0;line-height:1}
.rank-section small,.member-tile small{font-size:11px;color:var(--muted);display:block}
.rank-crest{width:45px;height:45px;border-radius:12px;background:radial-gradient(circle,#4f2636,#241723);border:1px solid #743b4a;display:grid;place-items:center;color:#fc8391}
.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:11px}
.member-tile{background:#0d1622a8;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #3c4b60;border-radius:14px;min-width:0}
.member-tile strong{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.member-tile small{max-width:175px;overflow:hidden;text-overflow:ellipsis}
.member-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;border:2px solid #ad495d;box-shadow:0 0 0 3px #e64e5620}
.member-initial{display:grid;place-items:center;font-weight:900;background:linear-gradient(140deg,#3e4f66,#451f30);color:white}
.online-indicator{margin-left:auto;width:11px;height:11px;border-radius:50%;flex-shrink:0}
.online-indicator.online{background:#6aefaf;box-shadow:0 0 0 4px #5dec9a14,0 0 15px #58dca899}
.online-indicator.offline{background:#647084;border:1px solid #8c99a3}
.help-grid,.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:15px}
.help-card,.inventory-item{padding:20px;border-radius:17px}
.help-card.urgent{border-color:#b04d5b;box-shadow:0 16px 40px #8a2b3624}
.help-card h3,.inventory-item h3{font-size:22px;margin:13px 0 7px}
.help-card p,.inventory-item p{color:#c3cfdc;line-height:1.8;overflow-wrap:anywhere}
.inventory-item{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
.inventory-item .btn{margin-top:auto}
.inventory-item .item-emblem{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:linear-gradient(150deg,#612a3e,#22192a);border:1px solid #7c3c50;color:#ff8498;box-shadow:inset 0 2px #ffffff10}
.inventory-item small{color:var(--muted);margin-bottom:14px}
.profile-identity{display:flex;gap:19px;align-items:center;margin-bottom:20px}
.profile-identity h2{margin:0 0 4px;font-size:32px}
.profile-identity small{display:block;color:var(--green);font-weight:700;margin-top:8px}
.profile-photo{width:105px;height:105px;border-radius:22px;object-fit:cover;border:2px solid #ac4657;box-shadow:0 16px 38px #0007,0 0 0 5px #ad465522}
.profile-initial{display:grid;place-items:center;background:#4c293a;font-size:42px;font-weight:900}
.avatar-form{padding:14px;border:1px solid #36465b;border-radius:13px;background:#0e1824;margin-bottom:16px}
.avatar-form label{margin-bottom:8px}
.top-avatar{width:100%;height:100%;object-fit:cover;border-radius:12px}
.map-panel{overflow:hidden;border:1px solid #43606c;padding:14px}
.map-viewport{border:1px solid #4b6671;box-shadow:inset 0 0 45px #091a29,0 0 34px #0003;background:radial-gradient(ellipse at center,#1b3a4b,#0b1b2c);max-height:600px}
.map-canvas{box-shadow:inset 0 0 0 3px #75d7dd15}
.map-pin{border:2px solid #76e2eb;box-shadow:0 0 0 4px #50cfd72b,0 0 20px #6ad9eb5e;transition:transform .18s,box-shadow .18s}
.map-pin:hover{transform:translate(-50%,-50%) scale(1.4);z-index:9}
.map-pin.selected{z-index:12;transform:translate(-50%,-50%) scale(1.27);box-shadow:0 0 0 7px #e53e4a55,0 0 22px #ea6061aa}
dialog{border-color:#795264;box-shadow:0 26px 95px #000e,0 0 60px #a63c5825}
dialog::backdrop{background:#040a12d9}
input,textarea,select{background:linear-gradient(155deg,#101b29,#0a141f);border-color:#50627a;color:#f5f9ff}
input:focus,textarea:focus,select:focus{border-color:#85d5dd;box-shadow:0 0 0 3px #58d1da24}
@media(max-width:900px){.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-nav .nav-item{border-radius:10px}.mobile-nav .nav-item:hover{transform:none}}
@media(max-width:600px){.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-section{padding:16px}.rank-section h2{font-size:23px}.member-grid{grid-template-columns:1fr}.help-grid,.inventory-grid{grid-template-columns:1fr}.profile-photo{width:75px;height:75px}.quick-actions .btn{flex:1;white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}