/* ── game.css ── */
:root{--bg:#090d11;--surface:#131a21;--surface2:#192229;--deep:#10161c;--gold:#e5ba77;--gold2:#bb8f50;--line:#2b353c;--text:#f3f0e7;--muted:#9aa6aa;--green:#a0d6ad;--red:#ff9b9b;--sidebar:252px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{transition:background .2s,border-color .2s,transform .15s}button:not(:disabled):active{transform:scale(.98)}.muted{color:var(--muted)}.tiny{font-size:12px}.gold{color:var(--gold)}.eyebrow{font-size:11px;color:#b8a78d;font-weight:800;letter-spacing:2.3px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:linear-gradient(160deg,#161d23,#0f141b 70%);border-right:1px solid #31373b;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:28px 21px 25px;border-bottom:1px solid var(--line)}.brand b,.auth-logo{font-size:24px;letter-spacing:2px;font-family:Georgia,serif}.brand small{display:block;color:#b19c78;letter-spacing:2px;font-size:8px;font-weight:800}.logo-mark{width:47px;height:47px;flex:none;border:1px solid #907242;background:#211c15;color:var(--gold);display:grid;place-items:center;font:34px Georgia,serif;position:relative;border-radius:4px}.logo-mark sup{position:absolute;right:-3px;top:-6px;font:16px Georgia,serif}.side-caption{font-size:10px;letter-spacing:2px;color:#8b9396;font-weight:800;padding:22px 23px 9px}.sidebar nav{padding:0 11px 22px;display:flex;flex-direction:column;gap:3px}.nav-btn{display:flex;align-items:center;gap:13px;padding:11px 13px;background:transparent;color:#aeb9bd;border:1px solid transparent;border-radius:9px;text-align:left;width:100%;font-size:13px;font-weight:550}.nav-btn:hover{background:#202a30;color:#fff}.nav-btn.active{background:linear-gradient(90deg,#59442c88,#24231f);color:#ffe4b5;border-color:#65543a}.nav-symbol{font-size:22px;color:#c3a374;width:22px;line-height:1}.tag{margin-left:auto;background:#304337;color:#a1d3a9;border-radius:5px;padding:1px 5px;font-size:8px;letter-spacing:.7px}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{height:77px;background:#11171cd9;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:0 34px;align-items:center;position:sticky;top:0;z-index:9;backdrop-filter:blur(18px)}.topbar-label{letter-spacing:2px;font-size:10px;font-weight:800;color:var(--gold2);white-space:nowrap}.resources{display:flex;gap:24px}.resources>div{min-width:64px}.resources small{display:block;font-size:8px;color:#9b9e9d;letter-spacing:1.3px;font-weight:800}.resources strong{font-family:Georgia,serif;font-size:18px;color:var(--gold);white-space:nowrap}.mobile-brand{display:none}.content{padding:32px 36px 100px;max-width:1600px;margin:auto}.hero{position:relative;min-height:328px;padding:43px 41px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#10151bf7 2%,#0f151cdb 55%,#0d151d44),linear-gradient(0deg,#10171dcc,#111b1b11),url('assets/city.webp') center 45%/cover;overflow:hidden;border:1px solid #624e35;border-radius:17px;box-shadow:inset 0 0 90px #0006}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#c99f5f0c 0px,#c99f5f0c 1px,transparent 1px,transparent 80px);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:620px}.hero h1,.auth-copy h1{font:normal clamp(36px,4vw,57px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:14px 0}.hero h1 em,.auth-copy h1 em{color:var(--gold);font-style:italic}.hero p{color:#c0c2bc;max-width:510px}.hero-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.hero-badge{color:#e8c28c;border:1px solid #89704877;background:#271f19b3;box-shadow:0 0 0 7px #d8ae6a0c;width:155px;height:155px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100%;font:11px Georgia,serif;letter-spacing:3px;z-index:1;flex-shrink:0}.hero-badge strong{font-size:48px;letter-spacing:-1px;line-height:1.3}.btn{padding:10px 16px;border-radius:7px;border:1px solid #8d6b3c;background:#2e281d;color:var(--gold);font-weight:750;font-size:12px;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1.45;min-height:41px}.btn.primary{background:linear-gradient(135deg,#edc581,#bf9453);border-color:#e4b86e;color:#241b12}.btn.primary:not(:disabled):hover{background:#f5d39d}.btn.ghost{background:#1d272b;border-color:#536068;color:#f1e3c9}.btn.ghost:not(:disabled):hover{background:#303a3f}.btn.danger{background:#3b2222;border-color:#874645;color:#ffa9a9}.btn.small{padding:6px 10px;font-size:11px;min-height:33px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:17px 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.panel-heading{margin-bottom:20px}.panel h2{font:normal 24px Georgia,serif;margin:0;color:#ede1ce}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:12px 0;min-width:0}.list-row:first-child{border-top:none}.list-row>div{min-width:0}.list-row b{display:block;font-size:13px}.list-row small,.activity small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.activity{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding:9px 0;font-size:12px}.activity span{color:var(--gold)}.empty{color:#96a4a9;text-align:center;background:#111a20;border:1px dashed #36444a;border-radius:10px;padding:22px}.page-title{padding:10px 0 22px;border-bottom:1px solid #334047;margin-bottom:22px}.page-title h1{font:normal clamp(34px,3vw,47px) Georgia,serif;margin:7px 0}.page-title p{color:var(--muted);margin:0;max-width:700px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 28px}.tile{background:linear-gradient(150deg,#1d272c,#131b22);border:1px solid #354148;border-radius:13px;padding:21px;min-width:0;display:flex;flex-direction:column;gap:10px;min-height:248px;position:relative;overflow:hidden}.tile:before{content:'';position:absolute;right:-40px;top:-65px;width:180px;height:180px;border-radius:100%;background:radial-gradient(#9d79391c,transparent 70%);pointer-events:none}.tile.owned{border-color:#4b765d}.tile.item.epic{border-color:#8861b8}.tile.item.legendary{border-color:#a47e3f}.tile.item.rare{border-color:#547cbb}.tile h3{font:normal 22px/1.2 Georgia,serif;margin:0;min-height:30px}.tile p{color:var(--muted);font-size:12px;margin:0 0 4px}.tile>.btn{margin-top:auto;width:100%}.tile .eyebrow{font-size:9px;color:var(--gold)}.mini-stats{display:flex;flex-wrap:wrap;gap:8px 13px;color:#d3ccbb;font-size:11px;margin:auto 0 10px}.mini-stats span{background:#0d141aad;padding:4px 7px;border-radius:5px}.progress{height:8px;border-radius:10px;background:#2c3d45;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b28746,#e9c582)}.info-strip{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:15px 22px;background:#1c2326;border:1px solid #3e4340;border-radius:12px;margin:16px 0 20px}.info-strip div{min-width:110px;flex:1;color:var(--muted);font-size:11px}.info-strip strong{display:block;font:22px Georgia,serif;color:var(--gold)}.info-strip>.btn{margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:500px}th{font-size:10px;color:#c4aa7f;letter-spacing:1px;padding:12px 10px;border-bottom:1px solid #5c4c35}td{padding:11px 10px;border-bottom:1px solid #2d3a40;color:#dfdfd7}tr.me{background:#4e392a55}td .btn{white-space:nowrap}.notice{padding:17px;background:#202d29;border:1px solid #42634c;border-radius:10px;color:#bde0c5;font-size:12px}.mobile-nav{display:none}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#3b2e1b,#0a1118 65%);padding:30px}.splash-mark{width:85px;height:85px;border:1px solid var(--gold);display:grid;place-items:center;font:58px Georgia,serif;color:var(--gold);position:relative}.splash-mark span{position:absolute;top:-12px;right:-12px;font-size:20px}.splash h1{font:54px Georgia,serif;letter-spacing:5px;margin:8px}.splash p{color:var(--muted)}.error-copy{color:var(--red)!important;max-width:650px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-left{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:36px clamp(28px,4.5vw,70px);border-right:1px solid #745637;background:linear-gradient(90deg,#0c1118f7,#161922b0),linear-gradient(0deg,#0b1417e9,#241a1366),url('assets/city.webp') center/cover}.auth-logo{display:flex;align-items:center;gap:14px;white-space:nowrap}.auth-logo small{color:var(--gold);font-size:13px;align-self:flex-end}.auth-copy h1{font-size:clamp(45px,5.8vw,88px);margin-top:22px}.auth-copy p{color:#d1c7b8;font-size:16px;max-width:520px}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.auth-points span{border:1px solid #95795477;background:#1b1d1ecc;color:#f2d4a2;padding:7px 12px;border-radius:6px;font-size:12px}.auth-bottom{color:#9a875f;letter-spacing:3px;font-size:9px}.auth-right{display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at 80% 0,#242620,#10171e 65%)}.auth-box{width:min(100%,465px);padding:25px}.auth-box h2{font:40px Georgia,serif;margin:10px 0 0}.auth-box>p{margin:9px 0 24px}.auth-tabs{display:flex;gap:6px;background:#1b262c;padding:4px;border-radius:9px;margin-bottom:20px}.auth-tabs button{flex:1;border:0;background:transparent;color:#a8aeb1;padding:11px;border-radius:6px}.auth-tabs button.selected{background:#56422c;color:#ffe2b0}.auth-box label{display:block;color:#d6c4a8;font-size:12px;font-weight:700;margin:13px 0}.auth-box input{display:block;width:100%;padding:12px 13px;margin-top:6px;background:#0b1117;color:#fff;border:1px solid #48555b;border-radius:8px}.auth-box input:focus{border-color:var(--gold)}.auth-classes{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.auth-classes>p{grid-column:1/-1;margin:0}.class-option{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;background:#172027;border:1px solid #354147;border-radius:10px;color:#ddd;text-align:center}.class-option.chosen{border-color:#e9b976;background:#3c3121}.class-option span{font-size:30px}.class-option strong{font-size:12px}.class-option small{font-size:10px;color:#aeb6b7;line-height:1.4}.auth-submit{width:100%;margin-top:22px;min-height:46px}.auth-note{margin-top:17px;text-align:center}#toast-root{position:fixed;right:18px;bottom:20px;z-index:100;display:grid;gap:9px;max-width:min(450px,calc(100% - 36px))}.toast{padding:14px 18px;border-radius:9px;box-shadow:0 10px 35px #0009;font-weight:600;background:#243a30;color:#dbffdf;border:1px solid #759d83}.toast.bad{background:#4c2c2c;color:#ffeded;border-color:#bc6868}
@media(max-width:1280px){:root{--sidebar:216px}.brand{padding-left:13px}.brand b{font-size:20px}.nav-btn{font-size:12px}.content{padding:24px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-badge{width:125px;height:125px}.resources{gap:14px}}
@media(max-width:850px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{padding:0 17px;height:65px}.mobile-brand{display:block;color:var(--gold);font:19px Georgia,serif}.mobile-brand sup{font-size:12px}.topbar-label{display:none}.resources{gap:12px}.resources small{font-size:8px}.resources strong{font-size:15px}.content{padding:17px 15px 112px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;overflow-x:auto;gap:0;background:#0f1820f5;border-top:1px solid #57503f;box-shadow:0 -8px 30px #0007;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{min-width:66px;flex:1;padding:9px 6px 7px;border:0;background:none;color:#a5aca9;display:grid;place-items:center;gap:2px}.mobile-nav button.active{color:var(--gold);background:#43362255}.mobile-nav span{font-size:21px}.mobile-nav small{font-size:10px;white-space:nowrap}.auth-layout{grid-template-columns:1fr}.auth-left{min-height:340px;padding:26px}.auth-copy h1{font-size:45px}.auth-copy p{font-size:13px}.auth-bottom{display:none}.auth-right{padding:10px}.auth-box{padding:21px 10px}.auth-box h2{font-size:34px}}
@media(max-width:550px){.topbar{height:58px}.mobile-brand{font-size:15px;white-space:nowrap}.resources{gap:9px}.resources>div{min-width:auto}.resources strong{font-size:13px}.resource-hide{display:none}.hero{min-height:285px;padding:27px 21px}.hero h1{font-size:38px}.hero-badge{display:none}.hero p{font-size:12px}.columns{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr;gap:11px}.tile{min-height:220px}.info-strip{padding:12px;gap:10px}.info-strip strong{font-size:18px}.page-title h1{font-size:36px}.auth-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-logo{font-size:20px}.auth-copy h1{font-size:42px}.auth-left{min-height:320px}.auth-points span{font-size:10px}.auth-box{width:100%}.panel{padding:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.progressbar{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#2c3d45;margin:10px 0}.progressbar::-webkit-progress-bar{background:#2c3d45}.progressbar::-webkit-progress-value{background:linear-gradient(90deg,#b28746,#e9c582)}.progressbar::-moz-progress-bar{background:linear-gradient(90deg,#b28746,#e9c582)}.auth-box .terms-label{display:flex;align-items:center;gap:9px;font-weight:500}.auth-box .terms-label input{width:17px;height:17px;margin:0;accent-color:#e5ba77}.auth-note a{color:#e5ba77}

.mobile-more-backdrop,.mobile-more{display:none}
@media(max-width:850px){
.mobile-nav button{min-width:20%;flex:1}
.mobile-more-backdrop{display:block;position:fixed;inset:0;background:#000b;z-index:21}
.mobile-more{display:block;position:fixed;bottom:calc(62px + env(safe-area-inset-bottom));left:9px;right:9px;background:#162027;border:1px solid #826742;border-radius:15px;z-index:22;padding:18px;box-shadow:0 -20px 60px #0009;max-height:70vh;overflow:auto}
.mobile-more-title{color:#e5ba77;font-size:11px;font-weight:800;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.mobile-more-title button{background:none;color:#fff;border:0;font-size:18px}
}
.legal-page{max-width:850px;margin:0 auto;min-height:100vh;padding:65px 27px 110px}.legal-page h1{font:44px Georgia,serif;color:#e5ba77;margin:16px 0 24px}.legal-page h2{font:24px Georgia,serif;margin:34px 0 10px}.legal-page p{color:#c5c8c4;line-height:1.85}.legal-page a{color:#e5ba77}.legal-page .notice{color:#cae2cc}

.announcements{margin-bottom:20px;border-color:#8c7047;background:linear-gradient(135deg,#272820,#131a21)}.announcements article{margin:12px 0 0}.announcements strong{color:var(--gold)}.announcements p{color:#d5cfc0;margin:5px 0;white-space:pre-wrap}.admin-entry{margin:10px 8px;color:var(--gold)!important;border:1px solid #745839!important;text-decoration:none}

.chat-box{min-height:210px;max-height:52vh;overflow:auto;border:1px solid #384052;background:#0b1018;border-radius:12px;padding:12px;margin:16px 0}.chat-line{border-bottom:1px solid #344050;padding:9px}.chat-line:last-child{border-bottom:0}.chat-line>div{display:flex;gap:10px;justify-content:space-between}.chat-line small{color:#9ca8bb;font-size:11px}.chat-line p{margin:5px 0;overflow-wrap:anywhere}.checkout-form input{width:100%;min-width:0}.checkout-form .btn{margin-top:10px}.panel .inline{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.panel .inline label{flex:1;min-width:140px}@media(max-width:620px){.chat-line>div{flex-direction:column;gap:2px}}

:root{--gold:#f0c681;--line:#344048;--muted:#a8b0ae;--surface:#151e24}
body{background:radial-gradient(ellipse at 82% 0%,#182128 0,transparent 44%),#0a1015}
.content{max-width:1660px;padding-top:29px}
.page-title{position:relative;padding:12px 0 25px;margin-bottom:24px;border-color:#58604f55}
.page-title h1{font-size:clamp(38px,3.8vw,57px);line-height:1.13;letter-spacing:-1.5px}
.page-title p{font-size:13px;line-height:1.7;color:#b0b8b7}
.page-title .eyebrow{color:#e5b96b;font-size:10px}
.sidebar{background:linear-gradient(157deg,#1c252a 0%,#0e151c 54%,#0a0f15);box-shadow:8px 0 45px #0003}
.brand{min-height:100px}
.brand b{font-size:22px;letter-spacing:1.25px}
.nav-btn{transition:background .17s,transform .17s,color .17s,border-color .17s}
.nav-btn:hover{transform:translateX(3px);background:#2a3133}
.nav-btn.active{box-shadow:inset 3px 0 #dbb371;background:linear-gradient(90deg,#59442ca1,#1c2426 86%)}
.topbar{border-bottom-color:#6d60445c;box-shadow:0 12px 28px #03070b66}
.resources strong{font-family:Georgia,serif;font-weight:700}
.btn{transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.btn.primary{background:linear-gradient(125deg,#ffdaa0,#b88845);border:1px solid #e3b974;box-shadow:inset 0 1px #ffe6b2aa,0 3px 12px #0003;color:#20180f}
.btn.primary:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(125deg,#ffe7bd,#dba55b);box-shadow:0 8px 25px #c3934148}
.btn:disabled{opacity:.5;filter:saturate(.5)}
.tile,.panel{box-shadow:0 12px 36px #0002}
.tile:not(.item){transition:border-color .22s,transform .22s,box-shadow .22s}
.tile:not(.item):hover{border-color:#9b7a4b;transform:translateY(-3px);box-shadow:0 20px 35px #0005}
.info-strip{background:linear-gradient(130deg,#202c30,#151d24);border-color:#53605d}
.combat-cta{width:100%;font-size:12px;min-height:43px;letter-spacing:.25px}

body.combat-open{overflow:hidden}
.combat-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:#02060be9;backdrop-filter:blur(15px);padding:18px;animation:combatFade .25s ease both}
.combat-dialog{width:min(1100px,100%);max-height:calc(100dvh - 34px);overflow:auto;background:#101920;border:1px solid #a37a45;border-radius:14px;box-shadow:0 0 0 5px #b8863917,0 35px 120px #000;position:relative}
.combat-top{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px;color:#f0c681;font-size:11px;font-weight:800;letter-spacing:2px;border-bottom:1px solid #594b35;background:linear-gradient(110deg,#20272a,#10151a)}
.combat-top b{color:#b5b7b3;font-weight:600}.combat-top>div{display:flex;align-items:center;gap:8px}
.combat-speed,.combat-skip{background:#19252a;color:#bec4c5;border:1px solid #4d5958;border-radius:6px;padding:7px 11px;font-size:11px;letter-spacing:0;font-weight:750}
.combat-speed.selected{background:#c89f61;color:#1b1610;border-color:#f6d59a}.combat-skip{color:#f3d19b;border-color:#88683c}
.combat-stage{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) 110px minmax(260px,1fr);align-items:start;min-height:390px;overflow:hidden;padding:22px 33px 12px;background:radial-gradient(circle at 50% 35%,#7b563125,transparent 40%),linear-gradient(0deg,#101820ee,#182026cb),url('assets/city.webp') center/cover}
.combat-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#fff1 5px);opacity:.12}
.combat-character{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.combat-avatar{height:260px;width:min(100%,230px);min-width:230px;position:relative;display:flex;align-items:stretch;justify-content:center;overflow:hidden;filter:drop-shadow(0 14px 20px #0008)}
.combat-avatar:before{content:'';position:absolute;inset:6px 18px 0;border:1px solid #e1b36d77;border-radius:50% 50% 12% 12%;background:#42342133}
.combat-avatar .gangster-face{position:relative;height:100%;width:100%;object-fit:cover;object-position:center 18%;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.combat-side-name{width:min(100%,290px)}.combat-side-name strong{display:block;font:23px Georgia,serif;color:#f3e5cf}
.combat-side-name small{display:block;color:#e2bd83;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:6px}
.combat-side-name span{display:block;color:#acb6b5;font-size:11px}
.combat-hp{width:min(100%,280px);margin:11px auto 0}
.combat-hp-head{display:flex;justify-content:space-between;font-size:9px;color:#c0c4c0;letter-spacing:1px;font-weight:800;margin-bottom:6px}
.combat-hp-head b{color:#eee0cc;font-size:11px}
.combat-hp-track{height:10px;background:#26333a;border:1px solid #526067;border-radius:5px;overflow:hidden}
.combat-hp-track i{display:block;height:100%;background:linear-gradient(90deg,#549473,#9bdda7);box-shadow:0 0 18px #77cfa0;transition:width .4s ease}
.enemy .combat-hp-track i{background:linear-gradient(90deg,#a84449,#e38477);box-shadow:0 0 18px #dd7a78}
.combat-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}
.combat-versus{font:italic 58px Georgia,serif;color:#ffd898;text-shadow:0 0 32px #c39150a8}
.combat-turn{font-size:10px;font-weight:850;letter-spacing:1.7px;text-align:center;color:#d8c3a4}
.combat-spark{font-size:44px;color:#b99558;opacity:.55}
.combat-damage{position:absolute;z-index:4;top:44%;font:900 30px system-ui;color:#fff1d0;text-shadow:0 3px 10px #000,0 0 10px #d2554f;opacity:0;pointer-events:none}
.combat-character.hit .combat-avatar{animation:combatHit .35s ease}
.combat-character.strike .combat-avatar{animation:combatStrike .38s ease}
.combat-under{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:18px 25px 20px;background:#131d22;border-top:1px solid #475157;min-height:136px}
.combat-feed{height:88px;overflow:hidden;margin-top:9px;display:flex;flex-direction:column;gap:3px}
.combat-feed p{font-size:11px;color:#c2c9c5;margin:0;animation:combatFade .18s}
.combat-feed p.crit{color:#ffd092;font-weight:750}
.combat-result[hidden],.combat-bottom [hidden],.combat-top [hidden]{display:none!important}
.combat-result{padding:10px 18px;border:1px solid #8e744f;border-radius:8px;background:linear-gradient(115deg,#3b3223,#23281f);text-align:center}
.combat-result.defeat{background:linear-gradient(115deg,#3c2526,#241e23);border-color:#a65d58}
.result-small{font-size:9px;letter-spacing:3px;color:#e0c58f;font-weight:800}
.combat-result h2{font:24px Georgia,serif;color:#fff2d8;margin:2px 0 4px}
.combat-result p{font-size:11px;color:#d3d0c4;margin:2px 0 8px}
.result-prizes{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.result-prizes span{color:#eedab7;border:1px solid #877451;background:#171e1cc9;border-radius:5px;padding:4px 6px;font-size:10px}
.combat-result>small{font-size:9px;color:#aeb6ad}
.combat-bottom{padding:12px 25px;background:#0c1319;border-top:1px solid #37444a;display:flex;align-items:center;justify-content:space-between;gap:12px}
.combat-bottom span{font-size:11px;color:#939f9f}
.combat-bottom .btn{min-width:160px}
@keyframes combatFade{from{opacity:0}to{opacity:1}}
@keyframes combatNumber{0%{opacity:0;transform:translateY(14px) scale(.8)}20%{opacity:1;transform:translateY(-3px) scale(1.15)}80%{opacity:1}100%{opacity:0;transform:translateY(-38px) scale(1)}}
@keyframes combatHit{0%,100%{transform:translateX(0);filter:brightness(1)}28%{transform:translateX(10px);filter:brightness(1.9)}55%{transform:translateX(-7px);filter:brightness(1.2)}}
@keyframes combatStrike{0%,100%{transform:translateX(0)}40%{transform:translateX(13px) scale(1.045)}}
@media(max-width:700px){.combat-overlay{padding:7px}.combat-stage{min-height:340px;padding:15px 12px;grid-template-columns:minmax(0,1fr) 53px minmax(0,1fr);align-items:start}.combat-top{height:auto;min-height:53px;padding:10px 12px;flex-wrap:wrap}.combat-top>div{gap:4px}.combat-speed,.combat-skip{padding:5px;font-size:10px}.combat-avatar{height:210px;min-width:0;width:min(100%,180px)}.combat-side-name strong{font-size:16px}.combat-versus{font-size:32px}.combat-spark{font-size:24px}.combat-turn{font-size:8px;letter-spacing:0}.combat-under{grid-template-columns:1fr;gap:10px;padding:10px 15px}.combat-feed{height:62px}.combat-result h2{font-size:20px}.combat-bottom{padding:12px}.combat-bottom span{font-size:10px}}
@media(max-width:440px){.combat-avatar{height:180px;width:min(100%,160px)}.combat-stage{min-height:315px}.combat-hp-head{font-size:8px}.combat-hp-head b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tile:not(.item):hover,.nav-btn:hover{transform:none}.combat-character.hit .combat-avatar,.combat-character.strike .combat-avatar{animation:none!important}.combat-hp-track i{transition:none}}

:root{--bg:#080e14;--surface:#151e26;--surface2:#1c2830;--deep:#0d151d;--gold:#ecc58b;--gold2:#c9a36d;--line:#35444a;--text:#f6f0e6;--muted:#aeb9ba;--green:#a7d9b4;--sidebar:242px}
body{background:radial-gradient(ellipse at 77% 0,#27303740,transparent 41%),radial-gradient(ellipse at 34% 65%,#141f294c,transparent 59%),#080e14;color:var(--text);font-size:14px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#d2b88105 1px,transparent 1px),linear-gradient(90deg,#d2b88105 1px,transparent 1px);background-size:92px 92px;opacity:.3;z-index:0}
.shell{position:relative;z-index:1}.sidebar{background:linear-gradient(160deg,#171d22,#0e141a 45%,#0a1015 100%);box-shadow:12px 0 35px #0003}.brand{padding:23px 15px;gap:9px}.brand b{font-size:22px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1.7px}.logo-mark{border-color:#ad8750;background:radial-gradient(circle,#5b402a,#1a1b1d 74%);box-shadow:inset 0 0 0 3px #0b1017,0 0 20px #8c642120;border-radius:8px}
.sidebar nav{gap:4px}.nav-btn{position:relative;border-radius:8px;min-height:43px;transition:background .18s ease,color .18s ease,padding-left .18s ease}.nav-btn:hover{padding-left:17px;background:#29353a}.nav-btn.active{background:linear-gradient(90deg,#7355336b,#35312a55 65%,#252c2e44);border-color:#9c754b70;box-shadow:inset 3px 0 #e5b97c;color:#fff1d9}.nav-symbol{font-size:18px}.topbar{height:72px;background:#10171cf2;border-bottom-color:#4550578c;box-shadow:0 8px 25px #0003}.topbar-label{font-size:10px;letter-spacing:2.2px}.resources{gap:34px}.resources strong{font-weight:600;font-size:19px}.resources small{margin-bottom:2px}.content{max-width:1690px;padding:28px 34px 110px}.page-title{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:180px;margin-bottom:24px;padding:26px 36px 28px;border:1px solid #495057;border-radius:16px;overflow:hidden;background:linear-gradient(93deg,#111d25 8%,#121b22f0 60%,#16232b99),radial-gradient(circle at 95% 35%,#d6a76926,transparent 42%);box-shadow:0 12px 40px #0003}
.page-title:before{content:"";position:absolute;right:30px;bottom:-46px;width:210px;height:210px;border:1px solid #c69f6455;border-radius:50%;box-shadow:0 0 0 20px #c39d5b0a,0 0 0 48px #c39d5b08;pointer-events:none}
.page-title:after{content:"SYNDYKAT · 1929";position:absolute;right:40px;bottom:22px;color:#cbb38855;font-size:10px;letter-spacing:4px;font-weight:850;pointer-events:none}
.page-title h1{font-size:clamp(39px,3.3vw,57px);letter-spacing:-1.1px;line-height:1.08;margin:8px 0 12px;max-width:calc(100% - 200px)}.page-title p{font-size:13px;line-height:1.8;max-width:640px;position:relative;z-index:1}.page-title .eyebrow{color:var(--gold);position:relative;z-index:1}
body[data-section="bosses"] .page-title{background:linear-gradient(90deg,#1d1719,#22171cb7),radial-gradient(circle at 85% 42%,#9e444e77,transparent 48%);border-color:#754954}
body[data-section="bosses"] .page-title:before{border-color:#cc827377}
body[data-section="arena"] .page-title{background:linear-gradient(90deg,#14232b,#14212cbd),radial-gradient(circle at 85% 20%,#4e899078,transparent 50%);border-color:#476775}
body[data-section="city"] .page-title{background:linear-gradient(90deg,#17262b,#151f26bd),radial-gradient(circle at 85% 20%,#5ca2a26e,transparent 50%);border-color:#54767a}
body[data-section="shop"] .page-title{display:none}
body[data-section="business"] .page-title{border-color:#736747}
body[data-section="crew"] .page-title{border-color:#55665c}
.btn{font-size:12px;letter-spacing:.35px;min-height:44px;padding:11px 17px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;text-wrap:balance}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 25px #0006}.btn.primary{background:linear-gradient(115deg,#ffe1a7 0%,#d1a15f 65%,#ad7b3d 100%);border:1px solid #f4ce93;box-shadow:inset 0 1px #fff6c7a1,0 5px 15px #0003;color:#24170e;text-shadow:none}.btn.primary:not(:disabled):hover{background:linear-gradient(120deg,#ffeac5,#ebbc79);box-shadow:0 0 25px #cf975048}.btn:disabled{opacity:.57;filter:grayscale(.6)}
.panel{background:linear-gradient(160deg,#1a252c,#111a21);border-color:#3d4b52;box-shadow:0 10px 28px #0003}.panel-heading h2{font-size:24px}.tile{background:linear-gradient(154deg,#1c282e,#101820);border-color:#3d4c53;box-shadow:0 10px 22px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;border-top:1px solid #fff1;pointer-events:none}.tile h3{color:#f2dfbf}.tile:not(.item):hover{box-shadow:0 17px 45px #0007}.tile p{line-height:1.7}.tile .btn{margin-top:auto}

input:not([type="checkbox"]):not([type="radio"]),select,textarea{background:#0d171e!important;color:#f7e4c9!important;border:1px solid #67727b!important;border-radius:8px!important;min-height:44px!important;padding:11px 13px!important;box-shadow:inset 0 2px 5px #0005;max-width:100%;font-size:13px!important}
input:focus,textarea:focus{border-color:#e7b97e!important;box-shadow:0 0 0 3px #e3af6540!important;outline:0!important}
input::placeholder{color:#7f9296!important}.panel form label{font-size:12px;font-weight:650;color:#d1c1a7}.panel form input:not([type=checkbox]){display:block;margin-top:7px;width:100%}.columns{gap:18px}.card-grid{gap:18px}

.business-tile{padding:0 0 20px;gap:8px}.business-tile>h3,.business-tile>p,.business-tile>.eyebrow,.business-tile>.mini-stats,.business-tile>.btn{margin-left:19px;margin-right:19px}.business-tile .btn{margin-top:auto}.business-tile .business-art{height:142px;width:100%;position:relative;background-position:center 45%;background-size:cover;border-bottom:1px solid #b8a07955;overflow:hidden}.business-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#142029 0,transparent 75%)}.business-art>span{position:absolute;z-index:1;font-size:36px;bottom:10px;left:18px;filter:drop-shadow(0 3px 4px #0009)}.business-art>small{position:absolute;top:10px;right:12px;letter-spacing:1.6px;font-weight:800;font-size:9px;color:#f3dcaf;text-shadow:0 2px 4px #000}.crew-tile{border-left:3px solid #76a99c}.crew-seal{width:63px;height:63px;display:grid;place-items:center;font-size:31px;background:radial-gradient(circle,#5c6e61,#202c2a);border-radius:50%;border:1px solid #83a9956b}

.territory-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 37px;margin-bottom:24px;background:linear-gradient(100deg,#193036,#111b22);border:1px solid #50777b;border-radius:15px;position:relative;overflow:hidden}.territory-intro:after{content:"";position:absolute;inset:0;background:url('assets/scenes/docks.webp') right center/50% auto no-repeat;opacity:.29;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}.territory-intro>*{position:relative;z-index:1}.territory-intro h2{font:normal clamp(29px,3vw,46px)/1.12 Georgia,serif;margin:10px 0}.territory-intro h2 em{color:#9ce0db}.territory-intro p{max-width:570px;color:#aebebd}.territory-count{padding:20px 25px;border:1px solid #74b2ab77;border-radius:8px;background:#0d171cc9;flex:none;text-align:center}.territory-count strong{font:45px Georgia,serif;color:#b0e4da}.territory-count strong span{font-size:22px;color:#879999}.territory-count small{display:block;color:#a8c1bd;font-size:9px;letter-spacing:1px;font-weight:900}.territory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.territory-card{min-width:0;overflow:hidden;border-radius:12px;border:1px solid #47636d;background:#15232b;box-shadow:0 12px 24px #0005;transition:transform .2s,border-color .2s}.territory-card:hover{transform:translateY(-3px);border-color:#8dcebd}.territory-card.owned{border-color:#71ad86}.territory-image{position:relative;height:166px;background-size:cover;background-position:center;display:flex;justify-content:space-between;align-items:start;padding:14px}.territory-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15232b 0,transparent 75%);pointer-events:none}.territory-image span{position:relative;z-index:1;font-size:9px;letter-spacing:1.5px;font-weight:900;color:#f6e4cc;text-shadow:0 2px 5px #000}.territory-image .territory-state{background:#4a2829cb;border:1px solid #d17f6d88;border-radius:4px;padding:5px 7px}.territory-card.owned .territory-state{background:#244e3cd4;border-color:#74b28b}.territory-body{padding:16px 18px 19px}.territory-body h3{font:25px Georgia,serif;margin:0 0 10px}.territory-income{font-size:10px;letter-spacing:1px;color:#b3c3c1;display:flex;justify-content:space-between}.territory-income b{color:#9cdbc0}.territory-stats{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.territory-stats span{font-size:9px;color:#c5ced0;padding:5px 8px;border:1px solid #4b6167;border-radius:5px;background:#0d171e}.territory-owned{color:#a5dfb3;font-size:12px;padding:12px 0}.territory-cta{width:100%}

.premium-hero{position:relative;overflow:hidden;min-height:333px;display:grid;grid-template-columns:1fr 275px;align-items:center;gap:25px;padding:38px 48px;border:1px solid #a38455;border-radius:16px;background:radial-gradient(circle at 80% 41%,#73552d99,transparent 41%),linear-gradient(105deg,#1c1b20,#1d2425 66%,#2c271f);box-shadow:0 18px 60px #0006}
.premium-hero:before{content:"";position:absolute;inset:0;opacity:.31;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 95px,#e1b57317 96px 97px),linear-gradient(145deg,transparent 35%,#dbb87c13 35.5%,transparent 36%)}
.premium-copy{z-index:1}.premium-copy h1{font:normal clamp(39px,4.2vw,64px)/1.08 Georgia,serif;margin:16px 0;color:#fff0dc;letter-spacing:-1px}.premium-copy h1 em{color:#f9c985}.premium-copy p{max-width:570px;font-size:13px;color:#d1c2b0;line-height:1.8}.premium-hero-foot{display:flex;flex-wrap:wrap;gap:17px;margin-top:27px;color:#f0c991;font-size:10px;letter-spacing:1.2px;font-weight:850}
.premium-hero-monogram{position:relative;z-index:1;width:230px;height:230px;justify-self:center;border:2px solid #f2cf9159;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#c49a563d,transparent 70%);box-shadow:0 0 0 17px #c69b4014,0 0 0 33px #c69b400a}.premium-hero-monogram:after{content:"✦";position:absolute;top:9px;color:#e6b76a;font-size:18px}.premium-hero-monogram>span{color:#ffe2ac;font:italic 140px/.95 Georgia,serif;text-shadow:0 0 25px #d9a76170}.premium-hero-monogram small{font-size:9px;letter-spacing:3px;color:#ebcc9a}
.premium-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 35px}.vip-membership,.premium-redeem{position:relative;min-height:310px;border-radius:14px;overflow:hidden;border:1px solid #64553f;padding:24px 28px}.vip-membership{background:radial-gradient(circle at 78% 60%,#b78c4f28,transparent 43%),linear-gradient(120deg,#2b2420,#151a1d);box-shadow:inset 0 0 0 1px #dac48d0d}.vip-membership:before{content:"";position:absolute;inset:11px;border:1px solid #c29d5c40;border-radius:9px;pointer-events:none}.vip-membership.is-vip{border-color:#e9c47f}.vip-membership-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;color:#eacb99;letter-spacing:2px;font-size:10px;font-weight:850}.vip-membership-mark{position:absolute;right:47px;top:57px;font-size:112px;color:#deb67450;text-shadow:0 0 50px #d9a75644}.vip-membership-details{position:absolute;left:29px;right:29px;bottom:29px;z-index:1}.vip-membership-details>span{font-size:10px;letter-spacing:1.8px;color:#e5c493;font-weight:800}.vip-membership-details h2{font:normal 32px Georgia,serif;margin:7px 0;color:#ffe5b8}.vip-membership-details p{font-size:12px;color:#d3c5ae;max-width:390px;margin:0}.founder-number{font-size:11px;color:#fff1ce;margin-top:10px}
.premium-redeem{background:linear-gradient(145deg,#1c2c32,#121b22);border-color:#42545a;display:flex;flex-direction:column;justify-content:center}.premium-small-icon{position:absolute;right:33px;top:25px;font-size:60px;color:#deb77756}.premium-redeem h2{font:normal 32px Georgia,serif;margin:6px 0 10px}.premium-redeem>p{max-width:460px;color:#acbab9;font-size:12px}.premium-redeem form{margin-top:8px}.premium-redeem label{display:block;color:#d2b993;font-size:9px;letter-spacing:1.8px;font-weight:850;margin-bottom:7px}.premium-code-row{display:flex;align-items:stretch;gap:9px}.premium-code-row input{flex:1;min-width:0;width:100%}.premium-code-row>.btn{min-width:133px}.premium-redeem-note{margin-top:14px;font-size:11px;color:#aebcb6}
.premium-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:9px 0 17px}.premium-section-title h2{font:normal 31px Georgia,serif;margin:3px 0}.premium-shop-status{font-size:10px;letter-spacing:1.2px;font-weight:900;border-radius:20px;padding:7px 11px}.premium-shop-status.closed{background:#3c3130;border:1px solid #a76d62;color:#efb2a5}.premium-shop-status.open{background:#203a30;border:1px solid #69a385;color:#a4e1bb}
.premium-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:35px}.premium-product{min-height:340px;display:flex;flex-direction:column;position:relative;padding:25px;background:linear-gradient(135deg,#262724,#152126);border:1px solid #847250;border-radius:13px;box-shadow:0 12px 32px #0005}.premium-product:hover{border-color:#e5c58e}.product-type{color:#d3ac71;font-size:9px;letter-spacing:1.4px;font-weight:800}.product-crest{font-size:53px;color:#ebbc7c;margin-top:11px;line-height:1}.premium-product h3{font:25px Georgia,serif;margin:12px 0 7px}.premium-product p{color:#b6c1bd;font-size:12px;line-height:1.7}.product-price{font:30px Georgia,serif;color:#f5d49f;margin-top:auto}.product-price small{font-size:14px}.premium-product form{margin-top:13px}.premium-product input{width:100%;margin-top:7px}.premium-product .btn{width:100%;margin-top:8px}.premium-product .product-closed{padding:10px;background:#2b2928;color:#cbb49d;border:1px solid #63584b;border-radius:6px;font-size:11px;margin-top:15px}
.premium-empty{display:flex;align-items:center;gap:28px;padding:30px 33px;border:1px dashed #70604a;border-radius:13px;background:linear-gradient(115deg,#1e2223,#111b21);margin-bottom:32px;min-height:150px}.premium-empty-seal{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;font-size:44px;color:#deb980;background:#3d3426;border:1px solid #9e7b4b;flex:none}.premium-empty h3{font:25px Georgia,serif;margin:5px 0}.premium-empty p{font-size:12px;color:#adbab9;max-width:700px}.premium-order-history{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:26px 28px;margin-top:20px;background:linear-gradient(120deg,#1b252a,#121b22);border:1px solid #425056;border-radius:13px}.premium-order-history h2{font:26px Georgia,serif;margin:5px 0}.premium-no-orders{padding:20px;background:#0e161b;border:1px solid #2c3940;border-radius:8px;color:#a3afae;font-size:12px}

.combat-kind-boss{border-color:#ca8575;box-shadow:0 0 0 5px #c8744b18,0 0 90px #ae55532a,0 30px 130px #000}.combat-kind-boss .combat-top{background:linear-gradient(110deg,#442026,#16151d);color:#fac1aa}.combat-kind-boss .combat-stage{background:radial-gradient(circle at 70% 24%,#9e454152,transparent 45%),linear-gradient(0deg,#11151bf1,#26141dc9),url('assets/city.webp') center/cover}.combat-kind-boss .combat-versus{color:#ffb2a2;text-shadow:0 0 40px #ed655aa8}.combat-kind-boss .combat-character.enemy .combat-avatar{height:245px;filter:drop-shadow(0 0 30px #b85861a6)}.combat-kind-boss .combat-character.enemy .combat-avatar:before{border-color:#e39b86}.combat-kind-boss .combat-side-name small{color:#f0b1a8}
.combat-foe-consul .combat-stage{background:radial-gradient(circle at 78% 10%,#a4aa956c,transparent 45%),linear-gradient(0deg,#09151ef5,#0f2930b8),url('assets/city.webp') center/cover}
.combat-foe-violet .combat-stage{background:radial-gradient(circle at 78% 10%,#a05b976c,transparent 45%),linear-gradient(0deg,#14121ef5,#351933bb),url('assets/city.webp') center/cover}
.combat-foe-bellini .combat-stage{background:radial-gradient(circle at 78% 10%,#bd92616c,transparent 45%),linear-gradient(0deg,#18121af5,#32202cbb),url('assets/city.webp') center/cover}

@media(max-width:1320px){.territory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.premium-hero{grid-template-columns:minmax(0,1fr) 190px;padding:32px}.premium-hero-monogram{width:168px;height:168px}.premium-hero-monogram>span{font-size:102px}.premium-hero-monogram small{font-size:7px}.premium-top-grid{grid-template-columns:1fr 1fr}.premium-code-row{flex-direction:column}.premium-code-row .btn{width:100%}.premium-order-history{grid-template-columns:1fr}}
@media(max-width:850px){.content{padding:18px 16px 115px}.topbar{height:64px}.resources{gap:13px}.page-title{min-height:143px;padding:22px 24px}.page-title h1{max-width:100%;font-size:39px}.page-title:before{opacity:.3}.page-title:after{display:none}.territory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-top-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.page-title{padding:21px 19px;min-height:140px}.page-title h1{font-size:35px}.page-title p{font-size:12px}.territory-intro{padding:25px 19px}.territory-intro h2{font-size:34px}.territory-count{padding:11px}.territory-count strong{font-size:29px}.territory-count small{font-size:7px}.territory-grid{grid-template-columns:1fr;gap:12px}.territory-image{height:160px}.premium-hero{min-height:310px;padding:29px 21px;display:block}.premium-hero-monogram{position:absolute;right:-60px;top:34px;opacity:.2}.premium-copy{position:relative;z-index:2}.premium-copy h1{font-size:40px}.premium-copy p{max-width:360px}.premium-hero-foot{gap:7px;flex-direction:column}.premium-top-grid{grid-template-columns:1fr;gap:13px}.vip-membership,.premium-redeem{min-height:280px;padding:23px 22px}.premium-redeem{min-height:290px}.premium-code-row{flex-direction:row}.premium-code-row>.btn{min-width:112px;width:auto;font-size:10px;padding:10px}.premium-section-title{align-items:start}.premium-section-title h2{font-size:25px}.premium-shop-status{font-size:8px;white-space:nowrap;margin-top:17px}.premium-products{grid-template-columns:1fr}.premium-empty{padding:20px;gap:13px}.premium-empty-seal{width:57px;height:57px;font-size:29px}.premium-order-history{padding:20px;grid-template-columns:1fr}}
@media(max-width:440px){.premium-hero h1{font-size:36px}.premium-code-row{flex-direction:column}.premium-code-row>.btn{width:100%}.premium-empty{align-items:flex-start}.premium-empty-seal{width:47px;height:47px;font-size:22px}.premium-empty h3{font-size:21px}.combat-kind-boss .combat-character.enemy .combat-avatar{height:180px;width:min(100%,160px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body[data-section="bosses"] .page-title,body[data-section="arena"] .page-title,body[data-section="city"] .page-title{display:none}
body[data-section="city"] .territory-intro{margin-top:1px}
body[data-section="missions"] .page-title{border-color:#4c6671;background:linear-gradient(96deg,#152630 2%,#0f1821bb 67%),url('assets/scenes/docks.webp') center/cover}
body[data-section="business"] .page-title{border-color:#846b4b;background:linear-gradient(96deg,#242322 2%,#161d23cc 67%),url('assets/scenes/downtown.webp') center/cover}
body[data-section="crew"] .page-title{border-color:#506d5a;background:linear-gradient(96deg,#192923 2%,#101b20ee 67%),url('assets/scenes/oldtown.webp') center/cover}
body[data-section="gear"] .page-title{border-color:#7e6547;background:linear-gradient(100deg,#28221b,#131c25 85%)}
body[data-section="pvp"] .page-title{border-color:#5b6f90;background:linear-gradient(97deg,#1a2235,#131b24a6),url('assets/scenes/east.webp') right center/cover}
body[data-section="gangs"] .page-title,body[data-section="rank"] .page-title{border-color:#776343;background:linear-gradient(97deg,#24221b,#172128),url('assets/scenes/hills.webp') right center/cover}
body[data-section="talents"] .page-title,body[data-section="contracts"] .page-title{border-color:#6e637e;background:linear-gradient(105deg,#211f2e,#151b27)}
body[data-section="chat"] .page-title,body[data-section="inbox"] .page-title{border-color:#4c6675;background:linear-gradient(95deg,#162b34,#111a22)}.territory-intro h1{font:normal clamp(29px,3vw,46px)/1.12 Georgia,serif;margin:10px 0}.territory-intro h1 em{color:#9ce0db}
.boss-fight-ribbon{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(90deg,#742f38,#341e27,#702e30);border-bottom:1px solid #e7a08277;color:#ffdfc9;font-size:10px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;animation:combatFade .5s ease both}.boss-fight-ribbon strong{font:20px Georgia,serif;letter-spacing:1px}.combat-foe-marlow .combat-stage{background:radial-gradient(circle at 78% 10%,#5aadb66c,transparent 45%),linear-gradient(0deg,#10191efa,#0d2c34c5),url('assets/city.webp') center/cover}.combat-foe-ferraro .combat-stage{background:radial-gradient(circle at 78% 10%,#b75d5373,transparent 45%),linear-gradient(0deg,#1e1318f8,#3b1921bf),url('assets/city.webp') center/cover}
@media(max-width:650px){.territory-intro h1{font-size:34px}.boss-fight-ribbon{padding:8px 10px;letter-spacing:1px;font-size:8px}.boss-fight-ribbon strong{font-size:12px}}
.business-laundry .business-art{background-image:url('assets/noir56/verona-city.webp')}.business-bar .business-art{background-image:url('assets/noir56/don.webp')}.business-garage .business-art{background-image:url('assets/noir56/contracts.webp')}.business-club .business-art{background-image:url('assets/noir56/don.webp')}.business-casino .business-art{background-image:url('assets/noir56/fight.webp')}.business-port .business-art{background-image:url('assets/noir56/harbor.webp')}.business-hotel .business-art{background-image:url('assets/noir56/verona-city.webp')}
.territory-oldtown .territory-image{background-image:url('assets/city-noir.webp')}.territory-docks .territory-image{background-image:url('assets/noir56/harbor.webp')}.territory-factory .territory-image{background-image:url('assets/noir56/contracts.webp')}.territory-east .territory-image{background-image:url('assets/noir56/verona-city.webp')}.territory-downtown .territory-image{background-image:url('assets/noir56/don.webp')}.territory-hills .territory-image{background-image:url('assets/noir56/fight.webp')}

.siege-hq{margin:27px 0 32px;overflow:hidden;border-radius:17px;background:linear-gradient(150deg,#1b262e,#101820 62%,#10171f);border:1px solid #b48e59;box-shadow:0 18px 50px #0006,0 0 0 3px #d4a65d10}
.siege-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 33%;min-height:230px;isolation:isolate;background:linear-gradient(95deg,#242b2f,#17242b)}
.siege-banner>div{position:relative;z-index:1;padding:32px 36px;align-self:center}
.siege-banner h2{font:normal clamp(29px,3.1vw,45px)/1.13 Georgia,serif;letter-spacing:-1px;color:#f6dec0;margin:10px 0 12px}
.siege-banner p{font-size:13px;line-height:1.7;color:#c1c8cb;max-width:600px}
.siege-banner img{height:100%;width:100%;object-fit:cover;opacity:.73;border-left:1px solid #8065445a;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.siege-count{display:inline-block;border:1px solid #9e7d4b;background:#d5a66c1c;color:#f7d5a1;font-weight:800;letter-spacing:2px;font-size:10px;padding:8px 12px;border-radius:6px;margin-top:12px}
.siege-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding:0 20px;background:#101820;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}
.siege-step{position:relative;padding:14px 5px;display:flex;align-items:center;justify-content:center;gap:8px;color:#849197;min-width:0}
.siege-step:not(:last-child):after{content:'›';position:absolute;right:-6px;color:#826b51;font-size:20px;z-index:1}
.siege-step b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid #51616a;background:#253139;font-size:11px;flex:0 0 auto}
.siege-step small{font-size:9px;letter-spacing:1px;font-weight:800}
.siege-step.complete b{background:#254c3c;border-color:#55b484;color:#a5efbf}
.siege-step.current{color:#f9d09b}.siege-step.current b{background:#a97736;border-color:#e9bc70;color:#161b20;box-shadow:0 0 0 5px #b4894540}
.siege-resources{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;padding:23px 27px 18px}
.siege-resources>div{background:#0e1820;border:1px solid #34414a;border-radius:10px;padding:16px 19px;color:#b1bec6;font-size:10px;letter-spacing:1.3px;min-width:0}
.siege-resources strong{display:block;margin:9px 0 6px;font:bold 20px Georgia,serif;letter-spacing:0;color:#f1d5a8}
.siege-resources small{display:block;font-size:11px;letter-spacing:0;color:#a7b2b9}
.siege-resources .progressbar{width:100%;height:7px;accent-color:#59bf92}
.siege-foes{margin:0 27px 19px;border:1px solid #3a444a;border-radius:11px;background:#151f25;padding:21px}
.siege-enemies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.siege-foe{display:flex;gap:12px;align-items:center;background:#10191f;border:1px solid #39464c;padding:9px 10px;border-radius:8px;min-width:0}
.siege-foe .gangster-face{width:58px;height:72px;object-fit:cover;object-position:top;border-radius:5px;border:1px solid #71614d;flex:0 0 auto;background:#25323b}
.siege-foe b{display:block;font-size:13px;color:#f2dfc0;line-height:1.3}.siege-foe small{display:block;color:#d3ad70;font-size:9px;letter-spacing:1px;font-weight:800;margin-bottom:6px}.siege-foe span{display:block;margin-top:6px;color:#a4b0b4;font-size:10px;line-height:1.5}
.siege-foe.captain{border-color:#b06d58;background:linear-gradient(115deg,#38282a,#10191f)}.siege-foe.captain small{color:#e1a28b}
.siege-tactics{padding:5px 27px 25px}.siege-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}
.siege-choice{padding:19px;background:linear-gradient(160deg,#202d35,#121d24);border:1px solid #52606a;border-radius:10px;display:flex;flex-direction:column;gap:11px}
.siege-choice:nth-child(1){border-color:#975f57;background:linear-gradient(145deg,#36272b,#17232a)}.siege-choice:nth-child(2){border-color:#4b7879;background:linear-gradient(145deg,#18343c,#162128)}.siege-choice:nth-child(3){border-color:#a18753;background:linear-gradient(145deg,#343021,#192329)}
.siege-choice strong{font:normal 21px Georgia,serif;color:#f9e6c7}.siege-choice p{font-size:12px;color:#b8c2c8;line-height:1.65;min-height:58px;margin:0}.siege-choice .btn{margin-top:auto;width:100%;min-height:43px;white-space:normal}
.siege-support{padding:19px 27px 23px;border-top:1px solid #58606945;background:#111a21;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.siege-support .btn{white-space:normal}.siege-support span{margin-left:auto;font-size:11px;color:#aeb9c2;max-width:250px}
.siege-map-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 17px}.siege-map-heading h2{font:normal 30px Georgia,serif;color:#f2dec0;margin:0}.siege-map-heading small{font-size:9px;color:#c6a66e;letter-spacing:1.3px}
.territory-card.under-siege{border-color:#c29353;box-shadow:0 0 0 2px #b8893926,0 15px 30px #0003}.territory-card.under-siege .territory-state{color:#fbd18d}
.combat-kind-district_wave{border-color:#ae8c55;box-shadow:0 0 65px #946e3329,0 24px 85px #0008}
.combat-kind-district_wave .combat-top{background:linear-gradient(90deg,#473423,#20292f 68%)}
.combat-squad-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 23px;background:#2b302c;border-bottom:1px solid #bd965c55;color:#f6ddac;font-size:10px;letter-spacing:1.1px;font-weight:800}
.combat-squad-banner b{color:#d8a872;font-size:10px}
.combat-feed .squad-arrival{color:#e5c593!important;border-left:2px solid #b58e57;padding-left:10px}
@media(max-width:1050px){.siege-enemies{grid-template-columns:repeat(2,minmax(0,1fr))}.siege-choice{padding:15px}.siege-steps{padding:0 10px}.siege-step{gap:4px}.siege-step small{font-size:8px}}
@media(max-width:800px){.siege-resources{grid-template-columns:1fr 1fr}.siege-resources>div:first-child{grid-column:1/-1}.siege-banner{grid-template-columns:1fr 26%}.siege-choices{grid-template-columns:1fr}.siege-choice p{min-height:0}.siege-choice{gap:8px}.siege-map-heading small{display:none}}
@media(max-width:580px){.siege-banner{display:block;min-height:170px}.siege-banner>div{padding:22px 18px}.siege-banner img{position:absolute;inset:0;z-index:0;opacity:.16;border:0;mask-image:none}.siege-banner h2{font-size:30px}.siege-resources{padding:14px;gap:9px}.siege-resources>div{padding:12px}.siege-resources strong{font-size:17px}.siege-step{padding:11px 3px;flex-direction:column;gap:5px}.siege-step small{font-size:7px;text-align:center;line-height:1.25}.siege-step b{width:23px;height:23px}.siege-foes{margin:0 13px 18px;padding:13px}.siege-enemies{grid-template-columns:1fr;gap:9px}.siege-tactics{padding:0 13px 19px}.siege-choice{padding:16px}.siege-support{padding:15px 13px}.siege-support .btn{width:100%;justify-content:center}.siege-support span{margin-left:0}.siege-map-heading h2{font-size:27px}.combat-squad-banner{padding:9px 12px;font-size:9px}.combat-squad-banner b{font-size:9px}}

@media(max-width:580px){body[data-section="city"] .territory-intro{display:flex;flex-direction:column;align-items:stretch;padding:21px 19px;gap:13px}body[data-section="city"] .territory-intro h1{max-width:none;font-size:29px}body[data-section="city"] .territory-count{position:static;transform:none;width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;padding:10px 15px}body[data-section="city"] .territory-count strong{font-size:25px}body[data-section="city"] .territory-count small{text-align:right;font-size:9px}}

:root{--exp-gold:#e0ad62;--exp-paper:#f4e3c4;--exp-muted:#aebcc1}
.exp-page{animation:expEnter .35s ease both}.exp-eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:#d9b781;text-transform:uppercase}
.exp-page .page-title{border-bottom:1px solid #bd995634;padding-bottom:22px;margin-bottom:24px}
.exp-page h2,.exp-dash-heading h2{font-family:Georgia,serif;color:#f4e7d4}.exp-page p{line-height:1.65}.exp-page .btn{transition:transform .15s,box-shadow .2s,filter .2s}.exp-page .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #dfb47725;filter:brightness(1.1)}
.exp-headline{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid #6c5540;background:linear-gradient(95deg,#372b27,#141e23);border-radius:8px;gap:12px;margin-bottom:24px;color:#e6be85;font-size:11px;letter-spacing:1.1px;font-weight:800}
.exp-headline strong{font-size:10px;letter-spacing:.2px;color:#c7cccb}.exp-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0 18px}.exp-intro h2{font:normal 29px Georgia,serif;margin:0}.exp-intro p{font-size:12px;color:#bbc6cb;max-width:430px;margin:0}
.exp-heist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.exp-heist-card{min-width:0;background:linear-gradient(145deg,#1b272e,#121a21);border:1px solid #49575b;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0005;transition:border-color .2s,transform .2s}.exp-heist-card:hover{border-color:#bc9060;transform:translateY(-3px)}
.exp-heist-cover{height:160px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 75% 40%,#d0a36b55,transparent 43%),linear-gradient(140deg,#362723,#0f2730);border-bottom:1px solid #695744}.exp-heist-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/city.webp') center/cover;opacity:.12}.exp-heist-cover>strong{font-size:82px;text-shadow:0 12px 20px #000c;transform:rotate(-7deg)}.exp-heist-serial{position:absolute;top:14px;left:16px;font-size:10px;letter-spacing:2px;font-weight:800;color:#ead1a9}.exp-heist-site{position:absolute;bottom:14px;right:17px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#e0c4a3}
.exp-heist-1 .exp-heist-cover{background:radial-gradient(circle at 70% 40%,#b16d533b,transparent 50%),linear-gradient(115deg,#3c2329,#1a2226)}.exp-heist-2 .exp-heist-cover{background:radial-gradient(circle at 70% 40%,#598c975c,transparent 50%),linear-gradient(115deg,#243847,#132027)}.exp-heist-3 .exp-heist-cover{background:radial-gradient(circle at 70% 40%,#a68a4d5c,transparent 50%),linear-gradient(115deg,#3b3035,#171d2c)}
.exp-heist-details{padding:22px}.exp-heist-details h3{font:normal 28px/1.2 Georgia,serif;margin:8px 0;color:#ffe5bd}.exp-heist-details>p{font-size:12px;color:#b4c2c6;min-height:38px;margin-bottom:14px}.exp-facts{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.exp-facts span{padding:7px 10px;background:#101921;border:1px solid #425055;border-radius:5px;font-size:10px;color:#e5d2b2;white-space:normal}
.exp-plans{margin-top:22px;display:grid;gap:8px}.exp-plan{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;background:#111a20;border:1px solid #35464d;border-radius:8px;min-width:0}.exp-plan>div{min-width:0}.exp-plan strong{display:block;color:#ecd5b3;font-size:12px}.exp-plan small{display:block;color:#9aadb5;font-size:10px;line-height:1.5;margin-top:3px}.exp-plan .btn{flex-shrink:0}.exp-fine{display:block;margin-top:12px;color:#a7acac;font-size:10px}
.exp-active-heist{padding:25px 30px;border-radius:16px;background:radial-gradient(circle at 100% 0,#cb976735,transparent 50%),linear-gradient(110deg,#283338,#171d24);border:1px solid #a68b64;box-shadow:0 15px 45px #0006;margin-bottom:26px}.exp-active-heist h2{font:normal 34px Georgia,serif;margin:10px 0}.exp-heist-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.exp-heist-layout p{color:#c4c9c6;font-size:12px}.exp-meta{font-size:11px;color:#eac78e;letter-spacing:.6px}.exp-giant-icon{font-size:46px;float:left;margin:0 18px 5px 0}.exp-heist-timer{border:1px solid #665942;background:#10191d;padding:20px;border-radius:9px;display:grid;gap:10px;align-content:center}.exp-heist-timer>small{letter-spacing:1.8px;color:#bcb7a4}.exp-heist-timer>strong{font:27px Georgia,serif;color:#f3d19b}.exp-heist-timer .btn{width:100%}
.exp-street-hero{background:linear-gradient(115deg,#312d29,#19242a 66%,#12212a);border:1px solid #81705c;border-radius:13px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;margin-bottom:22px}.exp-street-hero:after{content:'1929';position:absolute;right:21%;top:-20px;font:italic 115px Georgia,serif;opacity:.045;pointer-events:none}.exp-street-hero h2{font:normal 43px Georgia,serif;margin:9px 0}.exp-street-hero p{font-size:12px;color:#c9c9bf}.exp-street-hero>div:last-child{display:grid;text-align:center;flex:0 0 180px}.exp-street-hero>div:last-child strong{font:50px Georgia,serif;color:#e8c58e}.exp-street-hero>div:last-child strong small{font:18px Georgia,serif;color:#aeb7ad}.exp-street-hero>div:last-child span{font-size:9px;letter-spacing:2px;color:#c6b18b}
.exp-street-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.exp-street-card{min-width:0;padding:22px 20px 20px;background:linear-gradient(160deg,#263036,#141b21 68%);border:1px solid #4a5859;border-radius:12px;position:relative;display:flex;flex-direction:column}.exp-street-card:nth-child(2){background:linear-gradient(160deg,#342c2c,#161e23 68%)}.exp-street-card:nth-child(3){background:linear-gradient(160deg,#253835,#151c22 68%)}.exp-street-card.is-done{opacity:.72;border-color:#4b7561}.exp-street-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d1ad7b;font-size:9px;letter-spacing:1.1px;font-weight:800}.exp-street-stamp{border:1px solid #a4855b;padding:4px 7px;border-radius:3px}.exp-street-icon{font-size:51px;margin:25px 0 12px;filter:drop-shadow(0 8px 10px #0008)}.exp-street-card h3{font:25px/1.17 Georgia,serif;color:#f4e0c3;margin:0 0 12px;min-height:57px}.exp-street-card>p{font-size:11px;color:#aebec6;min-height:83px}.exp-case-options{display:grid;gap:8px;margin-top:auto}.exp-case-choice{padding:11px 8px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #425052;background:#0e181edb;border-radius:7px}.exp-case-choice>div{min-width:0}.exp-case-choice b{display:block;color:#f1d3ab;font-size:11px}.exp-case-choice small{display:block;color:#98aeb5;font-size:9px;line-height:1.5}.exp-case-choice .btn{flex:0 0 auto;font-size:10px;padding:9px}.exp-case-done{margin-top:auto;background:#234135;border:1px solid #477b5f;border-radius:6px;color:#b5ebc4;padding:13px;font-size:11px}.exp-footnote{font-size:10px;color:#9aadaf;margin:21px 0}
.exp-garage-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:25px;align-items:center;background:linear-gradient(120deg,#1d2e36,#111a23);border:1px solid #6c6a57;border-radius:14px;padding:30px 35px;margin-bottom:24px}.exp-garage-hero h2{font:normal 36px Georgia,serif;margin:9px 0}.exp-garage-hero p{max-width:500px;color:#b8c7c6;font-size:12px}.exp-garage-bonuses{display:flex;gap:10px;flex-shrink:0}.exp-garage-bonuses span{padding:16px 18px;background:#0d1920;border:1px solid #45606a;border-radius:9px;text-align:center}.exp-garage-bonuses strong{display:block;font:25px Georgia,serif;color:#e3c087}.exp-garage-bonuses small{color:#b6c0c0;font-size:10px}.exp-garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.exp-car{min-width:0;overflow:hidden;background:#18232b;border:1px solid #495459;border-radius:14px;box-shadow:0 15px 35px #0005}.exp-car.selected{border-color:#ddb46d;box-shadow:0 0 0 2px #a47c4040,0 15px 35px #0005}.exp-car-illustration{height:180px;background:radial-gradient(circle at 55% 50%,#62634975,transparent 65%),linear-gradient(150deg,#23323d,#161a22);position:relative;display:grid;place-items:center}.exp-car-1 .exp-car-illustration{background:radial-gradient(circle,#85513d79,transparent 62%),linear-gradient(150deg,#42302a,#17222b)}.exp-car-2 .exp-car-illustration{background:radial-gradient(circle,#4b738979,transparent 62%),linear-gradient(150deg,#213d4b,#162029)}.exp-car-3 .exp-car-illustration{background:radial-gradient(circle,#bd985979,transparent 62%),linear-gradient(150deg,#44372d,#22222a)}.exp-car-illustration>span{font-size:90px;filter:drop-shadow(0 15px 8px #0009);transition:transform .2s}.exp-car:hover .exp-car-illustration>span{transform:scale(1.05)}.exp-car-illustration>small{position:absolute;left:17px;top:15px;color:#f4d6a6;font-size:9px;letter-spacing:1.5px;font-weight:850}.exp-car-copy{padding:22px}.exp-car-copy h3{font:27px Georgia,serif;color:#f1e0c6;margin:8px 0}.exp-car-copy p{font-size:12px;color:#c2c6c4}.exp-car-buttons{display:flex;gap:8px;flex-wrap:wrap}.exp-car-buttons .btn{flex:1 1 145px}
.exp-career-hero{background:radial-gradient(circle at 85% 40%,#735d3a66,transparent 42%),linear-gradient(115deg,#2c2830,#141d25);border:1px solid #9c8059;border-radius:14px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:18px}.exp-career-hero h2{font:normal 42px/1.12 Georgia,serif;margin:10px 0}.exp-career-hero p{font-size:12px;color:#c4c4c0;max-width:620px}.exp-career-hero>div:last-child{text-align:center;min-width:170px}.exp-career-hero b{display:block;font:54px Georgia,serif;color:#f6c98d}.exp-career-hero b small{font:19px Georgia,serif;color:#a8b4b6}.exp-career-hero span:last-child{font-size:9px;color:#d9b680;letter-spacing:1.5px}.exp-career-track{display:grid;gap:14px;margin-top:25px}.exp-chapter{display:grid;grid-template-columns:53px 95px minmax(0,1fr) auto;gap:22px;align-items:center;background:linear-gradient(130deg,#1c292f,#121a20);border:1px solid #435257;border-radius:11px;padding:16px 20px}.exp-chapter.current{background:linear-gradient(120deg,#373027,#1d2629);border-color:#c49a62;box-shadow:0 0 0 2px #b2884036}.exp-chapter.complete{border-color:#3f6655;background:linear-gradient(120deg,#1d332b,#141f21)}.exp-chapter.locked{opacity:.65}.exp-chapter-num{font:28px Georgia,serif;color:#e8c28a}.exp-chapter-art{height:85px;width:85px;display:grid;place-items:center;background:#0e171f;border:1px solid #5d5a49;border-radius:9px;font-size:39px}.exp-chapter-copy>small{color:#d9ae6b;font-size:9px;letter-spacing:1.5px;font-weight:850}.exp-chapter-copy h3{font:normal 23px Georgia,serif;color:#f3ddbd;margin:5px 0}.exp-chapter-copy p{font-size:11px;color:#b6c1c4;margin:0}.exp-chapter-copy .exp-facts{margin:7px 0 0}.exp-chapter-action .btn{white-space:normal;min-width:145px}.exp-done-badge{color:#96d4b0;font-size:11px;letter-spacing:1.2px}.exp-lock{font-size:26px}
.exp-dash{margin:0 0 26px;padding:24px;background:linear-gradient(130deg,#17252e,#12191f);border:1px solid #5d5950;border-radius:13px;box-shadow:0 12px 30px #0004}.exp-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.exp-dash-heading h2{font:normal 27px Georgia,serif;margin:7px 0 0}.exp-live{color:#a9dbba;font-size:9px;letter-spacing:1.2px;font-weight:850;white-space:nowrap}.exp-live i{display:inline-block;width:7px;height:7px;background:#63d495;border-radius:50%;box-shadow:0 0 14px #5dde93;margin-right:5px;animation:expPulse 2s infinite}
.exp-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.exp-quick-card{min-width:0;min-height:150px;text-align:left;padding:17px;background:linear-gradient(140deg,#28333a,#152029);border:1px solid #495a5e;border-radius:9px;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s;color:#ede2d0;font:inherit}.exp-quick-card:nth-child(2){background:linear-gradient(140deg,#372f2b,#18232a)}.exp-quick-card:nth-child(3){background:linear-gradient(140deg,#243a3b,#142027)}.exp-quick-card:nth-child(4){background:linear-gradient(140deg,#382e36,#16212b)}.exp-quick-card:hover{border-color:#daa46a;transform:translateY(-4px)}.exp-quick-card.attention{border-color:#ce9d51;box-shadow:inset 0 2px #dfa965}.exp-quick-icon{font-size:27px}.exp-quick-card strong{font-size:13px}.exp-quick-card small{font-size:10px;line-height:1.5;color:#b9c5c7;flex:1}.exp-quick-card b{font-size:10px;color:#e7bd7d}.exp-progress-line{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;align-items:center;margin:20px 0 0}.exp-progress-line>span{font-size:11px;color:#b5c4c7;display:flex;justify-content:space-between}.exp-progress-line>span b{color:#e5c28a}.exp-progress-line .progressbar{width:100%;height:6px;accent-color:#cd9f60}
@keyframes expEnter{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes expPulse{50%{opacity:.4;box-shadow:0 0 4px #66e5a0}}
@media(max-width:1160px){.exp-street-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-quick-card{min-height:136px}}
@media(max-width:780px){.exp-heist-grid,.exp-garage-grid{grid-template-columns:1fr}.exp-street-grid{grid-template-columns:1fr}.exp-heist-layout{grid-template-columns:1fr}.exp-street-card>p{min-height:0}.exp-street-card h3{min-height:0}.exp-career-hero h2{font-size:32px}.exp-garage-hero{display:block}.exp-garage-bonuses{margin-top:15px}.exp-chapter{grid-template-columns:36px 55px minmax(0,1fr);gap:11px;padding:14px}.exp-chapter-art{height:55px;width:55px;font-size:27px}.exp-chapter-action{grid-column:2/4}.exp-chapter-action .btn{width:100%}}
@media(max-width:580px){.exp-dash{padding:16px;margin-bottom:16px}.exp-dash-heading{align-items:flex-start}.exp-dash-heading h2{font-size:21px}.exp-live{font-size:8px}.exp-quick-grid{gap:8px}.exp-quick-card{padding:12px;min-height:148px}.exp-quick-card small{font-size:9px}.exp-progress-line{grid-template-columns:1fr}.exp-street-hero{padding:20px;align-items:flex-start}.exp-street-hero h2{font-size:30px}.exp-street-hero>div:last-child{flex-basis:80px}.exp-street-hero>div:last-child strong{font-size:35px}.exp-heist-details{padding:15px}.exp-heist-details h3{font-size:24px}.exp-headline{display:block}.exp-headline strong{display:block;margin-top:6px}.exp-intro{display:block}.exp-heist-cover{height:142px}.exp-garage-hero{padding:20px}.exp-garage-hero h2{font-size:28px}.exp-garage-bonuses span{flex:1;padding:12px 6px}.exp-garage-bonuses strong{font-size:20px}.exp-career-hero{padding:20px;align-items:flex-start}.exp-career-hero>div:last-child{min-width:60px}.exp-career-hero b{font-size:38px}.exp-career-hero span:last-child{font-size:7px}.exp-career-hero h2{font-size:28px}.exp-chapter-num{font-size:21px}}
@media(prefers-reduced-motion:reduce){.exp-page,.exp-live i{animation:none}.exp-quick-card,.exp-page .btn,.exp-heist-card{transition:none}}

.exp-car-illustration>img{width:min(94%,475px);height:170px;object-fit:contain;filter:drop-shadow(0 18px 18px #000a);transition:transform .25s ease}.exp-car:hover .exp-car-illustration>img{transform:scale(1.06) translateY(-3px)}
.exp-heat-bar{background:linear-gradient(105deg,#382729,#18252c);border:1px solid #755149;border-radius:9px;padding:14px 18px;margin:12px 0 20px;display:grid;gap:7px;grid-template-columns:minmax(140px,230px) minmax(100px,1fr);align-items:center}.exp-heat-bar span{font-size:11px;color:#d6c6b6}.exp-heat-bar strong{color:#f4b08c}.exp-heat-bar .progressbar{height:8px;accent-color:#ca725b;width:100%}.exp-heat-bar small{grid-column:1/-1;font-size:10px;color:#b7bec3}
.exp-heist-0 .exp-heist-cover{background:linear-gradient(120deg,#101c25dd,#1f2939a0),url('assets/scenes/port.webp') center/cover}.exp-heist-1 .exp-heist-cover{background:linear-gradient(120deg,#29191cdb,#1b2530a2),url('assets/scenes/factory.webp') center/cover}.exp-heist-2 .exp-heist-cover{background:linear-gradient(120deg,#1b2229e3,#1b25308a),url('assets/scenes/docks.webp') center/cover}.exp-heist-3 .exp-heist-cover{background:linear-gradient(120deg,#29221ed8,#2d283580),url('assets/scenes/hills.webp') center/cover}
@media(max-width:580px){.exp-heat-bar{grid-template-columns:1fr}.exp-car-illustration>img{height:145px}}
@media(prefers-reduced-motion:reduce){.exp-car-illustration>img{transition:none}}

.brand{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;color:inherit;cursor:pointer}
.brand:hover{background:linear-gradient(100deg,#292b29,#141c22)}
.brand:focus-visible,.mobile-brand:focus-visible{outline:2px solid #eac48e;outline-offset:-4px}
.topbar-actions{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-left:6px}
.topbar-actions button{min-width:35px;min-height:34px;border-radius:8px;background:#222d33;border:1px solid #415052;color:#f1d2a1;font-weight:700;padding:7px 11px}
.topbar-actions button:hover{background:#374249;color:#fff1d5}
.topbar-actions .top-logout{font-size:11px;background:#322b27;border-color:#6a584a}
.topbar{padding:0 24px}
.mobile-brand{border:none;background:transparent;color:#f4dbb3;cursor:pointer;font-family:Georgia,serif;font-weight:700}

.getting-started{border:1px solid #7f6243;background:linear-gradient(110deg,#262a26 0%,#172229 52%,#111921);border-radius:16px;padding:23px 24px 20px;margin:0 0 22px;box-shadow:0 12px 36px #0004}
.getting-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}
.getting-head h2{font:normal 29px/1.2 Georgia,serif;color:#ffe2b5;margin:6px 0}
.getting-head p{color:#b4c4c4;margin:3px 0;font-size:12px}
.getting-meter{min-width:120px;text-align:right;color:#f2d39d}
.getting-meter b{font:24px Georgia,serif}
.getting-meter .progressbar{width:120px;display:block;margin:8px 0 0 auto}
.getting-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.getting-step{text-align:left;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:150px;padding:14px;background:#141d22;border:1px solid #3b4c50;border-radius:10px;color:#dde3dc;position:relative}
.getting-step:hover{transform:translateY(-2px);border-color:#b38c5b;background:#233037}
.getting-number{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#364149;color:#e8be7f;font-weight:800}
.getting-step.is-done .getting-number{background:#254b39;color:#b1edc4}
.getting-step.is-current{border-color:#d4a96a;box-shadow:inset 0 0 0 1px #a17c4a66;background:linear-gradient(145deg,#332b24,#172228)}
.getting-step strong{font-size:12px;display:block;color:#f4e2c6}
.getting-step small{display:block;font-size:10px;line-height:1.45;color:#afbdc0}
.getting-chevron{position:absolute;right:12px;top:15px;color:#e6bc7c}

.chat-widget{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.chat-widget>*{pointer-events:auto}
.chat-launch{position:relative;display:flex;align-items:center;gap:10px;justify-content:center;min-width:135px;min-height:49px;padding:11px 21px;border:1px solid #dbad65;background:linear-gradient(130deg,#e9c288,#b98649);color:#1c1b18;font-weight:850;font-size:14px;border-radius:28px;box-shadow:0 7px 22px #0008}
.chat-launch:hover{filter:brightness(1.08);transform:translateY(-2px)}
.chat-launch-icon{font-size:21px;line-height:1}
.chat-unread{position:absolute;right:-5px;top:-7px;background:#d64f49;color:#fff;padding:3px 7px;min-width:22px;text-align:center;border-radius:20px;border:2px solid #18232a;font-size:11px;line-height:1.2}
.chat-widget.has-unread .chat-launch{animation:chatSignal 1.8s ease-in-out infinite}
@keyframes chatSignal{0%,100%{box-shadow:0 7px 22px #0008,0 0 0 0 #e5af5f55}50%{box-shadow:0 7px 22px #0008,0 0 0 9px #e5af5f0b}}
.chat-dock{display:flex;flex-direction:column;width:min(375px,calc(100vw - 20px));height:min(530px,calc(100dvh - 110px));min-height:330px;background:#10191f;border:1px solid #896c45;border-radius:16px;overflow:hidden;box-shadow:0 20px 75px #000c;animation:chatEnter .22s ease-out}
@keyframes chatEnter{from{opacity:.2;transform:translateY(13px) scale(.98)}to{opacity:1;transform:none}}
.chat-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(105deg,#2c2924,#1c292f);border-bottom:1px solid #635844}
.chat-dock-head strong{display:block;font:21px Georgia,serif;color:#f9dcb0}.chat-dock-head small{font-size:11px;color:#c3b9ab}
.chat-dock-head>button{border:1px solid #6f6a5f;background:#273035;border-radius:7px;color:#fff;font-size:24px;line-height:1;width:31px;height:31px}
.chat-dock-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#111921;border-bottom:1px solid #344349;gap:3px;padding:8px}
.chat-dock-tabs button{border:0;background:none;border-radius:7px;padding:9px 3px;color:#adbbc0;font-weight:700;font-size:12px}
.chat-dock-tabs button.active{background:#4d3d2b;color:#ffdfad}
.chat-dock-messages{flex:1;min-height:100px;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;padding:12px!important;background:#10191f!important;overflow-y:auto!important;scrollbar-width:thin}
.chat-line{padding:9px 10px!important;margin-bottom:7px;border:1px solid #36464e!important;border-radius:10px;background:#19252c}
.chat-line.mine{margin-left:30px;background:#2c302d;border-color:#705e40!important}
.chat-line>div{display:flex;flex-direction:row!important;justify-content:space-between;gap:5px}.chat-line>div b{font-size:11px;color:#f4cd92}.chat-line small{font-size:10px;color:#9cacae}
.chat-line p{font-size:13px;line-height:1.55;margin:6px 0 0;color:#f3f0e9}
.chat-placeholder{text-align:center;color:#b3bfc0;font-size:12px;padding:35px 12px}
.chat-dock-send{display:flex;align-items:center;gap:8px;padding:11px;background:#172127;border-top:1px solid #455258}
.chat-dock-send input{min-width:0;flex:1;background:#263039;border:1px solid #59656b;border-radius:9px;padding:11px;color:#f7f2e9;font-size:13px}
.chat-dock-send input:focus-visible{border-color:#e0ae62}.chat-dock-send>button{height:41px;width:43px;border-radius:9px;background:#d2a264;border:1px solid #f3cc8f;color:#1e1911;font-weight:800;font-size:21px}
.chat-dock-send>button:disabled{opacity:.4}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.settings-grid>.panel{min-width:0}
.preferences-panel>p{font-size:12px;margin:6px 0 16px}
.pref-row{padding:14px 0;border-bottom:1px solid #34434a;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}
.pref-row span{display:flex;flex-direction:column;gap:3px}.pref-row b{color:#f1e2cb;font-size:13px}.pref-row small{font-size:11px;color:#a5b4b6}.pref-row input{appearance:none;width:45px;height:25px;border-radius:30px;background:#3b444a;border:1px solid #6a7070;position:relative;cursor:pointer;flex-shrink:0}
.pref-row input:before{content:'';position:absolute;left:3px;top:3px;background:#bfc6c5;height:17px;width:17px;border-radius:50%;transition:transform .2s}
.pref-row input:checked{background:#ac8251;border-color:#eec38c}.pref-row input:checked:before{background:#fff0d6;transform:translateX(19px)}
.account-security form{display:grid;gap:11px;margin:11px 0}.account-security input{width:100%;min-width:0}
.account-security .btn{justify-self:start}
.ui-compact .content{padding-top:16px}.ui-compact .tile{min-height:196px;padding:14px}.ui-compact .panel{padding:15px}.ui-compact .page-title{min-height:0;padding:12px 0}
.ui-reduced-motion *, .ui-reduced-motion *:before,.ui-reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}

.guide-backdrop{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:#05090de8;padding:16px;backdrop-filter:blur(9px)}
.guide-dialog{width:min(680px,100%);max-height:90dvh;overflow-y:auto;border:1px solid #ac8656;background:linear-gradient(150deg,#222b2d,#11191e);border-radius:17px;padding:26px;box-shadow:0 35px 90px #000}
.guide-title{display:flex;align-items:start;justify-content:space-between}.guide-title small{font-size:10px;letter-spacing:2px;color:#e5bb7c}.guide-title h2{font:36px Georgia,serif;color:#f9ddb2;margin:4px 0}.guide-title button{background:#222c30;color:#fff;border:1px solid #56646b;border-radius:7px;font-size:25px;width:35px;height:35px}
.guide-dialog>p{color:#bfc6c4;font-size:13px}.guide-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0}
.guide-tiles>div{background:#131d23;border:1px solid #40515a;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:8px}.guide-tiles b{color:#efcd98}.guide-tiles span{color:#c0c7c4;font-size:12px}.guide-tiles button{background:transparent;border:0;padding:6px 0;color:#e0af70;text-align:left;font-size:12px;font-weight:800;margin-top:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important}
@media(max-width:1240px){.getting-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-actions{gap:4px}.topbar-actions .top-logout{font-size:0}.topbar-actions .top-logout:before{content:'⇥';font-size:17px}}
@media(max-width:850px){.topbar{padding:0 12px}.topbar-label{display:none}.topbar-actions{margin-left:auto}.topbar-actions button{min-height:33px;min-width:32px;padding:6px}.mobile-brand{font-size:14px!important;letter-spacing:0;display:inline-flex!important;align-items:center;white-space:nowrap}.mobile-brand sup{color:#e5ba77}.chat-widget{bottom:calc(68px + env(safe-area-inset-bottom));right:10px}.chat-dock{height:min(510px,calc(100dvh - 165px));max-height:calc(100dvh - 165px)}.getting-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.mobile-more-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #38444a;padding-top:13px;margin-top:12px}.mobile-more-actions button{padding:12px;background:#25313a;border:1px solid #5c5341;border-radius:8px;color:#e9ca9b;font-size:12px;font-weight:700}}
@media(max-width:560px){.resources{gap:9px}.resources small{font-size:7px}.resources strong{font-size:13px}.resources>div{min-width:auto}.resource-hide{display:none!important}.getting-started{padding:15px}.getting-head h2{font-size:22px}.getting-steps{gap:7px}.getting-step{min-height:130px;padding:10px}.getting-step small{font-size:10px}.getting-meter{min-width:78px}.getting-meter .progressbar{width:75px}.guide-dialog{padding:18px}.guide-tiles{grid-template-columns:1fr;gap:8px}.guide-title h2{font-size:28px}.topbar-actions button[data-help]{display:none}}
@media(max-width:390px){.topbar-actions button[data-view="settings"]{display:none}.mobile-brand{font-size:12px!important}.chat-widget.is-open{right:7px}.chat-dock{width:calc(100vw - 14px)}}
@media(prefers-reduced-motion:reduce){.chat-widget.has-unread .chat-launch{animation:none}.chat-dock{animation:none}}
.chat-widget.is-open .chat-launch{display:none}

.hero-reworked{min-height:192px;max-height:none;padding:28px 38px;margin-bottom:14px;background:linear-gradient(100deg,#0d151cf2 3%,#142027e0 59%,#18242aa5),url('assets/city.webp') center/cover;border-color:#775f42}
.hero-reworked .hero-content{max-width:790px}
.hero-reworked h1{font-size:clamp(27px,3vw,43px);letter-spacing:-1.1px;margin:8px 0}
.hero-reworked p{font-size:13px;line-height:1.55;margin:9px 0 17px;max-width:650px}
.hero-reworked .hero-badge{width:100px;height:100px;font-size:11px}
.hero-reworked .hero-badge strong{font-size:23px}
.exp-dash{margin-top:17px}
.duty-screen{max-width:1440px}.duty-screen .page-title{margin-bottom:14px}.duration{border:1px solid #627078;border-radius:7px;background:#142027;color:#d5d2cb;padding:11px 16px;cursor:pointer;font-weight:750}
.duration.active{color:#171918;background:#eac083;border-color:#eac083;box-shadow:0 0 16px #eac08333}
.notification-bell{position:relative;color:#efc888!important;font-size:22px!important;line-height:1}.bell-count{position:absolute;top:-9px;right:-7px;background:#c95449;color:#fff;border:1px solid #ffbeae;border-radius:10px;min-width:17px;padding:0 3px;font:10px/16px sans-serif}.notification-bell.has-news{box-shadow:0 0 12px #d6a35b44}
.notification-pref-head{margin:21px 0 10px;border-top:1px solid #44545d;padding-top:16px}.notification-pref-head h3{margin:0 0 5px;font:23px Georgia,serif}.notification-pref-head small{font-size:12px;color:#9dacb3}.preferences-panel [data-push-enable],.preferences-panel [data-push-disable]{margin:8px 9px 8px 0}
@media(max-width:1020px){.hero-reworked{padding:27px}}
@media(max-width:650px){.hero-reworked{min-height:0;padding:20px;border-radius:10px}.hero-reworked h1{font-size:29px}.hero-reworked .hero-badge{display:none}.hero-reworked .hero-actions{flex-wrap:wrap}.duration{padding:10px 2px;font-size:11px}.notification-bell{font-size:18px!important}.bell-count{right:-3px}}

.activity-lock-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border:1px solid rgba(211,163,83,.42);border-radius:18px;background:linear-gradient(120deg,rgba(18,33,51,.96),rgba(34,31,24,.88));box-shadow:0 18px 40px rgba(0,0,0,.24);margin-bottom:18px}
.activity-lock-banner h3{margin:4px 0 6px;font-size:24px}.activity-lock-banner p{margin:0;color:var(--muted)}.activity-lock-actions{display:flex;align-items:center;gap:10px}
input[type=range][data-duty-slider]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(211,163,83,.75),rgba(211,163,83,.18));outline:none}
input[type=range][data-duty-slider]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#e8c57f;border:3px solid #2c1e08;box-shadow:0 4px 16px rgba(0,0,0,.35);cursor:pointer}
input[type=range][data-duty-slider]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#e8c57f;border:3px solid #2c1e08;box-shadow:0 4px 16px rgba(0,0,0,.35);cursor:pointer}
.notif-drawer-backdrop{position:fixed;inset:0;background:rgba(2,7,12,.58);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.22s ease;z-index:59}.notif-drawer-backdrop.show{opacity:1;pointer-events:auto}
.notif-drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:linear-gradient(180deg,#0d1723,#0a1119 70%);border-left:1px solid rgba(211,163,83,.25);box-shadow:-18px 0 50px rgba(0,0,0,.35);transform:translateX(104%);transition:.24s ease;z-index:60;display:flex;flex-direction:column}
.notif-drawer.open{transform:translateX(0)}
.notif-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 22px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.notif-drawer-head h3{margin:6px 0 0;font-size:28px;display:flex;align-items:center;gap:8px}.notif-pill{display:inline-flex;min-width:30px;height:30px;border-radius:999px;padding:0 10px;align-items:center;justify-content:center;background:#d3a353;color:#16110b;font-size:14px;font-weight:800}
.notif-close{border:1px solid rgba(255,255,255,.08);background:#13202d;color:#fff;width:40px;height:40px;border-radius:12px;font-size:24px;cursor:pointer}
.notif-drawer-body{padding:16px 18px 18px;overflow:auto;display:grid;gap:12px}
.notif-drawer-actions{padding:18px 22px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:12px;justify-content:flex-end}.inbox-page .list-row.unread{border-color:rgba(211,163,83,.28);background:linear-gradient(145deg,rgba(30,39,50,.7),rgba(17,23,32,.92))}
.notification-bell.has-news{position:relative;background:linear-gradient(145deg,#d9b26b,#b07b2d);color:#19130b;border-color:rgba(255,255,255,.18);box-shadow:0 0 0 5px rgba(211,163,83,.12)}
.notification-bell.has-news::after{content:'';position:absolute;inset:-4px;border-radius:16px;border:1px solid rgba(211,163,83,.36);animation:bellPulse 1.5s infinite}
@keyframes bellPulse{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
.topbar-actions .notification-bell{overflow:visible}
@media (max-width:960px){.activity-lock-banner{grid-template-columns:1fr;display:grid}.activity-lock-actions{justify-content:flex-start}.notif-drawer{width:min(100vw,420px)}.notif-drawer-actions{flex-direction:column}.notif-drawer-actions .btn{width:100%}}

:root{--syn-highlight:#e9bc73;--syn-border:rgba(215,177,111,.22)}
.content{padding-top:22px}
.hero.duty-active-hero{min-height:218px;padding:32px 36px;background:radial-gradient(ellipse at 80% 40%,rgba(211,163,83,.17),transparent 40%),linear-gradient(118deg,#101b28,#15212b 70%,#302719)}
.duty-active-hero h1{font-size:clamp(32px,3.2vw,46px);margin:9px 0}
.duty-active-hero p{font-size:14px;color:#d6d4ce}
.duty-hero-clock{font:112px Georgia,serif;color:rgba(235,190,115,.34);line-height:1;filter:drop-shadow(0 12px 22px #0006)}
.vip-dashboard-bar{margin:17px 0;padding:15px 18px;display:flex;align-items:center;gap:15px;border-radius:13px;border:1px solid rgba(218,168,89,.42);background:linear-gradient(105deg,#25251f,#141d24 60%,#1a242a);box-shadow:0 9px 35px rgba(0,0,0,.17)}
.vip-dashboard-bar .vip-crest{display:grid;place-items:center;width:45px;height:45px;flex:none;font-size:26px;color:#ffe3ab;background:linear-gradient(145deg,#72512b,#29221c);border-radius:12px;border:1px solid #d4a45b}
.vip-dashboard-bar>div{flex:1;min-width:0}
.vip-dashboard-bar strong,.vip-dashboard-bar small{display:block}.vip-dashboard-bar strong{font:21px Georgia,serif;color:#f9d39b}.vip-dashboard-bar small{font-size:11px;color:#c0b8ab;margin-top:3px}
.vip-header-badge{background:linear-gradient(120deg,#483522,#221c1b);border:1px solid #b9945e;border-radius:9px;padding:7px 10px;color:#f4d39e;letter-spacing:1px;font-size:11px;font-weight:800;white-space:nowrap}
.vip-benefits{margin:22px 0;padding:25px;border-radius:18px;background:linear-gradient(130deg,#25251f 0%,#18212a 58%,#141a22);border:1px solid #85623e;box-shadow:0 19px 45px #0004}
.vip-benefits-heading h2{font:normal clamp(27px,3vw,38px)/1.15 Georgia,serif;margin:7px 0 12px;color:#f4d8b0}
.vip-benefits-heading p{max-width:850px;color:#c7cac4;margin:0 0 18px}
.vip-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vip-perks>div{min-width:0;padding:19px;background:#111d26;border:1px solid rgba(216,168,94,.22);border-radius:13px;display:grid;gap:6px}
.vip-perks>div>span{font-size:27px;color:#e8be76}.vip-perks strong{font-size:15px;color:#fff0d2}.vip-perks small{font-size:12px;color:#aebdbd;line-height:1.6}
.vip-perks-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:19px 0}.vip-theme-choice{display:flex;align-items:center;gap:12px;color:#f4dfbf;font-weight:650}.vip-theme-choice input{width:22px;height:22px;accent-color:#dcb579}
.vip-titles{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(228,185,120,.16)}.vip-titles>span{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#d3b88d;margin-right:6px}.vip-titles button{border:1px solid #48545d;background:#15202a;border-radius:20px;padding:7px 11px;color:#d4d6d3;font-size:12px}.vip-titles button.active{color:#21180c;background:#e5bd7c;border-color:#f6d8a0}.vip-titles button:disabled{opacity:.42}
body.vip-theme{--gold:#ffe0a0;--gold2:#daa65f;--surface:#17202a}
body.vip-theme .topbar{background:linear-gradient(90deg,#191e23,#24221e);border-bottom-color:rgba(231,184,113,.44)}
body.vip-theme .brand .logo-mark{border-color:#e9b96c;box-shadow:0 0 0 4px rgba(218,161,75,.1)}
body.vip-theme .panel{border-color:rgba(215,174,109,.31)}
body.vip-theme .hero{border-color:#d2a35e}
body.vip-theme .nav-btn.active{background:linear-gradient(90deg,rgba(145,98,48,.6),rgba(31,32,29,.9))}
body.vip-theme .topbar-label:after{content:' · KLUB VIP';color:#efc581}
body.ui-reduced-motion .notification-bell.has-news::after{animation:none}
@media(max-width:880px){.vip-perks{grid-template-columns:1fr}.vip-benefits{padding:20px}.vip-dashboard-bar{flex-wrap:wrap}.vip-dashboard-bar .btn{width:100%}.vip-header-badge{padding:6px 7px;font-size:10px}}
@media(max-width:580px){.hero.duty-active-hero{padding:23px;min-height:204px}.duty-hero-clock{display:none}.vip-perks-controls .btn{width:100%}.vip-benefits{padding:15px}.vip-dashboard-bar{gap:10px;padding:13px}.vip-dashboard-bar strong{font-size:18px}.vip-theme-choice{font-size:12px}}

html,body{overflow-x:clip}
.vip-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.vip-metrics>div{padding:13px 17px;border:1px solid rgba(229,179,95,.22);border-radius:12px;background:rgba(8,16,24,.48)}
.vip-metrics small{display:block;font-size:10px;letter-spacing:1px;color:#acb4b2;font-weight:800}.vip-metrics strong{display:block;color:#efcd91;font:24px Georgia,serif;margin-top:4px}
@media(max-width:550px){.vip-metrics{grid-template-columns:1fr}.vip-metrics>div{padding:12px 14px}.vip-metrics strong{font-size:22px}}

.audio-volume-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.audio-volume-row>label{color:#d6dddf;font-size:.92rem;font-weight:650;min-width:140px}
.audio-volume-row>div{display:flex;align-items:center;gap:13px;flex:1;max-width:330px}
.audio-volume-row input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:7px;border-radius:30px;border:0;background:linear-gradient(90deg,#c8a05b,#3c4650);cursor:pointer;min-width:70px}
.audio-volume-row input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#ebcb90;border:3px solid #382718;box-shadow:0 2px 10px #0007}
.audio-volume-row input[type="range"]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:#ebcb90;border:3px solid #382718;box-shadow:0 2px 10px #0007}
.audio-volume-row output{color:#eac88f;font-variant-numeric:tabular-nums;font-weight:700;min-width:48px;text-align:right}
.audio-preview{margin:12px 0 22px}
.music-header-toggle{border:1px solid rgba(194,161,103,.32);background:rgba(19,30,39,.9);color:#dcb974;border-radius:11px;min-width:39px;height:38px;font-size:1.25rem;cursor:pointer;transition:background .15s ease,color .15s ease}
.music-header-toggle:hover{background:rgba(190,149,78,.2);color:#f4d9a4}
@media (max-width:520px){.audio-volume-row{flex-direction:column;align-items:stretch;gap:12px}.audio-volume-row>div{max-width:none}}

body[data-section="dashboard"] .content{max-width:1460px}
body[data-section="dashboard"] .content>.getting-started{margin-bottom:16px}

@media(max-width:620px){
 .chat-widget:not(.is-open){right:14px;bottom:calc(77px + env(safe-area-inset-bottom))}
 .chat-widget:not(.is-open) .chat-launch{min-width:52px;width:52px;height:52px;min-height:52px;padding:0;border-radius:16px;font-size:0;box-shadow:0 8px 25px #0009}
 .chat-widget:not(.is-open) .chat-launch-icon{font-size:23px}
 .chat-widget:not(.is-open) .chat-unread{font-size:11px}
}

body:not([data-section="dashboard"]) .page-title{min-height:148px;padding:24px 28px;margin-bottom:18px;border-radius:18px}
body:not([data-section="dashboard"]) .panel{border-radius:16px}
body:not([data-section="dashboard"]) .tile{border-radius:16px;box-shadow:0 12px 28px #0002}
body:not([data-section="dashboard"]) .tile:hover{border-color:#866e4e;box-shadow:0 18px 35px #0004}
@media(max-width:620px){body:not([data-section="dashboard"]) .page-title{min-height:130px;padding:19px 17px}body:not([data-section="dashboard"]) .page-title h1{font-size:31px}}

:root{--rpg-paper:#f5e7ce;--rpg-gold:#e9bd79;--rpg-ink:#09121b;--rpg-line:rgba(201,170,123,.23);--rpg-blue:#162938}
.content{max-width:1500px;margin-inline:auto;padding-bottom:100px}.chat-line{margin-bottom:10px;padding:10px 12px;border:0;border-radius:12px;background:#1e2c37;border:1px solid #364b58;max-width:92%}.chat-line.mine{margin-left:auto;background:#3d3021;border-color:#9f7849}.chat-line>div b{font-size:11px;color:#e8c795}.chat-line p{line-height:1.5;font-size:12px;color:#e7edf0}.chat-dock-messages{display:flex;flex-direction:column;align-items:stretch;gap:2px}.chat-dock{border-radius:18px;border-color:#8c704a;box-shadow:0 26px 65px #000b}.chat-launch{box-shadow:0 8px 22px #0007}
.admin-entry{border-radius:10px!important}
@media(max-width:850px){.chat-widget:not(.is-open) .chat-launch{width:48px;min-width:48px;height:48px;min-height:48px;border-radius:15px}.chat-widget:not(.is-open){right:10px;bottom:calc(78px + env(safe-area-inset-bottom))}}

.syn-44{--syn-ink:#0b151d;--syn-surface:#13212d;--syn-line:rgba(195,158,103,.26);--syn-gold:#e8bd78;--syn-soft:#acb9c4;color:#f6efdf;max-width:1610px;margin:auto;animation:synFade .28s ease-out}
@keyframes synFade{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:none}}
.syn-44 h1,.syn-44 h2,.syn-44 h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15;letter-spacing:-.022em}
.syn-44 p{color:#becad2;line-height:1.55}
.syn-44 button{cursor:pointer}
.syn-44 button:disabled{cursor:not-allowed;opacity:.55}
.syn-44 .progressbar{display:block;width:100%;height:8px;accent-color:#e0b76d;overflow:hidden;border-radius:10px}
.syn-44 .progressbar::-webkit-progress-bar{background:#2a3b44;border-radius:10px}.syn-44 .progressbar::-webkit-progress-value{background:linear-gradient(90deg,#a36f31,#f2cc8c);border-radius:10px}
.syn-44 .progressbar::-moz-progress-bar{background:#e2b976;border-radius:10px}
.syn-eyebrow{display:block;letter-spacing:.19em;font-size:10px;font-weight:800;color:#e5b66f;text-transform:uppercase;line-height:1.4}
.syn-muted{color:#a8b7c5}
.syn-home .syn-duty-status{display:grid;grid-template-columns:155px minmax(150px,1fr) auto auto;align-items:center;gap:20px;border:1px solid var(--syn-line);border-radius:15px;background:linear-gradient(110deg,#1d2429,#17222d);padding:10px 15px;margin-bottom:14px;min-height:104px}
.syn-duty-status img{width:155px;height:82px;object-fit:cover;border-radius:8px;opacity:.9}
.syn-duty-status h3{font-size:25px;margin:4px 0 11px}.syn-duty-status small{display:block;color:#aab7c2;margin-bottom:4px}.syn-duty-status b{font-size:17px;color:#f2cb88;white-space:nowrap}
.syn-duty-status .btn{white-space:nowrap}
.syn-home-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,.85fr);gap:14px;margin-bottom:14px}
.syn-home-hero{position:relative;min-height:312px;border-radius:16px;overflow:hidden;border:1px solid var(--syn-line);background:linear-gradient(90deg,rgba(8,17,25,.97) 0%,rgba(8,17,25,.94) 34%,rgba(8,17,25,.34) 76%,rgba(7,15,23,.06)),url('assets/city-noir.webp') center 43%/cover;display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,3vw,46px)}
.syn-home-hero h1{font-size:clamp(31px,3.3vw,53px);max-width:620px;margin:13px 0 10px;text-wrap:balance}.syn-home-hero em{color:#edbd77;font-style:italic}.syn-home-hero p{max-width:500px;margin:0 0 21px;font-size:14px}.syn-home-actions{display:flex;flex-wrap:wrap;gap:11px}.syn-home .btn{padding:11px 16px}
.syn-hero-profile{display:grid;grid-template-columns:1fr 100px;grid-template-rows:auto auto auto;gap:11px;background:linear-gradient(135deg,#1c2d36,#10202a 52%,#1a2730);border:1px solid var(--syn-line);border-radius:16px;padding:18px;min-width:0}
.syn-hero-profile>div:first-child{min-width:0}.syn-hero-profile h2{font-size:30px;margin:7px 0 4px}.syn-hero-profile p{margin:0 0 12px;font-size:12px}.syn-hero-profile small{color:#d7bc8d;font-size:11px}.syn-hero-profile img{width:100px;max-height:135px;object-fit:cover;object-position:center 12%;border-radius:9px;border:1px solid rgba(207,165,95,.35);background:#10202b}
.syn-profile-stat-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.syn-profile-stat-grid>div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:4px;padding:10px;background:rgba(5,13,20,.48);border:1px solid rgba(168,185,192,.15);border-radius:8px;color:#edbd77}.syn-profile-stat-grid small{color:#c0ced4}.syn-profile-stat-grid strong{font-size:15px}.syn-hero-profile>.btn{grid-column:1/-1;width:100%}
.syn-adventure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px}
.syn-adventure-card{min-width:0;min-height:148px;text-align:left;border-radius:13px;position:relative;overflow:hidden;color:#fff5e3;border:1px solid var(--syn-line);padding:15px 15px 12px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(95deg,rgba(10,20,29,.95) 7%,rgba(9,19,28,.54)),var(--syn-card-image) center/cover!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.syn-adventure-card:hover,.syn-dash-location:hover,.syn-extra-card:hover{transform:translateY(-3px);border-color:#e2b979;box-shadow:0 14px 27px rgba(0,0,0,.24)}.syn-adventure-card strong{font:600 24px Georgia,serif;line-height:1.1;text-shadow:0 2px 6px #000}.syn-adventure-card>small{color:#cad5da;flex:1}.syn-adventure-card em{color:#f2cc91;font-size:12px;font-style:normal;font-weight:700;align-self:end}
.syn-dash-section-head{margin:3px 0 10px}.syn-dash-section-head h2{font-size:24px;margin:4px 0}
.syn-dash-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.syn-dash-location{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:6px;border:1px solid var(--syn-line);border-radius:13px;padding:17px;color:#fff3dd;text-align:left;min-height:137px;transition:transform .15s,border-color .15s;position:relative;background:linear-gradient(95deg,rgba(10,19,28,.95),rgba(8,17,26,.54)),var(--syn-card-image) center/cover!important}
.syn-dash-location>span{font:bold 21px Georgia,serif}.syn-dash-location strong{font-size:14px;color:#efc789}.syn-dash-location em{color:#d6c8b6;margin-top:auto;font-size:11px;font-style:normal;font-weight:700}
.syn-dash-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.syn-dash-progress-card{padding:16px;display:flex;flex-direction:column;gap:9px;min-width:0;color:#f4e6d1;text-align:left;border:1px solid var(--syn-line);border-radius:12px;background:linear-gradient(135deg,#172b37,#101e2b)}.syn-dash-progress-card strong{font:600 20px Georgia,serif}.syn-dash-progress-card small{color:#b5bec8}
.syn-dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.syn-dash-bottom>section{padding:20px;background:linear-gradient(135deg,#182935,#111d29);border:1px solid var(--syn-line);border-radius:14px}.syn-dash-bottom h2{font-size:23px;margin:0 0 14px}.syn-dash-bottom h3{font-size:21px;margin:0}.syn-dash-bottom-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.syn-dash-bottom-values>div{border:1px solid rgba(211,169,104,.2);border-radius:8px;background:#0a1822;padding:12px}.syn-dash-bottom-values small,.syn-dash-bottom-values span{display:block;color:#c1cad2;font-size:11px}.syn-dash-bottom-values b{display:block;font:600 24px Georgia,serif;color:#edbd77;margin:3px 0}

.syn-character-heading{padding:25px 29px;margin-bottom:0;border:1px solid var(--syn-line);border-bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(90deg,rgba(11,22,31,.95),rgba(11,22,31,.30)),url('assets/city-noir.webp') center 58%/cover}
.syn-character-heading h1{font-size:43px;margin:6px 0}.syn-character-heading p{margin:0;font-size:13px}
.syn-tabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--syn-line);border-top:0;background:#101d27;border-radius:0 0 13px 13px;margin-bottom:14px;padding:0 12px}
.syn-tabs button{padding:14px 20px;background:transparent;border:0;color:#bcc7cf;font-weight:700;border-bottom:3px solid transparent}.syn-tabs button:hover{color:#fff}.syn-tabs button.active{color:#f2cc8e;border-bottom-color:#e8bd78;background:rgba(234,185,110,.08)}
.syn-character-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.75fr);gap:13px;margin-bottom:13px}.syn-character-stage{border-radius:15px;overflow:hidden;border:1px solid var(--syn-line);background:linear-gradient(135deg,#142330,#182b34)}
.syn-character-person{position:relative;min-height:240px;display:flex;justify-content:space-between;background:linear-gradient(90deg,rgba(12,26,35,.99),rgba(12,27,36,.30)),url('assets/city-noir.webp') center/cover;padding:20px}.syn-character-person img{max-width:230px;width:34%;object-fit:cover;object-position:top;filter:drop-shadow(0 12px 20px rgba(0,0,0,.5));border-radius:9px;background:linear-gradient(#29443b,#11212a);border:1px solid rgba(228,190,121,.25)}
.syn-character-identity{display:flex;flex-direction:column;gap:8px;justify-content:center;max-width:340px;flex:1;margin-right:15px}.syn-character-identity h2{font-size:40px;margin:0}.syn-character-identity>span:not(.syn-eyebrow){color:#efd09c}.syn-character-identity small{color:#c4d0d7}
.syn-equipped-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.syn-equip-slot{border:1px solid rgba(227,187,124,.25);border-radius:10px;min-height:110px;background:#0c1b26;color:#f9e7cf;text-align:left;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:8px;align-content:start}.syn-equip-slot>span{grid-row:1/4;display:flex;justify-content:center;align-items:center;font-size:29px;background:#253340;border-radius:8px;height:44px}.syn-equip-slot small{font-size:10px;color:#a6b7c3}.syn-equip-slot b{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.syn-equip-slot em{font-size:10px;color:#e6ba78;font-style:normal;margin-top:4px}.syn-equip-slot.epic{border-color:#9b66c7}.syn-equip-slot.legendary{border-color:#e2b45c}
.syn-character-aside{display:flex;flex-direction:column;gap:10px}.syn-aside-block{background:#14232e;border:1px solid var(--syn-line);border-radius:12px;padding:14px}.syn-aside-block:first-child{flex:1}.syn-aside-block h3{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:20px;margin:0 0 11px}.syn-aside-block h3 button{background:transparent;border:0;color:#ecc482;font-size:11px;font-family:inherit}.syn-aside-block p{margin:0;font-size:12px}.syn-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.syn-mini-stats>div{display:grid;grid-template-columns:21px 1fr auto;gap:3px;align-items:center;padding:9px;background:#0a1924;border:1px solid rgba(172,191,196,.15);border-radius:8px;color:#eab875}.syn-mini-stats small{font-size:10px;color:#b7c4cc}.syn-mini-stats strong{font-size:13px;color:#f5d19c}
.syn-crew-icons{display:flex;gap:6px;margin-top:8px}.syn-crew-icons span{display:flex;justify-content:center;align-items:center;width:33px;height:33px;border:1px solid #35515a;border-radius:8px;background:#071721}
.syn-inventory-zone{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(245px,.8fr);gap:13px}.syn-inventory-main,.syn-item-detail,.syn-tab-panel{background:#13222e;border:1px solid var(--syn-line);border-radius:14px;padding:17px}.syn-inventory-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:14px}.syn-inventory-head h2{font-size:24px;margin:0}.syn-inventory-head h2 small{font:400 12px system-ui,sans-serif;color:#a9b8c3}.syn-inventory-filters{display:flex;flex-wrap:wrap;gap:6px}.syn-inventory-filters button{padding:7px 11px;border:1px solid #394e57;background:#0c1b25;color:#ccd3d9;border-radius:7px;font-size:11px}.syn-inventory-filters button.selected{background:#e3bd80;color:#171715;border-color:#e3bd80;font-weight:700}
.syn-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.syn-inventory-item{position:relative;color:#f8ead7;border-radius:9px;border:1px solid #43515b;background:linear-gradient(150deg,#172b35,#101d27);padding:10px;min-height:119px;text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0}.syn-inventory-item:hover{background:#22303a}.syn-inventory-item.selected{box-shadow:inset 0 0 0 1px #e8bd78}.syn-inventory-item.legendary{border-color:#cd9d4f}.syn-inventory-item.epic{border-color:#9f71cb}.syn-inventory-item.rare{border-color:#539bb7}.syn-item-art{font-size:34px;display:block;line-height:1.2}.syn-inventory-item b{font-size:12px;overflow-wrap:anywhere}.syn-inventory-item small{color:#b9cbd2;font-size:10px}.syn-inventory-item em{color:#edbd78;font-size:9px;font-weight:800;font-style:normal;letter-spacing:.07em}.syn-inventory-bottom{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.syn-item-detail{position:relative;min-width:0}.syn-item-detail h3{font-size:25px;margin:9px 0}.syn-item-detail>p{color:#e8c17e}.syn-detail-icon{font-size:78px;text-align:center;padding:18px 5px;background:radial-gradient(ellipse at center,rgba(225,171,84,.18),transparent 69%)}.syn-item-detail.epic .syn-detail-icon{background:radial-gradient(ellipse at center,rgba(163,106,211,.25),transparent 70%)}.syn-item-diff{font-size:12px;line-height:1.5;border-top:1px solid #314651;padding:12px 0;margin-top:10px;color:#c0ced6}.syn-detail-actions{display:flex;flex-direction:column;gap:8px}.syn-detail-actions button{width:100%}
.syn-tab-panel{padding:24px}.syn-tab-panel h2{font-size:27px;margin:0 0 10px}.syn-stat-large{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.syn-stat-large>div{padding:15px;background:#0b1a25;border-radius:9px}.syn-stat-large>div>*{display:block}.syn-stat-large small{color:#b8c2cd}.syn-stat-large strong{font-size:22px;color:#edbd78}.syn-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.syn-feature-row article{display:flex;flex-direction:column;gap:10px;background:#0b1a25;padding:15px;border:1px solid #334852;border-radius:9px}.syn-feature-row article small{color:#b7c6ce}.syn-feature-row article em{color:#edbf7d;font-style:normal}.syn-rarity-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.syn-rarity-collection>div{padding:15px;background:#0e1d27;border:1px solid #324857;border-radius:10px}.syn-rarity-collection>div>*{display:block}.syn-rarity-collection span{color:#b1bec8}.syn-rarity-collection>.legendary{border-color:#d3a85f}.syn-rarity-collection>.epic{border-color:#9a6ab4}

.syn-activity-banner{background:linear-gradient(90deg,rgba(12,22,32,.97),rgba(11,20,29,.42)),url('assets/activities-noir.webp') center/cover;border:1px solid var(--syn-line);border-radius:14px;padding:26px 30px;margin-bottom:13px}.syn-activity-banner h1{font-size:44px;margin:7px 0}.syn-activity-banner p{max-width:650px;font-size:14px}
.syn-activity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.syn-activity-summary button{color:#edd8bd;border:1px solid var(--syn-line);border-radius:11px;background:#172834;text-align:left;padding:15px;display:flex;flex-direction:column;gap:8px}.syn-activity-summary button.selected{border-color:#dfb66c;background:linear-gradient(135deg,#29322f,#172834)}.syn-activity-summary small{color:#b4c6ce}.syn-activity-summary strong{font:600 27px Georgia,serif}
.syn-activity-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.syn-activity-head h2{font-size:28px;margin:5px 0 2px}.syn-activity-head p{font-size:13px;margin:0 0 10px}.syn-timer{display:flex;flex-direction:column;align-items:end;color:#adbec8;font-size:12px}.syn-timer strong{font-size:18px;color:#edbd7a}.syn-progress-overview{display:flex;align-items:center;gap:12px;margin:3px 0 18px}.syn-progress-overview .progressbar{flex:1}.syn-progress-overview span{font-size:12px;color:#b5c5d0;white-space:nowrap}
.syn-goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.syn-goal-card{padding:17px;background:linear-gradient(135deg,#182a36,#10202c);border:1px solid var(--syn-line);border-radius:12px;display:flex;flex-direction:column;gap:13px}.syn-goal-card.claimed{opacity:.73}.syn-goal-top{display:flex;gap:12px;align-items:center}.syn-goal-icon{font-size:27px;background:#263743;width:45px;height:45px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;color:#e7ba73}.syn-goal-top b{display:block;font:600 19px Georgia,serif}.syn-goal-top small{color:#b4c6cd;font-size:11px}.syn-goal-track{margin-top:auto}.syn-goal-track strong{display:block;margin:0 0 7px;font-size:12px;color:#d9c4a8}.syn-goal-rewards{display:flex;gap:5px;flex-wrap:wrap}.syn-goal-rewards span{padding:5px 7px;border:1px solid #3b4d54;border-radius:5px;font-size:10px;color:#e7c082}.syn-goal-card .btn{width:100%}.syn-subheading{font-size:27px;margin:26px 0 12px}.syn-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.syn-extra-card{display:flex;flex-direction:column;gap:8px;min-height:143px;text-align:left;color:#f4d9b5;padding:18px;border:1px solid var(--syn-line);border-radius:12px;background:linear-gradient(90deg,rgba(12,24,34,.94),rgba(12,24,34,.54)),var(--syn-card-image) center/cover!important;transition:transform .2s,border-color .2s}.syn-extra-card span{font:600 22px Georgia,serif}.syn-extra-card small{color:#c5ced4;flex:1}.syn-extra-card b{font-size:11px;color:#e9bc78}
@media (max-width:1200px){.syn-adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-home-top{grid-template-columns:1fr}.syn-hero-profile{grid-template-columns:1fr 110px;grid-template-rows:auto}.syn-hero-profile>.syn-profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.syn-character-grid{grid-template-columns:1fr}.syn-character-aside{display:grid;grid-template-columns:1.4fr 1fr 1fr}.syn-aside-block:first-child{flex:1}.syn-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.syn-dash-location-grid,.syn-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-dash-progress{grid-template-columns:1fr}.syn-inventory-zone{grid-template-columns:1fr}.syn-character-aside{grid-template-columns:1fr 1fr}.syn-aside-block:first-child{grid-column:1/-1}.syn-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-duty-status{grid-template-columns:100px 1fr auto!important}.syn-duty-status img{width:100px!important}.syn-duty-status button{grid-column:3}}
@media (max-width:640px){.syn-home-top{grid-template-columns:minmax(0,1fr)}.syn-home-hero{min-height:270px;padding:24px;background-position:60% 40%}.syn-home-hero h1{font-size:34px}.syn-home-hero p{font-size:13px}.syn-adventure-grid,.syn-dash-location-grid,.syn-dash-bottom,.syn-goals-grid,.syn-extra-grid{grid-template-columns:1fr}.syn-dash-location{min-height:105px}.syn-adventure-card{min-height:116px}.syn-hero-profile>.syn-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-home .syn-duty-status{grid-template-columns:1fr auto!important;padding:15px}.syn-duty-status img{display:none}.syn-duty-status>div:nth-of-type(2){grid-column:1/-1}.syn-duty-status button{grid-column:1/-1;width:100%}.syn-character-heading h1,.syn-activity-banner h1{font-size:33px}.syn-character-heading,.syn-activity-banner{padding:22px 19px}.syn-tabs{flex-wrap:nowrap;overflow-x:auto}.syn-tabs button{flex-shrink:0;padding:13px}.syn-character-person{min-height:215px;padding:13px}.syn-character-person img{width:39%;max-height:215px}.syn-character-identity h2{font-size:32px}.syn-equipped-row{grid-template-columns:1fr;padding:10px}.syn-equip-slot{min-height:64px}.syn-character-aside{grid-template-columns:1fr}.syn-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-stat-large{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-feature-row{grid-template-columns:1fr}.syn-activity-summary{gap:6px}.syn-activity-summary button{padding:10px;gap:7px}.syn-activity-summary strong{font-size:21px}.syn-activity-head{align-items:start;flex-direction:column}.syn-timer{align-items:start}.syn-goal-card{padding:15px}.syn-rarity-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}

.syn-scene-docks{--syn-card-image:url("assets/scenes/docks.webp");}
.syn-scene-oldtown{--syn-card-image:url("assets/scenes/oldtown.webp");}
.syn-scene-hotel{--syn-card-image:url("assets/scenes/hotel.webp");}
.syn-scene-garage{--syn-card-image:url("assets/scenes/garage.webp");}
.syn-scene-bar{--syn-card-image:url("assets/scenes/bar.webp");}
.syn-scene-factory{--syn-card-image:url("assets/scenes/factory.webp");}
.syn-scene-hills{--syn-card-image:url("assets/scenes/hills.webp");}
.syn-scene-downtown{--syn-card-image:url("assets/scenes/downtown.webp");}
.syn-scene-port{--syn-card-image:url("assets/scenes/port.webp");}
.syn-scene-east{--syn-card-image:url("assets/scenes/east.webp");}
.syn-scene-casino{--syn-card-image:url("assets/scenes/casino.webp");}

.syn-44 .syn-character-heading{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(9,23,36,.95),rgba(22,30,40,.78)),url('assets/city-noir.webp') center 54%/cover;border:1px solid rgba(213,169,94,.35);border-radius:18px;padding:26px 30px;margin-bottom:14px}
.syn-character-heading h1{font-size:clamp(28px,3.2vw,46px);margin:8px 0}
.syn-character-heading p{color:#b6c9d7}
.syn-44 .syn-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;margin-bottom:14px}
.syn-44 .syn-tabs button{white-space:nowrap;min-width:max-content}
.syn-inventory-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0 16px}
.syn-inventory-controls label{color:#b9c9d3;font-size:12px;display:flex;align-items:center;gap:8px}
.syn-inventory-controls select{color:#e8d4ae;background:#101e2c;border:1px solid #405263;border-radius:9px;min-height:36px;padding:6px 10px;max-width:205px}
.syn-inventory-item .syn-item-rarity{color:#bdcdd7;font-size:10px;letter-spacing:.06em}
.syn-compare{padding:12px;margin:10px 0 12px;border-radius:11px;background:rgba(9,22,34,.85);border:1px solid rgba(141,162,176,.22);display:grid;gap:7px;color:#c2d0db;font-size:12px}
.syn-compare strong{font-size:14px}.syn-compare .positive{color:#70d6a4}.syn-compare .negative{color:#e6a1a1}.syn-comparison-even{display:block;font-size:12px;color:#b7c5d1}
.syn-upgrade-overview{margin:10px 0 14px;padding:12px;border:1px solid #354958;border-radius:12px;display:grid;gap:9px;background:rgba(4,14,23,.5)}
.syn-upgrade-overview b{color:#eac285}.syn-upgrade-overview small,.syn-detail-hint{color:#9daeb9;font-size:11px}
.syn-item-detail .syn-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.syn-item-detail .syn-detail-actions button{width:100%;min-width:0;white-space:normal}
.syn-item-detail .syn-detail-actions .danger{grid-column:1 / -1}
.syn-item-detail .syn-detail-hint{display:block;margin-top:12px;line-height:1.5}
.syn-fight-history{display:grid;gap:8px;margin:14px 0}
.syn-history-row{display:grid;grid-template-columns:minmax(95px,120px) minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 14px;background:rgba(8,20,31,.65);border:1px solid rgba(147,164,174,.16);border-radius:11px}
.syn-history-row .syn-history-outcome{font-size:10px;letter-spacing:.1em;font-weight:850;color:#e6a4a4}.syn-history-row.win .syn-history-outcome{color:#7fd0a3}
.syn-history-row b{font-size:13px;display:block}.syn-history-row small{font-size:11px;display:block;color:#a7b7c3;margin-top:3px}.syn-history-row>strong{color:#e6c081;font-size:12px}
.syn-combat-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}
.syn-combat-links button{border:1px solid #445361;border-radius:9px;background:#172737;color:#e9d8b5;padding:8px 12px;cursor:pointer}
.syn-combat-links button:hover{border-color:#d2a15f;background:#293542}
.syn-bounty-intro{background:linear-gradient(100deg,#13283a,#1f2228);border:1px solid rgba(208,158,91,.46);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;margin:16px 0 20px}
.syn-bounty-intro h2{font-size:clamp(22px,3vw,36px);line-height:1.2;margin:9px 0 14px}.syn-bounty-intro p{max-width:730px;color:#aebfcb;line-height:1.6}
.syn-bounty-progress{border:1px solid rgba(210,158,82,.5);border-radius:15px;padding:18px;min-width:145px;display:grid;gap:5px;text-align:center;background:#0d1b29}
.syn-bounty-progress strong{font:32px Georgia,serif;color:#f0c88a}.syn-bounty-progress span{font-size:10px;color:#b9c2ca;letter-spacing:.12em}
.syn-bounty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0 22px}
.syn-bounty-card{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(208,161,98,.38);border-radius:17px;padding:18px;background:linear-gradient(135deg,rgba(28,40,49,.97),rgba(11,22,33,.96));box-shadow:0 12px 30px rgba(0,0,0,.2)}
.syn-bounty-card.syn-bounty-convoy{background:linear-gradient(135deg,#2f2328,#112231)}.syn-bounty-card.syn-bounty-lieutenant{background:linear-gradient(135deg,#31272b,#161a2b);border-color:#b57755}
.syn-bounty-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.syn-bounty-threat{font-size:10px;font-weight:800;color:#ecc48b;border:1px solid #69513a;padding:5px 8px;border-radius:6px}
.syn-bounty-art{height:110px;background:radial-gradient(circle at 50% 70%,rgba(239,184,89,.12),transparent 60%),linear-gradient(135deg,#10212f,#24303a);border:1px solid #374b58;display:grid;place-items:center;font-size:52px;border-radius:11px}
.syn-bounty-card h3{font-size:25px;margin:3px 0}.syn-bounty-card p{color:#c0ccd2;line-height:1.5;margin:0;flex:1}
.syn-bounty-values{display:flex;flex-wrap:wrap;gap:6px}.syn-bounty-values span{font-size:11px;padding:6px 8px;background:#0b1825;color:#e4c58c;border-radius:6px;border:1px solid #344552}
.syn-bounty-card>.btn{min-height:44px}
.music-header-toggle{width:auto!important;min-width:58px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em;padding:0 9px!important}
@media(max-width:1060px){.syn-bounty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:710px){.syn-bounty-grid{grid-template-columns:1fr}.syn-bounty-intro{padding:20px;align-items:start;flex-direction:column}.syn-bounty-progress{min-width:120px}.syn-history-row{grid-template-columns:minmax(77px,90px) 1fr;gap:9px}.syn-history-row>strong{grid-column:2}.syn-item-detail .syn-detail-actions{grid-template-columns:1fr}.syn-inventory-controls label{width:100%;justify-content:space-between}.syn-inventory-controls select{width:min(190px,55vw)}}
@media(prefers-reduced-motion:reduce){.syn-bounty-card,.syn-inventory-item{transition:none!important}}
.syn-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.syn-collection-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(155deg,#1b2b34,#101d29);border:1px solid rgba(220,179,108,.35);border-radius:15px;padding:19px}
.syn-collection-card h3{margin:4px 0 0;color:#eecb92;font:25px Georgia,serif}
.syn-collection-card p{color:#a8b9c7;font-size:12px;min-height:40px}
.syn-collection-pieces{display:grid;gap:7px;margin:5px 0}
.syn-collection-pieces>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;background:#0b1723;border:1px solid #334855;border-radius:9px}
.syn-collection-pieces>div.owned{border-color:#7c7255}.syn-collection-pieces>div.worn{border-color:#4f9b7b;background:#142b2b}
.syn-collection-pieces b{color:#d6b16a}.syn-collection-pieces span{font-size:12px}.syn-collection-pieces small{font-size:9px;color:#9cbbc8}
.syn-set-bonuses{display:grid;gap:7px;margin-top:auto;padding:10px;border-radius:9px;background:#0a1c23;color:#a9dfc5;font-size:11px}
.syn-rematch{font-size:11px;padding:7px 10px;border-radius:8px;background:rgba(219,180,111,.16);color:#edcc93;border:1px solid #816845;cursor:pointer}
.syn-rematch:disabled{opacity:.38;cursor:not-allowed}
@media(max-width:1120px){.syn-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.syn-collection-grid{grid-template-columns:1fr}.syn-collection-pieces>div{grid-template-columns:22px 1fr}.syn-collection-pieces small{grid-column:2}}
.syn-bounty-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:140px;padding:0!important}
.syn-bounty-art img{width:145px;height:145px;object-fit:cover;object-position:top center;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.syn-bounty-art span{position:absolute;right:12px;bottom:8px;font-size:28px;filter:drop-shadow(0 2px 6px #000)}
.syn-bounty-lookout .syn-bounty-art{background:radial-gradient(circle at 50% 80%,#174459,#122335 68%)}
.syn-bounty-convoy .syn-bounty-art{background:radial-gradient(circle at 50% 80%,#5b3742,#1e2132 70%)}
.syn-bounty-lieutenant .syn-bounty-art{background:radial-gradient(circle at 50% 80%,#584034,#231f27 70%)}
@media(max-width:710px){
 .music-header-toggle{display:inline-flex!important}
 .syn-bounty-intro{gap:10px;padding:16px;margin:10px 0 12px}
 .syn-bounty-intro h2{font-size:22px}
 .syn-bounty-intro p{font-size:12px}
 .syn-bounty-progress{padding:11px;min-width:105px}
}

.music-header-toggle{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:23px!important;line-height:1!important;font-weight:500!important}
.auth-forgot,.auth-back{margin-top:12px;width:100%;justify-content:center}
@media(max-width:760px){
  .topbar{gap:4px;padding-left:9px;padding-right:9px}
  .topbar-actions{gap:5px;flex-shrink:0}
  .topbar-actions button{min-width:36px;min-height:38px;border-radius:9px}
  .music-header-toggle{width:37px!important;min-width:37px!important;max-width:37px!important}
  .resources{gap:7px;min-width:0}
  .resources>div strong{font-size:13px}
  .resources>div small{font-size:8px;letter-spacing:.05em}
  .content{padding:12px 12px calc(96px + env(safe-area-inset-bottom));max-width:100%}
  .syn-character-grid,.syn-inventory-zone{grid-template-columns:minmax(0,1fr)}
  .syn-character-heading{padding:18px 15px!important}
  .syn-character-heading h1{font-size:29px!important}
  .syn-character-tabs,.syn-tabs{scrollbar-width:thin;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .syn-character-tabs button,.syn-tabs button{scroll-snap-align:start;min-height:46px;white-space:nowrap}
  .syn-character-person{min-height:190px}
  .syn-character-person img{max-width:38%;object-fit:cover}
  .syn-inventory-controls{display:flex;flex-wrap:wrap;gap:10px}
  .syn-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .syn-inventory-item{min-width:0}
  .syn-equip-slot{min-width:0}
  .chat-widget:not(.is-open){bottom:calc(80px + env(safe-area-inset-bottom));right:10px}
  .chat-widget.is-open{max-height:min(76dvh,660px);bottom:calc(80px + env(safe-area-inset-bottom))}
  .syn-bounty-grid,.syn-collection-grid{grid-template-columns:minmax(0,1fr)}
  .auth-layout,.auth-left,.auth-right{min-width:0}
  .auth-box{max-width:100%}
}
@media(max-width:380px){
  .topbar-actions button[data-help],.topbar-actions button[data-view="settings"]{display:none}
  .resources{gap:5px}.resources>div strong{font-size:12px}
  .topbar-actions{gap:3px}
  .syn-inventory-grid{gap:7px}
}
@media(prefers-reduced-motion:reduce){.syn-tabs,.syn-character-tabs{scroll-behavior:auto}}

.syn47-page{--syn47-gold:#e4b66d;--syn47-surface:#101e2a;max-width:1360px;margin:0 auto;padding-bottom:76px;min-width:0}
.syn47-head{padding:30px clamp(20px,3vw,40px);margin-bottom:18px;min-height:170px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(108deg,rgba(10,21,31,.98),rgba(21,36,47,.92) 70%,rgba(71,48,25,.45)),url('assets/city-noir.webp') center 44%/cover;border:1px solid rgba(219,171,100,.35);border-radius:20px;box-shadow:0 14px 36px rgba(0,0,0,.16)}
.syn47-head h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:1.1;margin:8px 0 12px;color:#ffeed4}.syn47-head p{color:#c1d0db;max-width:650px;margin:0;line-height:1.6}
.syn47-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 17px;border:1px solid rgba(130,152,165,.24);border-radius:15px;background:rgba(21,36,46,.92);margin-bottom:25px}
.syn47-toolbar>div{min-width:155px;flex:1;display:grid;gap:5px}.syn47-toolbar strong{font-family:Georgia,serif;font-size:24px;color:var(--syn47-gold)}
.syn47-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:24px 0 14px}.syn47-title h2{font-size:clamp(23px,2vw,32px);font-family:Georgia,serif;font-weight:500;margin:0}.syn47-title>span{font-size:12px;color:#a7b9c8;text-align:right}
.syn47-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.syn47-grid.syn47-four{grid-template-columns:repeat(4,minmax(0,1fr))}.syn47-grid.syn47-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.syn47-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border-radius:17px;border:1px solid rgba(149,175,187,.26);background:linear-gradient(165deg,rgba(25,42,52,.97),rgba(13,26,38,.99));box-shadow:0 8px 26px rgba(0,0,0,.17);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.syn47-card:hover{transform:translateY(-3px);border-color:rgba(230,179,97,.68);box-shadow:0 18px 38px rgba(0,0,0,.28)}
.syn47-card.syn47-epic{border-color:rgba(162,104,218,.47)}.syn47-card.syn47-legendary{border-color:rgba(237,187,83,.60)}.syn47-card.syn47-rare{border-color:rgba(65,169,199,.44)}
.syn47-card .syn47-art{display:flex;justify-content:center;align-items:center;min-height:108px;font-size:56px;border-radius:12px;background:radial-gradient(circle at 52% 37%,rgba(225,182,101,.17),rgba(9,23,36,.14) 68%);margin:-5px -5px 4px}
.syn47-card.syn47-epic .syn47-art{background:radial-gradient(circle at 52% 37%,rgba(159,96,224,.20),rgba(9,23,36,.14) 68%)}
.syn47-card.syn47-rare .syn47-art{background:radial-gradient(circle at 52% 37%,rgba(62,177,201,.15),rgba(9,23,36,.14) 68%)}
.syn47-card h3{font-family:Georgia,serif;font-weight:500;font-size:23px;line-height:1.15;margin:0}.syn47-card p{font-size:13px;color:#b0c1cf;line-height:1.55;flex:1;margin:0}.syn47-card .btn{width:100%;margin-top:5px;min-height:42px}
.syn47-rarity{letter-spacing:.16em;font-weight:900;font-size:10px;color:#eac58a}.syn47-epic .syn47-rarity{color:#d6a8fc}.syn47-rare .syn47-rarity{color:#9ad4ea}
.syn47-price{font-family:Georgia,serif;font-size:25px;color:#f3c988}.syn47-cost,.syn47-rewards{display:flex;gap:10px;flex-wrap:wrap;color:#ebc88d;font-size:12px;font-weight:650}.syn47-cost span,.syn47-rewards span{padding:7px 9px;border:1px solid rgba(216,178,117,.20);border-radius:7px;background:rgba(7,19,28,.44)}
.syn47-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.syn47-feature{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(110deg,#1c2e36,#17212e);border:1px solid rgba(231,174,102,.4);border-radius:16px;padding:24px;margin:16px 0 24px}.syn47-feature h2{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:8px 0}.syn47-feature p{max-width:750px;color:#b9c5d0;margin:0;line-height:1.6}.syn47-feature>.btn{flex-shrink:0}
.syn47-login{background:linear-gradient(105deg,rgba(25,42,47,.98),rgba(47,36,26,.95))}
.syn47-event{display:grid;grid-template-columns:105px minmax(0,1fr) 215px;align-items:center;gap:18px;padding:22px;border:1px solid rgba(230,174,96,.36);border-radius:17px;background:linear-gradient(105deg,#1a2933,#13202b)}
.syn47-event-icon{font-size:64px;display:grid;place-items:center;min-height:106px;background:radial-gradient(circle,rgba(219,179,115,.16),transparent 70%)}.syn47-event h2{font:500 29px Georgia,serif;margin:6px 0 8px}.syn47-event p{color:#bfccd3;line-height:1.5}.syn47-event-actions{display:grid;gap:10px}.syn47-event-actions .btn{width:100%;white-space:normal}
.syn47-quest{display:flex;align-items:stretch;justify-content:space-between;gap:18px;min-width:0;padding:20px;background:linear-gradient(135deg,#192b35,#12202b);border:1px solid rgba(129,153,171,.27);border-radius:14px}.syn47-quest.done{border-color:rgba(82,163,123,.37)}.syn47-quest h3{font:500 23px Georgia,serif;margin:7px 0 9px}.syn47-quest p{color:#b0c0cc;font-size:13px}.syn47-quest-progress{display:flex;flex-direction:column;align-items:end;justify-content:end;gap:12px;width:168px;min-width:130px}.syn47-quest-progress progress{width:100%}.syn47-quest-progress .btn{width:100%}.syn47-quest-progress small{color:#dfb978}
.syn47-home-links{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.syn47-home-links button{background:linear-gradient(110deg,#1a2d38,#19232d);border:1px solid rgba(229,184,112,.36);color:#f1d7aa;border-radius:12px;padding:13px 17px;cursor:pointer;font-weight:750}.syn47-home-links button:hover,.syn47-home-links button:focus-visible{border-color:#eac17e;background:#2a3640;outline:none}
@media (max-width:1200px){.syn47-grid.syn47-four{grid-template-columns:repeat(2,minmax(0,1fr))}.syn47-event{grid-template-columns:70px minmax(0,1fr)}.syn47-event-actions{grid-column:1/-1;display:flex}.syn47-event-actions .btn{flex:1}}
@media (max-width:780px){.syn47-grid,.syn47-grid.syn47-four{grid-template-columns:repeat(2,minmax(0,1fr))}.syn47-grid.syn47-two{grid-template-columns:1fr}.syn47-feature{align-items:stretch;flex-direction:column}.syn47-toolbar>div{min-width:105px}.syn47-head{min-height:150px}}
@media (max-width:520px){.syn47-page{padding-bottom:100px}.syn47-grid,.syn47-grid.syn47-four,.syn47-grid.syn47-two{grid-template-columns:1fr}.syn47-card .syn47-art{min-height:82px;font-size:44px}.syn47-head{padding:24px 18px}.syn47-title{flex-direction:column;align-items:start}.syn47-title>span{text-align:left}.syn47-event{grid-template-columns:1fr}.syn47-event-icon{min-height:70px;font-size:48px}.syn47-event-actions{grid-column:auto;display:grid}.syn47-quest{flex-direction:column}.syn47-quest-progress{width:100%;align-items:stretch}.syn47-toolbar{gap:13px}.syn47-toolbar>div{flex-basis:42%}.syn47-toolbar>.btn{width:100%}.syn47-home-links{display:grid;grid-template-columns:1fr}.syn47-head h1{font-size:37px}}
@media (prefers-reduced-motion:reduce){.syn47-card{transition:none}.syn47-card:hover{transform:none}}

.topbar-actions .notification-bell,
.topbar-actions .music-header-toggle,
.topbar-actions button[data-view="settings"]{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;border:1px solid #435158;border-radius:10px;
  background:#202b32;color:#e7c08a!important;box-shadow:none;
  line-height:1;vertical-align:middle;
}
.topbar-actions .notification-bell:hover,
.topbar-actions .music-header-toggle:hover,
.topbar-actions button[data-view="settings"]:hover{
  background:#2e3b42;border-color:#c19a61;color:#ffe3b0!important;
}
.topbar-actions .notification-bell:focus-visible{
  outline:2px solid #e8bb74;outline-offset:3px;
}
.header-bell-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.topbar-actions .notification-bell.has-news{
  background:#2b3437!important;border-color:#aa8250;color:#f5d393!important;
  box-shadow:inset 0 0 0 1px rgba(226,177,103,.14)!important;
}
.topbar-actions .notification-bell.has-news::after{display:none!important;content:none!important}
.topbar-actions .notification-bell .bell-count{
  top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;
  background:#b64a43;color:white;border:2px solid #101b23;
  font:700 9px/13px system-ui,sans-serif;text-align:center;padding:0 2px;
}
.syn-inventory-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
.syn-inventory-quick .btn{font-size:12px;white-space:normal;text-align:center;min-height:40px}
.syn-inventory-quick small{font-size:11px;color:#b8c5c7}
@media(max-width:760px){
 .topbar-actions .notification-bell,.topbar-actions .music-header-toggle,.topbar-actions button[data-view="settings"]{
   width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 }
 .header-bell-icon{width:18px;height:18px}
 .topbar-actions{gap:4px!important}
 .syn-inventory-quick{align-items:stretch}
 .syn-inventory-quick .btn{flex:1 1 200px}
}
@media(max-width:380px){.topbar-actions button[data-view="settings"]{display:none!important}}
@media(prefers-reduced-motion:reduce){.topbar-actions .notification-bell{transition:none}}

.syn-mobile-fold{display:contents}.syn-mobile-fold>summary{display:none}
@media(max-width:700px){
 .syn-mobile-fold{display:block;border:1px solid rgba(209,163,91,.25);border-radius:14px;margin:12px 0;background:#12212c;overflow:hidden}
 .syn-mobile-fold>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;color:#eac48a;font-size:14px;font-weight:700;cursor:pointer;min-height:48px;list-style:none}
 .syn-mobile-fold>summary::-webkit-details-marker{display:none}
 .syn-mobile-fold>summary span{color:#9aa8b4;font-size:12px}
 .syn-mobile-fold[open]>summary{border-bottom:1px solid rgba(209,163,91,.2)}
 .syn-mobile-fold .syn47-home-links,.syn-mobile-fold .syn-dash-section-head,.syn-mobile-fold .syn-dash-location-grid,.syn-mobile-fold .syn-dash-progress{margin:12px!important}
 .syn-mobile-fold .syn-dash-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .syn-mobile-fold .syn-dash-location{min-height:94px;padding:12px}
 .syn-home-hero{min-height:215px;padding:20px!important}
 .syn-home-hero h1{font-size:clamp(27px,7vw,36px);line-height:1.08;margin:7px 0!important}
 .syn-home-hero p{line-height:1.4;margin-bottom:13px!important}
 .syn-home-actions{gap:7px}.syn-home-actions .btn{flex:1 1 125px;text-align:center;font-size:12px;padding:11px!important}
 .syn-home .syn-adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .syn-home .syn-adventure-card{min-height:124px;padding:12px;gap:4px}
 .syn-home .syn-adventure-card strong{font-size:16px;line-height:1.12}
 .syn-home .syn-adventure-card em{font-size:11px}
 .syn-home .syn-hero-profile{grid-template-columns:minmax(0,1fr) 82px;gap:6px;padding:12px}
 .syn-home .syn-hero-profile img{max-width:82px;min-width:0}
 .syn-home .syn-hero-profile>.syn-profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .syn-home .syn-profile-stat-grid>div{padding:7px 3px;min-width:0}
 .syn-home .syn-profile-stat-grid small{font-size:9px}
 .syn-home .syn-profile-stat-grid strong{font-size:13px}
 .syn-home .syn-hero-profile>button{grid-column:1/-1}
 .syn-home .syn-duty-status{min-height:0!important;gap:7px!important}
 .syn-dash-bottom{margin-top:12px}
 .syn-dash-bottom section{padding:14px}
 .syn-home .syn-mobile-fold+.syn-dash-bottom{gap:9px}
 .syn-home button,.syn-home a{touch-action:manipulation}
}
@media(max-width:350px){.syn-home .syn-adventure-grid,.syn-mobile-fold .syn-dash-location-grid{grid-template-columns:1fr!important}.syn-home .syn-adventure-card{min-height:96px}}

.syn-avatar-vector{display:block;width:100%;height:100%;max-width:100%;max-height:100%;filter:drop-shadow(0 15px 21px #0007)}
.syn-profile-avatar{width:34%;max-width:232px;min-height:235px;align-self:stretch;flex-shrink:0;border:1px solid rgba(229,190,126,.42);border-radius:14px;overflow:hidden;background:#0c2230;box-shadow:0 18px 30px #0005}
.syn-profile-avatar .syn-avatar-vector{height:255px}
.syn-dashboard-avatar{width:100px;height:140px;border-radius:11px;overflow:hidden;border:1px solid #d2a76c55;background:#122a35}
.syn-dashboard-avatar .syn-avatar-vector{height:100%;width:100%}
.syn-edit-appearance{color:#e8c080!important;border:1px solid #bb925066!important;background:#101d2cce!important;border-radius:8px;padding:8px 11px;align-self:flex-start;margin-top:10px;font-size:12px!important;cursor:pointer}
.syn-edit-appearance:hover{background:#3b3023!important;color:#fff!important}
.syn-hero-profile .syn-dashboard-avatar{grid-column:2;grid-row:1;align-self:start}
.syn-hero-profile>.syn-profile-stat-grid{grid-row:2}
.syn-hero-profile>.btn{grid-row:3}
.syn-character-person .syn-profile-avatar{margin:0 3px 0 10px}
.syn-style-studio{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(320px,1.25fr);gap:18px;margin:12px 0 40px}
.syn-style-stage,.syn-style-editor{border:1px solid #5c4f3d;border-radius:18px;overflow:hidden;padding:26px;background:linear-gradient(150deg,#18252e,#111b26 80%);min-width:0}
.syn-style-stage{background:radial-gradient(ellipse at 50% 45%,#31443e 0%,transparent 70%),linear-gradient(140deg,#152935,#131d2c)}
.syn-style-stage h2{font:normal 35px Georgia,serif;margin:8px 0}.syn-style-stage p,.syn-style-editor p{font-size:13px;color:#bdc8cc;line-height:1.6}
.syn-style-avatar{height:390px;max-width:315px;margin:20px auto 8px;filter:drop-shadow(0 18px 28px #0005)}
.syn-style-editor h3{font:normal 30px Georgia,serif;margin:9px 0 19px;color:#eed6ad}
.syn-avatar-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.syn-avatar-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.03em;color:#b7c8d1;min-width:0}
.syn-avatar-controls select{background:#0a1723;color:#f2dfbe;padding:12px;border:1px solid #536370;border-radius:9px;width:100%;min-height:44px;cursor:pointer;font-size:13px}
.syn-avatar-controls select:focus-visible{outline:2px solid #d9b16f;outline-offset:2px}
.syn-style-checkout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;padding:19px;background:linear-gradient(115deg,#392a1c,#1d2b31);border:1px solid #9c774c66;border-radius:12px}
.syn-style-checkout small{display:block;color:#bfc2c3;font-size:12px}.syn-style-checkout strong{font:27px Georgia,serif;color:#f2c683}
.syn-style-checkout .btn{min-width:145px}.syn-style-footer{display:block;text-align:center;color:#d1b07d;font-size:12px;letter-spacing:.13em}
.syn-register-creator{display:grid;grid-template-columns:minmax(145px,.72fr) minmax(0,1.28fr);gap:15px;margin:20px 0;padding:18px;background:linear-gradient(135deg,#152631,#101923);border:1px solid #79613e88;border-radius:14px}
.syn-register-avatar{align-self:center;min-height:250px;max-height:370px;width:100%;max-width:250px;justify-self:center}
.syn-register-fields{min-width:0}.syn-register-fields h3{font:25px Georgia,serif;margin:5px 0 9px;color:#f2d6a2}.syn-register-fields p{font-size:12px;line-height:1.5;color:#c4cdd1;margin:0 0 14px}
.syn-register-fields .syn-avatar-controls{gap:9px}.syn-register-fields .syn-avatar-controls select{min-height:39px;padding:8px;font-size:12px}
.auth-layout:has(.syn-register-creator) .auth-right{overflow-y:auto;align-items:flex-start}.auth-layout:has(.syn-register-creator) .auth-box{max-width:760px;width:100%;margin:25px auto}
.auth-layout:has(.syn-register-creator) .auth-left{position:sticky;top:0;max-height:100vh}
.auth-classes .class-option{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.auth-classes .class-option.chosen{box-shadow:0 0 0 2px #deb67433;background:linear-gradient(140deg,#4a3724,#18252b)}
.auth-classes .class-option:hover{transform:translateY(-2px)}

body[data-section="bosses"] .content,body[data-section="arena"] .content,body[data-section="pvp"] .content{background:radial-gradient(ellipse at 60% 12%,#381f2470,transparent 58%)}
body[data-section="business"] .content,body[data-section="underworld"] .content{background:radial-gradient(ellipse at 72% 10%,#3d311766,transparent 52%)}
body[data-section="city"] .content,body[data-section="street"] .content{background:radial-gradient(ellipse at 60% 12%,#14404260,transparent 50%)}
body[data-section="profile"] .content{background:radial-gradient(ellipse at 70% 14%,#14313b85,transparent 60%)}
.syn-44 .syn-tabs button:not(.active):hover{border-color:#ce9e6a;background:#29343a;color:#fff}
.syn-inventory-item{transition:border-color .18s,transform .18s,box-shadow .18s}.syn-inventory-item:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 15px 28px #0006;border-color:#e5bd79}
@media(max-width:900px){.syn-style-studio{grid-template-columns:1fr}.syn-style-stage{display:grid;grid-template-columns:1fr 185px;column-gap:12px}.syn-style-stage h2,.syn-style-stage p{grid-column:1}.syn-style-stage .syn-style-avatar{grid-column:2;grid-row:1/5;height:255px;align-self:center}.syn-style-stage .syn-style-footer{grid-column:1/-1}}
@media(max-width:760px){.syn-profile-avatar{width:41%;min-height:205px}.syn-profile-avatar .syn-avatar-vector{height:210px}.syn-dashboard-avatar{width:82px;height:117px}.syn-register-creator{grid-template-columns:1fr}.syn-register-avatar{min-height:230px;max-height:250px;width:200px}.auth-layout:has(.syn-register-creator) .auth-left{position:static;max-height:none}.syn-style-stage{display:block}.syn-style-stage .syn-style-avatar{height:290px;margin:auto}.syn-style-studio{gap:12px}.syn-style-stage,.syn-style-editor{padding:17px}.syn-style-stage h2{font-size:29px}.syn-style-checkout{flex-wrap:wrap}.syn-style-checkout .btn{width:100%}}
@media(max-width:410px){.syn-avatar-controls{grid-template-columns:1fr}.syn-register-fields .syn-avatar-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.syn-style-checkout strong{font-size:23px}.syn-profile-avatar{width:40%;min-height:170px}.syn-profile-avatar .syn-avatar-vector{height:185px}}
@media(prefers-reduced-motion:reduce){.auth-classes .class-option,.syn-inventory-item{transition:none}}

.syn-opponent-ident{display:flex;align-items:center;gap:10px;min-width:140px}.syn-opponent-avatar{display:block;width:43px;height:54px;flex-shrink:0;overflow:hidden;border-radius:7px;border:1px solid #c99e624d;background:#11232c}.syn-opponent-avatar .syn-avatar-vector{width:100%;height:100%}.syn-opponent-ident b{overflow-wrap:anywhere}

.boss51{--boss51-line:#354956;--boss51-gold:#e5be82;max-width:1420px;margin:0 auto 64px;color:#e7e6e0}
.boss51 button{font-family:inherit}.boss51-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,38%);overflow:hidden;min-height:250px;border:1px solid #927248;border-radius:18px;background:linear-gradient(110deg,#191c24 0,#2c2025 55%,#10171f);box-shadow:0 25px 54px #0005;margin-bottom:16px}
.boss51-intro>div:first-child{padding:32px 36px;position:relative;z-index:2;align-self:center}.boss51-intro h1{font:normal clamp(40px,4.4vw,67px)/1.02 Georgia,serif;letter-spacing:-1.8px;margin:12px 0;color:#fbefdf}.boss51-intro h1 em{color:#e9aa96}.boss51-intro p{max-width:560px;font-size:13px;line-height:1.75;color:#d2c0bf}.boss51-intro-art{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}.boss51-intro-art .gangster-face{position:absolute;inset:-15% 0 0 0;width:100%;height:125%;object-fit:cover;filter:sepia(.2) saturate(.8)}.boss51-campaign{margin-top:17px;max-width:550px}.boss51-campaign span{color:#c8b9aa;font-size:11px}.boss51-campaign progress{height:8px}
.boss51-weekly{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 23px;border:1px solid #a57a42;border-radius:14px;background:linear-gradient(125deg,#30281f,#1b262b 61%,#152026);margin-bottom:22px}.boss51-weekly h2{font:26px Georgia,serif;margin:3px 0}.boss51-weekly p{margin:0;color:#c7c3b9;font-size:12px}.boss51-weekly-actions{display:flex;gap:12px;align-items:center}.boss51-weekly-status{white-space:nowrap;font-weight:800;letter-spacing:1px;color:#e5c487;font-size:10px}.boss51-weekly .btn{white-space:nowrap}
.boss51-layout{display:grid;grid-template-columns:minmax(225px,29%) minmax(0,1fr);gap:20px;align-items:start}.boss51-roster{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #3a4850;border-radius:15px;background:linear-gradient(160deg,#1b272e,#101820);position:sticky;top:79px}.boss51-roster>.eyebrow{margin:4px 0 8px}
.boss51-portrait-tab{width:100%;padding:0;display:flex;gap:12px;align-items:center;min-height:94px;border:1px solid #3e4d53;border-radius:10px;text-align:left;color:#e8e2d8;background:#101a21;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}.boss51-portrait-tab:hover{border-color:#c9a166;background:#182831;transform:translateX(3px)}.boss51-portrait-tab.selected{border-color:#f1c88b;background:linear-gradient(90deg,#25323a,#352b25);box-shadow:inset 3px 0 #ecc289}.boss51-portrait-tab.locked{opacity:.65}.boss51-tab-art{width:79px;height:94px;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(130deg,#31424a,#11171c)}.boss51-tab-art img{position:absolute;width:150%;height:150%;max-width:none;top:-18%;left:-25%;object-fit:cover}.boss51-tab-copy{flex:1;min-width:0;display:grid;gap:4px}.boss51-tab-copy small{font-size:8px;font-weight:800;color:#d1ab76;letter-spacing:.8px}.boss51-tab-copy strong{font:normal clamp(14px,1.2vw,19px)/1.15 Georgia,serif;white-space:normal}.boss51-tab-copy em{font-size:9px;color:#aebcc1;font-style:normal;letter-spacing:.6px}.boss51-portrait-tab>b{padding-right:12px;color:#d3ae71;font-size:17px}
.boss51-dossier{--boss-accent:#89cbd6;--boss-ink:#163039;overflow:hidden;border:1px solid color-mix(in srgb,var(--boss-accent) 65%,#334550);border-radius:16px;background:#172329;box-shadow:0 24px 58px #0006;min-width:0}
.boss51-dossier-marlow{--boss-accent:#7bc7d3;--boss-ink:#113844}.boss51-dossier-bellini{--boss-accent:#e3b47e;--boss-ink:#442e36}.boss51-dossier-violet{--boss-accent:#d4a5d8;--boss-ink:#412541}.boss51-dossier-ferraro{--boss-accent:#dc9881;--boss-ink:#492a24}.boss51-dossier-consul{--boss-accent:#e3d3a8;--boss-ink:#333a3a}
.boss51-scene{position:relative;overflow:hidden;isolation:isolate;height:360px;background:linear-gradient(115deg,var(--boss-ink),#111821);border-bottom:1px solid color-mix(in srgb,var(--boss-accent) 38%,#34424b)}.boss51-scene:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(0deg,#131b22 0,transparent 65%),linear-gradient(90deg,#111821 0,transparent 50%),url('assets/scenes/docks.webp');background-size:cover;background-position:center;opacity:.73;filter:saturate(.8)}.boss51-scene-bellini:before{background-image:linear-gradient(0deg,#171620 0,transparent 65%),linear-gradient(90deg,#111821 0,transparent 50%),url('assets/scenes/bar.webp')}.boss51-scene-violet:before{background-image:linear-gradient(0deg,#201a2b 0,transparent 65%),linear-gradient(90deg,#111821 0,transparent 50%),url('assets/scenes/club.webp')}.boss51-scene-ferraro:before{background-image:linear-gradient(0deg,#2a1b21 0,transparent 65%),linear-gradient(90deg,#111821 0,transparent 50%),url('assets/scenes/hotel.webp')}.boss51-scene-consul:before{background-image:linear-gradient(0deg,#141921 0,transparent 65%),linear-gradient(90deg,#111821 0,transparent 50%),url('assets/scenes/hills.webp')}
.boss51-scene-portrait{position:absolute;right:1%;top:-18%;bottom:-8%;width:55%;mask-image:linear-gradient(90deg,transparent 0,#000 40%)}.boss51-scene-portrait .gangster-face{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:contrast(1.11) saturate(.89);animation:boss51Float 6s ease-in-out infinite alternate}.boss51-scene-top{position:absolute;top:25px;left:29px;color:var(--boss-accent);font-weight:850;font-size:10px;letter-spacing:2px;text-shadow:0 2px 10px #000}.boss51-scene-caption{position:absolute;left:29px;bottom:28px;z-index:2;max-width:60%;text-shadow:0 4px 14px #05090b}.boss51-scene-caption>span{color:var(--boss-accent);letter-spacing:2px;font-size:10px;font-weight:850}.boss51-scene-caption h2{font:normal clamp(33px,3.6vw,57px)/1.02 Georgia,serif;color:#fcefe2;margin:10px 0}.boss51-scene-caption p{font:italic clamp(13px,1.4vw,19px) Georgia,serif;color:var(--boss-accent);line-height:1.4;margin:0}.boss51-sigil{position:absolute;right:20px;top:10px;font:45px Georgia,serif;color:var(--boss-accent);opacity:.5}
.boss51-dossier-body{padding:25px 30px 29px}.boss51-dossier-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.boss51-dossier-summary p{font-size:13px;line-height:1.7;color:#c3cdd0;max-width:560px;margin:0 0 19px}.boss51-state{white-space:nowrap;color:var(--boss-accent);font-size:11px;font-weight:850}.boss51-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.boss51-stat-grid>div{padding:14px 12px;border-radius:9px;background:#0d171f;border:1px solid #354650}.boss51-stat-grid small,.boss51-footer small{display:block;color:#a6b3bb;font-size:9px;font-weight:800;letter-spacing:1px}.boss51-stat-grid strong{display:block;margin-top:6px;color:#f5d6a0;font:24px Georgia,serif}.boss51-warning{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#171d22;border:1px solid #68503b;border-radius:8px;padding:12px 14px;margin:15px 0;color:#c4bbb1;font-size:11px}.boss51-warning>div{display:flex;flex-wrap:wrap;gap:10px}.boss51-warning b{color:#e9bb7c}.boss51-warning strong{color:var(--boss-accent)}
.boss51-tactical{margin-top:23px}.boss51-tactical p{color:#a8b8bf;font-size:12px;margin:4px 0 13px}.boss51-tactics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.boss51-tactic{cursor:pointer;text-align:left;padding:13px 14px;border:1px solid #3b4b54;border-radius:9px;background:#111b23;color:#dce5e8;transition:.18s}.boss51-tactic span{display:block;font-weight:750;font-size:13px}.boss51-tactic small{display:block;margin-top:5px;line-height:1.35;color:#afbec2}.boss51-tactic:hover{border-color:#b99c6c;transform:translateY(-2px)}.boss51-tactic.active{border-color:var(--boss-accent);background:color-mix(in srgb,var(--boss-accent) 13%,#111b23);box-shadow:inset 3px 0 var(--boss-accent)}
.boss51-intel{display:flex;gap:18px;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#24343b,#152129);padding:16px;border:1px solid #435a64;border-radius:10px;margin:18px 0}.boss51-intel b{color:#f2d5a6}.boss51-intel p{font-size:11px;margin:5px 0 0;color:#bdc7c8;line-height:1.5}.boss51-intel .btn{flex-shrink:0}.boss51-footer{display:flex;justify-content:space-between;align-items:center;gap:17px;padding-top:15px;border-top:1px solid #3c4a50}.boss51-footer strong{display:block;font:30px Georgia,serif;color:#f8d9a3}.boss51-footer span{display:block;color:#abb7bb;font-size:11px}.boss51-footer em{display:block;color:#a1d2a7;font-size:11px;margin-top:5px}.boss51-footer>.btn{min-width:185px;min-height:50px}.boss51-footer .syn1711-boss-cost{margin-top:7px;font-size:10px;letter-spacing:.4px;color:#c9b08a}
.boss51-rewards{padding:26px 0;margin-top:22px}.boss51-rewards h2{font:normal 35px Georgia,serif;margin:8px 0;color:#f3e6d7}.boss51-rewards p{color:#a7b8bc;font-size:12px}.boss51-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.boss51-milestone{border:1px solid #344750;background:linear-gradient(125deg,#1d2b32,#131d25);padding:18px;border-radius:12px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center}.boss51-milestone.ready{border-color:#c9a26d}.boss51-milestone.done{background:#172821;border-color:#456656}.boss51-milestone-num{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid #b89864;color:#eac58a;font:30px Georgia,serif}.boss51-milestone small{font-size:8px;color:#d9b988;letter-spacing:1px}.boss51-milestone h3{font:22px Georgia,serif;margin:3px 0}.boss51-milestone p{font-size:11px;margin:0}.boss51-milestone .btn{grid-column:1/-1;width:100%}
@keyframes boss51Float{from{transform:translateY(0) scale(1.01)}to{transform:translateY(-8px) scale(1.035)}}
@media(max-width:1060px){.boss51-layout{grid-template-columns:1fr}.boss51-roster{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.boss51-roster>.eyebrow{grid-column:1/-1}.boss51-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.boss51-intro{grid-template-columns:1fr;min-height:285px}.boss51-intro>div:first-child{padding:27px 20px}.boss51-intro h1{font-size:43px}.boss51-intro-art{position:absolute;right:-15%;top:0;bottom:0;width:70%;opacity:.28}.boss51-weekly{align-items:flex-start;flex-direction:column;padding:16px}.boss51-weekly-actions{width:100%;justify-content:space-between}.boss51-roster{grid-template-columns:1fr 1fr;gap:8px;padding:9px}.boss51-roster>.eyebrow{padding-left:4px}.boss51-portrait-tab{min-height:100px;gap:7px}.boss51-tab-art{width:60px;height:100px}.boss51-tab-copy small{font-size:7px;letter-spacing:0}.boss51-tab-copy strong{font-size:13px}.boss51-tab-copy em{font-size:8px}.boss51-portrait-tab>b{display:none}.boss51-scene{height:290px}.boss51-scene-caption{left:17px;bottom:18px;max-width:76%}.boss51-scene-caption h2{font-size:34px}.boss51-scene-portrait{width:76%;right:-7%;opacity:.85}.boss51-scene-top{left:17px;top:14px;font-size:8px}.boss51-dossier-body{padding:17px}.boss51-dossier-summary{display:block}.boss51-state{display:block;margin-bottom:10px}.boss51-stat-grid{grid-template-columns:repeat(2,1fr)}.boss51-warning{display:block}.boss51-warning>span{display:block;margin-top:9px}.boss51-intel{display:block}.boss51-intel .btn{margin-top:12px;width:100%}.boss51-footer{align-items:stretch;flex-direction:column}.boss51-footer>.btn{width:100%}.boss51-reward-grid{grid-template-columns:1fr}.boss51-rewards h2{font-size:29px}}
@media(max-width:360px){.boss51-roster{grid-template-columns:1fr}.boss51-portrait-tab{min-height:72px}.boss51-tab-art{height:74px}.boss51-tactics{grid-template-columns:1fr}.boss51-scene-caption h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.boss51-scene-portrait .gangster-face{animation:none}.boss51-portrait-tab:hover,.boss51-tactic:hover{transform:none}}

.syn52-settings-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.topbar-actions .music-header-toggle,.topbar-actions .notification-bell,.topbar-actions button[data-view="settings"]{transition:border-color .24s ease,background .24s ease,transform .24s ease!important}
.syn52-hour-marks{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
.syn52-hour-marks button{min-width:0;height:39px;border:1px solid #344853;background:#12202b;color:#c9d4d8;border-radius:9px;font-size:13px;font-weight:700;padding:0;touch-action:manipulation}
.syn52-hour-marks button.active{color:#21190e;border-color:#e4bb79;background:linear-gradient(135deg,#f1d29c,#c99c58);box-shadow:0 0 0 2px #cda05a2a}
.syn52-hour-marks button:not(.active):hover{background:#25353f;color:#ffe1b5;border-color:#ad8753}
.syn-inventory-item{transition:background-color .2s ease,border-color .2s ease;min-height:120px}
.syn-inventory-grid{align-content:start}
.syn-item-detail{min-width:0;position:sticky;top:93px;align-self:start}
.syn-inventory-main{min-width:0}
.syn-inventory-quick .btn[disabled]{opacity:.36}
.syn52-confirm-backdrop{position:fixed;inset:0;z-index:250;background:rgba(3,7,12,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;animation:syn52Enter .24s ease both}
.syn52-confirm-dialog{width:min(470px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(150deg,#1c2b35,#0f1b26);border:1px solid #bd965e;border-radius:19px;box-shadow:0 30px 90px #000b;padding:27px;animation:syn52Rise .28s ease-out both}
.syn52-confirm-eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#ebc38a}
.syn52-confirm-dialog h2{font:normal 31px/1.2 Georgia,serif;color:#fbe3be;margin:13px 0}
.syn52-confirm-description{color:#c6d4db;font-size:14px;line-height:1.7;margin:0 0 23px}
.syn52-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.syn52-confirm-actions .btn{min-width:130px;min-height:43px}
@keyframes syn52Enter{from{opacity:0}to{opacity:1}}
@keyframes syn52Rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.combat-character,.combat-avatar,.combat-damage{will-change:transform,opacity}
.combat-feed{contain:layout paint}
.combat-hp-track i{transition:width .62s cubic-bezier(.2,.75,.25,1)!important}
@media (max-width:850px){
 .topbar{height:103px!important;min-height:103px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:49px 48px;grid-template-areas:'logo actions' 'stats stats';column-gap:8px;row-gap:0;padding:0 14px 5px!important;align-content:center;align-items:center;position:sticky;z-index:30;background:linear-gradient(180deg,#111d27ee,#0c1721f5)!important}
 .topbar-label{display:none!important}
 .topbar .mobile-brand{grid-area:logo;display:flex!important;align-items:center;justify-self:start;padding:0;min-width:0;max-width:100%;font-size:17px!important;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .resources{grid-area:stats;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;min-width:0;margin:0!important;padding:4px 0 0;border-top:1px solid #b69b6b25}
 .topbar .resources>div{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0!important;overflow:hidden;border-radius:8px;background:#15232db3;padding:4px 2px!important}
 .topbar .resources small{font-size:9px!important;letter-spacing:.6px;color:#aebbc2;line-height:1.15}
 .topbar .resources strong{font-size:15px!important;letter-spacing:0;color:#f6d399;line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .topbar .topbar-actions{grid-area:actions;display:flex;align-items:center;justify-self:end;margin:0!important;gap:7px!important;min-width:0}
 .topbar .topbar-actions .vip-header-badge,.topbar .topbar-actions .top-logout{display:none!important}
 .topbar .topbar-actions .notification-bell,.topbar .topbar-actions .music-header-toggle,.topbar .topbar-actions button[data-view="settings"]{display:inline-flex!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px!important;padding:0!important;flex:none!important}
 .syn-item-detail{position:static}
}
@media (max-width:420px){
 .topbar{padding-left:10px!important;padding-right:10px!important;grid-template-rows:48px 48px}
 .topbar .mobile-brand{font-size:15px!important}
 .topbar .topbar-actions{gap:5px!important}
 .topbar .topbar-actions .notification-bell,.topbar .topbar-actions .music-header-toggle,.topbar .topbar-actions button[data-view="settings"]{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
 .topbar .resources strong{font-size:14px!important}
 .topbar .resources small{font-size:8px!important}
 .syn52-hour-marks{gap:3px}
 .syn52-hour-marks button{height:36px;font-size:12px;border-radius:7px}
 .syn52-confirm-dialog{padding:20px}
 .syn52-confirm-dialog h2{font-size:27px}
}
@media(max-width:340px){.topbar .mobile-brand{font-size:13px!important}.topbar .topbar-actions{gap:3px!important}.topbar .topbar-actions .notification-bell,.topbar .topbar-actions .music-header-toggle,.topbar .topbar-actions button[data-view="settings"]{width:33px!important;height:35px!important;min-width:33px!important;min-height:35px!important}}
@media(prefers-reduced-motion:reduce){.syn52-confirm-backdrop,.syn52-confirm-dialog{animation:none!important}.syn52-hour-marks button{transition:none!important}.combat-hp-track i{transition:none!important}}
@media(max-width:640px){

 .syn-home .syn-hero-profile>.syn-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .syn-home .syn-profile-stat-grid>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;padding:9px 8px;min-height:37px}
 .syn-home .syn-profile-stat-grid small{min-width:0;font-size:10px!important;white-space:normal;overflow-wrap:normal}
 .syn-home .syn-profile-stat-grid strong{font-size:14px!important;white-space:nowrap}
 .syn-home .syn-profile-stat-grid>div>span{font-size:14px}
}

.syn53-armory{max-width:1500px;margin:0 auto 45px;display:grid;gap:15px}
.syn53-armory-title{border:1px solid #786344;border-radius:15px;background:linear-gradient(105deg,#182b35,#0e1b26 65%,#30281e);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.syn53-armory-title h1{font:clamp(28px,3vw,44px)/1.1 Georgia,serif;margin:8px 0;color:#f7e6ca}
.syn53-armory-title p{margin:0;color:#b5c0c3;font-size:13px}
.syn53-tabs{background:#101d26;border:1px solid #344b53;border-radius:12px;overflow-x:auto;display:flex;flex-wrap:nowrap;scrollbar-width:thin}
.syn53-tabs button{min-width:max-content;padding:15px 19px}
.syn53-armory-layout{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(380px,1fr);align-items:stretch;gap:15px}
.syn53-paperdoll,.syn53-bag{min-width:0;border-radius:16px;border:1px solid #425457;background:linear-gradient(154deg,#1a2c32,#0f1b25 69%,#111a24);box-shadow:0 20px 50px #0005;overflow:hidden}
.syn53-card-heading{padding:23px 23px 0}.syn53-card-heading>strong{display:block;font:clamp(27px,2.6vw,36px)/1.1 Georgia,serif;color:#f5ddaf;margin:6px 0}
.syn53-card-heading>small{display:block;color:#b9c3c4;margin-bottom:12px}.syn53-card-heading progress{width:100%}
.syn53-doll-grid{display:grid;grid-template-columns:minmax(90px,1fr) minmax(150px,1.32fr) minmax(90px,1fr);gap:8px;align-items:center;padding:16px 12px}
.syn53-figure{position:relative;min-width:0;align-self:stretch;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#b38c5633,transparent 60%),linear-gradient(160deg,#182e36,#09141d);border:1px solid #856b465e;border-radius:14px;overflow:hidden;min-height:355px}
.syn53-figure .syn-avatar-vector{width:100%;height:auto;max-height:430px;display:block}
.syn53-figure-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1.6px;color:#efce9a;background:#101820d9;padding:4px 2px}
.syn53-left-slots,.syn53-right-slots{display:grid;gap:12px;align-items:stretch;align-content:center}
.syn53-gear-slot{min-width:0;min-height:135px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:6px;padding:12px 8px;border:1px solid #536166;background:linear-gradient(160deg,#22323a,#0b1822);color:#eee4d2;border-radius:11px;text-align:center;cursor:pointer;transition:.17s ease}
.syn53-gear-slot:not(:disabled):hover{border-color:#e2b973;transform:translateY(-2px);background:#2a3637}
.syn53-slot-icon{font-size:30px;line-height:1.2}.syn53-gear-slot span:not(.syn53-slot-icon){display:grid;gap:3px;width:100%;min-width:0}
.syn53-gear-slot small{color:#b6beae;font-size:10px}.syn53-gear-slot strong{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.syn53-gear-slot em{font-size:10px;color:#e7b973;font-style:normal;line-height:1.4}
.syn53-gear-slot.legendary{border-color:#deae55}.syn53-gear-slot.epic{border-color:#aa78ce}.syn53-gear-slot.rare{border-color:#6ca8ce}
.syn53-doll-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 17px 15px}
.syn53-doll-stats>div{min-width:0;padding:10px;background:#0c1922;border:1px solid #32444a;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.syn53-doll-stats span{color:#d5ab67}.syn53-doll-stats small{color:#aab8ba;font-size:10px;flex:1}.syn53-doll-stats strong{color:#f3cd8d;font-size:13px}.syn53-bag{display:flex;flex-direction:column}
.syn53-bag-top{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 12px;gap:15px}.syn53-bag-top h2{font:29px Georgia,serif;margin:6px 0}.syn53-bag-top h2 small{font:12px system-ui;color:#a3b6b8}
.syn53-bag-top p{font-size:12px;color:#a9bbc0;max-width:340px}.syn53-bag-top>strong{color:#edca92;white-space:nowrap}
.syn53-bag-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 13px}.syn53-bag-actions .btn{font-size:11px}
.syn53-bag-filters{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;background:#0c1820;padding:13px 20px}.syn53-bag-filters .syn-inventory-filters{gap:5px;display:flex;flex-wrap:wrap}
.syn53-bag-filters .syn-inventory-controls{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:12px 0 0;gap:8px}
.syn53-bag-filters label{font-size:10px;min-width:120px}
.syn53-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:9px;padding:18px;max-height:565px;overflow:auto;scrollbar-width:thin}
.syn53-inventory-grid .syn-inventory-item{min-width:0;min-height:130px;margin:0;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:4px;padding:12px 6px}
.syn53-inventory-grid .syn-item-art{font-size:28px}.syn53-inventory-grid b{font-size:11px;overflow-wrap:anywhere}.syn53-inventory-grid small{font-size:9px}
.syn-player-overlay{position:fixed;inset:0;background:#02070dcb;z-index:9996;display:grid;place-items:center;backdrop-filter:blur(7px);padding:16px}
.syn-player-dialog{width:min(740px,100%);max-height:calc(100dvh - 30px);overflow:auto;border:1px solid #9b7950;border-radius:16px;background:linear-gradient(140deg,#1b2a32,#0b141d);box-shadow:0 36px 100px #000a;color:#f4e9d4;padding:22px}
.syn-player-dialog header{display:flex;justify-content:space-between;align-items:center}.syn-player-dialog header button{background:#26353e;color:#fff;border:1px solid #65767d;width:39px;height:39px;border-radius:8px;font-size:24px;cursor:pointer}
.syn-player-head{display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px;align-items:center;margin:16px 0 20px}
.syn-player-head h2{font:clamp(25px,3vw,39px) Georgia,serif;margin:8px 0 16px}.syn-player-portrait{min-width:0}.syn-player-portrait svg{display:block;width:100%;height:auto;border:1px solid #a58953;border-radius:10px}
.syn-player-metrics{display:flex;flex-wrap:wrap;gap:9px}.syn-player-metrics span{font-size:12px;padding:9px;border:1px solid #4c5e62;border-radius:7px;background:#111d26}.syn-player-metrics b{color:#f5cb88}
.syn-player-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.syn-player-gear{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.syn-player-gear>div{display:grid;gap:4px;background:#101d27;border:1px solid #34484b;border-radius:9px;padding:12px}.syn-player-gear span{font-size:10px;color:#b5c5ca}.syn-player-gear b{font-size:13px}
.chat-line .syn-chat-user,.syn-public-name{color:#f5d29a;border:0;padding:0;background:none;text-align:left;font:inherit;font-weight:700;cursor:pointer}.chat-line .syn-chat-user:hover,.syn-public-name:hover{text-decoration:underline;color:#fff}
.syn-combat-player-avatar .syn-avatar-vector{height:100%;width:100%;object-fit:contain}.syn-combat-gear-strip{display:flex;gap:6px;align-items:center;justify-content:center;min-height:28px;margin-top:4px}.syn-combat-gear-strip span{padding:2px 7px;border:1px solid #95744990;border-radius:5px;background:#141d23;color:#ecc88f}
@media(max-width:1100px){.syn53-armory-layout{grid-template-columns:1fr}.syn53-doll-grid{grid-template-columns:minmax(115px,1fr) minmax(175px,1.3fr) minmax(115px,1fr)}.syn53-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:460px}}
@media(max-width:700px){.syn53-armory-title{padding:16px;align-items:start;flex-direction:column}.syn53-card-heading{padding:16px 15px 0}.syn53-doll-grid{grid-template-columns:minmax(72px,1fr) minmax(130px,1.55fr) minmax(72px,1fr);padding:12px 6px;gap:5px}.syn53-figure{min-height:240px}.syn53-gear-slot{min-height:110px;padding:8px 3px}.syn53-slot-icon{font-size:24px}.syn53-gear-slot strong{font-size:10px}.syn53-gear-slot small,.syn53-gear-slot em{font-size:9px}.syn53-doll-stats{margin:0 8px 12px;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.syn53-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:420px;padding:10px;gap:6px}.syn53-bag-filters{padding:12px}.syn53-bag-top{padding:18px 15px 10px}.syn-player-head{grid-template-columns:125px minmax(0,1fr);gap:12px}.syn-player-dialog{padding:15px}.syn-player-metrics{gap:5px}.syn-player-metrics span{padding:5px;font-size:10px}.syn-player-gear{grid-template-columns:1fr}.syn53-tabs button{padding:12px 14px}}
@media(max-width:370px){.syn53-doll-grid{grid-template-columns:71px minmax(100px,1fr) 71px;gap:3px}.syn53-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syn53-gear-slot em{display:none}.syn-player-head{grid-template-columns:1fr}.syn-player-portrait{width:135px;margin:auto}}
@media(prefers-reduced-motion:reduce){.syn53-gear-slot{transition:none}.syn53-gear-slot:hover{transform:none}}.syn66-view-gangs .tile h3{margin-bottom:8px}.syn66-view-gangs .card-grid{align-items:stretch}

:root{--syn54-gold:#e6ba73;--syn54-gold-soft:#be9159;--syn54-edge:rgba(201,156,89,.45);--syn54-night:#0a141c;--syn54-panel:#101f2a;--syn54-text:#f5e7ca;--syn54-muted:#adbec8}
body[data-section=profile] .content,body[data-section=gear] .content{max-width:1640px;width:100%;padding-top:18px}
.syn54-armory{gap:13px;max-width:1570px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.syn54-armory .syn-eyebrow,.syn54-armory .eyebrow{letter-spacing:1.9px;color:var(--syn54-gold);font-size:10px;font-weight:800}
.syn54-armory-title{position:relative;isolation:isolate;min-height:138px;padding:22px 26px;background:linear-gradient(90deg,rgba(5,15,24,.97) 0%,rgba(5,15,24,.87) 54%,rgba(29,29,24,.60) 100%),url('assets/city-noir.webp') center 56% / cover;border:1px solid var(--syn54-edge);box-shadow:inset 0 0 45px #070b13a6,0 18px 40px #02080c52;overflow:hidden}
.syn54-armory-title::before{position:absolute;content:"";inset:10px;opacity:.22;pointer-events:none;border:1px solid #c29a60;border-radius:9px;clip-path:polygon(0 0,60px 0,60px 2px,calc(100% - 60px) 2px,calc(100% - 60px) 0,100% 0,100% 100%,0 100%)}
.syn54-armory-title h1{font-family:Georgia,"Times New Roman",serif;color:var(--syn54-text);font-size:clamp(30px,3vw,48px);letter-spacing:-1px;margin:8px 0}
.syn54-armory-title p{font-size:13px;color:#c8d2d2}
.syn54-armory .btn{border-radius:9px;min-height:38px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.syn54-armory .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #0006}
.syn54-armory .btn.primary{background:linear-gradient(130deg,#f7dba4,#c0904e);color:#17120d;border:1px solid #ffe2a6;font-weight:750}
.syn54-armory .btn.ghost{border:1px solid #766951;background:linear-gradient(135deg,#1c3037,#111b22);color:#f1ddbc}
.syn54-armory .btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.5)}
.syn54-armory .syn53-tabs{background:linear-gradient(90deg,#102531,#0d1a26);border-color:#32505b;box-shadow:inset 0 1px #ffffff0b}
.syn54-armory .syn53-tabs button{position:relative;border-radius:0;font-weight:650;transition:background .16s ease,color .16s ease;color:#d5dfe1}
.syn54-armory .syn53-tabs button.active{background:linear-gradient(#5d4a3038,#211c19a8);color:#f6ce84;box-shadow:inset 0 -3px #e9bb70}
.syn54-armory .syn53-tabs button:hover{background:#243742}
.syn54-armory .syn53-paperdoll,.syn54-armory .syn54-bag{border:1px solid #8b71527d;border-radius:14px;background:radial-gradient(circle at 50% 25%,#25404b38,transparent 57%),linear-gradient(140deg,#142b36,#0c1923 78%);box-shadow:inset 0 1px #ffffff11,0 15px 35px #0006}
.syn54-armory .syn53-card-heading{padding:22px 20px 0}
.syn54-armory .syn53-card-heading>strong{color:#ffe1a7;font-size:clamp(29px,2.5vw,37px);margin:4px 0}
.syn54-armory .syn53-card-heading>small{font-size:12px;color:#c2c8ca}
.syn54-armory progress{accent-color:#d0a15d;border-radius:99px;height:9px}
.syn54-armory .syn53-doll-grid{grid-template-columns:minmax(97px,.92fr) minmax(165px,1.43fr) minmax(97px,.92fr);gap:9px;padding:17px 13px 14px;align-items:stretch}
.syn54-armory .syn53-left-slots,.syn54-armory .syn53-right-slots{align-content:stretch;grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}
.syn54-armory .syn53-gear-slot{min-height:125px;justify-content:center;gap:3px;padding:8px 6px;border-color:#52616b;box-shadow:inset 0 1px 1px #ffffff10;background:linear-gradient(155deg,#142836,#0b161e 80%);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.syn54-armory .syn53-gear-slot.is-empty{border-color:#9b7a4a77}
.syn54-armory .syn53-gear-slot.is-empty .syn54-item-img{opacity:.26;filter:grayscale(.8)}
.syn54-armory .syn53-gear-slot.is-equipped{background:linear-gradient(160deg,#1b3140,#0b1923)}
.syn54-armory .syn53-gear-slot.epic{border-color:#be7ddb}
.syn54-armory .syn53-gear-slot.legendary{border-color:#efbf65}
.syn54-armory .syn53-gear-slot.rare{border-color:#61b7e9}
.syn54-armory .syn53-slot-icon{font-size:0;line-height:0;width:100%;height:64px;display:grid;place-items:center;min-height:0}
.syn54-item-img{width:100%;max-width:102px;height:75px;display:block;object-fit:contain;filter:drop-shadow(0 8px 5px #0009);user-select:none;pointer-events:none}
.syn54-armory .syn53-gear-slot .syn54-item-img{height:64px}
.syn54-armory .syn53-gear-slot span:not(.syn53-slot-icon){display:grid;gap:2px}
.syn54-armory .syn53-gear-slot small{color:#b6c8cd;font-size:10px}
.syn54-armory .syn53-gear-slot strong{color:#f8edda;font-size:11px;line-height:1.24;font-weight:750}
.syn54-armory .syn53-gear-slot em{font-size:10px;color:#e2b56f;font-weight:600}
.syn54-armory .syn53-gear-slot:not(:disabled):hover{border-color:#ecc786;background:#1e3340}
.syn54-armory .syn53-figure{min-height:390px;position:relative;isolation:isolate;border:1px solid #ba8a51;border-radius:10px;background:radial-gradient(ellipse at center 40%,#b99a6340,transparent 64%),linear-gradient(135deg,#1e3842,#0a151d);box-shadow:inset 0 0 0 4px #08151a,0 0 0 1px #d6ae6552;overflow:hidden}
.syn54-armory .syn53-figure::before{position:absolute;content:"";inset:10px;border:1px solid #a68950;opacity:.6;pointer-events:none;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.syn54-armory .syn53-figure .syn-avatar-vector{max-height:none;min-height:340px;align-self:center;filter:drop-shadow(0 8px 22px #0005);transform:scale(1.1) translateY(-7px)}
.syn54-armory .syn53-figure-caption{z-index:3;bottom:9px;left:10px;right:10px;display:grid;gap:4px;padding:9px 5px 10px;background:linear-gradient(160deg,#07121bf5,#211b18eb);border:1px solid #ba8d4b;box-shadow:0 3px 8px #0007}
.syn54-armory .syn53-figure-caption small{font-size:8px;letter-spacing:2px;color:#c8aa79}
.syn54-armory .syn53-figure-caption b{font:19px Georgia,serif;color:#f2d4a4;letter-spacing:0}
.syn54-armory .syn53-doll-stats{gap:7px;margin:0 13px 15px}
.syn54-armory .syn53-doll-stats>div{min-height:40px;padding:8px;border-radius:8px;background:#091823a8;border-color:#3d5761}
.syn54-armory .syn53-doll-stats span{color:#e7b66f;font-size:14px}
.syn54-armory .syn53-doll-stats small{font-size:11px;color:#c7d4d7}
.syn54-armory .syn53-doll-stats strong{font-size:13px;color:#f7d18c}
.syn54-armory .syn54-bag{min-width:0}
.syn54-armory .syn53-bag-top{padding:20px 19px 12px}
.syn54-armory .syn53-bag-top h2{font-size:clamp(28px,2.4vw,38px);color:#f4e2c1}
.syn54-armory .syn53-bag-top h2 small{color:#c7d1d2}
.syn54-armory .syn53-bag-top p{color:#b4c3c8}
.syn54-armory .syn53-bag-top>strong{font-size:17px}
.syn54-armory .syn53-bag-actions{padding:0 18px 15px}
.syn54-armory .syn53-bag-actions .btn:first-child{background:linear-gradient(110deg,#f6d493,#bf8c47);color:#15100a;border-color:#f8dea8;font-weight:750}
.syn54-armory .syn53-bag-filters{padding:13px 15px;background:linear-gradient(120deg,#0b1c26,#09141e);border-color:#30434a}
.syn54-armory .syn-inventory-filters button{border:1px solid #46616b;border-radius:7px;color:#d2dbde;background:#0b1b25;padding:8px 9px;font-size:11px}
.syn54-armory .syn-inventory-filters button.selected{border-color:#f4ce8a;background:#d1a364;color:#1a1411}
.syn54-armory .syn-inventory-controls label{font-size:11px;color:#bac8cd}
.syn54-armory .syn-inventory-controls select{border:1px solid #52616c;border-radius:8px;background:#101b24;color:#f1e7d5;font-size:12px;min-height:35px}
.syn54-armory .syn54-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px;max-height:590px}
.syn54-armory .syn54-inventory-grid .syn-inventory-item{position:relative;min-height:168px;gap:3px;padding:9px 5px;border-radius:10px;border:1px solid #415563;background:radial-gradient(circle at 50% 5%,#495e6540,transparent 62%),linear-gradient(#142631,#091721);color:#eee5d6;box-shadow:inset 0 1px #ffffff0a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.syn54-armory .syn54-inventory-grid .syn-inventory-item:hover{transform:translateY(-2px);border-color:#eac184;box-shadow:0 7px 13px #0006}
.syn54-armory .syn54-inventory-grid .syn-inventory-item.selected{border-color:#f6d593;box-shadow:0 0 0 2px #d9ad6255,inset 0 0 25px #d9ad6215}
.syn54-armory .syn54-inventory-grid .syn-inventory-item.rare{border-color:#45a7d3}
.syn54-armory .syn54-inventory-grid .syn-inventory-item.epic{border-color:#b47fdb}
.syn54-armory .syn54-inventory-grid .syn-inventory-item.legendary{border-color:#e2ad50}
.syn54-armory .syn54-inventory-grid .syn-item-art{display:block;width:100%;height:83px;font-size:0;line-height:0}
.syn54-armory .syn54-inventory-grid .syn54-item-img{max-width:124px;width:100%;height:83px;margin:0 auto}
.syn54-armory .syn54-inventory-grid .syn-inventory-item b{font-size:11px;font-weight:700;color:#f8e8cc;line-height:1.25}
.syn54-armory .syn54-inventory-grid .syn-inventory-item small{font-size:10px;color:#c7d3d3}
.syn54-armory .syn54-inventory-grid .syn-item-rarity{color:#75caee!important}
.syn54-armory .syn54-inventory-grid .epic .syn-item-rarity{color:#d2a0fa!important}
.syn54-armory .syn54-inventory-grid .legendary .syn-item-rarity{color:#f6cd78!important}
.syn54-armory .syn54-inventory-grid .syn-inventory-item em{color:#f3c57b;font-style:normal;font-weight:750;font-size:10px;letter-spacing:.4px}

.syn54-close,.chat-dock-head>.syn54-close,.syn-player-dialog header button,.notif-close,.mobile-more-title button,.guide-title .syn54-close{display:inline-grid!important;place-items:center!important;flex:0 0 36px;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;line-height:0!important;vertical-align:middle;border:1px solid #977957!important;border-radius:10px!important;background:linear-gradient(145deg,#283640,#121c23)!important;color:#f5deb4!important;cursor:pointer;box-shadow:inset 0 1px #ffffff14;transition:background .16s ease,transform .16s ease!important}
.syn54-close svg,.syn-player-dialog header button svg,.notif-close svg,.mobile-more-title button svg,.guide-title .syn54-close svg{height:20px!important;width:20px!important;display:block;flex:0 0 20px;stroke-linecap:round}
.syn54-close:hover,.syn-player-dialog header button:hover,.notif-close:hover,.mobile-more-title button:hover{background:#3a4650!important;transform:scale(1.03)}
.syn54-close:focus-visible,.syn54-armory button:focus-visible,.chat-dock button:focus-visible{outline:2px solid #f0c680;outline-offset:3px}
.chat-dock{width:min(404px,calc(100vw - 20px));height:min(585px,calc(100dvh - 110px));border-color:#937144;border-radius:18px;background:#0a1721;box-shadow:0 22px 80px #000d,inset 0 1px #ffffff13;overflow:hidden}
.chat-dock-head{padding:18px 18px 17px;background:linear-gradient(120deg,#192b35,#121d26);border-bottom:1px solid #705638;align-items:center}
.chat-dock-head strong{font:clamp(20px,2vw,24px)/1.1 Georgia,serif;color:#f7dfb1}
.chat-dock-head small{font-size:11px;color:#b8c4c5;margin-top:6px;display:block}
.chat-dock-tabs{background:#0a1822;padding:8px 10px;border-bottom:1px solid #31444a;gap:8px}
.chat-dock-tabs button{border-radius:8px;padding:10px 8px;font-size:12px;color:#bacad5;transition:background .16s}
.chat-dock-tabs button.active{background:#51412f;color:#ffe0a6;box-shadow:inset 0 -2px #e2b36e}
.chat-dock-messages{padding:15px 12px!important;background:linear-gradient(180deg,#08141d,#101c26)!important;scrollbar-width:thin;scrollbar-color:#806b4e #1b2933}
.chat-dock-messages .chat-line{width:max-content;min-width:min(165px,80%);max-width:88%;margin:0 auto 11px 0!important;padding:11px 12px!important;background:linear-gradient(130deg,#1b3140,#162632)!important;border:1px solid #496171!important;border-radius:13px 13px 13px 5px!important;box-shadow:0 3px 10px #0004}
.chat-dock-messages .chat-line.mine{margin:0 0 11px auto!important;background:linear-gradient(130deg,#483b2e,#302920)!important;border-color:#8d7049!important;border-radius:13px 13px 5px 13px!important}
.chat-line>div{gap:8px!important;align-items:baseline!important;flex-wrap:wrap}
.syn-chat-user{font-size:12px!important;font-weight:800;color:#edc78e!important;padding:0!important;text-decoration:none!important}
.chat-line small{margin-left:auto;font-size:10px;color:#aebabe}
.chat-line p{font-size:13px;color:#f4f2ed;line-height:1.45;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-dock-send{padding:12px;background:#10212b;border-top:1px solid #48606a;gap:9px}
.chat-dock-send input{min-height:43px;background:#09161f;border:1px solid #52616c;border-radius:11px;font-size:13px;padding:10px 12px}
.chat-dock-send input::placeholder{color:#899da5}
.chat-dock-send>button{height:43px;width:46px;min-width:46px;display:grid;place-items:center;line-height:0;background:linear-gradient(125deg,#f2d397,#be8a44);border-radius:11px}
.chat-dock-send>button svg{width:22px;height:22px;display:block}
.syn-player-dialog header button{font-size:0!important}
.syn-player-dialog{border-color:#ae8951;box-shadow:0 26px 90px #000d}
@media(max-width:1210px){.syn54-armory .syn53-doll-grid{grid-template-columns:minmax(100px,1fr) minmax(210px,1.45fr) minmax(100px,1fr)}.syn54-armory .syn54-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:460px}}
@media(max-width:700px){.syn54-armory-title{padding:18px;min-height:130px}.syn54-armory-title h1{font-size:30px}.syn54-armory .syn53-doll-grid{grid-template-columns:minmax(77px,.9fr) minmax(126px,1.5fr) minmax(77px,.9fr);gap:5px;padding:12px 7px}.syn54-armory .syn53-gear-slot{min-height:113px;padding:6px 4px}.syn54-armory .syn53-gear-slot .syn54-item-img{height:47px}.syn54-armory .syn53-slot-icon{height:48px}.syn54-armory .syn53-gear-slot strong{font-size:9px}.syn54-armory .syn53-gear-slot small{font-size:9px}.syn54-armory .syn53-gear-slot em{font-size:9px}.syn54-armory .syn53-figure{min-height:315px}.syn54-armory .syn53-figure .syn-avatar-vector{min-height:280px;transform:scale(1.08) translateY(-5px)}.syn54-armory .syn53-figure-caption b{font-size:16px}.syn54-armory .syn54-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;max-height:410px}.syn54-armory .syn54-inventory-grid .syn-inventory-item{min-height:148px;padding:7px 4px}.syn54-armory .syn54-inventory-grid .syn-item-art,.syn54-armory .syn54-inventory-grid .syn54-item-img{height:69px}.syn54-armory .syn53-bag-top{padding:16px 13px 10px}.syn54-armory .syn53-bag-actions{padding:0 12px 12px}.chat-dock{height:min(560px,calc(100dvh - 160px))}}
@media(max-width:385px){.syn54-armory .syn53-doll-grid{grid-template-columns:68px minmax(114px,1fr) 68px;gap:4px}.syn54-armory .syn53-gear-slot{min-height:102px}.syn54-armory .syn53-gear-slot .syn54-item-img{height:40px}.syn54-armory .syn53-slot-icon{height:41px}.syn54-armory .syn53-gear-slot em{display:none}.syn54-armory .syn53-gear-slot strong{font-size:9px}.syn54-armory .syn53-figure{min-height:270px}.syn54-armory .syn54-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.syn54-armory .btn,.syn54-armory .syn53-gear-slot,.syn54-armory .syn54-inventory-grid .syn-inventory-item,.syn54-close{transition:none!important;animation:none!important}}

:root{--bg:#080c10;--surface:#10191e;--surface2:#19252d;--deep:#0b1218;--gold:#ecc784;--gold2:#bd8b49;--line:#4d402e;--text:#f6ebd8;--muted:#b7bfbe}
html{scroll-behavior:auto}body{background:radial-gradient(ellipse at 82% 0,#2a241a 0,transparent 38%),#080d12;color:#f3ede2}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(#dca85d08 1px,transparent 1px),linear-gradient(90deg,#dca85d08 1px,transparent 1px);background-size:90px 90px}
.sidebar{background:linear-gradient(180deg,#090f15ee,#101820f8),url('assets/noir56/contracts.webp') bottom center / 100% auto no-repeat;border-color:#5c452a;box-shadow:8px 0 45px #0006}
.sidebar .brand{background:radial-gradient(ellipse at top left,#ae75321b,transparent 70%);border-bottom:1px solid #7353338c}.sidebar .brand b{font-family:Georgia,serif;color:#f4e5ca}.logo-mark{background:linear-gradient(130deg,#2d2115,#060c11);border:1px solid #cea45d;box-shadow:0 0 15px #be8c3f31,inset 0 0 18px #bd8f4a1f}
.nav-btn{border-radius:5px;transition:background .2s,border-color .2s,color .2s}.nav-btn.active{box-shadow:inset 3px 0 #f6ce7a,0 0 18px #c7954a12;background:linear-gradient(90deg,#80603559,#1b2127);border-color:#9b7749;color:#ffde9c}
.nav-btn:hover{background:#41332277;border-color:#755a35;color:#f9e7c2}
.topbar{border-bottom:1px solid #71522e;background:linear-gradient(115deg,#0a1218f5,#151a1cee)!important;box-shadow:0 4px 25px #0007}
.resources>div{border-right:1px solid #a77b442f;padding-right:15px}.resources>div:last-child{border:0}.resources strong{color:#f0c987;font-family:Georgia,serif;font-size:20px}
.topbar-actions button:not(.top-logout){background:linear-gradient(150deg,#131e25,#070f16);border:1px solid #927048;border-radius:8px;color:#f2c987;box-shadow:inset 0 1px #efd39a20}
.topbar-actions .top-logout{border:1px solid #8b653c;background:#100f11;color:#f0cf95;border-radius:7px;min-height:39px}
.btn,.boss51 button{transition:transform .18s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn.primary{color:#21160d;background:linear-gradient(120deg,#ffdfa1,#c28e48);border:1px solid #f0c782;box-shadow:inset 0 1px #fff4c2a1,0 4px 16px #0005}
.btn:not(:disabled):hover,.boss51 button:not(:disabled):hover{filter:brightness(1.1)}
.btn:not(:disabled):active{transform:translateY(1px)}
.page-title,.syn54-armory-title,.syn-activity-banner,.syn-style-stage,.syn-bounty-intro{position:relative;isolation:isolate;background:linear-gradient(90deg,#09121be8 0%,#0c151edf 57%,#0a0e13aa 100%),url('assets/noir56/verona-city.webp') right center /cover!important;border:1px solid #947144;border-radius:12px;box-shadow:inset 0 0 0 4px #060e1566,0 14px 30px #0007;overflow:hidden}
.page-title::after,.syn54-armory-title::after,.syn-activity-banner::after{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid #d4a9652c}
.page-title{padding:28px 32px;min-height:148px;display:flex;flex-direction:column;justify-content:center}
.page-title h1,.syn54-armory-title h1{color:#fff1d7;font-family:Georgia,serif;font-weight:400;text-shadow:0 2px 9px #000b}
.page-title p{color:#e1d7c5}
.panel,.tile,.card,.syn53-paperdoll,.syn54-armory .syn53-paperdoll,.syn54-armory .syn54-bag{border-color:#6a553e88!important;background:linear-gradient(135deg,#162731,#0d1821 74%,#1a1c1b)!important;box-shadow:inset 0 1px #ffe4b40c,0 10px 28px #0003}
.tile{border-radius:11px}.tile:hover{border-color:#d7af6b;box-shadow:0 8px 24px #0009}

.syn54-armory-title{background:linear-gradient(90deg,#0a131df2,#0c151ad8 65%,#161c1c66),url('assets/noir56/verona-city.webp') right center/cover!important;min-height:180px}
.syn54-armory .syn53-figure{background:linear-gradient(0deg,#080e13df,#0e1e266e),url('assets/noir56/portrait.webp') 50% 40% /cover!important}
.syn54-armory .syn53-figure .syn-avatar-vector{filter:drop-shadow(1px 5px 13px #000) saturate(.9)}
.syn54-armory .syn54-bag,.syn54-armory .syn53-paperdoll{background:linear-gradient(150deg,#10212bcc,#09131aea)!important}
.syn54-armory .syn54-inventory-grid .syn-inventory-item{background:radial-gradient(circle at 50% 20%,#76604428,transparent 66%),linear-gradient(145deg,#172631,#0b1419)}

body[data-section=missions] .page-title{background:linear-gradient(90deg,#07111bf0,#0d151bd6),url('assets/noir56/docks.webp') 70% center /cover!important}
body[data-section=city] .page-title,body[data-section=street] .page-title{background:linear-gradient(90deg,#07111bea,#12191dc5),url('assets/noir56/verona-city.webp') center /cover!important}
body[data-section=bosses] .boss51-intro{background:linear-gradient(100deg,#07111beb,#09131cc9),url('assets/noir56/harbor.webp') center/cover!important;border-color:#a67c48}
body[data-section=bosses] .boss51-intro-art img{width:100%;height:100%;object-fit:cover;object-position:center}
body[data-section=bosses] .boss51-dossier-ferraro .boss51-scene{background:linear-gradient(90deg,#0a1119ed,#0a131c80),url('assets/noir56/don.webp') center/cover!important}
body[data-section=bosses] .boss51-dossier-marlow .boss51-scene{background:linear-gradient(90deg,#0a1119e5,#0a131c80),url('assets/noir56/harbor.webp') center/cover!important}
body[data-section=bosses] .boss51-dossier .boss51-scene-portrait>img:not(.gangster-face){width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 30%)}
body[data-section=bosses] .boss51-dossier .boss51-scene-portrait{top:0;bottom:0}
body[data-section=bosses] .boss51-scene-caption{max-width:66%;text-shadow:0 3px 16px #000}
body[data-section=bosses] .boss51-portrait-tab{border-color:#81603e;background:linear-gradient(100deg,#0e1e28,#0c1117);min-height:84px}
body[data-section=bosses] .boss51-portrait-tab.selected{background:linear-gradient(100deg,#3d3020,#131a21)}
body[data-section=heists] .page-title,body[data-section=bounties] .page-title{background:linear-gradient(90deg,#0b131bec,#121d218a),url('assets/noir56/docks.webp') center/cover!important}
body[data-section=activities] .syn-activity-banner{background:linear-gradient(90deg,#09121aea,#121618a8),url('assets/noir56/contracts.webp') center/cover!important}
body[data-section=shop] .page-title{background:linear-gradient(90deg,#09121beb,#111518bd),url('assets/noir56/don.webp') 65% center/cover!important}

.boss51-portrait-tab,.syn54-armory button,.nav-btn{transition-duration:.22s!important}
.boss51-scene-portrait .gangster-face{animation-duration:14s!important;will-change:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:700px){
 .page-title{min-height:130px;padding:19px}.page-title h1{font-size:31px}.syn54-armory-title{min-height:120px}
 body[data-section=bosses] .boss51-dossier .boss51-scene-portrait{width:60%;right:-9%}body[data-section=bosses] .boss51-scene-caption{max-width:74%}
}
body[data-section=missions] .tile{background:linear-gradient(155deg,#111d27ec,#0b141be7),url('assets/noir56/docks.webp') center/cover!important}
body[data-section=business] .tile{background:linear-gradient(155deg,#172832eb,#0a151ae8),url('assets/noir56/contracts.webp') center/cover!important}
body[data-section=crew] .tile{background:linear-gradient(140deg,#171e25f0,#0b1319ed),url('assets/noir56/portrait.webp') 60% center/cover!important}
body[data-section=garage] .page-title{background:linear-gradient(90deg,#09121aef,#08121b98),url('assets/noir56/verona-city.webp') center/cover!important}
body[data-section=underworld] .page-title{background:linear-gradient(90deg,#0b141aeb,#13171cae),url('assets/noir56/contracts.webp') center/cover!important}
body[data-section=workshop] .page-title{background:linear-gradient(90deg,#09121bea,#17171ab2),url('assets/noir56/docks.webp') center/cover!important}
body[data-section=pvp] .page-title{background:linear-gradient(90deg,#09131beb,#15171bac),url('assets/noir56/fight.webp') center/cover!important}
body[data-section=rank] .page-title{background:linear-gradient(90deg,#09131beb,#15171bac),url('assets/noir56/don.webp') right center/cover!important}
body[data-section=career] .page-title{background:linear-gradient(90deg,#09131beb,#15171bac),url('assets/noir56/verona-city.webp') center/cover!important}
body[data-section=shop] .panel{border-color:#bd995d77!important}

body:not(.prefers-reduced-motion) .btn.primary:hover{box-shadow:0 3px 20px #dda55e33,inset 0 1px #fff7ddaa}

body[data-section="missions"] .page-title{
  background:linear-gradient(90deg,rgba(5,12,20,.96) 0%,rgba(5,12,20,.73) 52%,rgba(5,12,20,.19) 100%),url('assets/noir56/docks.webp') 70% 43%/cover!important;
  border:1px solid #ac8552!important;box-shadow:0 14px 35px #0005,inset 0 1px #f2bd7144;
}
.syn57-mission-board{background:linear-gradient(155deg,#142430,#0c151d);border:1px solid #625744;border-radius:12px;padding:20px;margin:15px 0 22px;box-shadow:0 10px 30px #0005}
.syn57-mission-board-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #c59e5839;margin-bottom:12px}
.syn57-mission-board-header h2{margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(23px,2.3vw,30px);color:#f4dfb9}.syn57-mission-board-header>strong{padding:8px 12px;background:#07141c;border:1px solid #9e764f;border-radius:7px;color:#edca8f;font-size:17px}
.syn57-active-mission{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:15px;padding:12px 8px;border-bottom:1px solid #b9a17c23;min-width:0}.syn57-active-mission:last-of-type{border-bottom:0}.syn57-active-mission.is-ready{background:linear-gradient(90deg,#28332677,transparent)}
.syn57-active-art{width:110px;height:68px;overflow:hidden;border:1px solid #b6996a4f;border-radius:6px}.syn57-active-art img{width:100%;height:100%;object-fit:cover;display:block}.syn57-active-content{min-width:0}.syn57-active-content .eyebrow{font-size:9px}.syn57-active-content h3{font-size:20px;font-family:Georgia,serif;margin:6px 0 3px;color:#f2d7a9}.syn57-active-content p{font-size:12px;color:#acbdc6;margin:0}.syn57-active-mission.is-ready .syn57-active-content .eyebrow{color:#8fd4aa}
.syn57-active-action .btn{min-width:146px}.syn57-mission-empty{padding:22px;text-align:center;color:#aec1cb;background:#0c1a24;border:1px dashed #81674766;border-radius:8px}.syn57-mission-note{font-size:11px;color:#9eabb5;margin:13px 0 0}
.syn57-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch;margin-top:18px}
.syn57-mission-card{position:relative;overflow:hidden;border:1px solid #5e6470;border-radius:13px;background:#101c26;box-shadow:0 12px 28px #0005;min-width:0;display:flex;flex-direction:column;transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease}
.syn57-mission-card:hover{border-color:#c39a60;transform:translateY(-2px);box-shadow:0 16px 36px #0008}
.syn57-mission-art{position:relative;height:162px;overflow:hidden;background:#141f27}.syn57-mission-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,13,19,.86) 0%,transparent 60%),linear-gradient(90deg,rgba(5,12,17,.27),transparent)}
.syn57-mission-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.09);transition:transform .55s ease}.syn57-mission-card:hover .syn57-mission-art img{transform:scale(1.035)}
.syn57-mission-index,.syn57-mission-kind{position:absolute;z-index:1;color:#f9dca8;font-size:10px;letter-spacing:1.8px;font-weight:800;text-shadow:0 2px 6px #000;line-height:1.4}
.syn57-mission-index{top:14px;left:15px}.syn57-mission-kind{bottom:12px;left:15px}.syn57-mission-content{padding:16px 17px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.syn57-mission-content .eyebrow{color:#d1ae79;font-size:9px;letter-spacing:1px}.syn57-mission-content h3{font-family:Georgia,serif;color:#f6e3c2;font-size:clamp(20px,1.8vw,25px);line-height:1.15;margin:0}.syn57-mission-content p{font-size:12px;color:#acbec6;line-height:1.5;min-height:37px;margin:0}
.syn57-mission-details{display:flex;flex-wrap:wrap;gap:6px 9px;margin:4px 0}.syn57-mission-details>span{display:inline-flex;align-items:center;gap:3px;border:1px solid #3b4f57;background:#07151c;padding:6px 8px;border-radius:6px;font-size:11px;color:#d6e0da}.syn57-mission-details b{color:#d8ae69}.syn57-mission-details>.syn57-mission-cash{font-weight:800;color:#f4c984;border-color:#946e4a}
.syn57-risk{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px;color:#bcccd0;margin:4px 0 6px}.syn57-risk strong{color:#e4c396}.syn57-risk-track{grid-column:1/-1;height:4px;border-radius:4px;background:#263b46;overflow:hidden}.syn57-risk-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#d5ae68,#b85a4d)}
.syn57-mission-content>.btn{width:100%;margin-top:auto;min-height:43px;white-space:normal}
.syn57-mission-watch{border-top:2px solid #67a2a8}.syn57-mission-cargo{border-top:2px solid #d7a45f}.syn57-mission-debt{border-top:2px solid #a38677}.syn57-mission-vault{border-top:2px solid #b87980}.syn57-mission-express{border-top:2px solid #9f9bc6}

.syn-avatar-cinematic{width:100%;height:100%;display:block;object-fit:cover;filter:drop-shadow(0 8px 14px #0008)}.syn54-armory .syn53-figure .syn-avatar-cinematic{transform:none!important;filter:none!important}

.syn54-armory .syn53-bag-top,.syn54-armory .syn53-figure{border-color:#97704490!important;box-shadow:inset 0 1px #ffdc9f18,0 10px 26px #0005}.syn54-armory-title h1{letter-spacing:-.5px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f4c980!important;outline-offset:3px}
@media(max-width:1100px){.syn57-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.syn57-mission-board{padding:13px;margin:9px 0 13px}.syn57-mission-board-header h2{font-size:23px}.syn57-mission-grid{grid-template-columns:1fr;gap:13px}.syn57-mission-art{height:152px}.syn57-mission-card{border-radius:11px}.syn57-mission-content{padding:14px}.syn57-mission-content h3{font-size:23px}.syn57-mission-content p{min-height:0}.syn57-active-mission{grid-template-columns:82px minmax(0,1fr);gap:9px;padding:12px 0}.syn57-active-art{width:82px;height:67px}.syn57-active-content h3{font-size:17px}.syn57-active-action{grid-column:1/-1}.syn57-active-action .btn{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.syn57-mission-card,.syn57-mission-art img{transition:none!important}.syn57-mission-card:hover{transform:none}}

body[data-section="duty"] .content{max-width:1500px}
.syn58-duty{max-width:1380px;margin:0 auto;color:#f5e8d4}
.syn58-hero{position:relative;isolation:isolate;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 38px;border:1px solid #b6955c;border-radius:14px;background:linear-gradient(90deg,rgba(7,15,22,.96),rgba(9,17,24,.76) 55%,rgba(11,20,29,.35)),url('assets/noir56/harbor.webp') center 52%/cover;box-shadow:0 16px 38px #0007}
.syn58-hero:after{content:'';pointer-events:none;position:absolute;inset:9px;border:1px solid #cda36a35;border-radius:7px}
.syn58-hero-body{position:relative;z-index:1;max-width:720px}.syn58-hero h1{font:normal clamp(36px,4.4vw,60px)/1.04 Georgia,serif;margin:12px 0;color:#ffebc8;text-shadow:0 3px 18px #000}
.syn58-hero p{max-width:630px;line-height:1.65;color:#d2d7d4;font-size:14px}.syn58-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.syn58-hero-tags span{font-size:11px;color:#f5d8a2;border:1px solid #ad874d65;background:#07131caa;padding:7px 10px;border-radius:6px}
.syn58-hero-seal{width:124px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ddb56e80;color:#e9be78;font:normal 67px Georgia,serif;background:#06111ace;box-shadow:0 0 0 8px #d8aa5430;flex-shrink:0}.syn58-hero-seal small{font:10px Georgia,serif;letter-spacing:3px;margin-top:-10px}
.syn58-duration,.syn58-running,.syn58-while{border:1px solid #816a4c;border-radius:12px;background:linear-gradient(140deg,#1b2a33,#0e1922);padding:24px 28px;margin-top:20px;box-shadow:0 12px 28px #0004}
.syn58-duration-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.syn58-duration-title h2,.syn58-options-heading h2{font:normal clamp(22px,2.7vw,32px) Georgia,serif;margin:8px 0;color:#f5d8aa}.syn58-duration-title p{margin:5px 0;color:#b8c4c8;font-size:13px}.syn58-duration-title>strong{color:#f1c983;font:normal 28px Georgia,serif;white-space:nowrap}
.syn58-duration input[type="range"]{width:100%;margin:0 0 18px;accent-color:#d7ad6b}.syn58-duration .syn52-hour-marks{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.syn58-duration .syn52-hour-marks button{height:42px;border-radius:6px}
.syn58-options{margin-top:25px}.syn58-options-heading{margin-bottom:15px}.syn58-options-heading h2{margin-bottom:0}.syn58-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.syn58-job{border:1px solid #8c764f80;border-radius:12px;overflow:hidden;min-width:0;background:#10202b;display:flex;flex-direction:column;box-shadow:0 15px 33px #0007}.syn58-job-image{height:180px;background-size:cover;background-position:center;position:relative;padding:13px;display:flex;align-items:start}.syn58-job-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1b25 0%,transparent 70%);pointer-events:none}.syn58-job-image span{position:relative;z-index:1;letter-spacing:1.5px;font-weight:800;font-size:10px;background:#07121bc9;border:1px solid #d2a97165;padding:7px 9px;border-radius:4px;color:#f2ca86}
.syn58-watch .syn58-job-image{background-image:linear-gradient(#08131a35,#08131a35),url('assets/noir56/contracts.webp')}.syn58-transport .syn58-job-image{background-image:linear-gradient(#08131a30,#08131a35),url('assets/noir56/docks.webp')}.syn58-intel .syn58-job-image{background-image:linear-gradient(#08131a36,#08131a36),url('assets/noir56/don.webp')}
.syn58-job-body{padding:18px;display:flex;flex:1;flex-direction:column;gap:11px}.syn58-job-body>small{color:#d7b477;letter-spacing:1.8px;font-size:10px;font-weight:800}.syn58-job-body h3{font:normal 28px Georgia,serif;margin:0;color:#fbe4bd}.syn58-job-body>p{min-height:40px;font-size:13px;line-height:1.6;color:#bbccd0;margin:0;flex:1}.syn58-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.syn58-rewards>div{padding:10px 7px;border-radius:6px;border:1px solid #64707a65;background:#08141e;min-width:0}.syn58-rewards span{display:block;color:#9aabb5;font-size:9px;letter-spacing:.5px;min-height:25px}.syn58-rewards b{display:block;color:#f5c983;font:normal 17px Georgia,serif;overflow-wrap:anywhere}.syn58-job-body>.btn{width:100%;min-height:48px}
.syn58-running{background:linear-gradient(90deg,#1c2c32f4,#11202bd0),url('assets/noir56/contracts.webp') center/cover;padding:30px}.syn58-running h2{font:normal 36px Georgia,serif;margin:10px 0;color:#f7daa8}.syn58-clock{font:normal clamp(32px,5vw,55px) Georgia,serif;color:#f2c679}.syn58-running p{font-size:14px;color:#c5d0d0;line-height:1.6}.syn58-running .progressbar{width:100%;margin:12px 0}.syn58-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.syn58-while>b{color:#f0d4aa;font:normal 25px Georgia,serif}.syn58-while>div{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.syn58-while button{border-radius:6px;border:1px solid #bd945a;background:#14242d;color:#ffdbab;padding:12px 15px;cursor:pointer}.syn58-while>small{color:#aebec8;line-height:1.5}.syn58-footnote{font-size:12px;color:#a8b9bd;margin:18px 4px;line-height:1.6}
@media(max-width:1060px){.syn58-grid{grid-template-columns:1fr 1fr}.syn58-job-image{height:150px}}
@media(max-width:680px){.syn58-hero{min-height:190px;padding:22px}.syn58-hero h1{font-size:37px}.syn58-hero-seal{display:none}.syn58-hero-tags{gap:5px}.syn58-hero-tags span{font-size:10px}.syn58-duration,.syn58-running,.syn58-while{padding:17px;margin-top:13px}.syn58-duration-title{flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:12px}.syn58-duration-title h2{font-size:24px}.syn58-duration-title>strong{font-size:25px}.syn58-duration .syn52-hour-marks{gap:3px}.syn58-duration .syn52-hour-marks button{font-size:11px;height:39px}.syn58-grid{grid-template-columns:1fr;gap:12px}.syn58-job-image{height:160px}.syn58-job-body{padding:15px}.syn58-running h2{font-size:28px}.syn58-while>div{display:grid;grid-template-columns:1fr 1fr}.syn58-while button{font-size:12px;padding:11px 7px}}
@media(prefers-reduced-motion:reduce){.syn58-duty *{transition:none!important;animation:none!important}}

body[data-section="duty"] .syn59-long-shift{isolation:isolate}
body[data-section="duty"] .syn59-long-shift .syn58-hero{background-image:linear-gradient(90deg,rgba(5,12,18,.96),rgba(8,18,25,.78) 52%,rgba(8,19,28,.32)),url('assets/noir56/harbor.webp')}
body[data-section="duty"] .syn59-long-shift .syn58-grid{align-items:stretch}
body[data-section="duty"] .syn59-long-shift .syn58-job{position:relative;border-color:#665843;background:linear-gradient(180deg,#162831,#101b25);transition:transform .18s ease,border-color .18s ease}
body[data-section="duty"] .syn59-long-shift .syn58-job:hover{transform:translateY(-3px);border-color:#d2aa6b}
body[data-section="duty"] .syn59-long-shift .syn58-job-image{height:204px;background-size:cover;background-position:center;overflow:hidden}
body[data-section="duty"] .syn59-long-shift .syn58-watch .syn58-job-image{background-image:linear-gradient(#08131a20,#08131a40),url('assets/noir56/docks.webp');background-position:45% 45%}
body[data-section="duty"] .syn59-long-shift .syn58-transport .syn58-job-image{background-image:linear-gradient(#08131a20,#08131a40),url('assets/noir56/harbor.webp');background-position:70% 52%}
body[data-section="duty"] .syn59-long-shift .syn58-intel .syn58-job-image{background-image:linear-gradient(#08131a20,#08131a40),url('assets/noir56/don.webp');background-position:50% 34%}
body[data-section="duty"] .syn59-long-shift .syn58-job-image::after{background:linear-gradient(0deg,#101b25,rgba(6,12,18,.05) 70%)}
body[data-section="duty"] .syn59-long-shift .syn58-job-body{gap:12px;padding:21px}
body[data-section="duty"] .syn59-long-shift .syn58-job-body h3{line-height:1.12}
body[data-section="duty"] .syn59-long-shift .syn58-rewards{gap:7px}
body[data-section="duty"] .syn59-long-shift .syn58-rewards>div{background:#07121c;border-color:#97744d55}
body[data-section="duty"] .syn59-long-shift .syn58-job-body>.btn{margin-top:auto}
body[data-section="duty"] .syn59-long-shift .syn52-hour-marks button.active{background:#bb904e!important;color:#0a141c!important;border-color:#f7d28d!important}
body[data-section="duty"] .syn59-long-shift .syn58-duration input[type="range"]{cursor:pointer}
body[data-section="duty"] .syn59-long-shift .syn58-running{border-color:#c3985b;box-shadow:0 18px 48px #0007}
@media(max-width:700px){body[data-section="duty"] .syn59-long-shift .syn58-job-image{height:172px}body[data-section="duty"] .syn59-long-shift .syn58-job-body{padding:16px}body[data-section="duty"] .syn59-long-shift .syn58-hero{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){body[data-section="duty"] .syn59-long-shift .syn58-job{transition:none}}

.syn-avatar-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit;}
.syn60-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;}
.syn60-avatar-option{appearance:none;cursor:pointer;background:#0c1821;color:#f1ddba;border:2px solid #66513b;border-radius:9px;overflow:hidden;padding:0;text-align:center;transition:border-color .15s,transform .15s;}
.syn60-avatar-option.selected,.syn60-avatar-option:hover{border-color:#ebbe78;box-shadow:0 0 0 2px #bb82483d;transform:translateY(-2px);}
.syn60-avatar-option img{width:100%;height:165px;object-fit:cover;display:block;}
.syn60-avatar-option span{display:block;padding:8px 2px;font-size:12px;}
.syn60-picker{display:grid;grid-template-columns:minmax(230px,1fr) 2fr;gap:25px;background:#0b1720;border:1px solid #6b573b;border-radius:12px;padding:24px;}
.syn60-picker-preview{max-width:210px;aspect-ratio:3/4;overflow:hidden;border:2px solid #92704a;border-radius:8px;margin-top:18px;}
.syn60-picker p,.syn60-register-avatars p{color:#b6bdc1;line-height:1.6;}
.syn60-register-avatars{margin:20px 0;padding:15px;background:#0b1720;border:1px solid #57462f;border-radius:9px;}
.syn60-npc-photo{object-fit:cover;object-position:center 25%;}
@media(max-width:680px){.syn60-picker{grid-template-columns:1fr;padding:15px}.syn60-avatar-grid{gap:6px}.syn60-avatar-option img{height:112px}.syn60-avatar-option span{font-size:10px}}

.syn61-notice{display:flex;width:100%;padding:17px 19px;margin:7px 0;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;background:linear-gradient(120deg,#15252c,#0c171d);border:1px solid #30444a;border-radius:10px;color:#e4dfd4;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.syn61-notice:hover,.syn61-notice:focus-visible{border-color:#d5aa68;background:#172c32;transform:translateY(-1px)}
.syn61-notice.unread{border-left:3px solid #c6a06a}.syn61-notice b{font-size:15px}.syn61-notice small{font-size:11px;opacity:.65}.syn61-notice p{font-size:13px;line-height:1.5;margin:2px 0 5px}.syn61-notice span{font-size:12px;font-weight:700;color:#dfb77c}
.syn57-active-mission.is-ready{box-shadow:inset 3px 0 #d4ad74,0 0 24px #d3a76a13}.syn57-active-mission.is-ready .syn57-active-action button{box-shadow:0 0 16px #a88b4e4d}
@media(prefers-reduced-motion:reduce){.syn61-notice{transition:none}}

:root{--syn62-space:16px;--syn62-radius:12px}
#app .card-grid{align-items:stretch;grid-auto-rows:1fr;gap:var(--syn62-space)}
#app .card-grid > article,#app .card-grid > section{min-width:0;height:100%;box-sizing:border-box}
#app .tile{display:flex;flex-direction:column;gap:10px}
#app .tile .btn{margin-top:auto}
#app .info-strip > div{min-width:0;overflow-wrap:anywhere}
#app .columns > section{min-width:0}
#app .panel,#app .tile{border-radius:var(--syn62-radius)}
#app .panel h2,#app .panel h3{line-height:1.22}
#app .btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
#app .table-wrap{max-width:100%;overflow-x:auto}
#app .gangster-face{object-fit:cover}
@media(min-width:1100px){#app .columns{align-items:stretch}#app .columns > section{height:100%;box-sizing:border-box}}
@media(max-width:740px){#app .card-grid{grid-auto-rows:auto;gap:12px}#app .info-strip{flex-wrap:wrap}#app .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){#app .tile,#app .btn{transition:none!important;animation:none!important}}

.notif-drawer-backdrop{display:none!important;backdrop-filter:none!important}
.notif-drawer{position:fixed!important;top:72px!important;right:18px!important;left:auto!important;width:min(350px,calc(100vw - 24px))!important;height:auto!important;max-height:min(450px,calc(100dvh - 88px))!important;border:1px solid #73593a!important;border-radius:13px!important;box-shadow:0 12px 30px #0009!important;background:#0e1b25!important;transform:translateY(-10px) scale(.98)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .13s ease,transform .13s ease!important;contain:layout style paint;overflow:hidden!important}
.notif-drawer.open{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.notif-drawer-head{padding:12px 14px 10px!important;align-items:center!important}
.notif-drawer-head .eyebrow{font-size:9px!important}
.notif-drawer-head h3{font-size:16px!important;margin:3px 0 0!important}
.notif-drawer-body{display:flex!important;flex-direction:column!important;gap:5px!important;padding:8px!important;overflow-y:auto!important;min-height:0!important}
.syn63-mini-notice{display:flex;flex-direction:column;gap:3px;text-align:left;width:100%;padding:9px 10px;border:1px solid #2d414a;border-radius:7px;background:#10222d;color:#f1e9d9;cursor:pointer;min-height:0}
.syn63-mini-notice.unread{border-left:3px solid #d5a967}
.syn63-mini-notice:hover,.syn63-mini-notice:focus-visible{background:#1b303a;border-color:#b18a55}
.syn63-mini-title{font-size:12px;font-weight:750;line-height:1.25}
.syn63-mini-notice small{font-size:11px;color:#aabac0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}
.notif-drawer-actions{padding:8px!important;display:block!important}
.notif-drawer-actions .btn{width:100%;min-height:34px!important;padding:7px 12px!important;font-size:12px!important}
@media(max-width:720px){.notif-drawer{top:64px!important;right:8px!important;width:min(350px,calc(100vw - 16px))!important}}
@media(prefers-reduced-motion:reduce){.notif-drawer{transition:none!important}}.syn64-row{display:grid;gap:14px;min-width:0}

:root{--syn65-bg:#09121a;--syn65-surface:#101e29;--syn65-line:#354551;--syn65-gold:#d8ad70;--syn65-text:#f0e8dc;--syn65-muted:#aab9c3;}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#41505b transparent;}
.sidebar nav{padding:8px 9px 22px;}
.syn65-navigation{display:grid;gap:5px;}
.syn65-group{min-width:0;border-bottom:1px solid #26343d;padding-bottom:5px;}
.syn65-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 11px;color:#d9c7ae;font-size:12px;font-weight:750;letter-spacing:.025em;border-radius:8px;user-select:none;}
.syn65-group>summary::-webkit-details-marker{display:none;}
.syn65-group>summary:hover,.syn65-group[open]>summary{background:#192a35;color:#f6d098;}
.syn65-group-icon{width:20px;text-align:center;font-size:17px;color:#d9ad70;}
.syn65-chevron{margin-left:auto;transition:transform .18s ease;opacity:.75;}
.syn65-group[open] .syn65-chevron{transform:rotate(180deg);}
.syn65-group-links{display:grid;gap:3px;padding:5px 0 8px 10px;}
.sidebar .syn65-group-links .nav-btn,.syn65-mobile-groups .nav-btn{min-height:35px;display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;border:1px solid transparent;background:transparent;color:#bfcbd0;border-radius:7px;font-size:12px;font-weight:550;}
.sidebar .syn65-group-links .nav-btn .nav-symbol{width:18px;color:#c3a172;}
.sidebar .syn65-group-links .nav-btn:hover{background:#162833;color:#fff;}
.sidebar .syn65-group-links .nav-btn.active{background:linear-gradient(90deg,#3a3024,#1d2a31);border-color:#987548;color:#ffe3b3;}
.syn65-mobile-groups{overflow-y:auto;max-height:min(68vh,680px);padding:4px 12px 15px;}
.mobile-more .syn65-mobile-groups .syn65-group-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-left:0;}
.mobile-more .syn65-mobile-groups .nav-btn{background:#111f2a;border-color:#293b46;min-width:0;}
.mobile-more .syn65-mobile-groups .nav-btn.active{border-color:#d8ad70;color:#f9d6a2;}
.mobile-more .syn65-mobile-groups .nav-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content{min-width:0;}
.content .panel,.content [class*="-panel"],.content [class*="-card"]{min-width:0;box-sizing:border-box;}
.content .btn,.content button{max-width:100%;}
.content input,.content select,.content textarea{max-width:100%;box-sizing:border-box;}
.content h1,.content h2,.content h3{overflow-wrap:break-word;}
.content :is(.panel,.syn64-panel,.syn64-tile){border-radius:10px;}
.content :is(.panel,.syn64-panel,.syn64-tile) button{min-height:36px;}
.content :is(.settings-grid,.profile-grid,.dashboard-grid){min-width:0;}
@media(max-width:850px){.mobile-more{overflow:auto;max-height:calc(100dvh - 70px);}}
@media(max-width:430px){.mobile-more .syn65-mobile-groups .syn65-group-links{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.syn65-chevron{transition:none;}}

:root {--ui-bg:#081119;--ui-panel:#101e28;--ui-panel-alt:#142631;--ui-stroke:#32424c;--ui-stroke-soft:#263640;--ui-ink:#f2e8da;--ui-muted:#a9b7c0;--ui-accent:#d4a76b;--ui-accent-hot:#f0c888;--ui-radius:11px;--ui-gap:16px;--ui-height:40px;}
html{scrollbar-gutter:stable;}body{background:var(--ui-bg);color:var(--ui-ink)}
.shell,.main,.content,.content>*,.content>* >*{min-width:0} .content{width:100%;max-width:1360px;margin:0 auto;padding:clamp(16px,2vw,28px)!important;box-sizing:border-box;overflow-wrap:anywhere;}
.content :is(h1,h2,h3){text-wrap:balance;line-height:1.12;margin-top:0;} .content h1{font-size:clamp(29px,3vw,45px)}.content h2{font-size:clamp(21px,2vw,30px)}.content h3{font-size:clamp(17px,1.5vw,23px)}
.content :is(p,small,.muted){line-height:1.55;} .content :is(.panel,.card,.tile,[class*="-panel"],[class*="-card"],[class*="-tile"]){box-sizing:border-box;min-width:0;max-width:100%;}
.content :is(.panel,.card,[class*="-panel"]){border-radius:var(--ui-radius);}
.content :is(.panel,.card,[class*="-card"]){border-color:var(--ui-stroke);}
.content :is(button,.btn,[role="button"]):not(.nav-btn){min-height:var(--ui-height);border-radius:8px;line-height:1.3;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;}
.content :is(button,.btn,[role="button"]):not(:disabled):active{transform:translateY(1px)}
.content :is(button,.btn,[role="button"]):focus-visible,.sidebar button:focus-visible,.topbar button:focus-visible{outline:2px solid var(--ui-accent-hot);outline-offset:3px}
.content :is(input,select,textarea){min-height:38px;border-radius:7px;max-width:100%;width:auto;box-sizing:border-box;} .content textarea{min-height:90px;} .content :is(input,textarea,select):focus-visible{outline:2px solid #d4a76b;outline-offset:1px}
.content :is(.grid,.card-grid,.dashboard-grid,.profile-grid,.settings-grid,.syn47-grid,.syn64-grid){gap:var(--ui-gap);min-width:0;}
.content :is(.table-wrap,table){max-width:100%;} .content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .content table{border-collapse:collapse;} .content :is(td,th){padding:10px 12px;line-height:1.35;}
.content img{max-width:100%;height:auto;} .content :is(.eyebrow,.syn-eyebrow,[class*="-overline"]){font-size:10px;letter-spacing:.16em;line-height:1.4;}
.content :is(.syn47-title,.section-title,.section-heading){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.content :is(.stat-grid,.stats-grid,[class*="-stats"]){min-width:0;}

body[data-section="missions"] .content :is(.card,.panel),body[data-section="duty"] .content :is(.card,.panel),body[data-section="heists"] .content :is(.card,.panel){overflow:visible;}
body[data-section="profile"] .content :is(.syn-tab-panel,.profile-card),body[data-section="gear"] .content :is(.syn-tab-panel,.gear-card){min-width:0;}
body[data-section="gangs"] .content :is(.panel,.card),body[data-section="city"] .content :is(.panel,.card){min-width:0;}

.sidebar{background:#0a131b;overflow-x:hidden;} .sidebar nav{padding:8px 10px 22px;} .syn65-navigation{gap:6px;}
.syn65-group{padding:0 0 7px;border-color:#27343e;} .syn65-group>summary{min-height:44px;gap:11px;border-radius:8px;font-size:12px;} .syn65-group>summary:hover{background:#142630;}
.syn65-group-links{gap:2px;padding:4px 0 7px 11px;} .sidebar .syn65-group-links .nav-btn{font-size:12px;min-height:38px;border-radius:7px;} .sidebar .syn65-group-links .nav-btn.active{background:#342b22;border:1px solid #b48c56;box-shadow:inset 3px 0 #ecc382;}

.topbar{min-width:0;} .topbar-actions{flex-shrink:0;} .resources{min-width:0;} .resources>div{min-width:68px;}

.content :is(.card-grid,.syn47-grid,.syn64-grid){align-items:stretch;}
.content :is(.card-grid,.syn47-grid,.syn64-grid)>*{min-width:0;height:100%;box-sizing:border-box;}
.content :is(.syn-tab-panel,.syn47-page,.syn54-page){max-width:100%;}

.content :is(.btn.primary,button.primary){color:#141414;} .content :is(.empty,.syn-empty){padding:24px;border:1px dashed #3c505c;border-radius:10px;color:var(--ui-muted);}
@media(hover:hover){.content :is(.card,.panel,[class*="-card"]):has(>button:hover){border-color:#5c6c72;}}
@media(max-width:1100px){.content{padding:18px!important;}.content :is(.syn47-grid,.card-grid){gap:12px;}}
@media(max-width:800px){html{scrollbar-gutter:auto;}.content{padding:14px!important;}.content h1{font-size:30px}.content h2{font-size:23px}.topbar{gap:8px;}.resources>div{min-width:0;}.content :is(.card-grid,.syn47-grid,.syn64-grid){grid-template-columns:repeat(2,minmax(0,1fr));}.content .syn65-group-links{grid-template-columns:1fr;}}
@media(max-width:570px){.content{padding:12px 12px 88px!important;} .content h1{font-size:27px}.content h2{font-size:21px}.content :is(.card-grid,.syn47-grid,.syn64-grid){grid-template-columns:minmax(0,1fr);} .content :is(.syn47-title,.section-title){align-items:flex-start;} .content :is(.btn,button){white-space:normal;}.content :is(.panel,.card,[class*="-panel"]){border-radius:9px;} .mobile-more .syn65-group-links{grid-template-columns:1fr!important;} }
@media(prefers-reduced-motion:reduce){.content :is(button,.btn,[role="button"]){transition:none!important;transform:none!important;}}

:root{--s68-base:#07121a;--s68-card:#14232d;--s68-line:#42545d;--s68-gold:#d6ae71;--s68-paper:#f3e8d6;--s68-muted:#b4c2c7;--s68-pad:clamp(15px,2vw,24px)}
body[data-section="gangs"] .content{max-width:1370px}
.syn68-gang{max-width:1300px;margin:0 auto;color:var(--s68-paper);min-width:0}
.syn68-gang :is(h1,h2,h3){font-family:Georgia, 'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;line-height:1.12;margin:0}
.syn68-gang h1{font-size:clamp(35px,4vw,57px);margin:12px 0}
.syn68-gang h2{font-size:clamp(24px,2.4vw,32px);margin:8px 0 17px}
.syn68-gang h3{font-size:clamp(19px,2vw,25px);margin:5px 0 12px}
.syn68-gang p{color:var(--s68-muted);font-size:13px;line-height:1.65;margin:8px 0 19px}
.syn68-kicker{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#e3be87}
.syn68-gang-hero{min-height:253px;padding:clamp(25px,3.5vw,42px);border:1px solid #9f7a4a;border-radius:13px;background:linear-gradient(90deg,rgba(6,14,20,.98),rgba(9,20,28,.87) 54%,rgba(10,16,22,.2)),url('assets/noir56/don.webp') 75% 37%/cover;display:flex;align-items:center;box-shadow:0 18px 45px #0006;overflow:hidden}
.syn68-gang-hero>div{max-width:680px}
.syn68-gang-hero p{font-size:14px;max-width:580px;margin:14px 0 0;color:#d8d4cc;text-shadow:0 1px 12px #000}
.syn68-gang-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}
.syn68-gang-stats>span{min-width:122px;padding:10px 14px;background:#09151fdb;border:1px solid #9b7e5666;border-radius:7px}
.syn68-gang-stats small{font-size:9px;letter-spacing:.11em;color:#afbdc1;display:block;margin-bottom:4px}
.syn68-gang-stats b{font:normal 20px Georgia,serif;color:#f1d2a1}
.syn68-gang-tabs{display:flex;overflow-x:auto;gap:6px;padding:18px 0 20px;scrollbar-width:thin}
.syn68-gang-tabs button{border-radius:7px;background:transparent;border:1px solid #33444f;color:#b9c6c9;padding:12px 20px;min-width:125px;white-space:nowrap;font-weight:700;font-size:12px;display:flex;gap:7px;align-items:center;justify-content:center}
.syn68-gang-tabs button:hover{color:#f4e4ca;background:#172833}
.syn68-gang-tabs button.selected{color:#f6d7a2;border-color:#b48b51;background:#342b22;box-shadow:inset 0 -2px #e2bc7e}
.syn68-gang-tabs i{width:6px;height:6px;background:#e7b971;display:block;border-radius:50%}
.syn68-gang-inner{display:grid;gap:17px;min-width:0}
.syn68-gang .syn68-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.syn68-block{padding:var(--s68-pad);border:1px solid #40515a;background:linear-gradient(135deg,rgba(24,41,51,.99),rgba(12,25,35,.99));border-radius:11px;min-width:0;box-shadow:0 12px 30px #0002}
.syn68-block-top,.syn68-section-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}
.syn68-section-heading{margin:8px 0 1px}.syn68-section-heading h2{margin:5px 0}.syn68-section-heading>span,.syn68-section-heading>strong{color:#d9b783;font-size:12px}
.syn68-count{color:#e6be82;border:1px solid #8e7451;padding:7px;border-radius:7px}
.syn68-big-cash{display:block;font:normal clamp(30px,4vw,42px) Georgia,serif;color:#f5cb88;margin:20px 0}
.syn68-form{display:flex;flex-direction:column;gap:12px}.syn68-form label{display:grid;gap:8px;font-size:12px}
.syn68-form input,.syn68-inline input{width:100%;min-width:0;background:#091721;border:1px solid #526775;color:#f0e5d5;padding:11px 12px;border-radius:7px;font-size:13px}
.syn68-form-actions{display:grid;gap:12px}.syn68-inline{display:flex;gap:8px;align-items:center}.syn68-inline button{flex-shrink:0}
.syn68-note{font-size:11px!important;line-height:1.5!important;color:#a8b5b9!important}
.syn68-stack{display:grid;gap:8px;min-width:0;max-height:550px;overflow:auto;scrollbar-width:thin}
.syn68-member,.syn68-family-row{border:1px solid #344650;background:#0b1822;border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px;min-width:0}
.syn68-member>div,.syn68-family-row>div{flex:1;min-width:0}
.syn68-member b,.syn68-family-row b{display:block;font-size:13px;color:#f1e3d0;overflow-wrap:anywhere}
.syn68-member small,.syn68-family-row small{color:#a4b5bc;font-size:11px;display:block;margin-top:4px}
.syn68-member>strong{font-size:12px;color:#ebc588;white-space:nowrap}
.syn68-member-rank{font:18px Georgia,serif;color:#d6b17e}
.syn68-footer-action{display:flex;align-items:center;gap:16px;color:#94aab3;font-size:11px;margin-top:8px}
.syn68-upgrade-grid,.syn68-raid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.syn68-upgrade-card,.syn68-raid-card{display:flex;flex-direction:column;overflow:hidden;background:#12222c;border:1px solid #52626b;border-radius:10px;min-width:0}
.syn68-upgrade-image{height:145px;background-position:center 35%;background-size:cover;position:relative}
.syn68-glyph{position:absolute;bottom:15px;right:18px;font:42px Georgia,serif;color:#f3cb88;text-shadow:0 3px 15px #000}
.syn68-upgrade-content,.syn68-raid-card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:7px}
.syn68-upgrade-content p,.syn68-raid-card-body p{margin:0 0 9px;min-height:45px;flex:1}
.syn68-upgrade-content>.btn,.syn68-raid-card-body>.btn{width:100%;margin-top:14px}
.syn68-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.syn68-facts span{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid #3a505c;background:#0b1822;border-radius:5px;font-size:10px;color:#b9c2c5;min-width:82px;flex:1}
.syn68-facts b{font-size:13px;color:#ebc187}
.syn68-upgrade-progress .progressbar{height:8px}
.syn68-war-row,.syn68-live-raid{background:linear-gradient(115deg,#0d1b25,#152733);border:1px solid #425b65;padding:17px;border-radius:9px;min-width:0}
.syn68-war-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:17px;align-items:center}
.syn68-war-row h3{font-size:19px;margin:7px 0}
.syn68-war-row em{font:italic 13px Georgia,serif;color:#c4a880}
.syn68-war-row small{font-size:11px;color:#b7c6c8}
.syn68-war-score{font:normal 28px Georgia,serif;color:#f5d39e;white-space:nowrap}
.syn68-war-score span{color:#899da6}
.syn68-war-action{min-width:175px}
.syn68-war-action .btn{width:100%;white-space:normal}
.syn68-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(150px,1.1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #354b55;border-radius:7px;background:#0a1922}
.syn68-rank-row.mine{border-color:#ca9a61;background:#29241d}
.syn68-rank-row>span{font:21px Georgia,serif;color:#d4b07c}
.syn68-rank-row>b{font-size:13px}.syn68-rank-row small{font-size:11px;color:#a8bdc3}.syn68-rank-row strong{font:normal 17px Georgia,serif;color:#e8c38a}
.syn68-boss-portrait{height:195px;overflow:hidden;position:relative;background:#101b23}
.syn68-boss-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:contrast(1.07) saturate(.73);transition:transform .25s}
.syn68-raid-card:hover .syn68-boss-portrait img{transform:scale(1.025)}
.syn68-boss-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12222c 1%,transparent 48%);pointer-events:none}
.syn68-raid-history{display:grid;gap:12px}
.syn68-raid-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.syn68-raid-progress-head small{font-size:11px;color:#a9bfc5}.syn68-raid-progress-head>strong{color:#d6ad73;font:22px Georgia,serif}
.syn68-raid-bar{height:12px;margin:17px 0;background:#08131a;border-radius:30px;border:1px solid #475b64;overflow:hidden}
.syn68-raid-bar i{display:block;height:100%;background:linear-gradient(90deg,#ab714c,#e7c08a);transition:width .3s}
.syn68-live-raid.victory{border-color:#8a7b54}.syn68-raid-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.syn68-raid-action>span{font-size:12px;color:#bfd1d2}

body[data-section="city"] .content,body[data-section="business"] .content,body[data-section="garage"] .content{max-width:1350px}
body[data-section="city"] .territory-intro{background:linear-gradient(90deg,#0a1821f5,#0a1821ab),url('assets/city-noir.webp') 60% 42%/cover!important;border:1px solid #806646;min-height:205px}
body[data-section="city"] .territory-intro :is(h1,h2){color:#f5e1c2}
body[data-section="city"] .territory-grid,body[data-section="business"] .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
body[data-section="city"] .territory-card,body[data-section="business"] .business-tile{background:#13232d;border:1px solid #4b5b63;border-radius:11px;box-shadow:0 10px 26px #0003;overflow:hidden;height:100%;display:flex;flex-direction:column;min-width:0}
body[data-section="city"] .territory-image,body[data-section="business"] .business-art{height:175px;background-position:center 45%;background-size:cover;filter:saturate(.77);border:0}
body[data-section="city"] .territory-image:after,body[data-section="business"] .business-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12232d,transparent 80%);pointer-events:none}
body[data-section="business"] .business-art>span{font-size:19px;left:14px;bottom:12px;background:#09151ccc;border:1px solid #9a7b536e;padding:5px;border-radius:6px}
body[data-section="city"] .territory-body{display:flex;flex-direction:column;flex:1;padding:19px;gap:10px}
body[data-section="city"] .territory-body h3,body[data-section="business"] .business-tile h3{font:normal 26px Georgia,serif;color:#f4e2c8;margin:0}
body[data-section="city"] .territory-body .territory-cta{margin-top:auto;width:100%}
body[data-section="business"] .business-tile{padding:0 0 17px}
body[data-section="business"] .business-tile>h3,body[data-section="business"] .business-tile>p,body[data-section="business"] .business-tile>.eyebrow,body[data-section="business"] .business-tile>.mini-stats,body[data-section="business"] .business-tile>.btn{margin-left:18px;margin-right:18px}
body[data-section="business"] .business-tile>.btn{margin-top:auto}
body[data-section="garage"] .exp-car{border:1px solid #4e626b;border-radius:11px;background:#15252f}
body[data-section="garage"] .exp-car-illustration{height:195px;background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/docks.webp') center 40%/cover!important;overflow:hidden}
body[data-section="garage"] .exp-car-1 .exp-car-illustration{background:linear-gradient(0deg,#101e29c9,#0b1725a0),url('assets/noir56/verona-city.webp') center 65%/cover!important}
body[data-section="garage"] .exp-car-2 .exp-car-illustration{background:linear-gradient(0deg,#101e29c9,#0b1725a0),url('assets/noir56/harbor.webp') center 45%/cover!important}
body[data-section="garage"] .exp-car-3 .exp-car-illustration{background:linear-gradient(0deg,#101e29c9,#0b1725a0),url('assets/noir56/don.webp') center/cover!important}
body[data-section="garage"] .exp-car-illustration>img{height:150px;width:90%;object-fit:contain;filter:drop-shadow(0 12px 18px #000b) sepia(.18) saturate(.65)}
body[data-section="garage"] .exp-car-copy{padding:19px}
body[data-section="garage"] .exp-car-buttons{margin-top:20px}
body[data-section="garage"] .exp-car-copy h3{font:normal 27px Georgia,serif;color:#f4ddbb}
body[data-section="garage"] .exp-garage-grid{gap:15px}
body[data-section="city"] .page-title,body[data-section="business"] .page-title,body[data-section="garage"] .page-title{background:linear-gradient(90deg,#091823f8,#091823b0),url('assets/noir56/verona-city.webp') 55%/cover!important;border:1px solid #826c4d;border-radius:11px;min-height:155px}
@media(max-width:1140px){.syn68-upgrade-grid,.syn68-raid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-section="city"] .territory-grid,body[data-section="business"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.syn68-gang .syn68-columns{grid-template-columns:1fr}.syn68-rank-row{grid-template-columns:24px 1fr auto}.syn68-rank-row small{grid-column:2/4}.syn68-war-row{grid-template-columns:1fr auto}.syn68-war-action{grid-column:1/3}.syn68-upgrade-grid,.syn68-raid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.syn68-gang-hero{padding:20px;min-height:235px;background-position:center}.syn68-gang-hero h1{font-size:33px}.syn68-gang-stats>span{min-width:calc(50% - 9px);flex:1}.syn68-gang-tabs{gap:5px;padding:12px 0}.syn68-gang-tabs button{font-size:11px;min-width:auto;padding:11px 13px}.syn68-upgrade-grid,.syn68-raid-grid,body[data-section="city"] .territory-grid,body[data-section="business"] .card-grid{grid-template-columns:1fr}.syn68-inline{flex-wrap:wrap}.syn68-inline button{width:100%}.syn68-boss-portrait{height:220px}.syn68-rank-row{gap:8px}.syn68-war-score{font-size:22px}.syn68-section-heading{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.syn68-gang *{transition:none!important;animation:none!important}}

.sidebar .syn65-group>summary,
.mobile-more .syn65-group>summary,
.sidebar .syn65-group[open]>summary,
.mobile-more .syn65-group[open]>summary {
  background:transparent;
  border:1px solid transparent;
  color:#d8d1c6;
  box-shadow:none;
}
.sidebar .syn65-group>summary:hover,
.mobile-more .syn65-group>summary:hover {
  color:#f3d8a7;
  background:#13222b;
}
.sidebar .syn65-group[open]>summary:not(:hover),
.mobile-more .syn65-group[open]>summary:not(:hover){background:transparent;color:#d8d1c6;}
.sidebar .syn65-group .syn65-group-icon,
.mobile-more .syn65-group .syn65-group-icon {color:#c5a376;}
.sidebar .syn65-group[open] .syn65-chevron,
.mobile-more .syn65-group[open] .syn65-chevron{color:#e9bc76;}
.sidebar .syn65-group-links .nav-btn.active {
  background:#2b261f;
  color:#f6dbab;
  border:1px solid #987246;
  box-shadow:inset 3px 0 #d6a260;
}
.mobile-more .syn65-group-links .nav-btn.active {
  background:#2b261f;
  border-color:#987246;
  color:#f6dbab;
}

body[data-section="profile"] .syn54-armory .syn69-inventory-grid,
body[data-section="gear"] .syn54-armory .syn69-inventory-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:minmax(210px,max-content);
  align-content:start;
  align-items:stretch;
  gap:10px;
  min-height:210px;
  max-height:600px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:14px;
  scrollbar-width:thin;
  scrollbar-color:#5f6a68 #0a1720;
}
body[data-section="profile"] .syn54-armory .syn69-inventory-grid .syn69-inventory-item,
body[data-section="gear"] .syn54-armory .syn69-inventory-grid .syn69-inventory-item {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  width:100%;
  height:100%;
  min-height:210px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-align:center;
  border-radius:9px;
  background:#111e28;
  border:1px solid #475761;
  transition:border-color .15s ease,background-color .15s ease;
}
body[data-section="profile"] .syn69-inventory-item:not(:disabled):hover,
body[data-section="gear"] .syn69-inventory-item:not(:disabled):hover {
  transform:none;
  background:#182936;
  border-color:#bd9c6c;
  box-shadow:inset 0 0 0 1px #997b4b;
}
body[data-section="profile"] .syn69-inventory-item.selected,
body[data-section="gear"] .syn69-inventory-item.selected {
  background:#162733;
  border-color:#e5ba76;
  box-shadow:inset 0 0 0 2px #dcad6642;
}
.syn69-inventory-item .syn69-item-picture{
  display:grid;
  place-items:center;
  flex:0 0 107px;
  position:relative;
  width:100%;
  padding:11px 10px 6px;
  min-width:0;
  border-bottom:1px solid #43525a;
  background:radial-gradient(ellipse at 50% 42%,#42515a60 0%,transparent 70%),#162631;
}
.syn69-inventory-item .syn-item-art {
  width:100%;height:89px;min-height:89px;
  display:grid;place-items:center;
  line-height:1;
  font-size:0;
}
.syn69-inventory-item .syn-item-art .syn54-item-img {
  display:block;
  width:100%;
  height:88px;
  max-width:120px;
  object-fit:contain;
  margin:0 auto;
}
.syn69-inventory-item .syn69-item-badge {
  position:absolute;
  right:5px;
  top:5px;
  padding:3px 5px;
  border:1px solid #7d946f;
  border-radius:4px;
  font-size:8px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.04em;
  color:#d7f0c5;
  background:#193226ee;
}
.syn69-inventory-item .syn69-item-badge.protected{color:#efcf94;background:#372b1bef;border-color:#bc965c;}
.syn69-inventory-item .syn69-item-caption{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  padding:10px 7px 11px;
  background:#0e1b25;
  overflow:visible;
  min-height:92px;
  min-width:0;
}
body[data-section="profile"] .syn54-armory .syn69-inventory-item .syn69-item-name,
body[data-section="gear"] .syn54-armory .syn69-inventory-item .syn69-item-name {
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  font-size:13px;
  line-height:1.24;
  color:#f4e8d7;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:pretty;
  min-height:1em;
}
body[data-section="profile"] .syn54-armory .syn69-inventory-item .syn-item-rarity,
body[data-section="gear"] .syn54-armory .syn69-inventory-item .syn-item-rarity{
  font-size:10px;
  color:#b5c3c9!important;
  line-height:1.4;
}
body[data-section="profile"] .syn54-armory .syn69-inventory-item.rare .syn-item-rarity,
body[data-section="gear"] .syn54-armory .syn69-inventory-item.rare .syn-item-rarity{color:#87cbe5!important;}
body[data-section="profile"] .syn54-armory .syn69-inventory-item.epic .syn-item-rarity,
body[data-section="gear"] .syn54-armory .syn69-inventory-item.epic .syn-item-rarity{color:#d9b1fa!important;}
body[data-section="profile"] .syn54-armory .syn69-inventory-item.legendary .syn-item-rarity,
body[data-section="gear"] .syn54-armory .syn69-inventory-item.legendary .syn-item-rarity{color:#f4cb87!important;}
body[data-section="profile"] .syn54-armory .syn69-inventory-item .syn69-item-stats,
body[data-section="gear"] .syn54-armory .syn69-inventory-item .syn69-item-stats{
  display:block;
  width:100%;
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  color:#e6c58d;
  overflow-wrap:anywhere;
}
.syn54-armory .syn69-bag-results {
  padding:11px 15px 0;
  color:#aab9be;
  font-size:11px;
  letter-spacing:.02em;
}
.syn54-armory .syn69-bag-empty{grid-column:1/-1;color:#aebac0;text-align:center;padding:30px 8px;font-size:12px;}
.syn54-armory .syn53-bag-filters{padding-bottom:14px;}
@media(max-width:1200px){
  body[data-section="profile"] .syn54-armory .syn69-inventory-grid,
  body[data-section="gear"] .syn54-armory .syn69-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:540px;}
}
@media(max-width:700px){
  body[data-section="profile"] .syn54-armory .syn69-inventory-grid,
  body[data-section="gear"] .syn54-armory .syn69-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(205px,max-content);max-height:490px;padding:10px;gap:8px;}
  .syn69-inventory-item .syn69-item-picture{flex-basis:105px;}
}
@media(max-width:360px){
  body[data-section="profile"] .syn54-armory .syn69-inventory-grid,
  body[data-section="gear"] .syn54-armory .syn69-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;}
  body[data-section="profile"] .syn54-armory .syn69-inventory-item .syn69-item-name,
  body[data-section="gear"] .syn54-armory .syn69-inventory-item .syn69-item-name{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.syn69-inventory-item{transition:none!important;}}

:root {
 --syn70-bg:#080f15; --syn70-surface:#11202a; --syn70-surface-raised:#172831;
 --syn70-border:#34464d; --syn70-border-gold:#88704f; --syn70-ink:#f2e8d8;
 --syn70-muted:#adbec7; --syn70-gold:#d6ac70; --syn70-gold-soft:#efd3a1;
 --syn70-radius:10px; --syn70-gap:18px;
}
html {scrollbar-color:#56666c #0b151d;scrollbar-width:thin}
body {background:var(--syn70-bg);color:var(--syn70-ink)}
body .shell,body .main{min-width:0}
body .content{max-width:1480px;width:100%;margin:0 auto;padding-inline:clamp(14px,2.4vw,32px)}
body .page-title,body .syn53-armory-title,body .syn54-armory-title,body .syn47-head{border-radius:var(--syn70-radius);overflow:hidden}
body .page-title h1,body .syn47-head h1{line-height:1.08;letter-spacing:-.018em}
body .page-title p{line-height:1.6;max-width:660px}
body .panel,body .tile,body .syn68-block,body .syn58-duration,body .exp-car,body .business-tile,body .territory-card{border-radius:var(--syn70-radius);min-width:0}
body .panel,body .tile,body .syn68-block{border-color:var(--syn70-border)}
body .columns,body .card-grid,body .syn68-columns,body .syn68-upgrade-grid{gap:var(--syn70-gap)}
body .tile,body .business-tile,body .syn58-job{display:flex;flex-direction:column}
body .tile > .btn,body .business-tile > .btn{margin-top:auto}
body .tile p,body .syn68-block p{line-height:1.6}
body .btn,body button,body select,body input{font-family:inherit}
body .btn{min-height:41px;border-radius:7px;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}
body .btn:not(:disabled):active{transform:scale(.985)}
body .btn:disabled{opacity:.55;filter:none;cursor:not-allowed}
body :is(.btn,button,input,select,textarea,a):focus-visible{outline:2px solid #f0c98e!important;outline-offset:3px}
body .sidebar{background:#09121a;border-right:1px solid #34454a}
body .syn65-group{border-color:#25333c}
body .syn65-group summary{border-radius:7px!important;background:transparent!important;border:1px solid transparent!important;color:#d9c9ad!important}
body .syn65-group[open]>summary{background:transparent!important;border-color:transparent!important;color:#d9c9ad!important}
body .syn65-group summary:hover{background:#172630!important}
body .syn65-group .nav-btn.active{background:rgba(180,130,72,.18)!important;border-color:#bb955d!important;color:#f0d29e!important}
body .syn65-group .nav-btn:not(.active):hover{background:#172630!important}
body .topbar{background:#0b141c;border-bottom:1px solid #5d4c38}
body .topbar .resources strong{font-variant-numeric:tabular-nums}
body .syn64-row{gap:var(--syn70-gap)}

body .business-tile .business-art{height:156px;flex-shrink:0;filter:saturate(.85) contrast(1.04)}
body .territory-card .territory-image{height:168px;background-size:cover;background-position:center 45%;filter:saturate(.88)}
body .territory-card .territory-body{min-height:225px;display:flex;flex-direction:column;gap:8px}
body .territory-card .territory-body :is(.territory-cta,.btn){margin-top:auto}
body .exp-car-illustration{height:172px;overflow:hidden}
body .exp-car-copy{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px}
body .exp-car-copy .exp-car-buttons{margin-top:auto}
body .syn58-job-image{height:194px;flex-shrink:0}
body .syn58-job-body{display:flex;flex-direction:column;flex:1}
body .syn58-job-body p{flex:1;min-height:0}
body .syn58-rewards{margin-top:8px}
body .syn70-risk-hint{font-size:12px;color:#b9cad0;line-height:1.6;max-width:680px;margin:9px 0 15px}
body .syn53-armory .syn69-inventory-item{border-radius:8px}
body .syn53-armory .syn69-inventory-grid{scrollbar-color:#846847 #0b1922}
body .syn53-bag-top .eyebrow{letter-spacing:1.4px}
body .syn53-bag-filters{gap:12px}
body .syn68-gang-tabs{gap:7px}
body .syn68-gang-tabs button{min-height:42px}
body .syn68-gang-tabs button.selected{border-color:var(--syn70-gold)!important}
body .syn70-patrol{margin-top:18px;padding:clamp(18px,2vw,28px);border:1px solid var(--syn70-border-gold);border-radius:10px;background:linear-gradient(115deg,rgba(16,32,42,.95),rgba(12,23,30,.9)),url('assets/noir56/docks.webp') center/cover;display:flex;align-items:center;justify-content:space-between;gap:24px}
body .syn70-patrol h2{font:normal clamp(26px,2.7vw,34px) Georgia,serif;color:#f3e3cc;margin:7px 0}
body .syn70-patrol p{max-width:680px;color:#d0d8d7;line-height:1.6}
body .syn70-patrol small{display:block;color:#b1c3c9;margin-top:8px}
body .syn70-patrol>.btn{white-space:normal;min-width:185px;max-width:260px}
body .syn70-contact-grid{grid-template-columns:minmax(0,1fr)}
body .syn70-contacts{max-width:600px}

@media(max-width:980px){body .syn70-patrol{flex-direction:column;align-items:stretch}body .syn70-patrol>.btn{width:100%;max-width:none}}
@media(max-width:700px){body .content{padding:14px 12px 92px}body .syn64-row{gap:12px}body .business-tile .business-art{height:135px}body .territory-card .territory-image{height:150px}body .syn70-patrol{margin-top:12px}body .chat-launch{bottom:84px}}
@media(prefers-reduced-motion:reduce){body .btn{transition:none!important}body .btn:not(:disabled):active{transform:none}}

body :is(.sidebar,.mobile-more,.mobile-nav) .nav-symbol {
  display:inline-flex!important;align-items:center;justify-content:center;
  width:20px;height:20px;min-width:20px;flex:0 0 20px;
  line-height:1;color:#c9a674;vertical-align:middle;
}
body :is(.sidebar,.mobile-more,.mobile-nav) .nav-symbol svg {
  display:block!important;width:18px!important;height:18px!important;
  stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;
  stroke-linecap:round;stroke-linejoin:round;opacity:1!important;
}
body :is(.sidebar,.mobile-more,.mobile-nav) .nav-btn.active .nav-symbol,
body .mobile-nav button.active .nav-symbol{color:#ecc484}
body .syn65-group summary .syn65-group-icon {width:20px;height:20px;flex:0 0 20px}
body .mobile-nav .mobile-nav-icon{width:20px;height:20px;flex:0 0 20px}

.syn704-board-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.syn704-board-tools>strong{padding:8px 12px;background:#07141c;border:1px solid #9e764f;border-radius:7px;color:#edca8f;font-size:17px;white-space:nowrap}
.syn704-board-tools .btn{min-height:39px;min-width:0;padding:8px 12px;white-space:normal}
@media(max-width:680px){.syn57-mission-board-header{align-items:flex-start}.syn704-board-tools{flex-direction:column-reverse;align-items:stretch}.syn704-board-tools>strong{text-align:center}.syn704-board-tools .btn{font-size:12px}}

.syn705-reports{display:grid;gap:9px;margin-top:15px}
.syn705-report{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e1b25;border:1px solid #334553;border-radius:10px;padding:13px 15px}
.syn705-report>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.syn705-report strong{font-size:15px;color:#f0dfc4;overflow-wrap:anywhere}
.syn705-report small{font-size:11px;color:#93a7b4}
.syn705-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.syn705-loss{color:#e3ad9d}.syn705-win{color:#97d8bd}
@media(max-width:620px){.syn705-report{align-items:stretch;flex-direction:column}.syn705-actions{justify-content:stretch}.syn705-actions .btn{flex:1}}

.syn80-operations{max-width:1300px;margin:auto}.syn80-headline{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(115deg,#132733,#0b171f);border:1px solid #54606a;border-radius:15px;padding:24px 27px;margin:0 0 14px}.syn80-headline h2{font:normal clamp(25px,3vw,34px)/1.2 Georgia,serif;margin:8px 0}.syn80-headline p{max-width:630px;color:#b5c6cb;font-size:12px}.syn80-intel{text-align:center;min-width:135px;border:1px solid #8c7047;border-radius:11px;padding:13px;background:#0b151e}.syn80-intel span{display:block;color:#eac083;font-size:9px;font-weight:800;letter-spacing:1px}.syn80-intel strong{font:35px Georgia,serif;color:#eac083}.syn80-intel small{display:block;color:#91a6ae}.syn80-strategy{border:1px solid #314650;border-radius:12px;background:#0e1e27;padding:16px 20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.syn80-strategy>div:first-child{max-width:370px}.syn80-strategy strong,.syn80-strategy small{display:block}.syn80-strategy small{font-size:11px;color:#aabdc4;margin-top:5px}.syn80-tactics{display:flex;flex-wrap:wrap;gap:7px}.syn80-tactics button{background:#132b38;border:1px solid #3b5361;border-radius:8px;color:#d5d9d9;padding:10px 13px}.syn80-tactics button.selected{background:#b38c51;color:#161412;border-color:#dfb979;font-weight:800}.syn80-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.syn80-faction-card{border:1px solid #40505a;background:#101e27;border-radius:13px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.syn80-faction-cover{min-height:150px;background-size:cover;background-position:center;display:flex;justify-content:space-between;flex-direction:column;gap:25px;padding:16px;color:#f8e4c5;font-size:10px;font-weight:800;letter-spacing:1.3px}.syn80-faction-cover b{font:21px Georgia,serif;letter-spacing:0}.syn80-faction-inner{padding:19px;display:flex;flex-direction:column;gap:10px;flex:1}.syn80-faction-inner h2{font:normal 25px Georgia,serif;margin:0}.syn80-faction-inner p{font-size:12px;color:#b7c3c6;margin:0}.syn80-faction-progress{margin-top:8px;font-size:11px;color:#d0c0a4}.syn80-faction-progress progress{margin:8px 0 0}.syn80-next{border-top:1px solid #344754;padding-top:13px;margin-top:8px}.syn80-next small{font-size:9px;letter-spacing:1px;color:#d9b275;font-weight:800}.syn80-next h3{font:21px Georgia,serif;margin:7px 0}.syn80-costs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:5px}.syn80-costs span{font-size:10px;padding:4px 6px;background:#09151e;border-radius:5px;color:#cad5d9}.syn80-faction-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px}.syn80-faction-actions .btn{padding:9px 6px;font-size:11px;min-height:44px}.syn80-locked{color:#ac8c72;font-size:11px}.syn80-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.syn80-panel{background:#101e27;border:1px solid #3d5260;border-radius:12px;padding:21px;min-width:0}.syn80-panel h2{font:24px Georgia,serif;margin:0 0 14px}.syn80-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.syn80-archive-row{display:flex;align-items:center;gap:12px;border-top:1px solid #31414b;padding:12px 2px}.syn80-archive-row>span:first-child{width:23px;color:#d6a569}.syn80-archive-row>div{flex:1;min-width:0}.syn80-archive-row strong,.syn80-archive-row small{display:block}.syn80-archive-row small,.syn80-archive-row>span:last-child{color:#a9bcc3;font-size:10px}.syn80-archive-row>span:last-child{text-align:right}.syn80-panel .btn{margin-top:7px}.syn68-inline input[name="amount"]{min-width:0;width:100%;max-width:100%;font-size:16px}
@media(max-width:1080px){.syn80-factions{grid-template-columns:repeat(2,minmax(0,1fr))}.syn80-strategy{flex-direction:column;align-items:stretch}.syn80-strategy>div:first-child{max-width:none}}
@media(max-width:720px){.syn80-factions,.syn80-bottom{grid-template-columns:1fr}.syn80-headline{padding:19px;align-items:stretch;flex-direction:column}.syn80-intel{align-self:flex-start}.syn80-faction-cover{min-height:130px}.syn80-faction-inner{padding:16px}.syn80-tactics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.syn80-tactics button{padding:12px 6px}.syn80-archive-row>span:last-child{max-width:80px}.syn80-panel-head{align-items:flex-start;flex-direction:column}}

.territory-canals .territory-image{background-image:linear-gradient(0deg,#13232b5c,#060d12a6),url('assets/noir56/docks.webp')}
.territory-station .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/harbor.webp')}
.territory-blackmarket .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/contracts.webp')}
.territory-arsenal .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/fight.webp')}
.territory-capital .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/verona-city.webp')}
.territory-palace .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/don.webp')}
.syn80-intel-choice{font-size:11px;color:#d5c3a4;white-space:nowrap;display:flex;gap:8px;align-items:center}.syn80-intel-choice input{accent-color:#bb9253;width:17px;height:17px}
@media(max-width:1080px){.syn80-intel-choice{white-space:normal}}

.syn80-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.syn80-act{padding:17px;background:#111d27;border:1px solid #334957;border-radius:11px;display:flex;flex-direction:column;gap:8px}.syn80-act h3{font:20px Georgia,serif;margin:0}.syn80-act p{font-size:11px;color:#aabdc3;flex:1;margin:0}.syn80-act small{color:#c1ab86;font-size:10px}.syn80-act .btn{width:100%;margin-top:auto}.syn80-acts .eyebrow{font-size:9px}
@media(max-width:1050px){.syn80-acts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.syn80-acts{grid-template-columns:1fr}}

.combat-dialog{border-color:#8c7153;border-radius:11px;background:#0b151b;box-shadow:0 45px 140px #000d,0 0 0 1px #e2bb8252;}
.combat-top{min-height:60px;height:auto;background:linear-gradient(115deg,#101c25,#0a1016);letter-spacing:.14em;}
.combat-stage{min-height:425px;isolation:isolate;background:linear-gradient(0deg,#070f16eb 0%,#0d1a25bf 40%,#0c1420a3 100%),url('assets/noir56/verona-city.webp') center/cover;}
.combat-stage:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#10191e78,transparent 36%,transparent 64%,#10191e80),radial-gradient(ellipse at 50% 90%,#c18d5935,transparent 55%);}
.combat-grain{opacity:.035;}
.combat-versus{font:italic 49px Georgia,serif;color:#d4aa72;text-shadow:0 4px 20px #0009;}
.combat-spark{font-size:18px;opacity:.8;}
.combat-character{justify-content:center;}
.combat-avatar{width:min(100%,212px);height:238px;max-width:215px;filter:drop-shadow(0 22px 18px #000b);border-bottom:2px solid #947044;}
.combat-avatar:before{inset:7px 16px 5px;border-radius:4px;border:1px solid #c49c666f;background:#151e2055;}
.combat-avatar .gangster-face{clip-path:none;object-position:center 20%;border-radius:4px;mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%);}
.combat-side-name{padding:8px 4px 3px}.combat-side-name strong{font:25px Georgia,serif;line-height:1.16;}
.combat-side-name small{color:#ddb77c}.combat-hp-track{height:9px;border-radius:2px;background:#17242a;border-color:#4b5960;}
.combat-hp-track i{transition:width .75s cubic-bezier(.15,.75,.25,1)}
.combat-damage{top:30%;font:800 28px system-ui;letter-spacing:.01em;text-shadow:0 2px 7px #000;}
.combat-under{background:linear-gradient(160deg,#122029,#0a1319);border-top-color:#95734b65;min-height:157px;}
.combat-feed{height:112px;gap:6px}.combat-feed p{font-size:12px;line-height:1.45;color:#d8dedb;animation:none;}
.combat-feed .syn804-combat-event{color:#f6d09a;font-weight:700;border-left:3px solid #db9d56;background:#b7852f16;padding:8px 10px;border-radius:2px;}
.combat-stage[data-phase="2"]:after{background:radial-gradient(ellipse at 55% 35%,#be815026,transparent 60%),linear-gradient(0deg,#140e0e55,transparent)}
.combat-stage[data-phase="3"]:after{background:radial-gradient(ellipse at 55% 35%,#c24d4736,transparent 70%),linear-gradient(0deg,#23101460,transparent)}
.combat-skip{border-color:#937249;color:#e9c991;background:#1c2529;padding:8px 13px;}
.combat-kind-boss .combat-stage{background:linear-gradient(0deg,#100e16ef,#1a1118c9),url('assets/noir56/don.webp') center/cover;}
.combat-district-docks .combat-stage{background:linear-gradient(0deg,#071722ed,#0e28399a),url('assets/noir56/harbor.webp') center/cover;}
.combat-district-factory .combat-stage,.combat-district-arsenal .combat-stage{background:linear-gradient(0deg,#181719ed,#332516bb),url('assets/noir56/contracts.webp') center/cover;}
.combat-district-east .combat-stage,.combat-district-station .combat-stage{background:linear-gradient(0deg,#101625ed,#162332aa),url('assets/noir56/verona-city.webp') center/cover;}
.combat-district-downtown .combat-stage,.combat-district-capital .combat-stage{background:linear-gradient(0deg,#15121fed,#242131b8),url('assets/noir56/don.webp') center/cover;}
.combat-district-hills .combat-stage,.combat-district-palace .combat-stage{background:linear-gradient(0deg,#16121bef,#332520c3),url('assets/noir56/portrait.webp') center/cover;}
.combat-district-canals .combat-stage{background:linear-gradient(0deg,#071b20ec,#153438a9),url('assets/noir56/harbor.webp') center/cover;}
.combat-district-blackmarket .combat-stage{background:linear-gradient(0deg,#1c1519ed,#362317a3),url('assets/noir56/fight.webp') center/cover;}

.syn804-bag-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.syn804-bag-actions .btn{min-height:38px;padding:9px 13px;}
.syn804-bag-actions [data-salvage-submit]:not(:disabled){background:#5a2528;color:#fff0e7;border-color:#a56a5e;}
.syn804-item-wrap{position:relative;min-width:0;display:flex;flex-direction:column;}
.syn804-item-wrap>.syn-inventory-item{height:100%;width:100%;min-width:0;}
.syn804-select-label{position:absolute;top:6px;left:6px;z-index:4;display:flex;align-items:center;gap:5px;color:#f2debd;padding:4px 6px;background:#071117ed;border:1px solid #b89b698c;border-radius:5px;cursor:pointer;font-size:10px;font-weight:700;}
.syn804-select-label input{appearance:auto;accent-color:#d4ac70;width:17px;height:17px;margin:0;cursor:pointer;}
.syn804-item-wrap:has(input:checked)>.syn-inventory-item{border-color:#f0c67e!important;box-shadow:inset 0 0 0 1px #cfaa67,0 0 0 2px #a87c3966;}
.syn804-locked{position:absolute;top:7px;left:6px;font-size:10px;color:#f5d8a1;padding:4px 6px;background:#21292e;border-radius:3px;}
@media(max-width:700px){.combat-dialog{max-height:calc(100dvh - 12px);}.combat-stage{min-height:350px;padding:12px 9px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.combat-avatar{height:177px}.combat-versus{font-size:30px}.combat-side-name strong{font-size:16px}.combat-under{padding:12px 13px;min-height:130px}.combat-feed{height:102px}.combat-feed p{font-size:10px}.syn804-select-label span{display:none}.syn804-select-label{padding:4px}.syn804-bag-actions .btn{font-size:10px;flex:1;}.syn804-bag-actions [data-salvage-submit]{flex-basis:100%;}}
@media(prefers-reduced-motion:reduce){.combat-hp-track i{transition:none}.combat-dialog,.combat-feed p{animation:none}}

:root{--bg:#0b1119;--surface:#14212c;--surface2:#172733;--deep:#0b1720;--gold:#c9a16c;--gold2:#aa824f;--line:#31404b;--text:#f1e8db;--muted:#afbdc7;--green:#a1cdb0;--red:#ed9996;--ui-radius:12px;--ui-radius-sm:8px;--ui-border:1px solid var(--line)}
body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}
:is(.panel,.tile,.syn-aside-block,.syn53-bag,.syn53-paperdoll,.syn-tab-panel,.syn53-item-bottom,.syn80-hero,.syn68-live-raid,.syn-bounty-card){border-radius:var(--ui-radius);border-width:1px;box-shadow:none;}
:is(.panel,.tile,.syn-aside-block,.syn-tab-panel){background-color:var(--surface);border-color:var(--line)}
:is(.nav-btn,.syn65-group summary){border-radius:var(--ui-radius-sm)}
.syn65-group summary{background:transparent;border:1px solid transparent}
.syn65-group[open]>summary{background:transparent;border-color:transparent}
.syn65-group .nav-btn.active{background:#ae824d22;border-color:#b08b57;color:#f7e5c8}
.nav-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font-size:18px}
.nav-symbol svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
:where(.btn,button[data-action],.syn53-bag-actions button){min-height:40px;border-radius:var(--ui-radius-sm)}
.btn.primary{color:#1b1b1b;background:linear-gradient(125deg,#f0d299,#c9a16c);border-color:#c9a16c;box-shadow:none}
.btn.primary:not(:disabled):hover{background:#f3d8aa}
.btn.ghost{background:#182631;border-color:#40505a;color:#ead4b3}
.btn.ghost:not(:disabled):hover{border-color:#ad8d60;background:#22333d}
input:not([type=checkbox]):not([type=radio]),textarea,select{border-radius:var(--ui-radius-sm);max-width:100%}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #edd1a1;outline-offset:2px}
.panel h2,.tile h3,.syn-aside-block h3{color:var(--text)}
.syn53-bag,.syn53-paperdoll{background:#111e28;border-color:#31404b}
.syn53-bag-top,.syn53-bag-filters,.syn53-bag-actions{background:transparent}
.syn53-bag-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px}
.syn53-inventory-grid,.syn54-inventory-grid{scrollbar-color:#61717a #101a22}
.syn804-item-wrap>.syn-inventory-item{border-width:1px;border-radius:var(--ui-radius-sm)}
.syn804-select-label{border-radius:6px;box-shadow:0 3px 12px #0005}
.boss51-dossier,.boss51-portrait-tab,.boss51-weekly,.boss51-tactic{border-radius:var(--ui-radius)}
.combat-dialog{border-radius:var(--ui-radius);overflow:hidden}
.combat-under{border-top:1px solid var(--line)}
.combat-feed{scrollbar-color:#67717d #101923}
.combat-feed p{line-height:1.55}
@media(max-width:700px){:root{--ui-radius:11px}.panel,.tile{padding:14px}.syn53-bag-filters{padding:8px}.combat-dialog{border-radius:11px}.syn53-inventory-grid{padding:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.nav-btn,.btn,button{transition:none!important}}

html body .main > main.content#main-content {
  width: 100%;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 28px 28px 100px !important;
  box-sizing: border-box;
}

html body .main > main.content#main-content > :not([hidden]) {
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}
@media (max-width: 1100px) {
  html body .main > main.content#main-content {
    padding: 20px 18px 100px !important;
  }
}
@media (max-width: 800px) {
  html body .main > main.content#main-content {
    padding: 14px 14px 100px !important;
  }
}
@media (max-width: 570px) {
  html body .main > main.content#main-content {
    padding: 12px 12px calc(100px + env(safe-area-inset-bottom)) !important;
  }
}

:root{
  --syn82-gold:#c9a16c;
  --syn82-frame:#8e704a;
  --syn82-fine:#34454e;
  --syn82-card:#111f29;
  --syn82-ink:#f2e9dc;
  --syn82-scene:url('assets/noir56/verona-city.webp');
}

html body .main > main.content#main-content{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:24px clamp(20px,2vw,34px) 108px !important;
  box-sizing:border-box;
}
html body .main > main.content#main-content > :not([hidden]){
  width:100%;max-width:100% !important;min-width:0;
  margin-inline:0 !important;box-sizing:border-box;
}
html body .content :is(.syn47-page,.syn80-operations,.syn64-home,.syn53-armory,.syn54-armory,.syn68-gang,.exp-page){
  width:100%;max-width:100% !important;margin-inline:0 !important;
}

body[data-section="dashboard"]{--syn82-scene:url('assets/noir56/verona-city.webp')}
body[data-section="missions"]{--syn82-scene:url('assets/noir56/docks.webp')}
body[data-section="duty"]{--syn82-scene:url('assets/noir56/harbor.webp')}
body[data-section="activities"],body[data-section="contracts"],body[data-section="career"]{--syn82-scene:url('assets/noir56/contracts.webp')}
body[data-section="encounters"],body[data-section="street"],body[data-section="city"]{--syn82-scene:url('assets/noir56/verona-city.webp')}
body[data-section="profile"],body[data-section="talents"],body[data-section="crew"]{--syn82-scene:url('assets/noir56/portrait.webp')}
body[data-section="workshop"],body[data-section="garage"],body[data-section="underworld"]{--syn82-scene:url('assets/noir56/harbor.webp')}
body[data-section="business"],body[data-section="shop"]{--syn82-scene:url('assets/noir56/don.webp')}
body[data-section="arena"],body[data-section="bosses"],body[data-section="pvp"],body[data-section="bounties"]{--syn82-scene:url('assets/noir56/fight.webp')}
body[data-section="heists"],body[data-section="gangs"]{--syn82-scene:url('assets/noir56/don.webp')}
body[data-section="rank"],body[data-section="settings"]{--syn82-scene:url('assets/noir56/contracts.webp')}

html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline,.syn55-hero,.territory-intro){
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--syn82-frame) !important;
  border-radius:13px !important;
  background-image:linear-gradient(90deg,rgba(6,14,20,.96) 1%,rgba(8,17,25,.88) 42%,rgba(7,16,24,.34) 100%),var(--syn82-scene) !important;
  background-position:center,center 50% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  box-shadow:0 12px 34px #0006, inset 0 0 60px #0003 !important;
  margin-inline:0 !important;
}
html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline):not([hidden]){
  min-height:224px;
  padding:clamp(24px,3vw,40px) !important;
  margin-bottom:18px;
}

html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline,.syn55-hero,.territory-intro)::after{
  content:'';position:absolute;inset:8px;border:1px solid rgba(225,181,109,.23);border-radius:6px;
  background:none;mask-image:none;opacity:1;pointer-events:none;z-index:0;
}
html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline,.syn55-hero,.territory-intro)>*{
  position:relative;z-index:1;
}
html body .content :is(.page-title,.syn47-head,.syn-activity-banner,.syn53-armory-title,.syn54-armory-title) h1,
html body .content :is(.syn68-gang-hero,.territory-intro,.syn80-headline) h1{
  color:var(--syn82-ink) !important;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;letter-spacing:-.025em;line-height:1.13;
  font-size:clamp(35px,3.3vw,53px);
  text-shadow:0 3px 19px #000b;
}
html body .content :is(.page-title,.syn47-head,.syn-activity-banner,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline,.territory-intro) p{
  color:#d4dbdc !important;max-width:740px;line-height:1.65;text-shadow:0 2px 10px #0009;
}
html body .content :is(.page-title,.syn47-head,.syn-activity-banner,.syn68-gang-hero,.syn55-hero,.territory-intro) .eyebrow{color:#e4bb7b}

body[data-section="city"] .territory-intro{min-height:250px !important}
body[data-section="city"] .territory-intro h1 em{color:#e8bc81}

html body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn-goal-card,.syn-activity-summary>button,.syn47-quest,.syn47-event,.syn80-panel,.syn80-faction-card,.syn68-upgrade-card,.syn68-raid-card,.exp-street-card,.syn58-running,.syn58-while,.syn58-duration){
  border-width:1px !important;
  border-radius:12px !important;
  border-color:var(--syn82-fine);
  box-shadow:0 8px 25px #0003;
}

body[data-section="activities"] .syn-goal-card{
  position:relative;isolation:isolate;overflow:hidden;
  background-image:linear-gradient(110deg,rgba(13,29,39,.97),rgba(13,29,39,.93) 62%,rgba(13,29,39,.72)),url('assets/noir56/contracts.webp') !important;
  background-position:center,right center;background-size:cover;
  border-color:#46555c;
}
body[data-section="activities"] .syn-goal-card:nth-child(3n+2){background-image:linear-gradient(110deg,rgba(13,29,39,.97),rgba(13,29,39,.92) 62%,rgba(13,29,39,.70)),url('assets/noir56/fight.webp') !important}
body[data-section="activities"] .syn-goal-card:nth-child(3n+3){background-image:linear-gradient(110deg,rgba(13,29,39,.97),rgba(13,29,39,.92) 62%,rgba(13,29,39,.70)),url('assets/noir56/harbor.webp') !important}
body[data-section="activities"] .syn-goal-card::after{
  content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;background:linear-gradient(180deg,transparent,#c69d65,transparent);
  pointer-events:none;
}
body[data-section="activities"] .syn-activity-summary>button{
 background:linear-gradient(125deg,#1c2c35,#0e1e28);border-color:#374c56;
}
body[data-section="activities"] .syn-activity-summary>button:first-child{background:linear-gradient(125deg,#242c2b,#13262c);border-color:#8b724f}
body[data-section="encounters"] .syn47-quest,
body[data-section="street"] .exp-street-card{
  background-image:linear-gradient(112deg,rgba(17,33,44,.98),rgba(14,31,41,.91) 78%,rgba(14,31,41,.74)),url('assets/noir56/verona-city.webp');
  background-position:center,right center;background-size:cover;
}
body[data-section="arena"] .syn80-headline{min-height:218px}
body[data-section="arena"] .syn80-strategy{border-radius:12px;border-color:#4c5558;background:linear-gradient(105deg,#172732,#0b1820)}

html body .content :is(.section-title,.syn47-title,.syn68-section-heading) h2{font-family:Georgia,serif;color:#eedfcd}
html body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn47-quest,.syn80-panel) h2,
html body .content :is(.panel,.tile,.syn47-quest) h3{letter-spacing:-.018em}
html body .content .btn:disabled{opacity:.58}
html body .content .btn.primary:not(:disabled){box-shadow:inset 0 1px 0 #fff5}

@media(max-width:1100px){
 html body .main > main.content#main-content{padding:20px 20px 96px !important}
}
@media(max-width:800px){
 html body .main > main.content#main-content{padding:16px 14px 98px !important}
 html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline):not([hidden]){padding:25px !important;min-height:194px}
}
@media(max-width:570px){
 html body .main > main.content#main-content{padding:12px 12px calc(104px + env(safe-area-inset-bottom)) !important}
 html body .content :is(.page-title,.syn-activity-banner,.syn47-head,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline):not([hidden]){padding:22px 19px !important;min-height:170px}
 html body .content :is(.page-title,.syn47-head,.syn-activity-banner,.syn53-armory-title,.syn54-armory-title,.syn68-gang-hero,.syn80-headline,.territory-intro) h1{font-size:clamp(28px,8vw,38px)}
 body[data-section="city"] .territory-intro{min-height:200px !important;padding:22px 18px !important}
}
@media(prefers-reduced-motion:reduce){
 html body .content :is(.tile,.syn64-tile,.syn-goal-card){transition:none !important}
}

.combat-overlay{background:#02060be6;backdrop-filter:blur(10px)}
.combat-dialog{width:min(1360px,calc(100vw - 46px));border-radius:16px;box-shadow:0 0 0 1px #c89f6152,0 36px 140px #000d}
.combat-top{padding:12px 28px}
.combat-top-note{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #6f5b3d;border-radius:999px;background:#151d24;color:#e8c48f;font-size:10px;letter-spacing:1.6px}
.combat-stage{grid-template-columns:minmax(250px,1fr) 140px minmax(250px,1fr);min-height:470px;padding:26px 42px 18px;background:radial-gradient(circle at 50% 35%,#8b60302a,transparent 42%),linear-gradient(0deg,#091018f4,#101823d4 36%,#0c1520cc 100%),url('assets/noir56/don.webp') center 28%/cover}
.combat-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1118cc 0%,transparent 24%,transparent 76%,#0a1118cc 100%);pointer-events:none}
.combat-grain{opacity:.022}
.combat-character{justify-content:flex-start}
.combat-avatar{width:min(100%,246px);height:290px;max-width:246px;filter:drop-shadow(0 22px 30px #000d)}
.combat-avatar:before{inset:8px 10px 8px;border-radius:8px;border:1px solid #d3a66a80;background:linear-gradient(180deg,#0f161ca8,#10192050)}
.combat-avatar .gangster-face,.sharp-photo{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:center 18%;clip-path:none;mask-image:none;border-radius:8px;filter:none;image-rendering:auto;transform:translateZ(0)}
.syn60-npc-photo,.boss51-intro-art .gangster-face,.boss51-scene-portrait .gangster-face,.syn68-boss-portrait img{image-rendering:auto;filter:none!important}
.boss51-intro-art .gangster-face,.boss51-scene-portrait .gangster-face{opacity:.9}
.combat-side-name{max-width:320px}
.combat-side-name strong{font-size:31px;line-height:1.08;text-shadow:0 4px 20px #000b}
.combat-side-name small{font-size:10px;letter-spacing:2.4px;color:#e8c48f}
.combat-side-name span{font-size:12px;color:#d4d9d6}
.combat-hp{margin-top:14px}
.combat-hp-head{font-size:10px}.combat-hp-head b{font-size:12px}
.combat-hp-track{height:11px;border-radius:3px}
.combat-center{gap:14px}
.combat-versus{font-size:74px}
.combat-turn{padding:0 12px;font-size:11px;letter-spacing:2px}
.combat-spark{font-size:32px;opacity:.72}
.combat-damage{top:31%;font-size:34px}
.combat-under{grid-template-columns:1.2fr .8fr;padding:18px 28px 22px;background:linear-gradient(160deg,#101b22,#0d151b)}
.combat-feed{height:128px;gap:7px}
.combat-feed p{font-size:12px;line-height:1.48}
.combat-bottom{padding:14px 28px}
body .business-art img, body .territory-image img, .tile img, .panel img{image-rendering:auto;filter:none}
@media(max-width:900px){.combat-dialog{width:min(100%,calc(100vw - 18px))}.combat-stage{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);padding:16px 16px 12px;min-height:390px}.combat-avatar{width:min(100%,190px);height:220px}.combat-side-name strong{font-size:21px}.combat-versus{font-size:44px}.combat-under{grid-template-columns:1fr;gap:12px}.combat-feed{height:108px}}
@media(max-width:700px){.combat-top-note{font-size:9px;padding:6px 9px}.combat-stage{min-height:360px;background-position:center top}.combat-avatar{height:184px;max-width:160px}.combat-side-name strong{font-size:17px}.combat-versus{font-size:34px}.combat-under{padding:12px 13px;min-height:0}.combat-feed{height:96px}.combat-feed p{font-size:11px}.combat-damage{font-size:24px}}


/* 17.10.3 — Zlecenia w stylu Długiej roboty */
body[data-section="missions"] .syn210-missions-hero{margin:14px 0 18px}
body[data-section="missions"] .syn210-running-board{padding:20px 22px;margin:0 0 18px}
body[data-section="missions"] .syn210-running-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
body[data-section="missions"] .syn210-running-top h2{margin:3px 0 6px;font:500 44px Georgia,serif;color:#f8ead1}
body[data-section="missions"] .syn210-running-top p{margin:0;color:#b4c3cf;max-width:880px;line-height:1.45}
body[data-section="missions"] .syn210-running-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body[data-section="missions"] .syn210-running-tools strong{min-width:86px;height:42px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(223,183,115,.48);background:#0f1b25;color:#f3d39c;font-size:26px;font-weight:800}
body[data-section="missions"] .syn210-active-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
body[data-section="missions"] .syn210-active-card{display:grid;grid-template-columns:98px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(164,131,84,.3);border-radius:13px;background:linear-gradient(180deg,rgba(14,26,35,.9),rgba(16,28,37,.88))}
body[data-section="missions"] .syn210-active-card.is-ready{border-color:rgba(213,173,104,.48);box-shadow:0 0 0 1px rgba(213,173,104,.14) inset}
body[data-section="missions"] .syn210-active-art{width:98px;height:80px;overflow:hidden;border-radius:10px;border:1px solid rgba(191,153,92,.35)}
body[data-section="missions"] .syn210-active-art img{width:100%;height:100%;object-fit:cover;display:block}
body[data-section="missions"] .syn210-active-copy h3{margin:4px 0 6px;font:500 24px Georgia,serif;color:#f6ead4}
body[data-section="missions"] .syn210-active-copy p{margin:0 0 8px;color:#b9c7d0;line-height:1.4}
body[data-section="missions"] .syn210-active-rewards{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
body[data-section="missions"] .syn210-active-rewards span{padding:6px 9px;border-radius:8px;border:1px solid rgba(143,113,70,.45);background:#09141d;color:#f2cc86;font-weight:700;font-size:12px}
body[data-section="missions"] .syn210-active-action{display:flex;align-items:center}
body[data-section="missions"] .syn210-active-action .btn{min-width:176px}
body[data-section="missions"] .syn210-mission-empty{padding:18px 16px;border:1px dashed rgba(143,113,70,.45);border-radius:12px;color:#b8c6d0;text-align:center;background:rgba(8,18,26,.35)}
body[data-section="missions"] .syn210-mission-options{padding:0;background:transparent;border:none;box-shadow:none}
body[data-section="missions"] .syn210-board-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:-6px 0 16px;flex-wrap:wrap}
body[data-section="missions"] .syn210-board-tools small{color:#d6b57a}
body[data-section="missions"] .syn210-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-section="missions"] .syn210-mission-job{position:relative;border-color:#665843;background:linear-gradient(180deg,#162831,#101b25);transition:transform .18s ease,border-color .18s ease}
body[data-section="missions"] .syn210-mission-job:hover{transform:translateY(-3px);border-color:#d2aa6b}
body[data-section="missions"] .syn210-mission-image{height:204px;position:relative;overflow:hidden;background:#0b1620}
body[data-section="missions"] .syn210-mission-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(1.03) brightness(.83)}
body[data-section="missions"] .syn210-mission-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b25,rgba(6,12,18,.05) 70%)}
body[data-section="missions"] .syn210-mission-image span{position:absolute;left:13px;top:13px;z-index:2;letter-spacing:1.5px;font-weight:800;font-size:10px;background:#07121bc9;border:1px solid #d2a97165;padding:7px 9px;border-radius:4px;color:#f2ca86;max-width:calc(100% - 26px)}
body[data-section="missions"] .syn210-mission-body{gap:12px;padding:21px}
body[data-section="missions"] .syn210-mission-body h3{line-height:1.12}
body[data-section="missions"] .syn210-mission-body p{min-height:40px}
body[data-section="missions"] .syn210-mission-rewards{gap:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-section="missions"] .syn210-mission-rewards>div{background:#07121c;border:1px solid #97744d55;border-radius:8px;padding:10px 11px}
body[data-section="missions"] .syn210-mission-rewards>div span{display:block;font-size:10px;letter-spacing:1.25px;color:#9fb1bd;text-transform:uppercase;margin-bottom:5px}
body[data-section="missions"] .syn210-mission-rewards>div b{font-size:22px;color:#f2c980}
body[data-section="missions"] .syn210-mission-risk{display:grid;gap:7px}
body[data-section="missions"] .syn210-mission-risk>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#cfdeea}
body[data-section="missions"] .syn210-mission-risk strong{color:#f1c57a}
body[data-section="missions"] .syn210-mission-job .btn{margin-top:auto}
body[data-section="missions"] .syn210-mission-job .syn10-loot{margin:2px 0 0}
body[data-section="missions"] .syn210-mission-job .syn10-loot small{line-height:1.35}
body[data-section="duty"] .syn59-long-shift .syn58-casino .syn58-job-image{background-image:linear-gradient(#08131a20,#08131a40),url('assets/noir56/gallery-hall.webp');background-position:50% 46%}
body[data-section="duty"] .syn59-long-shift .syn58-border .syn58-job-image{background-image:linear-gradient(#08131a20,#08131a40),url('assets/noir56/ocean-liner.webp');background-position:50% 42%}
@media(max-width:1280px){
 body[data-section="missions"] .syn210-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 body[data-section="missions"] .syn210-running-top{flex-direction:column}
 body[data-section="missions"] .syn210-active-card{grid-template-columns:82px minmax(0,1fr)}
 body[data-section="missions"] .syn210-active-action{grid-column:1/-1}
 body[data-section="missions"] .syn210-active-action .btn{width:100%;min-width:0}
}
@media(max-width:680px){
 body[data-section="missions"] .syn210-running-board{padding:16px}
 body[data-section="missions"] .syn210-running-top h2{font-size:31px}
 body[data-section="missions"] .syn210-mission-grid{grid-template-columns:1fr;gap:12px}
 body[data-section="missions"] .syn210-mission-image{height:160px}
 body[data-section="missions"] .syn210-mission-body{padding:15px}
 body[data-section="missions"] .syn210-mission-body p{min-height:0}
 body[data-section="missions"] .syn210-mission-rewards>div b{font-size:18px}
 body[data-section="missions"] .syn210-active-grid{grid-template-columns:1fr}
 body[data-section="missions"] .syn210-active-card{gap:9px;padding:12px}
}

/* ── final-theme.css ── */
:root{--syn9-surface:#111c25;--syn9-surface-2:#15242e;--syn9-ink:#f0e8da;--syn9-muted:#a5b6c1;--syn9-stroke:#394951;--syn9-gold:#d3ae77;--syn9-radius:10px;--syn9-gap:14px}
html,body{background:#081118;color:var(--syn9-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body .content{padding:24px 28px 100px;max-width:none!important;width:100%;margin:0}
body .content > :first-child{min-width:0}
body :is(.content,.syn-44,.syn47-page,.exp-page,.syn68-gang,.boss51,.syn58-duty,.syn55-home,.syn80-operations){max-width:none!important}
body .topbar{border-bottom:1px solid #45515a;height:68px}
body .sidebar{background:#0c151d;border-right:1px solid #2b3b45}
body .sidebar nav{gap:3px}
body .nav-btn{min-height:37px;border-radius:7px}
body .nav-btn.active{color:#f0d19f;background:#31291f;border-color:#9e7848}
body .content h1,body .content h2,body .content h3{letter-spacing:-.024em}
body .content :is(.page-title,.syn-activity-banner,.syn58-hero,.syn47-head,.boss51-intro,.syn80-headline,.syn68-gang-hero,.territory-intro){
  border:1px solid #796047!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden
}
body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn47-quest,.syn47-event,.syn-goal-card,.syn68-block,.syn68-upgrade-card,.syn68-raid-card,.syn80-faction-card,.syn80-panel,.syn58-running,.syn58-duration,.syn58-while,.syn58-job,.syn83-link-section,.syn83-activity-strip,.boss51-weekly,.boss51-milestone,.exp-car,.syn53-paperdoll,.syn53-bag){
  border:1px solid var(--syn9-stroke)!important;border-radius:var(--syn9-radius)!important;box-shadow:none!important
}
body .content :is(.btn,button[data-view],.syn68-gang-tabs button,.syn-tabs button){transition:background-color .15s,border-color .15s,opacity .15s;box-shadow:none}
body .content .btn{min-height:38px;border-radius:7px;font-size:12px;font-weight:650;letter-spacing:0}
body .content .btn.primary:not(:disabled){background:linear-gradient(100deg,#efd2a0,#cda065);color:#171611;border-color:#cda065}
body .content .btn.ghost:not(:disabled){background:#10202a;border-color:#57616a;color:#f1d8b0}
body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn83-goal-card,.syn47-quest,.syn47-event,.syn80-panel) p{line-height:1.5}
body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn83-goal-card,.syn47-quest,.syn47-event,.syn80-panel) :is(h2,h3){margin-top:0}
body .content :is(.card-grid,.syn-goals-grid,.syn47-grid,.syn58-grid,.syn80-factions,.territory-grid,.exp-garage-grid){gap:var(--syn9-gap)}
body .content :is(.tile,.business-tile,.syn68-upgrade-card,.syn47-card,.syn58-job){min-height:0}
body .content :is(.syn83-extra-card,.syn68-family-row,.syn68-member,.syn83-goal-card){border-radius:9px}
body .content :is(.syn47-quest,.syn-goal-card,.syn83-extra-card,.syn68-member,.syn68-rank-row) .progressbar{height:5px}
body .content .progressbar{background:#24333d}
body .content .progressbar>i{background:linear-gradient(90deg,#b78345,#edc88b)}

body .boss51-scene{height:340px;background:#111b24!important}
body .boss51-scene:before{opacity:.19!important;filter:none!important;background-image:linear-gradient(90deg,#0b141c,#16212b)!important}
body .boss51-scene-portrait{position:absolute;top:0!important;bottom:0!important;right:0!important;width:min(42%,430px)!important;mask-image:none!important;opacity:1!important;z-index:1}
body .boss51-scene-portrait:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#111b24 0%,#111b2499 15%,transparent 48%);pointer-events:none}
body .boss51-scene-portrait .gangster-face{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;animation:none!important;filter:none!important;opacity:1!important;transform:none!important;image-rendering:auto}
body .boss51-scene-caption{left:clamp(20px,2.4vw,34px);max-width:62%;bottom:27px!important;z-index:3;text-shadow:0 2px 14px #0009}
body .boss51-scene-caption h2{font-size:clamp(29px,2.45vw,42px);line-height:1.13;letter-spacing:-.025em}
body .boss51-scene-caption p{font-size:clamp(12px,1.1vw,16px);max-width:630px}
body .boss51-scene-top{left:clamp(20px,2.4vw,34px);z-index:3}
body .boss51-sigil{z-index:3}
body .boss51-portrait-tab{min-height:78px;box-shadow:none}
body .boss51-tab-art{overflow:hidden}
body .boss51-tab-art img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:none!important}
body .boss51-intro-art img{object-fit:cover;object-position:center;filter:none!important}
body :is(.gangster-face,.syn60-npc-photo,.sharp-photo,.syn68-boss-portrait img){filter:none!important;animation:none!important;image-rendering:auto}

body .content :is(.syn83-goal-card,.syn83-extra-card,.syn47-quest,.syn47-card,.syn68-block){background-image:none!important;background:linear-gradient(145deg,#14232d,#101c25)!important}
body .content .syn83-goal-card{padding:16px;gap:9px}
body .content .syn83-goal-card.claimed{opacity:1;background:#0f1b23!important}
body .content .syn83-goal-card.claimed .syn-goal-top b{color:#bbb6aa}
body .content .syn83-goal-card .syn-goal-rewards{gap:6px;margin-top:auto}
body .content .syn83-goal-card .btn{margin-top:4px}
body .content .syn58-hero{background:linear-gradient(90deg,#08121bea,#0b1720df 60%,#111c265c),url('assets/noir56/harbor.webp') right center/auto 100% no-repeat!important}
body .content .syn83-duty-live{box-shadow:none;background:#14222c!important}
body .content .syn58-running{background:#14222c!important}
body .content .syn83-duty-live-side{box-shadow:none}
body .content .syn58-footnote{margin-top:10px}

body .syn53-bag-top{gap:12px}
body .syn53-bag-top p{font-size:12px;line-height:1.4;color:#9caeb7}
body .syn53-bag-actions{display:flex;gap:8px;flex-wrap:wrap}
body .syn53-bag-filters{display:flex;gap:12px;flex-wrap:wrap}
body .syn804-item-wrap{border-radius:9px;overflow:hidden}
body .syn-inventory-grid{gap:10px}
body .syn-inventory-item{border-radius:8px;box-shadow:none}
body .syn69-item-caption{min-height:0}
body .syn69-item-caption b{font-size:12px;line-height:1.32}
body .syn69-item-caption small{font-size:10px}
body .syn-final-broker{margin-top:18px;padding:20px;background:linear-gradient(180deg,#14222c,#0c1821);border:1px solid var(--syn9-stroke);border-radius:10px}
body .syn-final-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}
body .syn-final-section-head h2{font:normal 26px Georgia,serif;margin:5px 0 0;color:var(--syn9-ink)}
body .syn-final-section-head small{color:var(--syn9-muted);font-size:11px}
body .syn-final-broker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body .syn-final-trade{display:flex;align-items:center;gap:14px;min-width:0;padding:15px;border:1px solid #374a54;border-radius:9px;background:#10202a}
body .syn-final-trade-icon{width:42px;height:42px;border:1px solid #6e5b40;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#e4bd82;font-size:22px;background:#0b1720}
body .syn-final-trade-copy{flex:1;min-width:0}
body .syn-final-trade-copy h3{font:normal 19px Georgia,serif;margin:0 0 3px}
body .syn-final-trade-copy p{margin:0;color:#e1bf88;font-size:12px}
body .syn-final-trade-copy small{color:#9dafb9;font-size:10px}
body .syn-final-trade .btn{min-width:110px}
body .syn-final-shop-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
body .syn-final-shop-actions button{border:1px solid #5a6263;background:#101f2a;border-radius:7px;padding:11px 14px;color:#ead0a1}

body .combat-dialog{width:min(1320px,calc(100vw - 28px));background:#0d1720;border:1px solid #95784f}
body .combat-overlay{background:#050910eb;backdrop-filter:blur(4px)}
body .combat-stage{background:radial-gradient(ellipse at 50% 30%,#30404b44,transparent 53%),linear-gradient(100deg,#0c1822,#17202a 45%,#0c1822);border-block:1px solid #344752;isolation:isolate}
body .combat-stage:before{background:none}
body .combat-grain{display:none}
body .combat-character{position:relative;will-change:transform}
body .combat-avatar{max-width:242px;height:288px;overflow:hidden;filter:drop-shadow(0 12px 20px #0009)}
body .combat-avatar .gangster-face{width:100%;height:100%;object-fit:cover;object-position:center 12%;opacity:1!important}
body .combat-damage{font:bold clamp(23px,3vw,36px) Georgia,serif;color:#f2cb92;text-shadow:0 3px 10px #000d}
body .combat-hp-track>i{transition:width .58s cubic-bezier(.25,.46,.45,.94)}
body .combat-side-name{min-height:92px}
body .combat-side-name strong{font-size:clamp(19px,2.1vw,28px)}
body .combat-versus{opacity:.65}
body .combat-feed p{line-height:1.5;animation:combatLineIn .25s ease-out both}
body .combat-top-note{background:transparent;border:0;color:#acb5b8}
body .combat-result{box-shadow:none}
@media(max-width:960px){
 body .content{padding:18px 18px 90px}
 body .syn-final-broker-grid{grid-template-columns:1fr}
 body .syn-final-shop-actions button{flex:1}
 body .boss51-scene-portrait{width:min(49%,395px)!important}
}
@media(max-width:700px){
 body .content{padding:12px 12px 100px}
 body .syn-final-section-head{align-items:start;flex-direction:column}
 body .syn-final-trade{flex-wrap:wrap;padding:12px}
 body .syn-final-trade .btn{width:100%}
 body .syn-final-shop-actions{display:grid;grid-template-columns:1fr}
 body .syn-final-broker{padding:14px}
 body .boss51-scene{height:290px}
 body .boss51-scene-portrait{width:60%!important;right:-10%!important;opacity:.9!important}
 body .boss51-scene-caption{max-width:78%;left:18px;bottom:17px!important}
 body .boss51-scene-caption h2{font-size:29px}
 body .combat-dialog{width:calc(100vw - 12px);border-radius:10px}
 body .combat-stage{padding:13px 9px;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);min-height:320px}
 body .combat-avatar{max-width:130px;height:180px}
 body .combat-center{gap:8px}
 body .combat-versus{font-size:30px}
 body .combat-side-name strong{font-size:16px}
 body .combat-side-name{min-height:85px}
}
@media(prefers-reduced-motion:reduce){body .combat-character,body .combat-feed p,body .content button{transition:none!important;animation:none!important}}

body .syn91-training{margin:14px 0 8px;padding:16px;border:1px solid #364a54;border-radius:10px;background:#0d1922}
body .syn91-training-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
body .syn91-training-heading h3{font:500 22px/1.1 Georgia,serif;color:#efddc4;margin:4px 0 0}
body .syn91-training-cash{font-weight:750;color:#e8c18a;font-size:13px;white-space:nowrap}
body .syn91-training-list{display:grid;grid-template-columns:1fr;gap:0}
body .syn91-train-row{display:grid;grid-template-columns:28px minmax(0,1fr) 50px auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #273944}
body .syn91-train-icon{font-size:18px;color:#ddb57c;text-align:center}
body .syn91-train-description{min-width:0;display:grid;gap:4px}
body .syn91-train-description strong{font-size:13px;color:#ece1d3}
body .syn91-train-description small{font-size:11px;color:#93a9b5;line-height:1.3}
body .syn91-train-value{font-size:13px;color:#93d3b5;text-align:right;font-weight:650}
body .syn91-train-row>.btn{min-width:130px;min-height:34px;padding:7px 10px;font-size:11px}

body .boss51-tab-art>img.gangster-face{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center 20%!important;transform:none!important}
body .boss51-scene-portrait{width:min(36%,340px)!important;right:1%!important}
body .boss51-scene-portrait img.gangster-face{object-position:center 20%!important}
body .boss51-scene::before{background-image:none!important;opacity:0!important}
body .boss51-scene::after{display:none!important}

body .boss51-scene-consul .boss51-scene-portrait img.gangster-face,
body .boss51-tab-art.boss51-consul img.gangster-face{filter:grayscale(1) brightness(.28) contrast(1.4)!important}
body .boss51-scene-consul .boss51-scene-portrait:after{content:'TOŻSAMOŚĆ UTAJNIONA';position:absolute;left:8%;bottom:12px;z-index:4;color:#e6bd85;background:#071119c9;border:1px solid #765f42;padding:7px 10px;border-radius:5px;font-size:10px;letter-spacing:1px}
@media(max-width:700px){body .syn91-training{padding:12px}body .syn91-train-row{grid-template-columns:23px minmax(0,1fr) 38px;gap:7px}body .syn91-train-row>.btn{grid-column:2/4;width:100%}body .boss51-scene-portrait{width:48%!important;right:0!important}body .boss51-scene-consul .boss51-scene-portrait:after{font-size:8px;letter-spacing:0}}

body .syn92-training-reset{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 0 1px;border-top:1px solid #354751}
body .syn92-training-reset>div{display:grid;gap:6px;min-width:0}
body .syn92-training-reset strong{font-size:14px;color:#f0dfc7}
body .syn92-training-reset small{font-size:11px;line-height:1.5;color:#a7bac7;max-width:590px}
body .syn92-training-reset b{color:#e2bd84}
body .syn92-reset-btn{flex-shrink:0;border-color:#a57e51!important;color:#e9c48d!important;min-height:38px;white-space:nowrap}
body .syn92-reset-btn:disabled{border-color:#354651!important;color:#8096a4!important}
@media(max-width:760px){body .syn92-training-reset{align-items:stretch;flex-direction:column}body .syn92-reset-btn{width:100%}}

:root {
 --syn9-surface:#101c24;
 --syn9-surface-2:#15232c;
 --syn9-stroke:#34434d;
 --syn9-gold:#d3ae77;
 --syn9-ink:#efe7db;
 --syn9-muted:#9fb0bd;
 --syn9-radius:10px;
 --syn9-gap:12px;
}
html body {background:#080f16}
html body .content {padding:20px 24px 85px; max-width:100%!important; width:100%; margin:0; overflow:visible;}
html body .content > * {max-width:100%!important; min-width:0}
html body .content :is(h1,h2,h3){font-weight:500;letter-spacing:-.02em}
html body .content h1 {line-height:1.08}
html body .content :is(.eyebrow,.syn-eyebrow,.syn55-overline) {letter-spacing:.11em}
html body .content :is(p,.muted) {text-wrap:pretty}

html body .sidebar {background:#0b141b}
html body .sidebar :is(.nav-btn,.nav-group-toggle) {border-radius:7px;box-shadow:none}
html body .sidebar .nav-btn:not(.active) {background:transparent;border-color:transparent}
html body .sidebar .nav-btn.active {background:#28251f;border:1px solid #ae8b5b;color:#f1d2a1}
html body .sidebar .nav-btn:hover:not(.active){background:#15222b;border-color:#30414a}
html body .topbar {background:#0c151c}

html body .content :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn57-mission-board,.syn57-mission-card,.syn83-goal-card,.syn83-extra-card,.syn47-quest,.syn47-event,.syn47-card,.syn58-job,.syn58-running,.syn83-activity-strip,.syn83-link-section,.territory-card,.business-tile,.exp-car,.syn53-paperdoll,.syn53-bag,.syn91-training,.syn-final-broker,.vip-benefits,.vip-membership,.premium-redeem,.premium-product,.premium-order-history,.syn68-block,.syn68-upgrade-card,.syn68-raid-card){border:1px solid var(--syn9-stroke)!important;border-radius:10px!important;box-shadow:none!important;}
html body .content :is(.syn64-panel,.syn64-tile,.syn83-goal-card,.syn83-extra-card,.syn47-quest,.syn58-running,.syn53-bag,.syn91-training,.syn68-block,.vip-benefits){background-color:#101c24}
html body .content :is(.btn,.btn.primary,.btn.ghost,.syn83-duty-links button,.syn-final-shop-actions button){font-family:inherit;font-weight:650;letter-spacing:0;border-radius:7px;box-shadow:none;transition:background-color .16s,border-color .16s,color .16s}
html body .content .btn:disabled{opacity:.55;cursor:not-allowed}
html body .content :is(button,a,input,select):focus-visible {outline:2px solid #e0bc81;outline-offset:2px}
html body .content :is(.syn64-row,.syn64-shortcuts,.card-grid,.syn57-mission-grid,.syn-goals-grid,.syn47-grid,.syn58-grid,.territory-grid,.syn68-gang-inner,.syn53-armory-layout){gap:var(--syn9-gap)}

html body .content :is(.syn55-hero,.syn58-hero,.syn47-head,.page-title,.syn83-activity-banner,.syn53-armory-title,.boss51-intro,.territory-intro,.premium-hero){border-radius:11px!important;box-shadow:none!important;border:1px solid #816847!important;overflow:hidden}
html body .content :is(.syn55-hero,.syn58-hero,.syn47-head,.page-title,.syn83-activity-banner) p{font-size:clamp(12px,1vw,14px);line-height:1.52;max-width:650px}
html body .content :is(.syn55-hero,.page-title,.syn58-hero,.syn83-activity-banner){background-repeat:no-repeat}

html body .syn57-mission-board{padding:18px}
html body .syn57-mission-card{transition:border-color .15s;transform:none!important}
html body .syn57-mission-card:hover{box-shadow:none!important;border-color:#a5875c!important}
html body .syn57-mission-art{height:136px}
html body .syn57-mission-art img{height:100%;width:100%;object-fit:cover;object-position:center 42%;image-rendering:auto;filter:none}
html body .syn57-mission-content{padding:15px;gap:9px}
html body .syn57-mission-content h3{font-size:clamp(19px,1.6vw,24px);line-height:1.13}
html body .syn57-mission-content p{font-size:12px;line-height:1.4;min-height:0;margin:0}
html body .syn57-mission-details{gap:5px}
html body .syn57-mission-details span{border-color:#3b4850;border-radius:5px}
html body .syn57-mission-card .btn{min-height:38px}
html body .syn83-goal-card{padding:15px;gap:7px}
html body .syn83-goal-card .syn-goal-top b{font-size:17px}
html body .syn83-goal-card .syn-goal-top small{font-size:11px}
html body .syn83-goals-grid{gap:10px}

html body .syn47-event{padding:16px;gap:14px;grid-template-columns:70px minmax(0,1fr) 185px}
html body .syn47-event-icon{min-height:70px;font-size:36px}
html body .syn47-event h2{font-size:25px}
html body .syn47-quest{padding:16px;gap:12px}
html body .syn47-quest h3{font-size:19px;margin:4px 0 7px}
html body .syn47-quest p{margin:0 0 6px;font-size:12px}

html body .syn53-armory-layout {align-items:start}
html body .syn53-bag-top p{margin:5px 0;font-size:11px}
html body .syn53-bag-actions{gap:7px}
html body .syn-inventory-grid{gap:8px}
html body .syn91-training{padding:14px}
html body .syn91-train-row{min-height:54px;padding:8px 0}
html body .syn91-training-heading{margin-bottom:9px}
html body .syn92-training-reset{margin-top:10px;padding-top:10px}

html body .syn83-duty-live{gap:12px;padding:17px}
html body .syn83-duty-live-side{background:#0d1820;border-color:#30414a}
html body .syn83-duty-live-side small{display:none}
html body .syn58-hero-tags{gap:6px}
html body .syn58-footnote{display:none}
html body .syn58-job-body{padding:15px}

html body .content .tile{padding:16px;gap:9px}
html body .content .tile h3{font-size:20px;line-height:1.16}
html body .content .tile p{font-size:12px;line-height:1.43;margin:2px 0}
html body .content .tile .btn{margin-top:auto}

html body .business-tile .business-art{height:125px}
html body .business-tile h3{font-size:21px;line-height:1.2}
html body .business-tile>p{font-size:12px;line-height:1.4}
html body .business-tile .btn{min-height:38px}
html body .business-tile{padding-bottom:14px}

html body .premium-hero{min-height:190px;grid-template-columns:1fr 140px;padding:24px 30px}
html body .premium-copy h1{font-size:clamp(33px,3vw,47px);margin:9px 0}
html body .premium-copy p{font-size:13px;max-width:700px;line-height:1.45}
html body .premium-hero-foot{margin-top:15px}
html body .premium-hero-monogram{width:124px;height:124px;border-width:1px;box-shadow:none}
html body .premium-hero-monogram>span{font-size:76px}
html body .premium-hero-monogram small{font-size:7px}
html body .premium-top-grid{gap:12px;margin:13px 0}
html body .vip-membership,html body .premium-redeem{min-height:235px;padding:20px}
html body .vip-membership:before{display:none}
html body .vip-membership-mark{font-size:70px;right:22px;top:42px}
html body .vip-membership-details{left:20px;right:20px;bottom:20px}
html body .vip-benefits{padding:19px}
html body .vip-benefits-heading p{max-width:850px;font-size:12px;line-height:1.45}
html body .vip-perks{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
html body .vip-perks>div{padding:13px;gap:5px;background:#101c25;border-color:#33454c;border-radius:8px}
html body .vip-perks>div>span{font-size:22px}
html body .vip-perks strong{font-size:13px}
html body .vip-perks small{font-size:11px;line-height:1.4}
html body .vip-perks-controls{margin:12px 0}
html body .vip-metrics{margin-top:12px}
html body .premium-order-history{margin-top:12px}
html body .premium-order-history .list-row{padding:9px 0}
html body .premium-product{min-height:255px;padding:17px}
html body .premium-product h3{font-size:22px}
html body .product-crest{font-size:30px;margin-top:7px}
html body .premium-product p{line-height:1.5}

html body .boss51-scene-portrait img.gangster-face,
html body .boss51-tab-art img.gangster-face{filter:none;transform:none;image-rendering:auto}
html body .boss51-scene{background:#0e1922!important}
html body .boss51-scene-caption{max-width:58%}
@media(max-width:1150px){
 html body .vip-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .syn57-mission-art{height:125px}
}
@media(max-width:850px){
 html body .content{padding:15px 15px 105px}
 html body .syn57-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .syn47-event{grid-template-columns:56px minmax(0,1fr)}
 html body .syn47-event-actions{grid-column:1/-1}
}
@media(max-width:650px){
 html body .content{padding:12px 12px 112px}
 html body .syn57-mission-grid{grid-template-columns:1fr}
 html body .syn57-mission-art{height:155px}
 html body .premium-hero{display:block;min-height:190px;padding:20px}
 html body .premium-hero-monogram{display:none}
 html body .vip-perks{grid-template-columns:1fr 1fr}
 html body .vip-perks>div{padding:11px}
 html body .premium-copy h1{font-size:34px}
 html body .syn47-event{grid-template-columns:1fr}
 html body .syn47-event-icon{display:none}
 html body .syn47-event-actions{grid-column:auto;display:grid}
}
@media(max-width:410px){html body .vip-perks{grid-template-columns:1fr}}
html body #app .syn83-duty-live-side{min-width:0}
html body #app .syn83-duty-live-side small{display:none}

html body .notif-drawer{display:flex!important;flex-direction:column!important;min-width:0;max-height:min(680px,calc(100dvh - 96px))!important}
html body .notif-drawer-body{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;display:flex!important;flex-direction:column!important;gap:7px!important;padding:10px!important}
html body .syn63-mini-notice{box-sizing:border-box;flex:0 0 auto;min-width:0;max-width:100%;width:100%;padding:11px 12px;gap:6px;white-space:normal!important;overflow:visible!important}
html body .syn63-mini-title{display:block;width:100%;font-size:13px;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
html body .syn94-notice-date{display:block;color:#d2ad79;font-size:11px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}
html body .syn94-notice-body{display:block;width:100%;color:#aebfc8;font-size:12px;line-height:1.45;text-overflow:clip;overflow:visible;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
html body .notif-drawer-head{flex:none}
html body .notif-drawer-actions{flex:none}
@media(max-width:720px){html body .notif-drawer{max-height:min(76dvh,680px)!important}}

:root{--syn932-line:#35454e;--syn932-surface:#111e28;--syn932-deep:#0b1720;--syn932-gold:#d3ac75;--syn932-r:10px}
html body .content :is(.syn80-faction-card,.syn80-act,.syn80-panel,.boss51-dossier,.boss51-weekly,.boss51-milestone,.exp-heist-card,.syn-bounty-card,.crew-tile,.syn68-block,.syn68-member,.syn68-upgrade-card,.syn68-raid-card,.settings-grid>.panel){
 border:1px solid var(--syn932-line)!important;border-radius:var(--syn932-r)!important;box-shadow:none!important;background-color:var(--syn932-surface);min-width:0
}
html body .content :is(.syn80-faction-card,.exp-heist-card,.syn-bounty-card,.crew-tile):hover{transform:none!important;border-color:#967750!important}
html body .content :is(.syn80-faction-card,.exp-heist-card,.syn-bounty-card,.crew-tile) :is(h2,h3){letter-spacing:-.025em;line-height:1.18}
html body .content :is(.syn80-faction-card,.exp-heist-card,.syn-bounty-card,.crew-tile) :is(p,small){line-height:1.42}
html body .content :is(.syn80-faction-card,.exp-heist-card,.syn-bounty-card,.crew-tile) .btn,
html body .content .boss51-tactic,html body .content .syn68-gang-tabs button{min-height:39px;border-radius:7px;box-shadow:none}
html body .content :is(button,.btn):focus-visible{outline:2px solid #e8be82;outline-offset:3px}

html body .content .syn80-headline{padding:22px 26px!important;min-height:164px!important}
html body .content .syn80-headline h2{font-size:clamp(26px,2.4vw,34px)}
html body .content .syn80-strategy{padding:13px 16px;gap:12px}
html body .content .syn80-strategy>div:first-child{max-width:310px}
html body .content .syn80-factions{gap:12px;align-items:start}
html body .content .syn80-faction-card{min-height:0}
html body .content .syn80-faction-cover{min-height:114px!important;height:114px!important;padding:12px 15px!important;gap:8px!important;background-color:#162631!important;background-position:center 38%!important}
html body .content .syn80-faction-cover b{font-size:19px}
html body .content .syn80-faction-inner{padding:15px;gap:8px}
html body .content .syn80-faction-inner h2{font-size:23px}
html body .content .syn80-faction-progress{margin-top:3px}
html body .content .syn80-next{margin-top:3px;padding-top:10px}
html body .content .syn80-next h3{font-size:19px;margin:5px 0 2px}
html body .content .syn80-costs{padding-top:3px;margin-top:0}
html body .content .syn80-faction-actions{margin-top:4px;padding-top:6px}
html body .content .syn80-acts{gap:10px}
html body .content .syn80-act{padding:14px;min-height:0}
html body .content .syn80-act h3{font-size:19px;margin:6px 0}
html body .content .syn80-bottom{gap:12px;margin-top:12px}
html body .content .syn80-panel{padding:17px}
html body .content .syn80-panel h2{font-size:23px}

html body .boss51-intro{min-height:220px!important}
html body .boss51-weekly{padding:17px 20px;margin-block:12px}
html body .boss51-weekly h2{font-size:24px;margin:4px 0}
html body .boss51-weekly p{font-size:12px;line-height:1.45}
html body .boss51-dossier-body{padding:19px 20px}
html body .boss51-dossier-summary p{font-size:12px}
html body .boss51-stat-grid{gap:9px}
html body .boss51-stat-grid>div{border:1px solid var(--syn932-line);background:#0d1922;border-radius:7px}
html body .boss51-tactics{gap:9px}
html body .boss51-tactic{background:#10202a;border:1px solid var(--syn932-line)}
html body .boss51-tactic.active{background:#1b2a32;border-color:#caa06a}
html body .boss51-rewards{margin-top:20px}
html body .boss51-milestone{padding:13px}

html body .content .syn-pvp-incoming{border-radius:10px}
html body .content :is(.pvp-history,.pvp-attacks,.syn-tab-panel) .list-row{min-height:52px;padding:10px 12px;background:#0d1922;border:1px solid #2b3e48;border-radius:7px;margin-block:5px}
html body .content :is(.pvp-history,.pvp-attacks) :is(p,small){font-size:11px;color:#a9b8c1}

html body .content .exp-headline{border-radius:8px;padding:12px 16px}
html body .content .exp-heat-bar{border-radius:9px;padding:12px 16px}
html body .content .exp-heist-grid{gap:12px}
html body .content .exp-heist-card{background:linear-gradient(170deg,#14222b,#0d1821)!important}
html body .content .exp-heist-cover{height:120px!important;min-height:120px!important}
html body .content .exp-heist-cover>strong{font-size:43px;opacity:.85;transform:none}
html body .content .exp-heist-details{padding:16px}
html body .content .exp-heist-details h3{font-size:23px}
html body .content .exp-heist-details>p{min-height:0;margin:6px 0 9px}
html body .content .exp-facts{gap:6px;margin:8px 0}
html body .content .exp-facts span{padding:6px 8px}
html body .content .exp-plan{padding:9px 10px}
html body .content .exp-plan>div>small{line-height:1.3}
html body .content .exp-fine{color:#a9b7be}

html body .content .syn-bounty-intro{padding:17px 22px;margin:12px 0}
html body .content .syn-bounty-intro h2{font-size:27px;margin:5px 0}
html body .content .syn-bounty-grid{gap:12px}
html body .content .syn-bounty-card{padding:14px;gap:9px;background:linear-gradient(155deg,#14232d,#0d1922)!important}
html body .content .syn-bounty-art{height:150px;min-height:150px;display:flex;align-items:center;justify-content:center;border-radius:8px}
html body .content .syn-bounty-art .gangster-face{width:140px;height:150px;object-fit:cover;filter:none!important}
html body .content .syn-bounty-art>span{font-size:16px;opacity:.75}
html body .content .syn-bounty-card h3{font-size:22px;margin:1px 0}
html body .content .syn-bounty-card p{flex:initial}

html body .content .crew-tile{padding:17px;gap:11px;background:linear-gradient(140deg,#14242c,#101c24)!important}
html body .content .crew-tile .crew-seal{font-size:25px;width:45px;height:45px}
html body .content .crew-tile h3{font-size:22px}
html body .content .crew-tile .mini-stats{gap:6px}
html body .content .crew-tile>.btn{margin-top:auto}
html body .content .syn68-gang-hero{min-height:210px!important;padding:22px 25px!important}
html body .content .syn68-gang-hero h1{font-size:clamp(30px,3vw,44px)}
html body .content .syn68-block{padding:19px}
html body .content .syn68-block h2{font-size:26px}
html body .content .syn68-block p{line-height:1.5;max-width:700px}
html body .content .syn68-big-cash{font-size:34px}
html body .content .syn68-member{min-height:60px;padding:11px 13px}
html body .content .syn68-gang-tabs{gap:7px;margin:12px 0}

html body .content .settings-grid{gap:12px;align-items:start}
html body .content .settings-grid>.panel{padding:19px}
html body .content .settings-grid h2{font-size:25px;margin-bottom:8px}
html body .content .pref-row{padding:11px 0;gap:14px}
html body .content .pref-row small{line-height:1.35}
html body .content .audio-volume-row{padding:10px 0}
html body .content .account-security{min-height:0}
html body .content .account-security input{min-height:40px}
html body .content .notification-pref-head{margin-top:14px}

html body .chat-widget.has-unread .chat-launch{animation:none!important}
html body .chat-dock{width:min(405px,calc(100vw - 22px));height:min(565px,calc(100dvh - 105px));background:#0e1922;border-radius:12px;animation:none}
html body .chat-dock-head{padding:12px 15px;background:#15242d}
html body .chat-dock-head strong{font-size:19px}
html body .chat-dock-messages{scroll-behavior:auto}
html body .chat-line{margin-bottom:6px;padding:8px 10px!important;border-radius:8px;background:#12212b}
html body .chat-line.mine{background:#252a29}
html body .chat-line p{margin-top:5px;font-size:12px;line-height:1.4}
html body .chat-dock-send{padding:9px}
@media(max-width:1100px){html body .content .syn80-factions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html body .content .syn80-factions,html body .content .syn80-bottom,html body .content .exp-heist-grid,html body .content .syn-bounty-grid{grid-template-columns:1fr}
 html body .content .syn80-strategy{display:flex;flex-direction:column;align-items:stretch}
 html body .content .boss51-dossier-body{padding:14px}
 html body .content .settings-grid{grid-template-columns:1fr}
 html body .content .syn-bounty-art{height:130px;min-height:130px}
 html body .content .syn68-gang-hero{padding:19px!important}
}
@media(max-width:440px){
 html body .content .syn80-faction-actions{grid-template-columns:1fr}
 html body .content .syn80-faction-cover{min-height:106px!important;height:106px!important}
 html body .content .crew-tile{padding:13px}
 html body .chat-dock{height:min(65dvh,550px)}
}
@media(prefers-reduced-motion:reduce){html body .content :is(.syn80-faction-card,.exp-heist-card,.syn-bounty-card,.crew-tile){transition:none!important}}

body :is(button,.btn,.nav-btn,.tile,button[data-view],button[data-action]):not(.combat-dialog *){
  animation:none!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
body :is(button,.btn,button[data-action]):active{transform:none!important;filter:none!important;box-shadow:none!important}
body :is(button,.btn,button[data-action]):not(:disabled):hover{transform:none!important;filter:none!important}
body .btn:focus-visible,body button:focus-visible{outline:2px solid #d6b17d;outline-offset:2px}

body .combat-overlay{backdrop-filter:none;background:#050910d9}
body .combat-dialog{will-change:auto}
body .combat-stage{will-change:auto}

body .combat-avatar,body .combat-character{backface-visibility:hidden}
body .combat-character .combat-avatar .gangster-face{filter:none;backface-visibility:hidden}
body .combat-feed p{opacity:1;transform:none}
body .combat-damage{opacity:0;will-change:opacity,transform}
body .combat-hp-track i{transition:width .55s cubic-bezier(.22,.61,.36,1)!important}
body .combat-character .combat-avatar{will-change:transform}

body .syn933-gang-deposit{display:flex;align-items:stretch;gap:8px;min-width:0}
body .syn933-gang-deposit input{flex:1 1 220px;min-width:0}
body .syn933-gang-deposit button{flex:0 0 auto;min-height:40px;white-space:nowrap}
body .syn933-fill-deposit{color:#eac99c!important}
@media(max-width:620px){body .syn933-gang-deposit{flex-wrap:wrap}body .syn933-gang-deposit input{flex-basis:100%}body .syn933-gang-deposit button{flex:1 1 44%}}
@media(prefers-reduced-motion:reduce){body .combat-hp-track i{transition:none!important}}

html body .boss51-dossier{overflow:hidden;border-color:#344952;border-radius:12px;box-shadow:none}
html body[data-section="bosses"] .boss51-dossier .boss51-scene,
html body .boss51-dossier .boss51-scene{
 position:relative;isolation:isolate;height:340px!important;
 background:#0d1821!important;border-bottom:1px solid #42515a;
}
html body[data-section="bosses"] .boss51-dossier .boss51-scene::before,
html body .boss51-dossier .boss51-scene::before,
html body .boss51-dossier .boss51-scene::after{
 content:none!important;display:none!important;background:none!important;filter:none!important;
}
html body[data-section="bosses"] .boss51-dossier .boss51-scene-portrait,
html body .boss51-dossier .boss51-scene-portrait{
 position:absolute!important;z-index:1!important;
 right:0!important;top:0!important;bottom:0!important;
 width:min(40%,440px)!important;
 height:100%!important;opacity:1!important;
 overflow:hidden;mask-image:none!important;clip-path:none!important;
}
html body .boss51-dossier .boss51-scene-portrait::before{
 content:'';display:block;position:absolute;z-index:2;inset:0;
 background:linear-gradient(90deg,#0d1821 0%,#0d182199 16%,transparent 41%)!important;
 pointer-events:none;
}
html body .boss51-dossier .boss51-scene-portrait img.gangster-face{
 display:block!important;position:relative!important;
 width:100%!important;height:100%!important;max-width:none!important;
 object-fit:cover!important;object-position:50% 17%!important;
 transform:none!important;animation:none!important;filter:none!important;
 opacity:1!important;image-rendering:auto!important;
}
html body .boss51-dossier .boss51-scene-marlow .boss51-scene-portrait img.gangster-face{object-position:56% 21%!important}
html body .boss51-dossier .boss51-scene-ferraro .boss51-scene-portrait img.gangster-face{object-position:50% 14%!important}
html body .boss51-dossier .boss51-scene-regent .boss51-scene-portrait img.gangster-face{object-position:50% 13%!important}
html body .boss51-dossier .boss51-scene-caption{
 left:clamp(22px,2.4vw,34px)!important;bottom:30px!important;
 max-width:56%!important;z-index:3!important;
 text-shadow:0 2px 13px #0009;
}
html body .boss51-dossier .boss51-scene-caption h2{
 font:normal clamp(29px,2.8vw,43px)/1.12 Georgia,serif;
 letter-spacing:-.025em;margin:8px 0 12px;
}
html body .boss51-dossier .boss51-scene-caption p{line-height:1.45;font-size:clamp(13px,1.14vw,17px);max-width:560px}
html body .boss51-dossier .boss51-scene-top{top:27px!important;left:clamp(22px,2.4vw,34px)!important;z-index:3!important}
html body .boss51-dossier .boss51-sigil{display:none!important}
html body .boss51-portrait-tab{gap:10px}
html body .boss51-portrait-tab .boss51-tab-art img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:100%!important;transform:none!important;object-fit:cover!important;
 object-position:50% 16%!important;filter:none!important;
}
html body .boss51-portrait-tab .boss51-tab-copy{padding-right:9px}
html body .boss51-portrait-tab.selected{box-shadow:inset 3px 0 var(--boss-accent,#caad81)}

html body .boss51-scene-consul .boss51-scene-portrait img.gangster-face,
html body .boss51-tab-art.boss51-consul img.gangster-face{filter:brightness(.04) grayscale(1)!important}
html body .boss51-scene-consul .boss51-scene-portrait:after{display:none!important}

html body .syn60-avatar-option.selected{outline:2px solid #ddb77d;outline-offset:-2px}
@media(max-width:700px){
 html body[data-section="bosses"] .boss51-dossier .boss51-scene,
 html body .boss51-dossier .boss51-scene{height:290px!important}
 html body[data-section="bosses"] .boss51-dossier .boss51-scene-portrait,
 html body .boss51-dossier .boss51-scene-portrait{width:50%!important;right:0!important;opacity:1!important}
 html body .boss51-dossier .boss51-scene-caption{left:17px!important;bottom:18px!important;max-width:70%!important}
 html body .boss51-dossier .boss51-scene-caption h2{font-size:clamp(25px,6vw,33px)}
 html body .boss51-dossier .boss51-scene-top{left:17px!important;top:16px!important;font-size:8px}
}
@media(max-width:420px){
 html body .boss51-dossier .boss51-scene-caption{max-width:75%!important}
 html body .boss51-dossier .boss51-scene-portrait{width:53%!important}
}

.syn-avatar-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center 16%;image-rendering:auto;filter:none!important;backdrop-filter:none!important;transform:none!important}
.syn-player-portrait .syn-avatar-photo,.syn-profile-avatar .syn-avatar-photo,.syn53-figure .syn-avatar-photo{object-position:center 17%;}
.syn95-search-hint{padding:8px 2px;font-size:12px;color:#a8bbc5}

.boss51-portrait-tab.boss936-defeated .boss51-tab-art,
.boss51-dossier.boss936-defeated .boss51-scene-portrait{position:relative;isolation:isolate}
.boss51-portrait-tab.boss936-defeated .boss51-tab-art::after,
.boss51-dossier.boss936-defeated .boss51-scene-portrait::after{content:""!important;display:block!important;position:absolute;z-index:4;pointer-events:none;inset:0;opacity:.84;background:radial-gradient(ellipse at 32% 72%,#710a12cf 0 5%,#57090d90 5.3% 9%,transparent 13%),radial-gradient(circle at 42% 79%,#a0141c99 0 2%,transparent 2.8%),radial-gradient(circle at 18% 62%,#69090f99 0 3%,transparent 4%),radial-gradient(ellipse at 35% 75%,transparent 0%,#090e15ad 100%)}
.boss51-portrait-tab .boss936-stamp{position:absolute;z-index:6;inset:auto 2px 8px auto;transform:rotate(-15deg);background:#2f0b0ddc;color:#f3b4a2;border:1px solid #ad403d;padding:4px 6px;border-radius:3px;font:800 8px/1.1 system-ui,sans-serif;letter-spacing:1px;text-shadow:0 1px #000}
.boss51-scene-portrait .boss936-seal{position:absolute;z-index:6;left:18%;bottom:14%;transform:rotate(-12deg);border:2px solid #b93a38;border-radius:5px;background:#330b0dc9;color:#ffccc0;box-shadow:0 0 0 3px #19090aa0,inset 0 0 28px #2a0606;padding:12px 21px;font:900 clamp(14px,1.7vw,25px)/1 system-ui,sans-serif;letter-spacing:3px;text-shadow:1px 2px #000}
.boss51-dossier.boss936-defeated .boss51-scene-portrait img{filter:grayscale(.35) contrast(1.08)!important}
.boss51-dossier.boss936-defeated .boss51-footer .btn:disabled{border:1px solid #7b403e!important;background:#231b1e!important;color:#e5b6ae!important;opacity:1!important}
.boss51-roster .boss51-portrait-tab.boss936-defeated{border-color:#794341}
.boss51-scene-portrait img.gangster-face{object-fit:cover!important;object-position:center 22%!important}
@media(max-width:700px){.boss51-scene-portrait .boss936-seal{left:0;bottom:18%;padding:8px 9px;font-size:12px;letter-spacing:1px}.boss51-portrait-tab .boss936-stamp{font-size:7px;letter-spacing:0;padding:3px}}

.syn54-item-img.syn-unique-item-img{object-fit:contain;object-position:center;filter:none!important;image-rendering:auto;background:transparent;border-radius:6px}
.syn53-gear-slot .syn-unique-item-img{border-radius:5px}
@media(max-width:700px){.syn54-item-img.syn-unique-item-img{image-rendering:auto}}

.syn-photo-talent{display:flex;align-items:center;gap:10px!important}
.syn-photo-talent img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #4c555d;filter:none}
.syn-crew-art{background:#0e1c26!important;overflow:hidden;display:grid;place-items:center}
.syn-crew-art img{display:block;width:100%;height:100%;max-width:76px;max-height:76px;object-fit:cover;border-radius:50%;filter:none}
.syn-photo-recipe{display:flex;align-items:center;justify-content:center;background:#101d27!important}
.syn-photo-recipe img{width:124px;height:115px;object-fit:contain;border-radius:8px;filter:none}

.syn54-item-img.syn-unique-item-img{object-fit:contain;object-position:center;filter:none!important;image-rendering:auto;background:transparent;border-radius:4px;}
.syn-photo-talent img,.syn-photo-recipe img,.syn-crew-art img{object-fit:contain;filter:none!important;}

/* ── ui-system.css ── */
:root{
  --ds-bg:#0a1016;--ds-panel:#121b22;--ds-panel-2:#18232b;--ds-inset:#0d151b;
  --ds-ink:#f2eadb;--ds-muted:#a9b3b1;--ds-faint:#6f7c7f;
  --ds-gold:#d9b273;--ds-gold-hi:#f3d39b;--ds-gold-lo:#8d6a3a;--ds-line:#2f3d44;
  --ds-red:#e2766c;--ds-green:#8fcf9e;--ds-blue:#7fb0d9;
  --ds-common:#9aa3a6;--ds-rare:#5aa0e0;--ds-epic:#b07ae6;--ds-legendary:#f0a84a;
  --ds-radius:8px;--ds-gap:14px;--ds-pad:18px;
  --ds-frame:0 0 0 1px #05090c,inset 0 0 0 1px rgba(217,178,115,.28),inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.35);
  --ds-frame-hi:0 0 0 1px #05090c,inset 0 0 0 1px rgba(243,211,155,.55),0 10px 26px rgba(0,0,0,.45);
  --ds-serif:Georgia,"Times New Roman",serif;
}
body{background:var(--ds-bg);color:var(--ds-ink)}

body :is(.panel,.tile,.syn64-panel,.syn64-tile,.syn10-frame,.info-strip,.syn47-head,.syn-item-detail,.syn705-report){
  background:linear-gradient(180deg,var(--ds-panel-2),var(--ds-panel));
  border:1px solid var(--ds-gold-lo);border-radius:var(--ds-radius);
  box-shadow:var(--ds-frame);
}
body :is(.tile,.syn64-tile):hover{box-shadow:var(--ds-frame-hi)}
body :is(.panel,.syn10-frame) > :is(h2,header h2),body .panel-heading h2{
  font-family:var(--ds-serif);letter-spacing:.01em;color:var(--ds-ink)
}
body .panel-heading{border-bottom:1px solid var(--ds-line);margin:-2px 0 12px;padding-bottom:10px}
body :is(.eyebrow,.syn55-overline,.syn10-overline,.syn-eyebrow){
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-gold)
}
body .page-title h1,body .syn47-head h1{font-family:var(--ds-serif);font-weight:700}

body .info-strip{display:flex;flex-wrap:wrap;gap:0;padding:0;overflow:hidden;margin-bottom:var(--ds-gap)}
body .info-strip > div{flex:1 1 150px;padding:12px 16px;border-right:1px solid var(--ds-line);color:var(--ds-muted);font-size:12px}
body .info-strip > div:last-of-type{border-right:0}
body .info-strip strong{display:block;margin-top:3px;color:var(--ds-ink);font-size:18px;font-family:var(--ds-serif)}
body .info-strip > .btn{margin:10px 14px;align-self:center}

body .btn{min-height:40px;padding:0 16px;border-radius:6px;font-weight:700;letter-spacing:.02em;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s,transform .15s}
body .btn.small{min-height:32px;padding:0 12px;font-size:13px}
body .btn.primary{background:linear-gradient(180deg,var(--ds-gold-hi),var(--ds-gold) 55%,var(--ds-gold-lo));color:#1b1307;
  border:1px solid #5e4524;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #3b2a14}
body .btn.ghost{background:transparent;color:var(--ds-gold-hi);border:1px solid var(--ds-gold-lo)}
body .btn.danger{background:linear-gradient(180deg,#9b3a33,#6e2621);color:#fde9e5;border:1px solid #431512}
body .btn:not(:disabled):hover{filter:brightness(1.08)}
body .btn:not(:disabled):active{transform:translateY(1px)}
body .btn:disabled{filter:grayscale(.75);opacity:.55;cursor:not-allowed}
body .btn:focus-visible{outline:2px solid var(--ds-gold-hi);outline-offset:2px}

body progress.progressbar{appearance:none;width:100%;height:10px;border-radius:5px;overflow:hidden;
  background:var(--ds-inset);border:1px solid var(--ds-line)}
body progress.progressbar::-webkit-progress-bar{background:var(--ds-inset)}
body progress.progressbar::-webkit-progress-value{background:linear-gradient(90deg,var(--ds-gold-lo),var(--ds-gold-hi))}
body progress.progressbar::-moz-progress-bar{background:linear-gradient(90deg,var(--ds-gold-lo),var(--ds-gold-hi))}

body :is(.syn-item-detail,.syn54-item-detail).common{border-color:var(--ds-common)}
body :is(.syn-item-detail,.syn54-item-detail).rare{border-color:var(--ds-rare);box-shadow:var(--ds-frame),0 0 0 1px rgba(90,160,224,.35)}
body :is(.syn-item-detail,.syn54-item-detail).epic{border-color:var(--ds-epic);box-shadow:var(--ds-frame),0 0 0 1px rgba(176,122,230,.4)}
body :is(.syn-item-detail,.syn54-item-detail).legendary{border-color:var(--ds-legendary);box-shadow:var(--ds-frame),0 0 14px rgba(240,168,74,.25)}

body .table-wrap table{width:100%;border-collapse:collapse}
body .table-wrap th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-gold);text-align:left;padding:10px;border-bottom:1px solid var(--ds-gold-lo)}
body .table-wrap td{padding:10px;border-bottom:1px solid var(--ds-line);vertical-align:middle}
body .table-wrap tr:hover td{background:rgba(217,178,115,.04)}
.syn10-elo{display:block;font-size:11px;color:var(--ds-muted)}

.positive{color:var(--ds-green)!important}.negative{color:var(--ds-red)!important}

.syn10-frame{padding:var(--ds-pad);margin-bottom:var(--ds-gap)}
.syn10-frame h2{margin:6px 0 6px;font-size:20px}
.syn10-frame p{margin:0 0 10px;color:var(--ds-muted);line-height:1.5}
.syn10-city-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--ds-gap);margin:var(--ds-gap) 0}
.syn10-city-row .syn10-frame{margin:0;display:flex;flex-direction:column}
.syn10-city-row .syn10-frame .btn{margin-top:auto;align-self:flex-start}
.syn10-city-row small{color:var(--ds-muted);margin-top:6px}
.syn10-event{background:linear-gradient(135deg,rgba(217,178,115,.10),transparent 60%),linear-gradient(180deg,var(--ds-panel-2),var(--ds-panel))}
.syn10-tomorrow{display:block;padding-top:10px;margin-top:auto!important;border-top:1px dashed var(--ds-line)}
.syn10-tomorrow b{color:var(--ds-ink)}
.syn10-warning{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-bottom:var(--ds-gap);
  border:1px solid #6e2621;border-radius:var(--ds-radius);background:rgba(155,58,51,.14);color:#f6d7d2}
.syn10-synergy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}
.syn10-synergy-grid article{padding:12px;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-inset);opacity:.65}
.syn10-synergy-grid article.active{opacity:1;border-color:var(--ds-gold-lo)}
.syn10-synergy-grid strong{display:block;font-family:var(--ds-serif)}
.syn10-synergy-grid small{display:block;color:var(--ds-faint);margin:2px 0 6px}
.syn10-synergy-grid p{font-size:13px;margin:0 0 8px}
.syn10-synergy-grid b{color:var(--ds-gold-hi);font-size:13px}
.syn10-legacy-reset{border-color:#6e2621!important}
.syn10-perks .syn10-perk p{min-height:40px}
.syn10-perks .syn10-perk progress{margin:6px 0 10px}

@media (max-width:900px){
  .syn10-city-row{grid-template-columns:1fr}
  body .info-strip > div{flex-basis:45%;border-bottom:1px solid var(--ds-line)}
}
@media (prefers-reduced-motion:reduce){body .btn{transition:none}}

.syn10-rewards{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.syn10-rewards span{padding:4px 9px;border:1px solid var(--ds-line);border-radius:999px;background:var(--ds-inset);font-size:12px;font-weight:700;color:var(--ds-ink)}
.syn10-loot{display:flex;flex-direction:column;gap:2px;padding:8px 10px;margin:6px 0 10px;border:1px solid var(--ds-common);border-radius:6px;background:var(--ds-inset)}
.syn10-loot.rare{border-color:var(--ds-rare)}.syn10-loot.epic{border-color:var(--ds-epic)}.syn10-loot.legendary{border-color:var(--ds-legendary);box-shadow:0 0 12px rgba(240,168,74,.18)}
.syn10-loot small{color:var(--ds-muted)}

.syn10-board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:var(--ds-gap) 0 10px}
.syn10-board-head h2{margin:4px 0 0;font-family:var(--ds-serif)}
.syn10-board-tools{display:flex;align-items:center;gap:10px}
.syn10-board-tools small{color:var(--ds-muted)}
.syn57-mission-card .syn10-loot{margin:8px 0}
.syn10-room{display:flex;flex-direction:column}
.syn10-room .btn{margin-top:auto}
.syn10-effect{font-size:13px;color:var(--ds-gold-hi)!important;margin:8px 0 12px!important}

.syn11-jail{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:var(--ds-pad);margin-bottom:var(--ds-gap);
  border:1px solid #6e2621;border-radius:var(--ds-radius);background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 6px,transparent 6px 46px),linear-gradient(180deg,#2a1513,#1a0f0e)}
.syn11-jail>div:first-child{flex:1 1 380px}
.syn11-jail h2{margin:4px 0;font-family:var(--ds-serif)}.syn11-jail p{margin:0;color:var(--ds-muted)}
.syn11-jail-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.syn11-jail-side strong{font-family:var(--ds-serif);font-size:24px;color:var(--ds-gold-hi)}
.syn11-welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:10px 0}
.syn11-welcome-grid button{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-inset);color:var(--ds-ink);text-align:left;cursor:pointer}
.syn11-welcome-grid button:hover{border-color:var(--ds-gold-lo)}
.syn11-note{font-size:13px;color:var(--ds-gold-hi)!important}
.syn11-prices td,.syn11-prices th{text-align:right;white-space:nowrap}.syn11-prices td:first-child,.syn11-prices th:first-child{text-align:left}
.syn11-prices td small{display:block;color:var(--ds-faint);font-size:11px}
.syn11-prices tr.locked{opacity:.45}
.syn11-lo{color:var(--ds-green);font-weight:700}.syn11-hi{color:var(--ds-gold-hi);font-weight:700}
.syn11-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
.syn11-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ds-muted)}
.syn11-form select,.syn11-form input,.syn11-bet,.syn11-number input{min-height:38px;padding:0 10px;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-inset);color:var(--ds-ink);font:inherit}
.syn11-bet{width:120px}
.syn11-hint{font-size:13px;color:var(--ds-muted)}
.syn11-timer{padding:10px 12px;border:1px dashed var(--ds-gold-lo);border-radius:6px;color:var(--ds-muted);text-align:center}
.syn11-timer strong{color:var(--ds-gold-hi);font-family:var(--ds-serif);font-size:18px}
.syn11-tables{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-gap)}
.syn11-bets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.syn11-number{display:flex;gap:6px;align-items:center}.syn11-number input{width:80px}
.syn11-result{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding:10px;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-inset)}
.syn11-ball{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700;color:#fff;border:2px solid var(--ds-gold-lo)}
.syn11-ball.red{background:#a2302a}.syn11-ball.black{background:#111}.syn11-ball.green{background:#1f6b3a}
.syn11-card{display:inline-grid;place-items:center;min-width:34px;height:46px;margin:0 2px;padding:0 4px;border-radius:5px;background:#f4ead6;color:#111;font-weight:700;border:1px solid #8d6a3a}
.syn11-card.red{color:#a2302a}.syn11-card.back{background:repeating-linear-gradient(45deg,#5e1f1b 0 6px,#7a2a24 6px 12px);color:var(--ds-gold-hi)}
.syn11-hand>div{margin:6px 0}
.syn11-zone{display:flex;flex-direction:column}.syn11-zone .btn{margin-top:auto}
.syn11-controller{font-size:13px;color:var(--ds-muted)}.syn11-controller b{color:var(--ds-gold-hi)}
.syn11-top{margin:6px 0 10px;padding-left:18px;font-size:13px}.syn11-top li.mine{color:var(--ds-green)}
.syn11-title-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:10px}
.syn11-title{display:flex;flex-direction:column;gap:2px;padding:10px;text-align:left;border:1px solid var(--ds-line);border-radius:6px;background:var(--ds-inset);color:var(--ds-muted);opacity:.55}
.syn11-title.owned{opacity:1;color:var(--ds-ink);cursor:pointer}.syn11-title.owned:hover{border-color:var(--ds-gold-lo)}
.syn11-title.active{border-color:var(--ds-gold);box-shadow:0 0 0 1px var(--ds-gold-lo)}
.syn11-title b{font-family:var(--ds-serif)}.syn11-title small{font-size:12px}
.syn11-rank-title{display:block;font-size:11px;color:var(--ds-gold)}
@media (max-width:900px){.syn11-form{grid-template-columns:1fr 1fr}.syn11-tables{grid-template-columns:1fr}}

.syn12-tier header p{margin:2px 0 10px;color:var(--ds-muted)}
.syn12-tier.locked{opacity:.6}
.syn12-talent{display:flex;flex-direction:column}.syn12-talent .btn{margin-top:auto}
.syn12-perk{font-size:13px;color:var(--ds-gold-hi)!important}
.syn12-locked{opacity:.6}
.syn12-guide{margin-bottom:10px}
.syn12-rank-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--ds-gap)}

.territory-airfield .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/harbor.webp')}
.territory-cityhall .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/verona-city.webp')}
.territory-island .territory-image{background-image:linear-gradient(0deg,#13232b7a,#060d1236),url('assets/noir56/docks.webp')}
.combat-district-airfield .combat-stage,.combat-district-island .combat-stage{background:linear-gradient(0deg,#181719ed,#332516bb),url('assets/noir56/harbor.webp') center/cover}
.combat-district-cityhall .combat-stage{background:linear-gradient(0deg,#181719ed,#332516bb),url('assets/noir56/verona-city.webp') center/cover}

.syn12-nav-chat{position:relative}
.syn12-nav-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--ds-red);color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:16px}
@media (max-width:850px){

  .chat-widget:not(.is-open){display:none!important}
  .chat-widget.is-open{bottom:calc(64px + env(safe-area-inset-bottom))!important}
  .mobile-nav button{min-width:0!important;flex:1 1 0!important}
  body .content{padding:14px 12px calc(84px + env(safe-area-inset-bottom))!important}

  .syn11-jail{padding:10px 12px;gap:8px;flex-wrap:nowrap;align-items:center}
  .syn11-jail>div:first-child{flex:1 1 auto;min-width:0}
  .syn11-jail p,.syn11-jail .syn10-overline{display:none}
  .syn11-jail h2{font-size:16px;margin:0}
  .syn11-jail-side{flex-direction:row;align-items:center;gap:8px}
  .syn11-jail-side strong{font-size:15px;white-space:nowrap}
  .syn11-jail-side .btn{min-height:34px;padding:0 10px;font-size:12px}

  body .page-title,body .syn47-head{padding:18px 16px!important;min-height:0!important}
  body .page-title h1,body .syn47-head h1{font-size:28px!important;line-height:1.1}
  body .page-title p{font-size:13px}

  body #main-content :is(.eyebrow,.syn10-overline,.syn55-overline,.syn-eyebrow,.exp-eyebrow){font-size:11px!important;letter-spacing:.12em}
  body #main-content :is(small,.tiny,.mini-stats span,.exp-facts span){font-size:11.5px}
  body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body .table-wrap table{min-width:560px}
  body .table-wrap th{white-space:nowrap}
  .syn11-bet{width:100%}
  .syn10-city-row{gap:10px}
  .syn10-frame{padding:14px}
}
@media (max-width:480px){
  body .info-strip>div{flex-basis:50%;padding:10px 12px}
  body .info-strip strong{font-size:16px}
  body .info-strip>.btn{flex:1 1 100%;margin:8px 12px 12px}
  .syn11-jail h2{display:none}
  .syn11-jail>div:first-child::before{content:'⛓ Areszt';font-family:var(--ds-serif);color:var(--ds-gold-hi);font-size:15px}
}

body .combat-overlay{padding:8px;place-items:center}
body .combat-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 16px)!important;overflow:hidden!important}
body .combat-dialog>.combat-top,body .combat-dialog>.combat-bottom{flex:none}
body .combat-dialog>.combat-stage,body .combat-dialog>.boss-fight-ribbon,body .combat-dialog>.combat-squad-banner{flex:none}
body .combat-dialog>.combat-under{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.combat-top>div{display:flex;align-items:center;gap:10px}
.syn13-combat-x{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--ds-gold-lo);border-radius:8px;background:rgba(0,0,0,.35);color:var(--ds-gold-hi);cursor:pointer}
.syn13-combat-x svg{width:16px;height:16px}
.syn13-rounds{display:block;margin-top:10px;text-align:center;opacity:.7}
#combat-turn{max-width:100%;white-space:normal;text-align:center;line-height:1.3}
@media (max-width:850px){
  body .combat-overlay{padding:0;place-items:stretch}
  body .combat-dialog{width:100vw!important;max-height:100dvh!important;height:100dvh;border-radius:0!important}
  body .combat-top{padding:10px 12px!important}
  body .combat-top-note{display:none}
  body .combat-stage{min-height:0!important;padding:10px 8px!important}
  body .combat-stage .combat-avatar{max-height:34vh}
  body .combat-under{padding:10px 12px!important}
  body .combat-bottom{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}
  body .combat-bottom .btn{width:100%}
  body .combat-bottom>span{display:none}
  body #combat-turn{font-size:10px;letter-spacing:.08em;white-space:normal;text-align:center;line-height:1.25;overflow:visible}
}
@media (max-width:520px){body #combat-turn{display:none}}
.syn-combat-player-avatar::before{inset:6px!important}

@media (max-width:620px){
  body .boss51-roster{display:grid!important;grid-auto-flow:column;grid-auto-columns:118px;grid-template-columns:none!important;grid-template-rows:auto auto;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  body .boss51-roster>.eyebrow{grid-row:1;grid-column:1/span 3;position:sticky;left:0}
  body .boss51-portrait-tab{grid-row:2;display:flex!important;flex-direction:column;min-height:0!important;scroll-snap-align:center;padding:0!important;text-align:left}
  body .boss51-portrait-tab .boss51-tab-art{width:100%!important;height:96px!important;flex:none}
  body .boss51-portrait-tab .boss51-tab-copy{padding:7px 8px 9px!important;min-width:0}
  body .boss51-portrait-tab .boss51-tab-copy small{font-size:9.5px!important;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  body .boss51-portrait-tab .boss51-tab-copy strong{font-size:14px!important;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body .boss51-portrait-tab .boss51-tab-copy em{display:none}
  body .boss51-layout>nav+*{scroll-margin-top:12px}
  body .boss51-akta{display:none}
}

html body .pref-row input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:26px!important;min-height:26px!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid #5d676b!important;background:#2c363c!important;position:relative!important;flex:0 0 46px!important;cursor:pointer;box-shadow:inset 0 1px 3px #0008!important;transition:background .18s,border-color .18s}
html body .pref-row input[type=checkbox]::before{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#c3cac9!important;box-shadow:0 1px 3px #0009;transition:transform .18s,background .18s;transform:none}
html body .pref-row input[type=checkbox]:checked{background:linear-gradient(180deg,#c49a5c,#9c733f)!important;border-color:#e8c088!important}
html body .pref-row input[type=checkbox]:checked::before{background:#fff3dc!important;transform:translateX(20px)!important}
html body .pref-row input[type=checkbox]:focus-visible{outline:2px solid var(--ds-gold-hi,#e8c088);outline-offset:2px}
html body .pref-row>span{min-width:0;flex:1 1 auto}
html body .audio-volume-row input[type=range]{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;height:6px!important;min-height:6px!important;padding:0!important;margin:10px 0!important;border:0!important;border-radius:999px!important;box-shadow:none!important;background:linear-gradient(90deg,#d2a964 0 var(--fill,50%),#34404a var(--fill,50%) 100%)!important;flex:1 1 auto;width:100%!important}
html body .audio-volume-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#efd09a;border:3px solid #3a2918;box-shadow:0 2px 8px #000a;margin-top:0}
html body .audio-volume-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#efd09a;border:3px solid #3a2918}
html body .audio-volume-row>div{gap:14px}

#toast-root{pointer-events:none}
#toast-root .toast{pointer-events:auto;cursor:pointer;animation:syn13ToastIn .2s ease-out both;line-height:1.4}
#toast-root .toast.toast-out{animation:syn13ToastOut .18s ease-in both}
@keyframes syn13ToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes syn13ToastOut{to{opacity:0;transform:scale(.97)}}
@media (max-width:850px){
  body #toast-root{top:calc(8px + env(safe-area-inset-top));bottom:auto!important;left:10px;right:10px;max-width:none;gap:6px}
  body #toast-root .toast{padding:11px 14px;font-size:13.5px;border-radius:10px;box-shadow:0 10px 30px #000c;animation-name:syn13ToastInTop}
  @keyframes syn13ToastInTop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){#toast-root .toast{animation:none!important}}

@media (max-width:850px){
  body .mobile-nav{background:#0c141b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid #2f3d45!important;box-shadow:0 -8px 24px #0009}
  body .mobile-nav .nav-symbol svg{width:22px;height:22px}
}

body .syn53-figure{position:relative;overflow:hidden}
body .syn53-figure>img.syn-avatar-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 18%!important;margin:0!important;border-radius:inherit}
body .syn53-figure::before,body .syn53-figure::after{z-index:1;pointer-events:none}
body .syn53-figure-caption{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;z-index:2;background:linear-gradient(180deg,#0b0f14cc,#0b0f14f2)!important}
@media (max-width:520px){
  body .syn53-figure-caption small{font-size:9.5px!important;letter-spacing:.12em!important}
  body .syn53-figure-caption b{font-size:16px!important}
}

body .syn-tabs,body .tabs,body .syn-inventory-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
body .syn-tabs::-webkit-scrollbar,body .tabs::-webkit-scrollbar,body .syn-inventory-filters::-webkit-scrollbar{display:none}
@media (max-width:850px){
  body .syn-tabs{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);padding-right:24px!important}
  body .syn-tabs>button{scroll-snap-align:start;flex:none}
}
.chat-launch-icon .nav-symbol{display:inline-grid;place-items:center}.chat-launch-icon svg{width:21px;height:21px;display:block}
.chat-launch .nav-symbol,.chat-launch .nav-symbol svg{color:inherit!important;opacity:1!important;stroke:currentColor}

.syn13-contacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--ds-gap);margin-top:var(--ds-gap)}
.syn13-contact{display:flex;flex-direction:column;gap:12px;padding:var(--ds-pad);border-radius:var(--ds-radius);background:linear-gradient(160deg,var(--ds-panel-2),var(--ds-panel));box-shadow:var(--ds-frame);position:relative;min-width:0}
.syn13-contact.is-active{box-shadow:var(--ds-frame-hi)}
.syn13-contact.is-locked{opacity:.62}
.syn13-contact.is-lapsed{box-shadow:0 0 0 1px #05090c,inset 0 0 0 1px rgba(226,118,108,.45),0 8px 22px rgba(0,0,0,.35)}
.syn13-contact header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.syn13-contact header>.syn13-chip{grid-column:1/-1;justify-self:start}
.syn13-seal{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:22px;background:radial-gradient(circle at 35% 30%,#3a2a19,#1a120b);box-shadow:inset 0 0 0 2px var(--ds-gold-lo),0 4px 10px #0008}
.is-active .syn13-seal{box-shadow:inset 0 0 0 2px var(--ds-gold),0 0 0 3px rgba(217,178,115,.15),0 4px 10px #0008}
.syn13-contact header small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-gold)}
.syn13-contact h3{margin:2px 0 6px;font-family:var(--ds-serif);font-weight:400;font-size:21px;color:var(--ds-ink);line-height:1.15}
.syn13-pips{display:flex;gap:4px}
.syn13-pips i{width:18px;height:5px;border-radius:3px;background:#2a353c}
.syn13-pips i.on{background:linear-gradient(90deg,var(--ds-gold-lo),var(--ds-gold-hi))}
.syn13-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ds-muted);background:var(--ds-inset);border:1px solid var(--ds-line)}
.syn13-chip.ok{color:var(--ds-green);border-color:rgba(143,207,158,.35)}
.syn13-chip.bad{color:var(--ds-red);border-color:rgba(226,118,108,.45)}
.syn13-chip.lock{color:var(--ds-faint)}
.syn13-quote{margin:0;font-style:italic;color:var(--ds-muted);font-size:13.5px}
.syn13-contact dl{margin:0;display:grid;gap:6px}
.syn13-contact dl>div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px}
.syn13-contact dt{color:var(--ds-faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.syn13-contact dd{margin:0;color:var(--ds-ink)}
.syn13-contact dd em{color:var(--ds-red);font-style:normal}
.syn13-favor{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border-radius:var(--ds-radius);background:var(--ds-inset);border:1px dashed var(--ds-line)}
.syn13-favor.ready{border:1px solid var(--ds-gold-lo);background:linear-gradient(90deg,rgba(217,178,115,.10),transparent)}
.syn13-favor b{display:block;font-size:13px;color:var(--ds-gold-hi)}
.syn13-favor small{display:block;font-size:12px;color:var(--ds-muted);margin-top:2px}
.syn13-favor .btn{flex:none}
.syn13-favor-preview{margin:0;font-size:12.5px;color:var(--ds-faint)}
.syn13-favor-preview b{color:var(--ds-muted)}
.syn13-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.syn13-actions .btn{flex:1 1 180px}
.syn13-req{font-size:12px;color:var(--ds-faint)}.syn13-req.bad{color:var(--ds-red)}
.syn13-contacts-note{margin:10px 0 0;font-size:12.5px;color:var(--ds-faint);max-width:860px}
.syn13-scandal{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:var(--ds-gap);border-radius:var(--ds-radius);background:linear-gradient(90deg,rgba(226,118,108,.16),rgba(226,118,108,.04));border:1px solid rgba(226,118,108,.45)}
.syn13-scandal>span{font-size:22px}.syn13-scandal>div{flex:1;min-width:0}
.syn13-scandal b{display:block;color:#ffd9d4}.syn13-scandal small{color:var(--ds-muted);font-size:12.5px}
@media (max-width:520px){
  .syn13-contacts{grid-template-columns:1fr}
  .syn13-contact dl>div{grid-template-columns:1fr;gap:2px}
  .syn13-favor{flex-direction:column;align-items:stretch}
  .syn13-actions .btn{flex:1 1 100%}
  .syn13-contacts-strip{grid-template-columns:1fr 1fr!important}
  .syn13-contacts-strip>.btn{grid-column:1/-1}
}

.syn14-item-overlay{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:16px;background:rgba(3,7,12,.74);backdrop-filter:blur(6px);animation:syn13ToastIn .16s ease-out}
.syn14-item-modal{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border-radius:12px;background:linear-gradient(160deg,var(--ds-panel-2),var(--ds-bg));box-shadow:var(--ds-frame-hi),0 30px 80px #000c;display:flex;flex-direction:column;gap:14px}
.syn14-item-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.syn14-item-modal>header h3{margin:4px 0 0;font-family:var(--ds-serif);font-weight:400;font-size:26px;color:var(--ds-ink);line-height:1.1}
.syn14-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.syn14-compare.single{grid-template-columns:minmax(0,420px);justify-content:center}
.syn14-card{position:relative;padding:14px;border-radius:10px;background:var(--ds-inset);border:1px solid var(--ds-line);display:flex;flex-direction:column;gap:10px;min-width:0}
.syn14-card.rare{border-color:color-mix(in srgb,var(--ds-rare) 55%,transparent)}
.syn14-card.epic{border-color:color-mix(in srgb,var(--ds-epic) 55%,transparent)}
.syn14-card.legendary{border-color:color-mix(in srgb,var(--ds-legendary) 60%,transparent);box-shadow:inset 0 0 30px rgba(240,168,74,.06)}
.syn14-card-label{position:absolute;top:-9px;left:12px;padding:1px 8px;font-size:10.5px;font-weight:800;letter-spacing:.14em;border-radius:4px;background:var(--ds-panel-2);color:var(--ds-gold);border:1px solid var(--ds-line)}
.syn14-card-head{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
.syn14-card-art{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:radial-gradient(circle,#1d2a33,#0b1217);overflow:hidden}
.syn14-card-art img,.syn14-card-art svg{max-width:56px;max-height:56px}
.syn14-card h4{margin:0;font-family:var(--ds-serif);font-weight:400;font-size:18px;color:var(--ds-ink);line-height:1.2}
.syn14-card h4 b{color:var(--ds-gold-hi);font-family:inherit}
.syn14-rar{font-size:12px;color:var(--ds-muted)}
.syn14-card.rare .syn14-rar{color:var(--ds-rare)}.syn14-card.epic .syn14-rar{color:var(--ds-epic)}.syn14-card.legendary .syn14-rar{color:var(--ds-legendary)}
.syn14-stats{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.syn14-stats li{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13.5px}
.syn14-stats li:nth-child(odd){background:rgba(255,255,255,.025)}
.syn14-stats li span{color:var(--ds-muted)}
.syn14-stats li b{color:var(--ds-ink);font-variant-numeric:tabular-nums;text-align:right}
.syn14-stats li i{font-style:normal;font-weight:800;font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums}
.syn14-stats li.syn14-power{border-top:1px solid var(--ds-line);border-radius:0;margin-top:4px;padding-top:9px;background:none}
.syn14-stats li.syn14-power span{color:var(--ds-gold);font-weight:700}
.syn14-up{color:var(--ds-green)}.syn14-down{color:var(--ds-red)}.syn14-eq{color:var(--ds-faint)}
.syn14-affix{font-size:12.5px;color:#c9a8f0;padding:6px 8px;border-radius:6px;background:rgba(176,122,230,.08)}
.syn14-affix.unique{color:var(--ds-legendary);background:rgba(240,168,74,.08)}
.syn14-enh{font-size:12px;color:var(--ds-faint)}
.syn14-card.empty{align-items:center;justify-content:center;text-align:center;min-height:180px;border-style:dashed}
.syn14-card-empty{font-family:var(--ds-serif);font-size:20px;color:var(--ds-muted)}
.syn14-card.empty p{margin:0;font-size:12.5px;color:var(--ds-faint)}
.syn14-verdict{padding:9px 12px;border-radius:8px;font-weight:700;font-size:14px;background:var(--ds-inset);color:var(--ds-muted);border:1px solid var(--ds-line)}
.syn14-verdict.up{color:var(--ds-green);border-color:rgba(143,207,158,.4);background:rgba(143,207,158,.07)}
.syn14-verdict.down{color:var(--ds-red);border-color:rgba(226,118,108,.4);background:rgba(226,118,108,.07)}
.syn14-actions{display:flex;flex-wrap:wrap;gap:8px}
.syn14-actions .btn{flex:1 1 150px}
.syn14-note{color:var(--ds-faint);font-size:12.5px}
.syn14-tooltip{position:fixed;z-index:9995;width:270px;padding:10px;border-radius:9px;background:#0b1319f5;box-shadow:var(--ds-frame-hi),0 14px 40px #000b;pointer-events:none;display:flex;flex-direction:column;gap:6px}
.syn14-tooltip[hidden]{display:none}
.syn14-tt-head b{display:block;font-family:var(--ds-serif);font-weight:400;font-size:16px;color:var(--ds-ink)}
.syn14-tt-head small{font-size:11.5px;color:var(--ds-muted)}
.syn14-tt-head.rare small{color:var(--ds-rare)}.syn14-tt-head.epic small{color:var(--ds-epic)}.syn14-tt-head.legendary small{color:var(--ds-legendary)}
.syn14-tooltip .syn14-stats li{grid-template-columns:1fr auto 52px;padding:4px 6px;font-size:12.5px}
.syn14-tt-foot{font-size:11px;color:var(--ds-faint)}
.syn14-doll-hint{margin:10px 2px 0;font-size:12.5px;color:var(--ds-faint)}
.syn14-doll-hint button{background:none;border:0;padding:0;color:var(--ds-gold);text-decoration:underline;cursor:pointer;font:inherit}
.syn14-tabpage>.syn-tab-panel,.syn14-tabpage>section{margin-top:var(--ds-gap)}
@media (max-width:640px){
  .syn14-item-overlay{place-items:end stretch;padding:0}
  .syn14-item-modal{width:100%;max-height:92dvh;border-radius:14px 14px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
  .syn14-item-modal>header h3{font-size:21px}
  .syn14-compare{grid-template-columns:1fr;gap:16px}
  .syn14-actions .btn{flex:1 1 calc(50% - 4px)}
  .syn14-actions .btn.primary{flex-basis:100%}
}
.syn14-salvage-on{flex-wrap:wrap;align-items:center;padding:10px;border-radius:8px;background:rgba(226,118,108,.07);border:1px dashed rgba(226,118,108,.45)}
.syn14-salvage-hint{flex:1 1 100%;font-size:12.5px;color:#f2b8b0}
.syn69-inventory-item.syn14-marked{outline:2px solid var(--ds-red);outline-offset:-2px;filter:saturate(.7)}
.syn69-inventory-item.syn14-marked::after{content:'✕';position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ds-red);color:#fff;font-weight:900;font-size:13px}
.syn69-inventory-item{position:relative}
@media (max-width:640px){
  .syn14-item-modal{padding-bottom:0}
  .syn14-actions{position:sticky;bottom:0;margin:0 -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0a1016;border-top:1px solid var(--ds-line);box-shadow:0 -10px 18px #0a1016}
  .syn14-card .syn14-card-head{grid-template-columns:48px 1fr}
  .syn14-card-art{width:48px;height:48px}
}
@media (max-width:850px){
  body .syn69-inventory-grid,body .syn53-inventory-grid{max-height:none!important;overflow:visible!important}
}
.syn14-training-wrap{margin-top:var(--ds-gap)}
.syn14-training-wrap .syn91-training{margin:0;padding:var(--ds-pad);border-radius:var(--ds-radius);background:linear-gradient(160deg,var(--ds-panel-2),var(--ds-panel));box-shadow:var(--ds-frame)}
.syn14-verdict small{display:block;margin-top:3px;font-weight:600;font-size:12.5px;color:var(--ds-muted)}
.syn14-mode{display:inline-flex;align-self:flex-start;padding:3px;border-radius:999px;background:var(--ds-inset);border:1px solid var(--ds-line);gap:2px;flex-wrap:wrap}
.syn14-mode button{border:0;background:none;color:var(--ds-muted);font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}
.syn14-mode button.on{background:linear-gradient(180deg,#c49a5c,#9c733f);color:#1a1209}
.syn14-sim{font-size:11.5px;color:var(--ds-gold);letter-spacing:.04em}
.syn14-shop-stats{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center;font-size:13px;color:var(--ds-ink);margin:4px 0}
.syn14-shop-stats small{flex-basis:100%;text-align:center;font-size:11.5px;color:var(--ds-faint)}
.syn14-shop-cmp{font-size:12px;padding:5px 8px;border-radius:6px;background:var(--ds-inset);color:var(--ds-muted);text-align:center;margin-bottom:6px}
.syn14-shop-cmp.up{color:var(--ds-green)}.syn14-shop-cmp.down{color:var(--ds-red)}
.syn14-shop-cmp b{font-variant-numeric:tabular-nums}
.syn47-art.syn14-art-img img{max-width:96px;max-height:80px}

:root{
  --ds-frame:0 0 0 1px rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.35);
  --ds-frame-hi:0 0 0 1px rgba(201,167,110,.55),0 1px 3px rgba(0,0,0,.4);
  --ds-line:#26313a;
  --m-bg:#0c1115;--m-panel:#131a20;--m-panel-2:#171f26;--m-line:#25303a;--m-line-2:#2f3b46;
  --m-ink:#ece6da;--m-muted:#9aa4a6;--m-gold:#c9a76e;--m-gold-ink:#17110a;
}
body{background:var(--m-bg)!important}

body .page-title::before,body .page-title::after,body .syn53-armory-title::before,body .syn53-armory-title::after,body .syn53-figure::before,body .syn-combat-player-avatar::before,body .boss51-intro::after{display:none!important;content:none!important}

body .page-title{min-height:0!important;padding:22px 26px!important;border:1px solid var(--m-line)!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:18px!important}
body .page-title h1{font-size:clamp(28px,2.6vw,40px)!important;letter-spacing:-.5px!important;margin:6px 0 8px!important;max-width:none!important}
body .page-title .eyebrow,body .eyebrow,body .syn-eyebrow{color:var(--m-muted)!important;letter-spacing:.12em!important}
body .eyebrow.gold{color:var(--m-gold)!important}

body .panel,body .tile,body .syn10-frame,body .info-strip,body .boss51-intro,body .territory-intro,body .syn53-armory-title,body .syn47-head,body .syn80-headline,body .syn80-intel,body .syn68-gang-hero,body .syn-activity-banner,body .syn53-paperdoll,body .syn53-bag,body .syn13-contact,body .syn14-card,body .boss51-dossier,body .boss51-roster,body .boss51-weekly{
  border-color:var(--m-line)!important;box-shadow:var(--ds-frame)!important}
body .syn10-frame,body .info-strip,body .boss51-intro,body .territory-intro,body .syn53-armory-title,body .syn47-head,body .syn80-headline,body .syn68-gang-hero,body .syn-activity-banner{border:1px solid var(--m-line)!important}
body .syn13-contact.is-active,body .boss51-portrait-tab.selected{box-shadow:var(--ds-frame-hi)!important}

body .btn{box-shadow:none!important;text-shadow:none!important;border-radius:8px!important}
body .btn.primary{background:var(--m-gold)!important;color:var(--m-gold-ink)!important;border:1px solid var(--m-gold)!important}
body .btn.primary:hover:not(:disabled){background:#d6b67f!important}
body .btn.ghost,body .btn.small:not(.primary):not(.danger){background:transparent!important;color:var(--m-ink)!important;border:1px solid var(--m-line-2)!important}
body .btn.ghost:hover:not(:disabled){border-color:#4a5864!important;background:rgba(255,255,255,.03)!important}
body .btn.danger{background:#7d332d!important;border:1px solid #7d332d!important;color:#fbe9e6!important}
body .btn:disabled{opacity:.45!important;filter:none!important}

body .topbar{box-shadow:none!important;border-bottom:1px solid var(--m-line)!important;background:#0e1418!important}
body .topbar .music-header-toggle,body .topbar .notification-bell,body .topbar .top-logout,body .topbar [data-view="settings"]{border-color:var(--m-line-2)!important;box-shadow:none!important;background:transparent!important}
body .logo-mark{border-color:var(--m-line-2)!important;box-shadow:none!important}
body .sidebar{background:#0e1418!important;border-right:1px solid var(--m-line)!important;box-shadow:none!important}
body .nav-btn.active{border:0!important;box-shadow:inset 3px 0 0 var(--m-gold)!important;background:rgba(201,167,110,.08)!important;color:var(--m-ink)!important}
body .resources>div{border-color:var(--m-line)!important;box-shadow:none!important;background:transparent!important}

body .boss51-milestone-num,body .syn57-mission-cash,body .syn53-figure-caption{border-color:var(--m-line-2)!important;box-shadow:none!important}
body .boss51-portrait-tab{border-color:var(--m-line)!important}
body .syn53-gear-slot.is-equipped{box-shadow:none!important}

body #toast-root .toast{box-shadow:0 8px 24px rgba(0,0,0,.5)!important}

.syn15-odds{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px 14px;margin:0 0 14px;border-radius:10px;border:1px solid var(--m-line);background:var(--m-panel)}
.syn15-odds span{font-size:12.5px;color:var(--m-muted)}
.syn15-odds b{font-size:14px;color:var(--m-ink);font-variant-numeric:tabular-nums}
.syn15-odds i{grid-column:1/-1;display:block;height:5px;border-radius:3px;background:#222c34;overflow:hidden}
.syn15-odds i em{display:block;height:100%;width:0;background:var(--m-muted);transition:width .4s ease}
.syn15-odds.easy b{color:#8fcf9e}.syn15-odds.easy i em{background:#6fb383}
.syn15-odds.good b{color:#b9d58f}.syn15-odds.good i em{background:#98bb6b}
.syn15-odds.even b{color:#e3c27f}.syn15-odds.even i em{background:#c9a76e}
.syn15-odds.hard b{color:#e79b6e}.syn15-odds.hard i em{background:#c97a4f}
.syn15-odds.deadly b{color:#e2766c}.syn15-odds.deadly i em{background:#b9534a}
.syn15-courage{display:inline-block;margin-left:6px;color:#e3c27f;font-weight:700}
body .chat-launch{background:var(--m-panel-2)!important;color:var(--m-ink)!important;border:1px solid var(--m-line-2)!important;box-shadow:0 6px 20px rgba(0,0,0,.45)!important;animation:none!important}
body .chat-launch .nav-symbol,body .chat-launch .nav-symbol svg{color:var(--m-gold)!important}
html body .sidebar .syn65-navigation .nav-btn.active,html body .sidebar .nav-btn.active{border:0!important;outline:0!important;box-shadow:inset 3px 0 0 var(--m-gold)!important;background:rgba(201,167,110,.08)!important;border-radius:6px!important}
html body .sidebar .nav-btn.active::before,html body .sidebar .nav-btn.active::after{display:none!important}
html body .mobile-nav button.active{box-shadow:inset 0 2px 0 var(--m-gold)!important;background:rgba(201,167,110,.06)!important}
body .combat-dialog{border-color:var(--m-line-2)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
body .combat-top{border-bottom-color:var(--m-line)!important}
body .combat-avatar img{border:0!important}

/* ── armory-1364.css ── */
.syn54-armory .syn53-doll-grid{
 grid-template-columns:minmax(128px,.9fr) minmax(195px,1.4fr) minmax(128px,.9fr);
 gap:10px;align-items:stretch;
}
.syn54-armory .syn53-left-slots,.syn54-armory .syn53-right-slots{display:flex;flex-direction:column;gap:10px;min-width:0;}
.syn54-armory .syn53-gear-slot{
 flex:1;min-height:155px;justify-content:center;gap:4px;
 padding:11px 8px;border-radius:9px;background:#12212b!important;
 border:1px solid #3a505b!important;box-shadow:none!important;
 transition:border-color .15s ease,background .15s ease!important;
}
.syn54-armory .syn53-gear-slot:hover,.syn54-armory .syn53-gear-slot:focus-visible{
 background:#172935!important;border-color:#d3a76b!important;transform:none!important;outline-offset:2px;
}
.syn54-armory .syn53-gear-slot.legendary{border-color:#9f7847!important;}
.syn54-armory .syn53-gear-slot.epic{border-color:#86608e!important;}
.syn54-armory .syn53-gear-slot.rare{border-color:#477f99!important;}
.syn54-armory .syn53-slot-icon{width:100%;height:108px;display:flex;align-items:center;justify-content:center;}
.syn54-armory .syn53-gear-slot .syn54-item-img{
 display:block;object-fit:contain!important;max-width:100%!important;width:100%!important;
 height:108px!important;filter:drop-shadow(0 8px 8px #0007)!important;
 border:0!important;border-radius:0!important;background:none!important;image-rendering:auto!important;
}
.syn54-armory .syn53-gear-slot small{font-size:10px;letter-spacing:.035em;color:#9db3bb;}
.syn54-armory .syn53-gear-slot strong{font-size:12px;line-height:1.28;min-height:1.4em;color:#efe6d9;}
.syn54-armory .syn53-gear-slot em{font-size:10px;line-height:1.36;color:#cfa86f;}
.syn54-armory .syn53-figure{min-height:495px;}
.syn54-armory .syn53-figure::before{display:none;}
.syn54-armory .syn53-figure-caption{bottom:0;left:0;right:0;margin:0;border:0;border-top:1px solid #a78655;background:#0a141bec;box-shadow:none;}

.syn54-armory .syn54-inventory-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px;}
.syn54-armory .syn54-inventory-grid .syn69-inventory-item{
 min-height:217px;padding:0;border-radius:9px;overflow:hidden;background:#101d26!important;
 border-width:1px;box-shadow:none!important;transition:background-color .15s,border-color .15s!important;
}
.syn54-armory .syn54-inventory-grid .syn69-inventory-item:hover{transform:none!important;background:#162936!important;}
.syn54-armory .syn69-inventory-item .syn69-item-picture{
 height:130px;flex:0 0 130px;padding:7px;background:radial-gradient(ellipse at 50% 55%,#4d525435,transparent 70%)!important;
 border-bottom:1px solid #324550;}
.syn54-armory .syn69-inventory-item .syn-item-art{height:114px;min-height:114px;}
.syn54-armory .syn69-inventory-item .syn-item-art .syn54-item-img{
 width:100%!important;max-width:100%!important;height:114px!important;object-fit:contain!important;
 background:none!important;border:0!important;border-radius:0!important;
 filter:drop-shadow(0 6px 9px #0006)!important;image-rendering:auto!important;}
.syn54-armory .syn69-inventory-item .syn69-item-caption{
 flex:1;min-height:77px;padding:9px 7px 12px;gap:4px;background:transparent!important;justify-content:flex-start;}
.syn54-armory .syn69-inventory-item .syn69-item-name{font-size:12px!important;line-height:1.3!important;font-family:Georgia,serif;}
.syn54-armory .syn69-inventory-item .syn69-item-stats{font-size:10px;line-height:1.4;}

.syn-photo-talent img,.syn-photo-recipe img,.syn-crew-art img{object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 6px 9px #0007)!important;}
@media(max-width:1220px){
 .syn54-armory .syn53-doll-grid{grid-template-columns:minmax(110px,.9fr) minmax(185px,1.4fr) minmax(110px,.9fr);}
 .syn54-armory .syn53-figure{min-height:475px;}
}
@media(max-width:700px){
 .syn54-armory .syn53-doll-grid{grid-template-columns:minmax(73px,1fr) minmax(125px,1.55fr) minmax(73px,1fr);gap:5px;padding:9px 5px;}
 .syn54-armory .syn53-left-slots,.syn54-armory .syn53-right-slots{gap:5px;}
 .syn54-armory .syn53-gear-slot{min-height:112px;padding:6px 3px;gap:2px;}
 .syn54-armory .syn53-slot-icon{height:65px;}
 .syn54-armory .syn53-gear-slot .syn54-item-img{height:65px!important;}
 .syn54-armory .syn53-gear-slot strong{font-size:9px;}
 .syn54-armory .syn53-gear-slot small,.syn54-armory .syn53-gear-slot em{font-size:8px;}
 .syn54-armory .syn53-figure{min-height:349px;}
 .syn54-armory .syn54-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;}
 .syn54-armory .syn54-inventory-grid .syn69-inventory-item{min-height:190px;}
 .syn54-armory .syn69-inventory-item .syn69-item-picture{height:107px;flex-basis:107px;}
 .syn54-armory .syn69-inventory-item .syn-item-art{height:95px;min-height:95px;}
 .syn54-armory .syn69-inventory-item .syn-item-art .syn54-item-img{height:95px!important;}
}
@media(max-width:380px){
 .syn54-armory .syn53-doll-grid{grid-template-columns:66px minmax(108px,1fr) 66px;}
 .syn54-armory .syn53-gear-slot .syn54-item-img{height:54px!important;}
 .syn54-armory .syn53-slot-icon{height:54px;}
 .syn54-armory .syn53-figure{min-height:318px;}
}
@media(prefers-reduced-motion:reduce){.syn54-armory .syn53-gear-slot,.syn54-armory .syn69-inventory-item{transition:none!important;}}

/* ── ui-137.css ── */
.syn169-threads{border-bottom:1px solid #34505c;padding:10px;max-height:145px;overflow:auto;display:grid;gap:5px;background:#0d1922}.syn169-thread-title{font:700 11px system-ui;color:#d5b47e;letter-spacing:1px;text-transform:uppercase}.syn169-thread{border:1px solid #304754;border-radius:8px;background:#121e28;color:#e9dcc7;text-align:left;padding:8px;display:grid;gap:4px;cursor:pointer;width:100%}.syn169-thread.selected{border-color:#cf9c5a;background:#23313a}.syn169-thread small{font-size:11px;color:#a9b8be;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.syn169-install-settings,.syn169-energy,.syn169-duty-notice{border:1px solid #354a55;background:#122029;border-radius:10px;padding:15px;margin:12px 0;color:#d4dedf}.syn169-install-settings h3{font:600 21px Georgia;margin:0 0 6px;color:#f0d7ad}.syn169-install-settings p{font-size:13px;line-height:1.5;margin:6px 0 12px}.syn169-install-settings small{display:block;margin-top:7px;color:#acbac2}.syn169-energy{display:flex;align-items:center;justify-content:space-between;gap:14px}.syn169-energy div{display:grid;gap:4px}.syn169-energy small{color:#adbec4}.syn169-duty-notice{border-color:#ad8553;background:#2b251b}@media(max-width:600px){.syn169-energy{align-items:stretch;flex-direction:column}.syn169-energy button{width:100%}}

.syn169-image-field{display:block!important}.syn169-image-preview{width:100%;max-width:280px;max-height:160px;object-fit:cover;border:1px solid #41545a;border-radius:8px;margin-top:10px}.syn169-image-thumb{height:46px;width:65px;object-fit:cover;vertical-align:middle;margin-right:8px;border-radius:4px}.syn169-item-photo{max-height:100%;max-width:100%;width:48px;height:48px;object-fit:contain;vertical-align:middle}

.syn169-install-top{font-size:21px!important;border:1px solid #796543!important;background:#121f27!important;color:#eccb93!important}.syn169-install-top[hidden]{display:none!important}@media(min-width:850px){.syn169-install-top{display:none!important}}

.syn169-load-older{background:#14252f;color:#e7c795;border:1px solid #435463;border-radius:7px;margin:4px 10px;padding:8px 12px;cursor:pointer;font-size:12px}.syn169-load-older[disabled]{opacity:.45}

.pm-header-toggle,.music-header-toggle,.notification-bell,.topbar-actions button[data-view="settings"]{position:relative}
.pm-header-toggle.has-news{background:linear-gradient(145deg,#d9b26b,#b07b2d)!important;color:#19130b!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 5px rgba(211,163,83,.12)}
.pm-header-toggle.has-news::after{content:'';position:absolute;inset:-4px;border-radius:16px;border:1px solid rgba(211,163,83,.36);animation:bellPulse 1.5s infinite}
.pm-header-toggle .pm-count{right:-5px;top:-7px}
.chat-dock-headline{display:flex;align-items:center;gap:12px;min-width:0}
.chat-head-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#3a2e20,#19242e);border:1px solid #8b6f48;color:#f1d3a0;flex:0 0 42px}
.chat-head-icon svg{width:20px;height:20px;display:block}
.syn170-dm-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid #2d424d;background:#0d1923}
.syn170-dm-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid #2f4650}
.syn170-dm-kicker{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d5b47e;margin-bottom:4px}
.syn170-dm-sidebar-head strong,.syn170-dm-main-head strong{display:block;font:700 18px/1.15 Georgia,serif;color:#f4dfbe}
.syn170-compose{border:1px solid #8e734d;background:linear-gradient(145deg,#27343d,#132029);color:#f2d39c;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}
.syn170-compose.ghost{background:#132029}
.syn170-search-label{padding:12px 14px 6px;font-size:11px;letter-spacing:.04em;color:#c3d0d5}
.syn170-dm-sidebar input{margin:0 14px 10px;width:calc(100% - 28px);min-height:42px;padding:10px 12px;border-radius:10px;background:#09141b;color:#f7e8d0;border:1px solid #4c5e69;outline:0;box-sizing:border-box}
.syn170-dm-sidebar input:focus{border-color:#d8b47b;box-shadow:0 0 0 2px #d8b47b26}
.syn170-search-results{padding:0 14px 12px;display:grid;gap:6px;border-bottom:1px solid #263944;max-height:170px;overflow:auto}
.syn170-search-results button{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid #34505c;background:#12222c;color:#e9dcc7;border-radius:9px;cursor:pointer}
.syn170-search-results button:hover,.syn170-search-results button:focus-visible{background:#263a43;border-color:#c2a16f}
.syn170-search-empty{padding:10px 4px;color:#9fb0b8;font-size:12px;line-height:1.45}
.syn170-thread-list{min-height:0;overflow:auto;padding:12px 14px 14px}
.syn170-thread-empty{padding:16px 4px}
.syn170-thread-list .syn169-threads{background:transparent;border:0;padding:0;max-height:none}
.syn170-thread-list .syn169-thread-title{margin-bottom:3px}
.syn170-thread-list .syn169-thread{padding:10px 11px;border-radius:10px}
.syn170-dm-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#09151d,#0d1922)}
.syn170-dm-main-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #31454f;background:linear-gradient(145deg,#101d27,#14232d)}
.syn170-dm-main-head>div:nth-child(2){flex:1;min-width:0}
.syn170-dm-main-head small{display:block;margin-top:5px;color:#a5b5bb;font-size:12px}
.syn170-dm-badge,.syn170-dm-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#3a2e20,#1b2732);border:1px solid #90734b;color:#f0ce96;flex:0 0 44px}
.syn170-dm-badge svg,.syn170-dm-empty-icon svg{width:22px;height:22px;display:block}
.syn170-dm-empty{display:grid;place-items:center;gap:12px;min-height:250px;padding:24px;text-align:center;color:#c3d1d6}
.syn170-dm-empty strong{font:700 20px/1.15 Georgia,serif;color:#f2dfba}
.syn170-dm-empty p{max-width:360px;font-size:13px;line-height:1.5}
@media(max-width:980px){.syn170-dm-sidebar{border-right:0;border-bottom:1px solid #2d424d;max-height:310px}.syn170-thread-list{max-height:170px}.syn170-dm-main-head{padding:12px 14px}.syn170-dm-main-head .syn170-compose{display:none}}
@media(max-width:640px){.syn170-dm-sidebar-head,.syn170-dm-main-head{padding:12px}.syn170-search-results,.syn170-thread-list{padding-left:12px;padding-right:12px}.syn170-dm-main-head{align-items:flex-start}.syn170-dm-main-head .syn170-dm-badge{width:40px;height:40px;flex-basis:40px}.pm-header-toggle.has-news::after{display:none}}

.header-music-note{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:18px;line-height:1}
.syn170-dm-sidebar{background:#0d1921}
.syn170-dm-main{background:#0a1720}
.syn170-thread-list{padding-top:14px}
.syn170-thread-list .syn169-thread.syn171-thread{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:'face copy' 'face time';column-gap:10px;row-gap:2px;align-items:center;min-height:62px;background:#0e1b25;border-color:#2d414d;padding:10px 11px;transition:background .15s,border-color .15s}
.syn170-thread-list .syn169-thread.syn171-thread.selected{background:#262722;border-color:#b88c54;box-shadow:inset 3px 0 #d5a25e}
.syn170-thread-list .syn169-thread.syn171-thread:hover{background:#1d2c35;border-color:#806c50}
.syn171-thread-copy{grid-area:copy;min-width:0;display:flex;flex-direction:column;gap:4px}
.syn170-thread-list .syn171-thread-copy strong{font:700 13px/1.1 system-ui,sans-serif;color:#eadcc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.syn170-thread-list .syn171-thread-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:11px;color:#aabcc3;max-width:100%}
.syn170-thread-list .syn171-thread time{grid-area:time;font-size:10px;color:#a8aeb0;text-align:left}
.syn171-avatar{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid #8c7354;border-radius:50%;background:linear-gradient(145deg,#3f3328,#17252e);font:700 13px Georgia,serif;color:#edd0a2;flex:none;user-select:none}
.syn171-thread .syn171-avatar{grid-area:face;width:38px;height:38px;font:700 16px Georgia,serif}
.syn171-avatar-space{display:block;width:31px;min-width:31px;height:1px}
.chat-dock-messages .syn171-day{display:flex;align-items:center;gap:13px;margin:17px 0 14px;font:600 10px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#96aab4}
.chat-dock-messages .syn171-day::before,.chat-dock-messages .syn171-day::after{content:'';height:1px;background:#33444b;flex:1}
.chat-dock-messages .syn171-day span{white-space:nowrap}
.chat-dock-messages .chat-line.syn171-message{display:flex;align-items:flex-start;gap:8px;max-width:88%;width:max-content;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0 auto 13px 0!important}
.chat-dock-messages .chat-line.syn171-message.mine{margin:0 0 13px auto!important;flex-direction:row-reverse}
.chat-dock-messages .chat-line.syn171-message.syn171-continued{margin-bottom:7px!important}
.syn171-message-content{position:relative;min-width:115px;max-width:min(100%,435px);border:1px solid #405560;border-radius:13px 13px 13px 5px;background:#142936;padding:10px 12px 9px;box-shadow:0 3px 12px #0003}
.chat-line.mine .syn171-message-content{border-color:#806c50;border-radius:13px 13px 5px 13px;background:#302c26}
.syn171-byline{margin-bottom:5px}
.syn171-message-content .syn-chat-user{color:#d9bc85!important;font-size:12px!important}
.syn171-message-content p{font:400 13px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#e1e9eb;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.syn171-message-content time.syn171-message-time{display:block;margin-top:7px;color:#9dabb0;font:10px/1.1 system-ui,sans-serif;text-align:right}
@media(max-width:980px){.syn170-dm-sidebar{max-height:245px}.syn170-dm-sidebar-head{padding-top:8px;padding-bottom:8px}.syn170-thread-list{max-height:90px}}
@media(max-width:640px){.syn170-dm-sidebar{max-height:225px}.syn170-dm-sidebar-head{padding:7px 12px}.syn170-thread-list{max-height:90px;padding:6px 10px}.syn170-dm-sidebar input{margin-bottom:5px}.syn170-search-label{padding:8px 12px 3px}.chat-dock-messages .chat-line.syn171-message{max-width:99%}.syn171-message-content p{font-size:12px}.syn171-avatar-space{width:22px;min-width:22px}.syn171-avatar{width:22px;height:22px;font-size:11px}}

.syn171-avatar-img{display:block;object-fit:cover;object-position:center;border-color:#a98b61;background:#17252f}
.syn170-dm-badge .syn171-avatar{width:100%;height:100%;border:0;border-radius:10px}
.syn170-thread-list .syn171-thread .syn171-avatar-img{width:38px;height:38px}

/* ── pm-140.css ── */
.pm-header-toggle{position:relative;display:grid;place-items:center}
.pm-header-toggle .syn140-header-envelope{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pm-header-toggle.has-news{background:#30271d!important;border-color:#d7b474!important;color:#f7d8a0!important}
.pm-header-toggle .pm-count{display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;font:700 10px/1 system-ui,sans-serif;padding:0 4px}
.pm-header-toggle .pm-count[hidden]{display:none!important}
body[data-section="messages"] .syn66-content{width:100%;max-width:1320px;min-width:0;margin-inline:auto;padding-top:22px}
.syn140-messages-page{width:100%;min-width:0;display:flex;flex-direction:column;gap:18px}
.syn140-messages-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px 28px;border:1px solid #725a3b;border-radius:14px;background:linear-gradient(110deg,#0c161f,#14232e 65%,#171e24)}
.syn140-messages-title h1{font:500 clamp(28px,3.4vw,44px)/1.15 Georgia,'Times New Roman',serif;color:#f6e3c6;margin:6px 0 8px}
.syn140-messages-title p{margin:0;color:#b8c5cd;line-height:1.5;font-size:13px}
.syn140-messages-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto}
.syn140-messages-stat span{font:600 32px/1 Georgia,serif;color:#efc981}
.syn140-messages-stat small{color:#a6b5bc;font-size:11px}
.syn140-messages-layout{display:grid;grid-template-columns:minmax(275px,320px) minmax(0,1fr);min-width:0;min-height:520px;height:min(740px,calc(100dvh - 250px));border:1px solid #344957;border-radius:14px;overflow:hidden;background:#0a151f;box-shadow:0 15px 38px #0003}
.syn140-messages-layout .syn170-dm-sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;max-height:none!important;border-right:1px solid #364a55;background:#101e28}
.syn140-messages-layout .syn170-thread-list{min-height:0;flex:1;max-height:none!important;overflow-y:auto;padding:12px!important}
.syn140-messages-layout .syn169-threads{display:flex;flex-direction:column;gap:7px;max-height:none;padding:0;overflow:visible}
.syn140-messages-layout .syn169-thread{display:flex;gap:11px;align-items:center;min-height:60px;width:100%;border:1px solid #324753;border-radius:10px;padding:9px 11px;background:#12232d;color:#e8dbca;cursor:pointer;text-align:left;transition:background .16s,border-color .16s}
.syn140-messages-layout .syn169-thread:hover{background:#1e303b;border-color:#7e735e}
.syn140-messages-layout .syn169-thread.selected{background:#292d2c;border-color:#d0ab72;box-shadow:inset 3px 0 0 #d8ae6b}
.syn140-messages-layout .syn171-thread-copy{flex:1;min-width:0}
.syn140-messages-layout .syn171-thread-copy strong{display:block;font:600 13px system-ui,sans-serif;color:#f3d8ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.syn140-messages-layout .syn171-thread-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#aab9be;margin-top:3px}
.syn140-messages-layout .syn169-thread time{font:10px system-ui,sans-serif;color:#a0acb4;flex:0 0 auto;white-space:nowrap}
.syn140-messages-layout .syn170-dm-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a1720,#0d1820)}
.syn140-messages-layout .syn170-dm-main-head{flex:0 0 auto;min-width:0;padding:15px 18px}
.syn140-messages-layout .syn170-dm-main-head strong{font:600 20px Georgia,serif}
.syn140-messages-layout .syn170-dm-main-head small{display:none}
.syn140-messages-layout .chat-dock-messages{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding:24px 22px!important;scroll-behavior:auto;background:radial-gradient(circle at 65% 25%,#25303a30,transparent 65%),#0b171f}
.syn140-messages-layout .chat-dock-messages .chat-line.syn171-message{display:flex;gap:9px;max-width:min(82%,620px);width:max-content;margin:0 auto 15px 0!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.syn140-messages-layout .chat-dock-messages .chat-line.mine{flex-direction:row-reverse;margin:0 0 15px auto!important}
.syn140-messages-layout .syn171-message-content{max-width:min(100%,560px);min-width:110px;padding:13px 15px;border-radius:14px 14px 14px 5px;background:#172a34;border:1px solid #3c515a;box-shadow:0 3px 12px #0003}
.syn140-messages-layout .chat-line.mine .syn171-message-content{background:#342d26;border-color:#7e6748;border-radius:14px 14px 5px 14px}
.syn140-messages-layout .syn171-message-content p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.syn140-messages-layout .chat-dock-send{display:flex;gap:10px;flex:0 0 auto;min-width:0;padding:14px 16px;background:#11212b;border-top:1px solid #364b55}
.syn140-messages-layout .chat-dock-send input{min-width:0;flex:1;width:100%;height:46px;background:#08131b;color:#f3e7d0;border:1px solid #4c616a;border-radius:11px;padding:0 14px}
.syn140-messages-layout .chat-dock-send input:focus{border-color:#d0ad76;outline:2px solid #d0ad7630}
.syn140-messages-layout .chat-dock-send button{flex:0 0 46px;width:46px;height:46px;border:1px solid #efcc93;border-radius:11px;background:linear-gradient(145deg,#f3d59b,#c3944f);color:#231a0d;display:grid;place-items:center;cursor:pointer}
.syn140-messages-layout .chat-dock-send button:disabled{opacity:.45;cursor:not-allowed}
.syn140-messages-layout .syn170-search-results{max-height:150px;overflow:auto}
.syn140-message-highlight .syn171-message-content{border-color:#efce97!important;box-shadow:0 0 0 2px #d6ad6655!important}
.syn140-messages-layout .syn169-load-older{align-self:center;margin:12px 0 0;border:1px solid #866c49;border-radius:9px;background:#17232b;color:#edce9b;padding:10px 14px}
.syn140-messages-layout .syn170-dm-empty{min-height:210px}
@media(max-width:900px){.syn140-messages-layout{grid-template-columns:250px minmax(0,1fr);height:min(760px,calc(100dvh - 220px))}.syn140-messages-title{padding:19px 20px}}
@media(max-width:680px){body[data-section="messages"] .syn66-content{padding:12px 10px 90px}.syn140-messages-page{gap:10px}.syn140-messages-title{padding:14px 16px}.syn140-messages-title h1{font-size:28px}.syn140-messages-title p{font-size:12px}.syn140-messages-stat span{font-size:22px}.syn140-messages-layout{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - 265px);border-radius:12px}.syn140-messages-layout .syn170-dm-sidebar{max-height:240px!important;min-height:0;flex:0 0 auto;border-right:0;border-bottom:1px solid #3b4e56}.syn140-messages-layout .syn170-dm-sidebar-head{padding:10px 12px}.syn140-messages-layout .syn170-search-label{padding:8px 12px 4px}.syn140-messages-layout .syn170-dm-sidebar input{margin:0 12px 8px;width:calc(100% - 24px);min-height:38px}.syn140-messages-layout .syn170-search-results{max-height:78px;min-height:0}.syn140-messages-layout .syn170-thread-list{min-height:0;max-height:100px!important;padding:5px 10px!important}.syn140-messages-layout .syn169-threads{gap:5px}.syn140-messages-layout .syn169-thread{min-height:45px;padding:6px 9px}.syn140-messages-layout .syn170-dm-main{flex:1;min-height:0}.syn140-messages-layout .syn170-dm-main-head{padding:10px 12px}.syn140-messages-layout .syn170-dm-main-head strong{font-size:17px}.syn140-messages-layout .chat-dock-messages{padding:12px!important;flex:1}.syn140-messages-layout .chat-dock-messages .chat-line.syn171-message{max-width:96%}.syn140-messages-layout .syn171-message-content{padding:9px 11px}.syn140-messages-layout .chat-dock-send{padding:9px}.syn140-messages-layout .chat-dock-send input,.syn140-messages-layout .chat-dock-send button{height:40px}.syn140-messages-layout .chat-dock-send button{width:40px;flex-basis:40px}}

/* Refined private-messages presentation */
.syn140-messages-title{box-shadow:0 18px 40px #00000026;background:
linear-gradient(105deg,#09131b 0%,#0c1d28 36%,#0f2430 68%,#15222b 100%)}
.syn140-messages-layout{border-color:#3b5360;box-shadow:0 20px 48px #0006;background:#09141c}
.syn140-messages-layout .syn170-dm-sidebar{background:linear-gradient(180deg,#0d1a22,#0e202a)}
.syn140-messages-layout .syn170-dm-sidebar-head{background:linear-gradient(180deg,#101f29,#0f1a22)}
.syn140-messages-layout .syn170-thread-list{padding:14px!important}
.syn140-messages-layout .syn169-thread{background:linear-gradient(180deg,#12222c,#132833);border-color:#334a58;box-shadow:0 8px 18px #00000018}
.syn140-messages-layout .syn169-thread.selected{background:linear-gradient(180deg,#2b2a28,#22292d);box-shadow:inset 3px 0 0 #d8ae6b,0 10px 22px #00000025}
.syn140-messages-layout .syn170-dm-main{background:linear-gradient(180deg,#0a151d 0%,#0b1821 46%,#0b171f 100%)}
.syn140-messages-layout .syn170-dm-main-head{padding:16px 18px;border-bottom:1px solid #314753;background:linear-gradient(145deg,#10202a,#122935);box-shadow:0 8px 22px #00000018}
.syn140-messages-layout .syn170-dm-main-head strong{letter-spacing:.01em}
.syn140-messages-layout .chat-dock-messages{background:
radial-gradient(circle at 82% 15%,#30415033,transparent 32%),
radial-gradient(circle at 18% 78%,#1b2d3833,transparent 38%),
linear-gradient(180deg,#09161f,#0b171f)}
.syn140-messages-layout .syn171-message-content{backdrop-filter:blur(2px)}
.syn140-messages-layout .chat-line.mine .syn171-message-content{background:linear-gradient(180deg,#332c25,#2c2620)}
.syn140-messages-layout .chat-dock-send{background:linear-gradient(180deg,#10202a,#11222c)}
.syn140-messages-layout .chat-dock-send input{background:linear-gradient(180deg,#08131b,#0a1720)}
.syn140-messages-layout .chat-dock-send button{box-shadow:0 10px 22px #0000002d}

/* ── syn-141.css ── */
/* SYNDYKAT 1929 / 14.1: energia, VIP, akta gangstera */

/* Energia w pasku zasobów */
.syn141-energy-res{position:relative}
.syn141-energy-eta{display:block;margin-top:1px;font-style:normal;font-size:10px;line-height:1.2;letter-spacing:.02em;color:var(--m-muted,#9aa4a6);font-variant-numeric:tabular-nums;white-space:nowrap}
.syn169-energy .syn141-energy-line{display:block;margin-top:3px;color:var(--m-gold,#c9a76e);font-variant-numeric:tabular-nums}
@media (max-width:720px){.syn141-energy-eta{font-size:9px}}

/* Klub VIP */
.vip-perks{grid-template-columns:repeat(4,minmax(0,1fr))}
.vip-perks-controls{flex-wrap:wrap;gap:10px}
@media (max-width:900px){.vip-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Akta gangstera */
.syn141-player .syn141-player-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.syn141-player .syn141-player-title h1{display:flex;align-items:center;gap:8px;word-break:break-word}
.syn141-player-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.syn141-vip{color:var(--m-gold,#c9a76e);font-size:.8em}
.syn141-banned{margin:0 0 12px;padding:10px 14px;border:1px solid #7b3a35;border-radius:8px;background:#2a1414;color:#f1c3bd;font-size:13px}
.syn141-player-state{max-width:520px;margin:40px auto;padding:28px;border:1px solid var(--m-line,#25303a);border-radius:12px;background:var(--m-panel,#131a20);text-align:center}
.syn141-player-state p{margin:12px 0 18px;color:var(--m-ink,#ece6da)}
.syn141-player .syn53-gear-slot[disabled]{cursor:default;opacity:.72}

.syn141-dossier{padding-bottom:16px}
.syn141-dossier .syn53-bag-top strong{color:var(--m-gold,#c9a76e);font-variant-numeric:tabular-nums}
.syn141-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px 4px}
.syn141-facts>div{padding:11px 12px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c;min-width:0}
.syn141-facts small,.syn141-grid small{display:block;font-size:10px;letter-spacing:.06em;color:var(--m-muted,#9aa4a6);text-transform:uppercase}
.syn141-facts b{display:block;margin-top:3px;font-size:14px;color:var(--m-ink,#ece6da);overflow-wrap:anywhere}
.syn141-facts span{display:block;margin-top:2px;font-size:11px;color:var(--m-muted,#9aa4a6)}

.syn141-block{margin:12px 16px 0;padding:12px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c}
.syn141-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}
.syn141-block-head b{color:var(--m-gold,#c9a76e);font-variant-numeric:tabular-nums}
.syn141-bosses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.syn141-boss{display:block;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #2b363e;background:#091015}
.syn141-boss img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.45)}
.syn141-boss.won{border-color:var(--m-gold,#c9a76e)}
.syn141-boss.won img{filter:none}

.syn141-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:12px 16px 0;border:1px solid var(--m-line,#25303a);border-radius:8px;overflow:hidden;background:var(--m-line,#25303a)}
.syn141-grid>div{padding:10px 11px;background:#0e161c;min-width:0}
.syn141-grid b{display:block;margin-top:3px;font-size:15px;color:var(--m-ink,#ece6da);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.syn141-grid span{display:block;font-size:11px;color:var(--m-muted,#9aa4a6)}

.syn141-sets{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.syn141-sets li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}
.syn141-sets b{color:var(--m-ink,#ece6da)}
.syn141-sets span{color:var(--m-gold,#c9a76e)}

.syn141-vs{display:grid;gap:7px}
.syn141-vs-row{display:grid;grid-template-columns:minmax(92px,1fr) 64px minmax(80px,1.4fr) 64px;align-items:center;gap:8px;font-size:12px;color:var(--m-muted,#9aa4a6)}
.syn141-vs-row b{text-align:right;color:var(--m-ink,#ece6da);font-variant-numeric:tabular-nums}
.syn141-vs-row b:last-child{text-align:left}
.syn141-vs-row b.lead{color:var(--m-gold,#c9a76e)}
.syn141-vs-bars{display:grid;gap:3px}
.syn141-vs-bars i{display:block;height:5px;border-radius:3px;background:#c9a76e;min-width:2px}
.syn141-vs-bars i+i{background:#5d7d8c}
.syn141-vs-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--m-muted,#9aa4a6)}
.syn141-vs-legend i{display:inline-block;width:10px;height:5px;border-radius:3px;background:#c9a76e}
.syn141-vs-legend i+i,.syn141-vs-legend i:nth-of-type(2){background:#5d7d8c;margin-left:6px}

.syn141-history{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.syn141-history li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;padding:6px 8px;border-radius:6px;background:#0b1217;border-left:3px solid #5d7d8c}
.syn141-history li.won{border-left-color:#8fcf9e}
.syn141-history li.lost{border-left-color:#e2766c}
.syn141-history b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--m-ink,#ece6da)}
.syn141-history span{color:var(--m-ink,#ece6da);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.syn141-history small{color:var(--m-muted,#9aa4a6);white-space:nowrap}

@media (max-width:720px){
 .syn141-player .syn141-player-title{align-items:stretch}
 .syn141-player-actions{width:100%}
 .syn141-player-actions .btn{flex:1 1 auto}
 .syn141-facts{grid-template-columns:1fr 1fr;padding:12px 12px 2px;gap:8px}
 .syn141-block,.syn141-grid{margin:10px 12px 0}
 .syn141-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .syn141-vs-row{grid-template-columns:minmax(78px,1fr) 52px minmax(54px,1fr) 52px;gap:6px}
 .syn141-history li{grid-template-columns:64px minmax(0,1fr);}
 .syn141-history small{grid-column:2}
}
html body .syn141-boss img.gangster-face{filter:grayscale(1) brightness(.42)!important}
html body .syn141-boss.won img.gangster-face{filter:none!important}
.syn53-paperdoll .syn14-doll-hint{padding:0 17px 16px}

/* ── syn-150.css ── */
/* SYNDYKAT 1929 / 15.0: jednolite nagłówki, Aktywności, Decyzje Dona */

/* Jeden duży baner zostaje tylko na pulpicie. Pozostałe ekrany mają zwarty nagłówek. */
html body .content :is(.page-title,.syn53-armory-title,.syn54-armory-title,.syn58-hero,.syn-activity-banner,.syn83-activity-banner,.syn47-head,.premium-hero,.territory-intro,.boss51-intro):not([hidden]):not([data-syn-x]){
 background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--m-line,#25303a)!important;
 border-radius:0!important;min-height:0!important;height:auto!important;padding:2px 0 14px!important;margin:0 0 18px!important;overflow:visible!important}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn-activity-banner,.syn83-activity-banner,.syn47-head,.premium-hero,.territory-intro,.boss51-intro)::before,
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn-activity-banner,.syn83-activity-banner,.syn47-head,.premium-hero,.territory-intro,.boss51-intro)::after{display:none!important;content:none!important}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.premium-hero,.territory-intro,.boss51-intro) h1{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.15!important;margin:4px 0 6px!important;text-shadow:none!important}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.premium-hero,.territory-intro,.boss51-intro) p{max-width:70ch;margin:0!important;font-size:14px!important;line-height:1.5!important;color:var(--m-muted,#9aa4a6)!important;font-style:italic}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.premium-hero,.territory-intro,.boss51-intro) :is(.eyebrow,.syn-eyebrow){font-size:10px!important;letter-spacing:.14em}
html body .content :is(.premium-hero-monogram,.premium-hero-foot,.syn58-hero-art,.syn47-head-art,.boss51-intro-art,.syn58-hero-seal){display:none!important}
html body .content .boss51-intro{display:block!important}
html body .content :is(.syn58-hero,.syn47-head,.premium-hero,.territory-intro,.boss51-intro) img{display:none!important}

/* Aktywności */
.syn150-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.syn150-tabs button{position:relative;display:flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:var(--m-panel,#131a20);color:var(--m-ink,#ece6da);font:inherit;font-size:13px;cursor:pointer}
.syn150-tabs button small{color:var(--m-muted,#9aa4a6);font-variant-numeric:tabular-nums}
.syn150-tabs button.active{border-color:var(--m-gold,#c9a76e);background:#1d2128}
.syn150-tabs button i{position:absolute;top:-7px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--m-gold,#c9a76e);color:#17110a;font-style:normal;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.syn150-reset{margin:0 0 12px;font-size:12px;color:var(--m-muted,#9aa4a6)}
.syn150-reset b{color:var(--m-ink,#ece6da);font-variant-numeric:tabular-nums}
.syn150-card.ready{border-color:var(--m-gold,#c9a76e)!important}
.syn150-card.syn150-locked{opacity:.6}

/* Decyzje Dona */
.syn150-panel{margin:0 0 16px;padding:18px;border:1px solid var(--m-line,#25303a);border-radius:10px;background:var(--m-panel,#131a20)}
.syn150-panel h2{margin:4px 0 10px;font-size:22px}
.syn150-panel>p{max-width:75ch;color:var(--m-muted,#9aa4a6);line-height:1.55}
.syn150-case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.syn150-case-head small{color:var(--m-muted,#9aa4a6)}
.syn150-case-head small b{color:var(--m-ink,#ece6da);font-variant-numeric:tabular-nums}
.syn150-story{font-family:Georgia,"Times New Roman",serif;font-size:16px!important;color:var(--m-ink,#ece6da)!important;font-style:italic}
.syn150-seal{padding:4px 10px;border:1px solid var(--m-gold,#c9a76e);border-radius:4px;color:var(--m-gold,#c9a76e);font-size:11px;letter-spacing:.12em}
.syn150-options,.syn150-doctrines{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.syn150-option,.syn150-doctrine{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c}
.syn150-option h3,.syn150-doctrine h3{margin:0;font-size:16px}
.syn150-option p,.syn150-doctrine p{margin:0;flex:1;font-size:13px;line-height:1.5;color:var(--m-muted,#9aa4a6)}
.syn150-doctrine>span{font-size:22px;color:var(--m-gold,#c9a76e)}
.syn150-doctrine small{color:var(--m-gold,#c9a76e);font-size:12px;line-height:1.45}
.syn150-option.chosen,.syn150-doctrine.active{border-color:var(--m-gold,#c9a76e)}
.syn150-case.resolved .syn150-option:not(.chosen){opacity:.55}
.syn150-tags{display:flex;flex-wrap:wrap;gap:5px}
.syn150-tags span{padding:3px 7px;border-radius:4px;background:#1a232b;color:var(--m-ink,#ece6da);font-size:11px}
.syn150-chosen{color:var(--m-gold,#c9a76e);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.syn150-warn{margin:12px 0 0;padding:10px 12px;border-left:3px solid #e2766c;background:#1f1416;color:#f1c3bd;font-size:13px}
.syn150-effects{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.syn150-effects li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;border-radius:6px;background:#0e161c;font-size:13px}
.syn150-effects li span{grid-column:1;color:var(--m-gold,#c9a76e);font-size:12px}
.syn150-effects li small{grid-row:1/3;grid-column:2;align-self:center;color:var(--m-muted,#9aa4a6);font-variant-numeric:tabular-nums}
.syn150-mults{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.syn150-mults span{padding:6px 10px;border:1px solid var(--m-line,#25303a);border-radius:6px;font-size:12px;color:var(--m-muted,#9aa4a6)}
.syn150-mults b{color:var(--m-ink,#ece6da)}
@media (max-width:720px){.syn150-panel{padding:14px}.syn150-tabs button{padding:8px 10px;font-size:12px}}
.syn150-card .syn83-goal-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.syn150-card .syn83-goal-meta span{color:var(--m-muted,#9aa4a6);font-size:12px}
.nav-btn .syn150-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--m-gold,#c9a76e);flex:none}

/* ── syn-160.css ── */
/* SYNDYKAT 1929 / 16.0: pulpit, walka taktyczna, ekonomia wydajności, miasto, saga, elita, rodziny */

/* ---------- Pulpit: postać, następny krok, zasoby, operacje ---------- */
.syn160-home{display:flex;flex-direction:column;gap:14px;max-width:1180px}
.syn160-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}
.syn160-char,.syn160-next,.syn160-ops,.syn160-res>div,.syn160-strip{border:1px solid var(--m-line,#25303a);border-radius:10px;background:var(--m-panel,#131a20)}
.syn160-char{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:18px}
.syn160-avatar{width:132px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#0c1318;border:1px solid var(--m-line,#25303a)}
.syn160-avatar>*{width:100%;height:100%}
.syn160-avatar img,.syn160-avatar svg{width:100%;height:100%;object-fit:cover;display:block}
.syn160-char-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.syn160-char-body h1{margin:0;font-family:var(--ds-serif,Georgia,serif);font-size:clamp(24px,2.4vw,30px);line-height:1.1;overflow-wrap:anywhere}
.syn160-char-body>p{margin:0;color:var(--m-muted,#9aa4a6);font-size:13px}
.syn160-char-body>small{color:var(--m-muted,#9aa4a6);font-size:11px;font-variant-numeric:tabular-nums}
.syn160-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}
.syn160-stats>div{display:flex;flex-direction:column;padding:8px;border-radius:6px;background:#0e161c;min-width:0}
.syn160-stats span{color:var(--m-gold,#c9a76e);font-size:13px}
.syn160-stats small{color:var(--m-muted,#9aa4a6);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.syn160-stats strong{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.syn160-link{align-self:flex-start;margin-top:4px;padding:0;border:0;background:none;color:var(--m-gold,#c9a76e);font:inherit;font-size:13px;cursor:pointer}
.syn160-link:hover{text-decoration:underline}
.syn160-next{display:flex;flex-direction:column;gap:8px;padding:20px;border-color:rgba(201,167,110,.45);background:linear-gradient(180deg,#171f25,#121a20)}
.syn160-next h2{margin:0;font-family:var(--ds-serif,Georgia,serif);font-size:22px;line-height:1.2}
.syn160-next p{margin:0;flex:1;color:var(--m-muted,#9aa4a6);font-size:14px;line-height:1.5}
.syn160-next .btn{align-self:flex-start}
.syn160-next.danger{border-color:rgba(226,118,108,.6);background:linear-gradient(180deg,#22171a,#161317)}
.syn160-next.danger .syn-eyebrow{color:#e2766c}
.syn160-res{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.syn160-res>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;min-width:0}
.syn160-res small{color:var(--m-muted,#9aa4a6);font-size:10px;letter-spacing:.1em}
.syn160-res strong{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.syn160-res>div>small:last-child{letter-spacing:0;font-size:11px}
.syn160-res .btn{align-self:flex-start;margin-top:2px}
.syn160-res>.warn{border-color:rgba(226,118,108,.5)}
.syn160-res>.warn strong{color:#e2a29b}
.syn160-ops{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.syn160-ops-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.syn160-ops-head small{color:var(--m-muted,#9aa4a6);font-size:12px}
.syn160-op{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:#0e161c;color:var(--m-ink,#ece6da);font:inherit;text-align:left;cursor:pointer}
.syn160-op:hover,.syn160-op:focus-visible{border-color:var(--m-line,#25303a);background:#111b22}
.syn160-op-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#18222a;color:var(--m-gold,#c9a76e);font-size:15px}
.syn160-op-copy{display:flex;flex-direction:column;min-width:0}
.syn160-op-copy small{color:var(--m-muted,#9aa4a6);font-size:10px;letter-spacing:.1em}
.syn160-op-copy b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.syn160-op em{font-style:normal;font-size:13px;color:var(--m-muted,#9aa4a6);font-variant-numeric:tabular-nums;white-space:nowrap}
.syn160-op.ready em{color:#8fcf9e;font-weight:600}
.syn160-op.danger .syn160-op-icon{background:#2a1719;color:#e2766c}
.syn160-op.danger em{color:#e2a29b}
.syn160-empty{margin:4px 0;color:var(--m-muted,#9aa4a6);font-style:italic;font-size:14px}
.syn160-foot{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:10px}
.syn160-strip{display:flex;flex-direction:column;gap:2px;padding:12px 14px;color:var(--m-ink,#ece6da);font:inherit;text-align:left;min-width:0}
button.syn160-strip{cursor:pointer}
button.syn160-strip:hover{border-color:rgba(201,167,110,.45)}
.syn160-strip small{color:var(--m-muted,#9aa4a6);font-size:10px;letter-spacing:.1em}
.syn160-strip b{font-size:15px}
.syn160-strip span{color:var(--m-muted,#9aa4a6);font-size:12px;line-height:1.45}
button.syn160-strip span{color:var(--m-gold,#c9a76e)}

/* ---------- Walka taktyczna: cechy przeciwnika i efekty przedmiotów ---------- */
.syn160-traits{margin:14px 0 4px}
.syn160-traits>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px}
.syn160-traits article{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #33414a;border-left:3px solid #e2766c;border-radius:6px;background:#0e161c}
.syn160-traits article b{font-size:14px}
.syn160-traits article small{color:var(--m-ink,#ece6da);font-size:12px;line-height:1.45}
.syn160-traits article em{color:var(--m-muted,#9aa4a6);font-size:11.5px;line-height:1.45}
.syn160-traits article.countered{border-left-color:#8fcf9e;background:#0f1a17}
.syn160-traits article.countered em{color:#a9d9b5}
.syn160-effect{display:block;margin-top:4px;color:#f0c27a;font-size:12px;line-height:1.4}
.syn160-effect b{color:#f3d39b}

/* ---------- Ekonomia ---------- */
.syn160-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 10px}
.syn160-flow span{display:flex;flex-direction:column;padding:10px;border-radius:6px;background:#0e161c;min-width:0}
.syn160-flow small{color:var(--m-muted,#9aa4a6);font-size:11px}
.syn160-flow b{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.syn160-meter{display:block;height:8px;border-radius:4px;background:#0b1115;overflow:hidden;border:1px solid #1e2830}
.syn160-meter i{display:block;height:100%;background:linear-gradient(90deg,#8d6a3a,#d9b273)}
.syn160-meter.over i{background:linear-gradient(90deg,#8a3f39,#e2766c)}
.syn160-note{display:block;margin-top:8px;color:var(--m-muted,#9aa4a6);font-size:12.5px;line-height:1.5}
.syn160-spec{margin-top:10px;padding-top:10px;border-top:1px solid var(--m-line,#25303a)}
.syn160-spec small{display:block;color:var(--m-muted,#9aa4a6);font-size:12px;margin-bottom:6px}
.syn160-spec>div{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- Miasto ---------- */
.syn160-threat{border-color:rgba(226,118,108,.55)!important;background:linear-gradient(180deg,#1d1517,#131a20)!important}
.syn160-threat .syn-eyebrow{color:#e2766c}
.syn160-threat.police{border-color:rgba(127,176,217,.55)!important;background:linear-gradient(180deg,#141b24,#131a20)!important}
.syn160-threat.police .syn-eyebrow{color:#7fb0d9}
.syn160-districts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:12px}
.syn160-district{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c}
.syn160-district b{font-size:14px}
.syn160-district small{display:block;color:var(--m-muted,#9aa4a6);font-size:12px;line-height:1.4}
.syn160-district.weak{border-color:rgba(226,118,108,.35)}
.syn160-district.raided{border-color:rgba(127,176,217,.45)}
.syn160-ctl{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
.syn160-ctl b{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}

/* ---------- Saga ---------- */
.syn160-act{margin-top:16px}
.syn160-act>h3{margin:0 0 8px;font-family:var(--ds-serif,Georgia,serif);font-size:17px;color:var(--m-gold,#c9a76e)}
.syn160-chapter{margin:0 0 8px;padding:12px 14px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c}
.syn160-chapter h3{margin:3px 0 4px;font-size:17px}
.syn160-chapter p{margin:0;color:var(--m-muted,#9aa4a6);font-size:13.5px;line-height:1.55;max-width:80ch}
.syn160-chapter.done{opacity:.85}
.syn160-chapter.done .syn150-tags{margin-top:8px}
.syn160-chapter.current{border-color:rgba(201,167,110,.5)}
.syn160-chapter.current.ready{background:linear-gradient(180deg,#19201f,#0e161c)}
.syn160-chapter.locked{opacity:.55;padding:9px 14px}
.syn160-chapter.locked h3{font-size:15px;margin:2px 0 0}
.syn160-saga .syn150-tags span.positive{color:#8fcf9e!important}
.syn160-saga .syn150-tags span.negative{color:#e2a29b!important}
.syn160-saga .syn150-option progress{width:100%}

/* ---------- Elita ---------- */
.syn160-tactics{margin-top:12px;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.syn160-elite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.syn160-elite{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--m-line,#25303a);border-radius:10px;background:var(--m-panel,#131a20)}
.syn160-elite-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
.syn160-elite-head img{width:72px;height:88px;object-fit:cover;border-radius:6px;border:1px solid var(--m-line,#25303a)}
.syn160-elite-head h3{margin:2px 0 4px;font-size:18px}
.syn160-elite-head p{margin:0;color:var(--m-muted,#9aa4a6);font-size:13px;line-height:1.45;font-style:italic}
.syn160-elite .syn160-traits>div{grid-template-columns:1fr}
.syn160-elite-foot{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.syn160-elite-foot small{color:var(--m-muted,#9aa4a6);font-size:12px}
.syn160-elite-foot .btn{align-self:flex-start}

/* ---------- Zestawy wyposażenia ---------- */
.syn160-loadouts{margin:12px 0 0;padding:10px 12px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c}
.syn160-loadouts>div{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.syn160-lo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:6px 8px;border:1px solid #22303a;border-radius:6px;background:#121b22;min-width:0}
.syn160-lo.active{border-color:rgba(201,167,110,.6)}
.syn160-lo.locked{opacity:.55;display:flex;justify-content:space-between;gap:8px}
.syn160-lo.locked b{font-size:13px}
.syn160-lo small{grid-column:1/-1;color:var(--m-muted,#9aa4a6);font-size:11px}
.syn160-lo form{display:flex;gap:6px;min-width:0;margin:0}
html body .syn160-lo input{flex:1;min-width:0;height:30px!important;min-height:0!important;padding:3px 8px!important;border:1px solid #2b3943;border-radius:5px;background:#0b1115;color:var(--m-ink,#ece6da);font:inherit;font-size:13px!important}
html body .syn160-lo .btn{min-height:0!important;height:30px;padding:0 10px!important;font-size:12px!important;white-space:nowrap}

/* ---------- VIP ---------- */
.syn160-vip .syn150-options{margin-bottom:14px}
.syn160-statrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:6px 0;border-bottom:1px solid #1d2830;font-size:13px}
.syn160-statrow:last-child{border-bottom:0}
.syn160-statrow b{font-variant-numeric:tabular-nums}
.syn160-statrow small{grid-column:1/-1;color:var(--m-muted,#9aa4a6);font-size:11px}
.syn160-vip-form{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--m-line,#25303a);border-radius:8px;background:#0e161c;max-width:640px}
.syn160-vip-form h3{margin:0}
.syn160-vip-form p{margin:0;color:var(--m-muted,#9aa4a6);font-size:13px}
.syn160-vip-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--m-muted,#9aa4a6)}
.syn160-vip-form input[type=text],.syn160-vip-form input[name=motto]{padding:9px 10px;border:1px solid #2b3943;border-radius:6px;background:#0b1115;color:var(--m-ink,#ece6da);font:inherit;font-size:14px}
.syn160-vip-form .btn{align-self:flex-start}
.syn160-accents{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}
.syn160-accents legend{margin-bottom:6px;font-size:12px;color:var(--m-muted,#9aa4a6)}
.syn160-accent{flex-direction:row!important;align-items:center;gap:6px!important;padding:6px 10px;border:1px solid #2b3943;border-radius:20px;cursor:pointer;color:var(--m-ink,#ece6da)!important}
.syn160-accent input{accent-color:var(--m-gold,#c9a76e)}
.syn160-accent.a-gold{border-color:#8d6a3a}.syn160-accent.a-crimson{border-color:#8a3f39}.syn160-accent.a-emerald{border-color:#3f7a5a}.syn160-accent.a-sapphire{border-color:#3f5f8a}.syn160-accent.a-silver{border-color:#7d878c}
.syn160-oplog{display:flex;flex-direction:column;gap:6px}
.syn160-oprow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2px 12px;padding:9px 12px;border-left:3px solid #33414a;border-radius:4px;background:#0e161c}
.syn160-oprow small{color:var(--m-muted,#9aa4a6);font-size:11px;font-variant-numeric:tabular-nums}
.syn160-oprow b{font-size:13px}
.syn160-oprow span{grid-column:2;color:var(--m-muted,#9aa4a6);font-size:12.5px;line-height:1.45}
.syn160-oprow.win{border-left-color:#8fcf9e}
.syn160-oprow.loss{border-left-color:#e2766c}

/* Karta gracza: motto i kolor akt (VIP) */
.syn160-motto{margin:8px 0 0;padding:6px 0 6px 12px;border-left:2px solid var(--syn160-accent,#c9a76e);color:var(--m-ink,#ece6da);font-family:var(--ds-serif,Georgia,serif);font-style:italic;font-size:15px}
.syn160-accent-gold{--syn160-accent:#d9b273}
.syn160-accent-crimson{--syn160-accent:#c4554c}
.syn160-accent-emerald{--syn160-accent:#5fae86}
.syn160-accent-sapphire{--syn160-accent:#6e98d6}
.syn160-accent-silver{--syn160-accent:#b9c3c7}
[class*="syn160-accent-"] .syn53-armory-title,[class*="syn160-accent-"] .syn141-dossier{border-color:var(--syn160-accent)!important}
[class*="syn160-accent-"] .syn53-armory-title h1{color:var(--syn160-accent)}

/* ---------- Rodzina ---------- */
.syn160-motd{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--m-gold,#c9a76e);background:rgba(10,16,22,.65);color:var(--m-ink,#ece6da);font-size:14px;line-height:1.5;max-width:70ch}
.syn160-motd small{display:block;color:var(--m-gold,#c9a76e);font-size:10px;letter-spacing:.12em;margin-bottom:2px}
.syn160-motd-edit form{display:flex;gap:8px;align-items:flex-start;margin:8px 0 6px}
.syn160-motd-edit textarea{flex:1;min-width:0;padding:8px 10px;border:1px solid #2b3943;border-radius:6px;background:#0b1115;color:var(--m-ink,#ece6da);font:inherit;font-size:14px;resize:vertical}
.syn160-motd-edit small,.syn160-roles-info p{color:var(--m-muted,#9aa4a6);font-size:12px;line-height:1.55}
.syn160-roles-info b{color:var(--m-ink,#ece6da)}
.syn160-role{color:var(--m-gold,#c9a76e);font-weight:600}
.syn160-role-select{margin-top:6px;padding:4px 8px;border:1px solid #2b3943;border-radius:5px;background:#0b1115;color:var(--m-ink,#ece6da);font:inherit;font-size:12px}
.syn160-cap{margin:0 0 14px!important;padding:12px 14px!important}
.syn160-cap p{margin:4px 0 8px!important;font-size:13px}
.syn160-weekly{display:inline-block;margin:4px 0;padding:2px 8px;border-radius:4px;background:#2b2214;color:#f3d39b;font-style:normal;font-size:10px;letter-spacing:.1em}
.syn68-gang .syn68-war-row{grid-template-columns:minmax(0,1fr) auto}
.syn68-gang .syn68-war-action{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}

/* ---------- Telefon ---------- */
@media (max-width:900px){
 .syn160-top{grid-template-columns:1fr}
 .syn160-res{grid-template-columns:repeat(3,minmax(0,1fr))}
 .syn160-foot{grid-template-columns:1fr}
 .syn160-tactics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
 .syn160-char{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:14px}
 .syn160-avatar{width:84px}
 .syn160-next{order:-1;padding:16px}
 .syn160-next h2{font-size:19px}
 .syn160-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .syn160-stats>div{flex-direction:row;align-items:baseline;gap:5px;padding:6px 7px}
 .syn160-stats small{font-size:9px;letter-spacing:.02em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .syn160-stats strong{font-size:13px}
 .syn160-char-body h1{font-size:22px}
 .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))}
 .syn160-res>div:first-child{grid-column:1/-1}
 .syn160-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .syn160-oprow{grid-template-columns:1fr}
 .syn160-oprow span{grid-column:1}
 .syn160-elite-grid{grid-template-columns:1fr}
 .syn160-motd-edit form{flex-direction:column}
 .syn160-op{grid-template-columns:30px minmax(0,1fr);gap:10px}
 .syn160-op-icon{width:30px;height:30px}
 .syn160-op em{grid-column:2}
}
.syn68-member small b.syn160-role{display:inline;font-size:11px;color:var(--m-gold,#c9a76e)}
.syn68-member .syn160-role-select{display:block;width:auto;max-width:100%;min-height:0;height:auto;margin-top:6px;padding:3px 26px 3px 8px;font-size:12px;line-height:1.4}
@media (min-width:1180px){.syn68-gang .syn68-upgrade-grid:not(.syn70-contact-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:700px) and (max-width:1179px){.syn68-gang .syn68-upgrade-grid:not(.syn70-contact-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.syn160-vip .syn150-option>p{flex:0 0 auto}
html body .syn160-accent{padding:5px 12px!important;min-height:0!important}
.syn68-rank-row strong{white-space:nowrap}
@media (max-width:760px){
 html body .syn68-rank-row{grid-template-columns:24px minmax(0,1fr) auto}
 html body .syn68-rank-row>span{grid-row:1/3}
 html body .syn68-rank-row small{grid-column:2/3;grid-row:2}
 html body .syn68-rank-row strong{grid-column:3;grid-row:1/3}
}

/* --- Business / Interests page refinements --- */
body[data-section="business"] .info-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
body[data-section="business"] .info-strip>div,
body[data-section="business"] .info-strip>.btn{
  min-height:64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body[data-section="business"] .syn160-invest .syn150-options{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
body[data-section="business"] .syn160-invest .syn150-option{
  flex:1 1 240px;
  max-width:calc(25% - 11px);
  min-width:240px;
  min-height:220px;
  border-radius:10px;
  background:linear-gradient(180deg,#101b22,#0c141a);
}
body[data-section="business"] .syn10-synergy-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
body[data-section="business"] .syn10-synergy-grid article{
  min-height:154px;
  border-radius:10px;
  background:linear-gradient(180deg,#111b22,#0d141a);
}
body[data-section="business"] .card-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch;
}
body[data-section="business"] .business-tile{
  background:linear-gradient(180deg,#12212a,#0d171e)!important;
  border-color:#314654!important;
  overflow:hidden;
}
body[data-section="business"] .business-tile>.eyebrow,
body[data-section="business"] .business-tile>h3,
body[data-section="business"] .business-tile>p,
body[data-section="business"] .business-tile>.mini-stats,
body[data-section="business"] .business-tile>.btn,
body[data-section="business"] .business-tile>.syn160-spec{margin-left:18px;margin-right:18px}
body[data-section="business"] .business-tile .business-art{
  height:168px;
  background-size:cover;
  background-position:center;
  filter:saturate(.88) contrast(1.02);
}
body[data-section="business"] .business-tile .business-art::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,10,14,.08),rgba(8,16,22,.18) 40%,rgba(9,16,22,.88) 100%);
}
body[data-section="business"] .business-tile h3{
  font-size:20px!important;
  line-height:1.24;
  min-height:50px;
}
body[data-section="business"] .business-tile>p{
  min-height:38px;
  color:#aebcc3;
}
body[data-section="business"] .business-tile .mini-stats{
  min-height:54px;
  align-content:start;
}
body[data-section="business"] .business-tile>.btn{
  width:calc(100% - 36px);
}
body[data-section="business"] .business-tile .syn160-spec{
  margin-top:10px;
  padding-top:10px;
}
/* Business-specific art instead of one repeated document texture */
body[data-section="business"] .business-laundry .business-art{background-image:url('assets/scenes/laundry.webp')!important}
body[data-section="business"] .business-bar .business-art{background-image:url('assets/scenes/bar.webp')!important}
body[data-section="business"] .business-garage .business-art{background-image:url('assets/scenes/garage.webp')!important}
body[data-section="business"] .business-club .business-art{background-image:url('assets/scenes/club.webp')!important}
body[data-section="business"] .business-casino .business-art{background-image:url('assets/scenes/casino.webp')!important}
body[data-section="business"] .business-port .business-art{background-image:url('assets/scenes/port.webp')!important}
body[data-section="business"] .business-hotel .business-art{background-image:url('assets/scenes/hotel.webp')!important}
body[data-section="business"] .business-rail .business-art{background-image:url('assets/scenes/factory.webp')!important}
body[data-section="business"] .business-auction .business-art{background-image:url('assets/scenes/downtown.webp')!important}
body[data-section="business"] .business-shipping .business-art{background-image:url('assets/scenes/docks.webp')!important}
@media (max-width:1650px){
  body[data-section="business"] .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body[data-section="business"] .syn160-invest .syn150-option{max-width:calc(33.333% - 10px)}
}
@media (max-width:1320px){
  body[data-section="business"] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-section="business"] .syn10-synergy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-section="business"] .syn160-invest .syn150-option{max-width:calc(50% - 8px)}
}
@media (max-width:980px){
  body[data-section="business"] .info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-section="business"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-section="business"] .syn10-synergy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body[data-section="business"] .info-strip{grid-template-columns:1fr}
  body[data-section="business"] .card-grid{grid-template-columns:1fr!important}
  body[data-section="business"] .syn10-synergy-grid{grid-template-columns:1fr}
  body[data-section="business"] .syn160-invest .syn150-option{max-width:100%;min-width:0}
}

/* === FINAL LIFT 17.3 : hideout, missions, heists, arena, garage, mobile shell === */

/* Shared premium card rhythm */
body .content :is(.syn57-mission-card,.exp-heist-card,.syn80-faction-card,.exp-car,.syn10-room){
  background:linear-gradient(180deg,#12202a,#0d171e)!important;
  border-color:#314654!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
body .content :is(.syn57-mission-card,.exp-heist-card,.syn80-faction-card,.exp-car,.syn10-room):hover{
  border-color:#8e724b!important;
}

/* --- Kryjówka --- */
body[data-section="hideout"] .page-title{
  background:linear-gradient(90deg,#0a1722f2,#0a1722c9),url('assets/noir56/case-board.webp') center/cover!important;
  border:1px solid #7f694a;border-radius:12px;min-height:148px;padding:18px 24px 22px;
}
body[data-section="hideout"] .info-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;background:#121d25;border-color:#334754;
}
body[data-section="hideout"] .info-strip>div,
body[data-section="hideout"] .info-strip>.btn{min-height:70px;display:flex;flex-direction:column;justify-content:center}
body[data-section="hideout"] .syn10-rooms{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body[data-section="hideout"] .syn10-room{
  position:relative;overflow:hidden;min-height:396px;padding:170px 20px 20px!important;gap:12px;isolation:isolate;
}
body[data-section="hideout"] .syn10-room::before{
  content:'';position:absolute;inset:0 0 auto 0;height:150px;background-position:center;background-size:cover;filter:saturate(.92) contrast(1.03);
}
body[data-section="hideout"] .syn10-room::after{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,14,18,.05) 0,rgba(7,14,18,.25) 35%,rgba(8,16,22,.92) 58%,rgba(8,16,22,.98) 100%);z-index:0;
}
body[data-section="hideout"] .syn10-room>*{position:relative;z-index:1}
body[data-section="hideout"] .syn10-room h3{font-size:30px!important;line-height:1.08;min-height:62px;margin:0}
body[data-section="hideout"] .syn10-room p{font-size:12px;line-height:1.55}
body[data-section="hideout"] .syn10-room .progress{margin:8px 0 2px}
body[data-section="hideout"] .syn10-room .syn10-effect{margin-top:auto;min-height:58px}
body[data-section="hideout"] .syn10-room .btn{width:100%;margin-top:auto}
body[data-section="hideout"] .syn10-room-workshop::before{background-image:url('assets/noir56/train-depot.webp')}
body[data-section="hideout"] .syn10-room-radio::before{background-image:url('assets/noir56/intel-office.webp')}
body[data-section="hideout"] .syn10-room-safe::before{background-image:url('assets/noir56/money-office.webp')}
body[data-section="hideout"] .syn10-room-clinic::before{background-image:url('assets/noir56/ledger-desk.webp')}
body[data-section="hideout"] .syn10-room-range::before{background-image:url('assets/noir56/fortress-gate.webp')}
body[data-section="hideout"] .syn10-room-lawyer::before{background-image:url('assets/noir56/auction-room.webp')}

/* --- Zlecenia --- */
body[data-section="missions"] .page-title,
body[data-section="heists"] .page-title,
body[data-section="arena"] .page-title,
body[data-section="garage"] .page-title{
  border:1px solid #7c694d;border-radius:12px;padding:18px 24px 22px;min-height:148px;
}
body[data-section="missions"] .syn57-mission-board,body[data-section="missions"] .syn10-board-head{border-radius:12px}
body[data-section="missions"] .syn57-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;align-items:stretch}
body[data-section="missions"] .syn57-mission-card{display:flex;flex-direction:column;overflow:hidden}
body[data-section="missions"] .syn57-mission-art{height:164px!important;position:relative;overflow:hidden}
body[data-section="missions"] .syn57-mission-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,14,.05),rgba(7,15,20,.18) 38%,rgba(8,16,22,.74) 100%)}
body[data-section="missions"] .syn57-mission-art>*{position:relative;z-index:1}
body[data-section="missions"] .syn57-mission-art img{object-position:center 50%;transform:scale(1.02)}
body[data-section="missions"] .syn57-mission-content{display:flex;flex-direction:column;flex:1;padding:16px!important}
body[data-section="missions"] .syn57-mission-content h3{min-height:54px}
body[data-section="missions"] .syn57-mission-content>p{min-height:38px}
body[data-section="missions"] .syn57-risk{margin-top:auto;padding-top:8px}
body[data-section="missions"] .syn57-mission-card .btn{width:100%;margin-top:10px}
body[data-section="missions"] .syn57-active-mission{border-radius:11px;padding:14px 0}
body[data-section="missions"] .syn57-active-art{border-radius:9px;overflow:hidden}

/* --- Wielkie napady --- */
body[data-section="heists"] .exp-heist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
body[data-section="heists"] .exp-heist-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%}
body[data-section="heists"] .exp-heist-cover{
  position:relative;height:166px!important;min-height:166px!important;background-size:cover!important;background-position:center!important;overflow:hidden;border-bottom:1px solid #2f4250;
}
body[data-section="heists"] .exp-heist-cover::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,15,.18),rgba(6,11,15,.16) 38%,rgba(8,16,22,.78) 100%)}
body[data-section="heists"] .exp-heist-cover>*{position:relative;z-index:1}
body[data-section="heists"] .exp-heist-cover>strong{position:absolute;right:18px;top:22px;font-size:38px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));opacity:.92}
body[data-section="heists"] .exp-heist-serial{display:inline-block;margin:16px 16px 0}
body[data-section="heists"] .exp-heist-site{position:absolute;right:16px;bottom:16px}
body[data-section="heists"] .exp-heist-details{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px!important}
body[data-section="heists"] .exp-heist-details h3{min-height:54px}
body[data-section="heists"] .exp-heist-details>p{min-height:42px}
body[data-section="heists"] .exp-plans{margin-top:8px}
body[data-section="heists"] .exp-plan{border-color:#324654;border-radius:9px;padding:9px 10px;background:#0d1820}
body[data-section="heists"] .exp-fine{display:block;margin-top:auto;padding-top:10px}
body[data-section="heists"] .exp-heist-0 .exp-heist-cover{background-image:url('assets/noir56/harbor-liner.webp')!important}
body[data-section="heists"] .exp-heist-1 .exp-heist-cover{background-image:url('assets/scenes/factory.webp')!important}
body[data-section="heists"] .exp-heist-2 .exp-heist-cover{background-image:url('assets/noir56/train-depot.webp')!important}
body[data-section="heists"] .exp-heist-3 .exp-heist-cover{background-image:url('assets/noir56/auction-room.webp')!important}
body[data-section="heists"] .exp-heist-4 .exp-heist-cover{background-image:url('assets/scenes/downtown.webp')!important}
body[data-section="heists"] .exp-heist-5 .exp-heist-cover{background-image:url('assets/noir56/money-office.webp')!important}
body[data-section="heists"] .exp-heist-6 .exp-heist-cover{background-image:url('assets/noir56/ocean-liner.webp')!important}
body[data-section="heists"] .exp-heist-7 .exp-heist-cover{background-image:url('assets/noir56/fortress-gate.webp')!important}

/* --- Operacje frakcyjne --- */
body[data-section="arena"] .syn80-strategy,
body[data-section="arena"] .syn80-panel{border-radius:12px}
body[data-section="arena"] .syn80-factions{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;align-items:stretch}
body[data-section="arena"] .syn80-faction-card{display:flex;flex-direction:column;overflow:hidden}
body[data-section="arena"] .syn80-faction-cover{height:156px;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}
body[data-section="arena"] .syn80-faction-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,14,.06),rgba(7,15,20,.2) 34%,rgba(8,16,22,.8) 100%)}
body[data-section="arena"] .syn80-faction-cover>*{position:relative;z-index:1}
body[data-section="arena"] .syn80-faction-vescari .syn80-faction-cover{background-image:linear-gradient(0deg,#0e1b25,#0e1b2515),url('assets/noir56/ledger-desk.webp')!important}
body[data-section="arena"] .syn80-faction-czarne_kruki .syn80-faction-cover,
body[data-section="arena"] .syn80-faction-kruki .syn80-faction-cover{background-image:linear-gradient(0deg,#0e1b25,#0e1b2515),url('assets/noir56/case-board.webp')!important}
body[data-section="arena"] .syn80-faction-zelazny_zwiazek .syn80-faction-cover,
body[data-section="arena"] .syn80-faction-zelazny-związek .syn80-faction-cover,
body[data-section="arena"] .syn80-faction-zelaznyzwiazek .syn80-faction-cover{background-image:linear-gradient(0deg,#0e1b25,#0e1b2515),url('assets/noir56/harbor-liner.webp')!important}
body[data-section="arena"] .syn80-faction-inner{display:flex;flex-direction:column;flex:1}
body[data-section="arena"] .syn80-faction-inner h2{min-height:40px}
body[data-section="arena"] .syn80-faction-actions{margin-top:auto}
body[data-section="arena"] .syn80-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
body[data-section="arena"] .syn80-act{min-height:132px}
body[data-section="arena"] .syn80-bottom{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:stretch}
body[data-section="arena"] .syn80-archive-row{padding:12px 0;border-top:1px solid #273946}
body[data-section="arena"] .syn80-panel .btn.ghost{align-self:flex-start}

/* --- Garaż --- */
body[data-section="garage"] .exp-garage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;align-items:stretch}
body[data-section="garage"] .exp-car{display:flex;flex-direction:column;min-height:100%;overflow:hidden}
body[data-section="garage"] .exp-car-illustration{height:216px!important;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 18px 18px;overflow:hidden}
body[data-section="garage"] .exp-car-illustration::after{content:'';position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,rgba(8,16,22,0),rgba(8,16,22,.85) 65%,rgba(8,16,22,.98) 100%)}
body[data-section="garage"] .exp-car-illustration::before{content:'';position:absolute;left:10%;right:10%;bottom:32px;height:2px;background:linear-gradient(90deg,transparent,#d6ae72,transparent);opacity:.45}
body[data-section="garage"] .exp-car-illustration>*{position:relative;z-index:1}
body[data-section="garage"] .exp-car-illustration>img{height:156px!important;width:94%!important;filter:drop-shadow(0 18px 16px rgba(0,0,0,.55)) sepia(.1) saturate(.76)!important}
body[data-section="garage"] .exp-car-copy{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px!important}
body[data-section="garage"] .exp-car-copy h3{min-height:58px}
body[data-section="garage"] .exp-car-buttons{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-section="garage"] .exp-car-buttons>.btn:only-child{grid-column:1/-1}
body[data-section="garage"] .exp-car-0 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/harbor-liner.webp') center 54%/cover!important}
body[data-section="garage"] .exp-car-1 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/verona-city.webp') center 56%/cover!important}
body[data-section="garage"] .exp-car-2 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/ledger-desk.webp') center 50%/cover!important}
body[data-section="garage"] .exp-car-3 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/ocean-liner.webp') center 52%/cover!important}
body[data-section="garage"] .exp-car-4 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/train-depot.webp') center 52%/cover!important}
body[data-section="garage"] .exp-car-5 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/gallery-hall.webp') center 52%/cover!important}
body[data-section="garage"] .exp-car-6 .exp-car-illustration{background:linear-gradient(0deg,#101e29cc,#0a1725a6),url('assets/noir56/fortress-gate.webp') center 52%/cover!important}

/* --- Dashboard mobile / topbar cleanup --- */
@media (max-width: 760px){
  body .topbar{
    padding-top:calc(6px + env(safe-area-inset-top))!important;
    min-height:118px!important;
    height:auto!important;
    grid-template-rows:44px auto!important;
    align-content:start;
  }
  body .topbar .mobile-brand{max-width:78vw;font-size:14px!important;line-height:1.05}
  body .topbar .logo-mark{width:38px;height:38px;font-size:25px}
  body .topbar .topbar-actions{gap:4px!important}
  body .topbar .topbar-actions .notification-bell,
  body .topbar .topbar-actions .music-header-toggle,
  body .topbar .topbar-actions button[data-view="settings"]{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  body .topbar .resources{padding-top:6px!important;gap:5px!important}
  body .topbar .resources>div{padding:6px 2px!important}
  body .topbar .resources strong{font-size:13px!important}
  body .topbar .resources small{font-size:8px!important}
  body .syn160-top{grid-template-columns:1fr!important;gap:14px}
  body .syn160-char{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
  body .syn160-avatar{width:84px!important;height:112px!important}
  body .syn160-char-body h1{font-size:clamp(24px,8vw,44px)!important}
  body .syn160-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body .syn160-stats>div{padding:10px 8px!important;align-items:flex-start!important}
  body .syn160-stats small{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body .syn160-stats strong{font-size:16px!important}
  body .syn160-next{padding:18px!important}
  body .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .syn160-res>div{min-height:88px}
}

/* --- Responsive polish for the pages above --- */
@media (max-width: 1350px){
  body[data-section="arena"] .syn80-acts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 1200px){
  body[data-section="missions"] .syn57-mission-grid,
  body[data-section="heists"] .exp-heist-grid,
  body[data-section="garage"] .exp-garage-grid,
  body[data-section="hideout"] .syn10-rooms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-section="arena"] .syn80-factions{grid-template-columns:1fr!important}
  body[data-section="arena"] .syn80-bottom{grid-template-columns:1fr!important}
}
@media (max-width: 860px){
  body[data-section="hideout"] .info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  body[data-section="missions"] .syn57-mission-grid,
  body[data-section="heists"] .exp-heist-grid,
  body[data-section="garage"] .exp-garage-grid,
  body[data-section="hideout"] .syn10-rooms,
  body[data-section="arena"] .syn80-acts{grid-template-columns:1fr!important}
  body[data-section="hideout"] .syn10-room{min-height:364px;padding-top:154px!important}
  body[data-section="hideout"] .syn10-room h3{font-size:26px!important;min-height:0}
  body[data-section="garage"] .exp-car-buttons{grid-template-columns:1fr}
}
@media (max-width: 620px){
  body[data-section="hideout"] .info-strip{grid-template-columns:1fr}
  body[data-section="missions"] .syn57-mission-art{height:154px!important}
  body[data-section="heists"] .exp-heist-cover{height:154px!important;min-height:154px!important}
}

/* ── syn-premium-174.css ── */
/* SYNDYKAT 1929 · Port Verona Design System · 17.4
   A single terminal layer for shared geometry, surfaces, contrast and page-specific art.
   Loaded after all older theme styles, preserving the underlying game mechanics. */
:root{
 --syn27-void:#070d12;
 --syn27-bg:#09121a;
 --syn27-panel:#101c25;
 --syn27-panel-high:#162734;
 --syn27-ink:#f1e8d9;
 --syn27-muted:#aab8bf;
 --syn27-line:#30434d;
 --syn27-line-hover:#8d7048;
 --syn27-gold:#e5bb7d;
 --syn27-gold-dark:#af824f;
 --syn27-good:#93d0ab;
 --syn27-bad:#f2a09b;
 --syn27-radius:13px;
 --syn27-gap:16px;
 --syn27-surface:linear-gradient(153deg,#162734 0%,#101d27 42%,#0e1922 100%);
 --syn27-shadow:0 14px 36px rgba(0,0,0,.22);
 --syn9-surface:#101c25;
 --syn9-surface-2:#162734;
 --syn9-stroke:#344854;
 --syn9-gold:#e3b878;
 --syn9-ink:#f0e7da;
 --syn9-muted:#aab8bf;
 --syn9-radius:13px;
 --syn9-gap:16px;
 --m-line:#344854;
 --m-panel:#111e28;
 --m-muted:#aab8bf;
 --m-gold:#e3b878;
 --m-ink:#f0e7da;
}
html{scrollbar-color:#43545c #0b141b}
html body{background:radial-gradient(ellipse at 74% -25%,#22323b55,transparent 45%),#080f15;color:var(--syn27-ink)}
html body .content{width:100%;max-width:1680px!important;margin:0 auto!important;padding:clamp(17px,2.2vw,34px) clamp(16px,2.4vw,36px) 115px!important;min-width:0;}
html body .content>*,html body .content section,html body .content article{min-width:0}
html body .content :is(h1,h2,h3){color:#f4e9d8;overflow-wrap:break-word;line-height:1.22}
html body .content :is(.eyebrow,.syn-eyebrow,.syn10-overline,.exp-eyebrow){color:#dfb77e!important;font-weight:750;letter-spacing:.115em}
html body .content p{overflow-wrap:break-word}
html body .content :is(.positive,.syn-good){color:var(--syn27-good)!important}
html body .content :is(.negative,.syn-bad){color:var(--syn27-bad)!important}
html body .content :is(.card-grid,.syn-goals-grid,.syn47-grid,.syn58-grid,.territory-grid,.syn68-upgrade-grid,.syn68-raid-grid,.exp-garage-grid,.syn57-mission-grid){gap:var(--syn27-gap)!important;align-items:stretch}
html body .content :is(.tile,.panel,.syn150-panel,.syn10-frame,.syn64-panel,.syn64-tile,.syn57-mission-board,.syn57-mission-card,.syn83-goal-card,.syn83-extra-card,.syn47-quest,.syn47-event,.syn47-card,.syn58-job,.syn58-running,.syn83-activity-strip,.syn83-link-section,.territory-card,.business-tile,.exp-car,.exp-chapter,.syn53-paperdoll,.syn53-bag,.syn91-training,.syn-final-broker,.vip-benefits,.vip-membership,.premium-redeem,.premium-product,.premium-order-history,.syn68-block,.syn68-upgrade-card,.syn68-raid-card,.syn80-panel,.syn80-faction-card,.boss51-weekly,.boss51-milestone,.syn160-elite){
 border:1px solid var(--syn27-line)!important;
 border-radius:var(--syn27-radius)!important;
 background-color:var(--syn27-panel);
 box-shadow:var(--syn27-shadow)!important;
}
html body .content :is(.tile,.syn150-option,.syn10-synergy-grid article,.syn57-mission-card,.syn83-goal-card,.syn68-upgrade-card,.syn68-raid-card,.territory-card,.exp-car,.premium-product,.syn80-faction-card){transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
html body .content :is(.tile,.syn150-option,.syn57-mission-card,.syn83-goal-card,.syn68-upgrade-card,.syn68-raid-card,.territory-card,.exp-car,.premium-product,.syn80-faction-card):hover{border-color:#967952!important;box-shadow:0 16px 38px #0006!important}
html body .content :is(.btn,.syn170-compose,.syn150-option button,.syn68-gang-tabs button,.syn-tabs button){min-height:40px;border-radius:9px!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
html body .content .btn.primary:not(:disabled),html body .content .syn150-option .btn.primary:not(:disabled){background:linear-gradient(125deg,#f4d49b,#d3a568 64%,#be8e54)!important;border:1px solid #dfb879!important;color:#20180f!important;box-shadow:inset 0 1px 0 #ffe6bb77!important}
html body .content .btn.primary:not(:disabled):hover{background:linear-gradient(125deg,#ffe6b7,#e4b577)!important;box-shadow:0 5px 18px #d29f5b25!important}
html body .content .btn.ghost:not(:disabled){background:#12242e!important;color:#e7c898!important;border:1px solid #65705f!important}
html body .content .btn.ghost:not(:disabled):hover{background:#22343d!important;border-color:#ac8b59!important}
html body .content :is(.btn,button):disabled{cursor:not-allowed;filter:saturate(.7);opacity:.56}
html body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #f3ca89!important;outline-offset:3px!important}
html body .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:9px;border:1px solid #495f69;background:#0b1820;color:#f1e7d6}
html body .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{border-color:#c69a60;box-shadow:0 0 0 3px #c69a6020}
html body .content :is(.progressbar,.syn160-meter){overflow:hidden;border-radius:99px;background:#273844}
html body .content :is(.progressbar,.syn160-meter) i{border-radius:99px}

/* Navigation and resources */
html body .sidebar{background:linear-gradient(172deg,#101b24 0%,#0b151d 56%,#09121a 100%)!important;border-right:1px solid #3a4650!important;box-shadow:7px 0 25px #0002}
html body .sidebar .brand{border-color:#3d4650}
html body .sidebar .brand b{color:#f3d49e}
html body .sidebar :is(.nav-btn,.syn65-group summary){border-radius:9px!important}
html body .sidebar .nav-btn{min-height:41px;padding:10px 13px;transition:background .16s,border-color .16s;color:#c6d1d4}
html body .sidebar .nav-btn:hover:not(.active){transform:none;background:#182934;color:#fff;border-color:#334b58}
html body .sidebar .nav-btn.active{transform:none!important;background:linear-gradient(100deg,#3d3327,#1c252a 83%)!important;border:1px solid #94774f!important;box-shadow:inset 3px 0 0 #e3b879!important;color:#f8e0b7!important}
html body .topbar{background:linear-gradient(90deg,#0e181f,#101c24)!important;border-color:#38474e;box-shadow:0 7px 28px #0003}
html body .resources strong{color:#e8bd7b}
html body .topbar-actions button{border-radius:9px!important}
html body .topbar-actions button:hover{border-color:#ac8b5f!important;color:#f3d6a9}

/* Shared page heading: short, legible, aligned with card grid */
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.syn83-activity-banner,.territory-intro,.boss51-intro):not(.syn140-messages-title){
 padding:10px 0 19px!important;
 margin:0 0 21px!important;
 min-height:0!important;
 background:none!important;
 border:0!important;
 border-bottom:1px solid #39444b!important;
 border-radius:0!important;
 box-shadow:none!important;
}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.territory-intro,.boss51-intro) h1{font-size:clamp(29px,2.9vw,39px)!important;letter-spacing:-.032em;margin:5px 0 8px!important}
html body .content :is(.page-title,.syn53-armory-title,.syn58-hero,.syn47-head,.territory-intro,.boss51-intro) p{font-size:13px!important;line-height:1.6!important;color:#b2bfc2!important;font-style:normal!important;max-width:75ch}

/* Economics / Interesy: independent picture per business, balanced 5+5 grid */
html body[data-section=business] .content{max-width:1760px!important}
html body[data-section=business] .info-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:0!important;align-items:stretch;margin:0 0 18px;border:1px solid #344a55!important;border-radius:13px!important;overflow:hidden;background:linear-gradient(95deg,#152633,#101d27)!important;box-shadow:0 10px 30px #0004}
html body[data-section=business] .info-strip>div{border:0;border-right:1px solid #334954;min-height:76px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;gap:4px;white-space:normal}
html body[data-section=business] .info-strip strong{color:#f4d5a0;font-size:clamp(17px,1.45vw,22px);line-height:1.2;font-variant-numeric:tabular-nums}
html body[data-section=business] .info-strip>.btn{align-self:center;margin:10px 14px;min-width:144px;min-height:46px!important;white-space:nowrap}
html body[data-section=business] .syn160-capacity,html body[data-section=business] .syn160-invest,html body[data-section=business] .syn10-synergies{margin:0 0 18px!important;padding:23px!important;background:var(--syn27-surface)!important;border-color:#354955!important}
html body[data-section=business] :is(.syn150-case-head,.syn10-synergies>header){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
html body[data-section=business] .syn150-panel h2,html body[data-section=business] .syn10-synergies h2{font-size:clamp(21px,1.8vw,26px)!important;line-height:1.2;margin:4px 0 0}
html body[data-section=business] .syn150-panel>p{margin-top:0;color:#b0bdc2;max-width:92ch;font-size:13px}
html body[data-section=business] .syn160-flow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-items:stretch}
html body[data-section=business] .syn160-flow>span{background:#0b1821;border:1px solid #2f434e;border-radius:9px;padding:12px 14px;min-height:70px}
html body[data-section=business] .syn160-flow b{font-variant-numeric:tabular-nums}
html body[data-section=business] .syn160-invest .syn150-options{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;margin-top:17px}
html body[data-section=business] .syn160-invest .syn150-option{flex:0 1 calc((100% - 36px)/4)!important;max-width:none!important;min-width:210px!important;min-height:225px;display:flex;flex-direction:column;gap:11px;padding:16px 17px;background:linear-gradient(155deg,#12222d,#0b171f)!important;border:1px solid #374b55!important;border-radius:11px!important}
html body[data-section=business] .syn150-option.chosen{border-color:#c6a16d!important;box-shadow:inset 0 2px 0 #caa57155!important}
html body[data-section=business] .syn150-option>h3{font-size:15px!important;line-height:1.35!important;min-height:40px}
html body[data-section=business] .syn150-option>p{min-height:65px;flex:1;color:#b4c1c8}
html body[data-section=business] .syn150-option>.btn{width:100%;margin-top:auto;min-height:43px}
html body[data-section=business] .syn10-synergy-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(195px,1fr))!important;gap:12px!important;margin-top:15px}
html body[data-section=business] .syn10-synergy-grid article{display:flex;flex-direction:column;gap:6px;min-height:182px;padding:15px!important;background:linear-gradient(154deg,#10212b,#0d181f)!important;border:1px solid #334650!important;border-radius:10px!important;opacity:.69}
html body[data-section=business] .syn10-synergy-grid article.active{border-color:#a68a59!important;opacity:1}
html body[data-section=business] .syn10-synergy-grid article strong{font:600 17px/1.24 Georgia,serif;min-height:42px}
html body[data-section=business] .syn10-synergy-grid article small{min-height:35px;line-height:1.3;color:#9daeb8}
html body[data-section=business] .syn10-synergy-grid article p{flex:1;font-size:12px;line-height:1.5;color:#c0c6c5}
html body[data-section=business] .syn10-synergy-grid article b{margin-top:auto;color:#e3ba7e}
html body[data-section=business] .syn27-business-board{margin-top:24px;min-width:0}
html body[data-section=business] .syn27-board-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 17px;padding:0 2px 15px;border-bottom:1px solid #31434c}
html body[data-section=business] .syn27-board-head h2{font:500 clamp(25px,2.3vw,34px)/1.2 Georgia,serif;margin:4px 0 4px}
html body[data-section=business] .syn27-board-head p{font-size:13px;color:#9fadb5;margin:0}
html body[data-section=business] .syn27-board-counter{flex:none;border:1px solid #64563f;padding:7px 13px;border-radius:9px;background:#1a211f;font:700 24px Georgia,serif;color:#e5bd82}
html body[data-section=business] .syn27-board-counter small{font:500 11px system-ui,sans-serif;color:#b6b9af}
html body[data-section=business] .syn27-business-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
html body[data-section=business] .business-tile.tile{display:flex!important;flex-direction:column!important;min-height:390px;height:100%;padding:0 0 16px!important;gap:0!important;background:linear-gradient(180deg,#152731,#0c171f 88%)!important;border:1px solid #354b57!important;border-radius:13px!important;overflow:hidden;box-shadow:0 11px 32px #0004!important;transform:none!important;isolation:isolate}
html body[data-section=business] .business-tile:hover{border-color:#bd9760!important;box-shadow:0 15px 38px #0008!important;transform:translateY(-2px)!important}
html body[data-section=business] .business-tile .business-art{position:relative;height:150px!important;flex:0 0 150px;width:100%;background-size:cover!important;background-position:center 52%!important;filter:none!important;border:0!important;overflow:hidden}
html body[data-section=business] .business-tile .business-art:after{content:""!important;position:absolute;inset:0;background:linear-gradient(0deg,#14242e 0%,transparent 72%)!important;pointer-events:none}
html body[data-section=business] .business-tile .business-art>span{position:absolute;bottom:11px;left:13px;z-index:2;font-size:19px;line-height:1;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#08131bdd;border:1px solid #b18b58b0;box-shadow:0 4px 12px #0008;padding:0}
html body[data-section=business] .business-tile .business-art .syn27-scene-stamp{z-index:2;position:absolute;right:12px;top:11px;font-size:9px;letter-spacing:.12em;color:#efd6ad;padding:5px 8px;border:1px solid #b59c684d;border-radius:4px;background:#08131bcc;text-shadow:none}
html body[data-section=business] .business-tile .eyebrow{margin:13px 16px 3px!important;font-size:9px!important;color:#cfb083!important}
html body[data-section=business] .business-tile h3{font:500 20px/1.22 Georgia,serif!important;min-height:51px!important;margin:2px 16px 5px!important;overflow-wrap:break-word}
html body[data-section=business] .business-tile>p{font-size:12px!important;line-height:1.48!important;min-height:38px!important;margin:1px 16px 11px!important;color:#b1bec5!important}
html body[data-section=business] .business-tile>.mini-stats{display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:5px!important;min-height:42px!important;margin:0 16px 14px!important}
html body[data-section=business] .business-tile>.mini-stats span{font-variant-numeric:tabular-nums;font-size:10px;line-height:1.25}
html body[data-section=business] .business-tile>.btn{margin:auto 16px 0!important;width:calc(100% - 32px)!important;min-height:42px!important;font-size:11px!important;white-space:normal;padding:8px}
html body[data-section=business] .business-tile>.syn160-spec{margin:12px 16px 0!important;padding-top:12px;border-top:1px solid #33434b}
html body[data-section=business] .business-tile>.syn160-spec>div{display:flex;flex-wrap:wrap;gap:5px}
html body[data-section=business] .business-tile>.syn160-spec .btn{min-height:29px!important;font-size:10px!important;padding:5px 8px!important}
html body[data-section=business] .business-tile.syn27-unowned{filter:saturate(.78)}
/* each business uses its actual scene */
html body[data-section=business] .business-laundry .business-art{background-image:url('assets/scenes/laundry.webp')!important}
html body[data-section=business] .business-bar .business-art{background-image:url('assets/scenes/bar.webp')!important}
html body[data-section=business] .business-garage .business-art{background-image:url('assets/scenes/garage.webp')!important}
html body[data-section=business] .business-club .business-art{background-image:url('assets/scenes/club.webp')!important}
html body[data-section=business] .business-casino .business-art{background-image:url('assets/scenes/casino.webp')!important}
html body[data-section=business] .business-port .business-art{background-image:url('assets/scenes/port.webp')!important}
html body[data-section=business] .business-hotel .business-art{background-image:url('assets/scenes/hotel.webp')!important}
html body[data-section=business] .business-rail .business-art{background-image:url('assets/scenes/rail.webp')!important}
html body[data-section=business] .business-auction .business-art{background-image:url('assets/scenes/auction.webp')!important}
html body[data-section=business] .business-shipping .business-art{background-image:url('assets/scenes/shipping.webp')!important}

/* correspondence: the bug was the historical .chat-line>div flex:row!important;
   message bodies must remain block-level, all avatars constrained to 32px. */
html body[data-section=messages] .content{max-width:1600px!important}
html body[data-section=messages] .syn140-messages-page{display:flex;flex-direction:column;gap:14px}
html body[data-section=messages] .syn140-messages-title{padding:20px 27px;border:1px solid #806b4d;border-radius:13px;background:linear-gradient(110deg,#0c1a24,#172935 75%,#1e2c34);min-height:108px;align-items:center}
html body[data-section=messages] .syn140-messages-title h1{font-size:clamp(30px,2.9vw,40px);margin:4px 0 5px;color:#f4d9ae}
html body[data-section=messages] .syn140-messages-title p{font-size:12px;color:#aebbc4}
html body[data-section=messages] .syn140-messages-layout{display:grid;grid-template-columns:minmax(265px,300px) minmax(0,1fr);min-width:0;min-height:540px;height:clamp(550px,calc(100dvh - 244px),760px);background:#0a171f;border:1px solid #3a5360;border-radius:13px;overflow:hidden;box-shadow:0 18px 38px #0004}
html body[data-section=messages] .syn170-dm-sidebar{border-right:1px solid #3b505b;background:linear-gradient(180deg,#11242e,#0e1b24)}
html body[data-section=messages] .syn170-dm-sidebar-head{padding:18px 15px 15px;border-bottom:1px solid #334953;background:#10212b;align-items:center}
html body[data-section=messages] .syn170-dm-sidebar-head strong{font-size:20px;color:#f4d8ae}
html body[data-section=messages] .syn170-compose{min-height:38px!important;padding:7px 13px;border:1px solid #b28b56;background:#202d33;color:#f2d09b}
html body[data-section=messages] .syn170-search-label{padding:15px 15px 7px;color:#adbbc2}
html body[data-section=messages] #chat-search{height:45px;min-height:45px;margin:0 15px 10px;width:calc(100% - 30px);font-size:12px;border:1px solid #456170;background:#0a1921;box-sizing:border-box}
html body[data-section=messages] .syn170-search-results.is-idle{display:none!important}
html body[data-section=messages] .syn170-search-results.is-searching{display:grid;max-height:150px;padding:4px 15px 12px;overflow-y:auto}
html body[data-section=messages] .syn170-thread-list{overflow:auto;flex:1;min-height:0;padding:11px 13px!important}
html body[data-section=messages] .syn169-threads{display:flex;flex-direction:column;gap:7px}
html body[data-section=messages] .syn169-thread-title{display:block;font:700 10px system-ui;color:#cba56d;letter-spacing:.13em;padding:4px 1px 6px;text-transform:uppercase}
html body[data-section=messages] .syn170-thread-list .syn169-thread.syn171-thread{display:grid!important;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:'face copy' 'face time';gap:3px 10px;min-height:70px;padding:11px!important;border-radius:10px;border:1px solid #324a56;background:#142731;color:#efe1ca;box-shadow:none}
html body[data-section=messages] .syn170-thread-list .syn169-thread.syn171-thread:hover{background:#1b313c;border-color:#89704f}
html body[data-section=messages] .syn170-thread-list .syn169-thread.syn171-thread.selected{background:#282d2b;border-color:#d3a66b;box-shadow:inset 3px 0 0 #d8b078!important}
html body[data-section=messages] .syn170-thread-list .syn171-thread-copy{grid-area:copy;min-width:0}
html body[data-section=messages] .syn170-thread-list .syn171-thread time{grid-area:time;font-size:10px;text-align:left;color:#9eacb5}
html body[data-section=messages] .syn170-thread-list .syn171-avatar{grid-area:face}
html body[data-section=messages] .syn170-dm-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#0b1923,#0c1d27)}
html body[data-section=messages] .syn170-dm-main-head{display:flex;align-items:center;gap:13px;flex:0 0 auto;min-height:83px;padding:14px 20px;background:linear-gradient(96deg,#142734,#11212c);border-bottom:1px solid #394b54}
html body[data-section=messages] .syn170-dm-main-head>div:nth-child(2){flex:1;min-width:0;display:block!important}
html body[data-section=messages] .syn170-dm-main-head strong{font:600 20px Georgia,serif;color:#f4d8ad}
html body[data-section=messages] .syn170-dm-main-head small{display:block;color:#96abb6;font-size:11px;margin-top:3px}
html body[data-section=messages] .syn170-dm-main-head .syn170-compose{margin-left:auto;flex-shrink:0;white-space:nowrap}
html body[data-section=messages] .syn170-dm-badge{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;min-width:46px;max-width:46px;border-radius:12px;overflow:hidden;border:1px solid #b18c5c}
html body[data-section=messages] .syn170-dm-badge .syn171-avatar{width:44px!important;height:44px!important;min-width:44px;max-width:44px;min-height:44px;max-height:44px;border-radius:10px}
html body[data-section=messages] .syn140-messages-layout .chat-dock-messages{flex:1;display:flex;flex-direction:column;gap:2px;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain;margin:0!important;padding:18px 23px!important;background:radial-gradient(ellipse at 70% 10%,#23445830,transparent 55%),linear-gradient(180deg,#0b1a24,#0c1921)!important}
html body[data-section=messages] .chat-dock-messages .syn171-day{width:100%;margin:16px 0;color:#9bb0ba}
html body[data-section=messages] .chat-dock-messages .chat-line.syn171-message{display:flex!important;align-items:flex-start!important;gap:10px!important;max-width:min(85%,710px)!important;width:max-content;min-width:0!important;margin:0 auto 10px 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body[data-section=messages] .chat-dock-messages .chat-line.syn171-message.mine{flex-direction:row-reverse!important;margin:0 0 10px auto!important}
html body[data-section=messages] .chat-dock-messages .chat-line.syn171-message.syn171-continued{margin-bottom:5px!important}
html body[data-section=messages] .syn171-message-content,
html body[data-section=messages] .chat-line.syn171-message>.syn171-message-content{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:min(100%,570px)!important;padding:12px 15px!important;border-radius:13px 13px 13px 4px!important;background:#1a313c!important;border:1px solid #3b5967!important;box-shadow:0 5px 15px #0004!important;overflow-wrap:anywhere;white-space:normal;align-items:initial!important;justify-content:initial!important}
html body[data-section=messages] .chat-line.syn171-message.mine>.syn171-message-content{border-radius:13px 13px 4px 13px!important;background:#322b23!important;border-color:#806544!important}
html body[data-section=messages] .syn171-message-content .syn171-byline{display:block!important;margin-bottom:7px}
html body[data-section=messages] .syn171-message-content p{display:block!important;font:400 13px/1.62 system-ui,sans-serif!important;color:#f1e8df;margin:0!important;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
html body[data-section=messages] .syn171-message-content time{display:block!important;margin:8px 0 0!important;color:#a7b3b7;text-align:right;font-size:10px}
html body[data-section=messages] .syn171-avatar,html body[data-section=messages] .syn171-avatar-img{display:grid;place-items:center;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:cover!important;object-position:center!important;border-radius:50%;overflow:hidden;aspect-ratio:1/1}
html body[data-section=messages] .syn170-thread-list .syn171-avatar,html body[data-section=messages] .syn170-thread-list .syn171-avatar-img{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}
html body[data-section=messages] .chat-dock-messages .syn171-avatar-space{flex:0 0 32px;width:32px;min-width:32px!important;height:1px}
html body[data-section=messages] .syn140-messages-layout .chat-dock-send{display:flex;align-items:center;gap:11px;flex:0 0 auto;margin:0;padding:13px 16px!important;background:#12232d;border-top:1px solid #334a56}
html body[data-section=messages] .syn140-messages-layout .chat-dock-send input{flex:1;min-width:0;width:100%;height:47px!important;min-height:47px!important;border-radius:10px;background:#091720;color:#f2e5d2;border:1px solid #48616d;padding:0 15px;font-size:13px}
html body[data-section=messages] .syn140-messages-layout .chat-dock-send button{flex:0 0 47px!important;width:47px!important;height:47px!important;display:grid;place-items:center;border-radius:10px;border:1px solid #e4bd81;background:linear-gradient(140deg,#f0d4a3,#c99c5b);color:#21190d}
html body[data-section=messages] .syn140-messages-layout .syn169-load-older{margin:11px auto 6px;align-self:center}
html body[data-section=messages] .syn170-dm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;gap:8px}

/* Other screens: one consistent card system, no overwhelming reused backgrounds */
html body .content :is(.syn64-panel,.syn64-tile,.syn53-bag,.syn53-paperdoll,.syn68-block,.syn68-upgrade-card,.syn83-goal-card,.syn47-quest,.syn47-event,.premium-product,.vip-benefits,.syn160-elite){background:var(--syn27-surface)!important}
html body .content :is(.syn64-panel,.syn64-tile,.syn83-goal-card,.syn47-quest,.syn47-event,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite,.syn80-faction-card){min-width:0}
html body .content :is(.syn83-goal-card,.syn47-quest,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite){display:flex;flex-direction:column}
html body .content :is(.syn83-goal-card,.syn47-quest,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite) .btn:last-child{margin-top:auto}
html body .content :is(.syn150-options,.syn150-doctrines){gap:13px}
html body .content :is(.syn150-option,.syn150-doctrine){background:#101e28!important;border-color:#344954;border-radius:11px!important;min-width:0}
html body .content .syn57-mission-card{overflow:hidden;background:#12202a!important}
html body .content .syn57-mission-art img{object-fit:cover;object-position:center}
html body .content .syn57-mission-content{display:flex;flex-direction:column;flex:1}
html body .content .syn57-mission-content .btn{margin-top:auto}
html body .content .territory-card{overflow:hidden;background:#13232e!important}
html body .content .territory-card .territory-image{height:166px;filter:none}
html body .content .territory-card .territory-body{display:flex;flex-direction:column;flex:1;gap:9px}
html body .content .territory-card .territory-cta{margin-top:auto}
html body .content .syn68-upgrade-image{background-size:cover;background-position:center}
html body .content .syn53-bag :is(.syn69-inventory-grid,.syn-inventory-grid){gap:10px}
html body .content .syn-inventory-item{border:1px solid #3b4f59;border-radius:10px!important;background:linear-gradient(150deg,#14222c,#0b151c)}
html body .content .syn-inventory-item:hover{border-color:#d1a66b!important}
html body .content .syn54-item-img{object-fit:contain;image-rendering:auto}
html body .content .syn80-panel :is(.btn,.syn80-action){border-radius:9px}
html body .content .syn68-gang-hero{border-color:#765e43;border-radius:13px}
html body .content .syn68-gang-tabs{gap:8px}
html body .content .exp-car{overflow:hidden;background:#12212b!important}
html body .content .exp-car-illustration{background:linear-gradient(145deg,#172935,#0b1620)}
html body .content .exp-car-illustration img{object-fit:contain}
html body .content .premium-product{background:linear-gradient(145deg,#1b2831,#111d27)!important}
html body .content .premium-product:hover{border-color:#cba16a!important}
html body .content :is(.syn160-control,.syn160-saga,.syn160-capacity){background:var(--syn27-surface)}
html body .content .syn160-capacity .syn160-flow>span{border-radius:9px}
html body .content :is(.boss51-scene,.combat-stage){background-size:cover}
html body .content .boss51-scene{overflow:hidden;border-radius:12px 12px 0 0}
html body .content .boss51-scene-portrait{isolation:isolate}
html body .content .boss51-scene-portrait img{object-fit:cover!important;object-position:center 18%!important}
html body .content .syn-final-section-head{gap:15px}
html body .content .syn-final-broker-grid{align-items:stretch}
html body .content .syn-final-trade{background:#11232d;border-radius:10px}
html body .content :is(.syn58-running,.syn83-activity-strip,.syn83-goal-card,.syn83-extra-card){border-color:#344b57!important}
html body .content :is(.syn11-zone,.syn11-title,.syn160-district,.syn160-traits article){border-radius:10px}

/* Location art: use meaningful scenes for individual districts and faction upgrades */
html body .territory-oldtown .territory-image{background-image:url('assets/scenes/oldtown.webp')!important}
html body .territory-docks .territory-image{background-image:url('assets/scenes/docks.webp')!important}
html body .territory-factory .territory-image{background-image:url('assets/scenes/factory.webp')!important}
html body .territory-east .territory-image{background-image:url('assets/scenes/east.webp')!important}
html body .territory-downtown .territory-image{background-image:url('assets/scenes/downtown.webp')!important}
html body .territory-hills .territory-image{background-image:url('assets/scenes/hills.webp')!important}
html body .territory-canals .territory-image{background-image:url('assets/scenes/port.webp')!important}
html body .territory-blackmarket .territory-image{background-image:url('assets/scenes/bar.webp')!important}
html body .territory-arsenal .territory-image{background-image:url('assets/scenes/fortress.webp')!important}
html body .territory-capital .territory-image{background-image:url('assets/scenes/downtown.webp')!important}
html body .territory-palace .territory-image{background-image:url('assets/scenes/hotel.webp')!important}
html body .territory-airfield .territory-image{background-image:url('assets/scenes/factory.webp')!important}
html body .territory-cityhall .territory-image{background-image:url('assets/scenes/downtown.webp')!important}
html body .territory-island .territory-image{background-image:url('assets/scenes/shipping.webp')!important}

/* Responsive grids, never horizontal overflow */
@media(max-width:1660px){
 html body[data-section=business] .syn27-business-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
 html body[data-section=business] .business-tile h3{font-size:18px!important}
}
@media(max-width:1290px){
 html body[data-section=business] .syn27-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 html body[data-section=business] .business-tile .business-art{height:190px!important;flex-basis:190px}
 html body[data-section=business] .business-tile h3{font-size:21px!important}
 html body[data-section=business] .syn160-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section=business] .syn160-invest .syn150-option{flex-basis:calc((100% - 24px)/3)!important}
 html body[data-section=business] .syn10-synergy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 html body .content{padding:16px 14px 108px!important}
 html body[data-section=business] .syn160-capacity,html body[data-section=business] .syn160-invest,html body[data-section=business] .syn10-synergies{padding:17px!important}
 html body[data-section=messages] .syn140-messages-title{padding:16px 18px}
 html body[data-section=messages] .syn140-messages-layout{grid-template-columns:250px minmax(0,1fr)}
 html body[data-section=messages] .syn140-messages-layout .chat-dock-messages{padding:16px!important}
 html body[data-section=messages] .syn170-dm-main-head .syn170-compose{display:none}
}
@media(max-width:700px){
 html body[data-section=business] .info-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section=business] .info-strip>div{min-height:68px;padding:11px 13px}
 html body[data-section=business] .info-strip>.btn{grid-column:1/-1;width:calc(100% - 24px);margin:10px 12px}
 html body[data-section=business] .syn27-business-grid{grid-template-columns:1fr!important}
 html body[data-section=business] .business-tile .business-art{height:188px!important;flex-basis:188px}
 html body[data-section=business] .syn10-synergy-grid{grid-template-columns:1fr!important}
 html body[data-section=business] .syn160-invest .syn150-option{flex-basis:100%!important;min-width:0!important}
 html body[data-section=business] .syn27-board-counter{font-size:18px}
 html body[data-section=messages] .syn140-messages-page{gap:9px}
 html body[data-section=messages] .syn140-messages-title{padding:13px 15px;min-height:82px}
 html body[data-section=messages] .syn140-messages-title h1{font-size:27px}
 html body[data-section=messages] .syn140-messages-layout{display:flex;flex-direction:column;height:calc(100dvh - 230px);min-height:390px;border-radius:12px}
 html body[data-section=messages] .syn170-dm-sidebar{flex:0 0 auto;max-height:235px!important;border-right:0;border-bottom:1px solid #3a515c}
 html body[data-section=messages] .syn170-dm-sidebar-head{padding:8px 12px}
 html body[data-section=messages] .syn170-search-label{padding:8px 12px 5px}
 html body[data-section=messages] #chat-search{margin:0 12px 7px;width:calc(100% - 24px);min-height:37px;height:37px}
 html body[data-section=messages] .syn170-thread-list{max-height:85px!important;padding:6px 10px!important}
 html body[data-section=messages] .syn170-thread-list .syn169-thread.syn171-thread{min-height:49px;padding:6px 8px!important}
 html body[data-section=messages] .syn170-dm-main{flex:1;min-height:0}
 html body[data-section=messages] .syn170-dm-main-head{min-height:62px;padding:9px 12px}
 html body[data-section=messages] .syn170-dm-main-head strong{font-size:17px}
 html body[data-section=messages] .syn170-dm-main-head small{display:none}
 html body[data-section=messages] .syn140-messages-layout .chat-dock-messages{padding:10px 11px!important}
 html body[data-section=messages] .chat-dock-messages .chat-line.syn171-message{max-width:97%!important;gap:6px!important}
 html body[data-section=messages] .chat-line.syn171-message>.syn171-message-content{padding:9px 11px!important}
 html body[data-section=messages] .syn140-messages-layout .chat-dock-send{padding:9px!important}
 html body[data-section=messages] .syn140-messages-layout .chat-dock-send input{height:42px!important;min-height:42px!important}
 html body[data-section=messages] .syn140-messages-layout .chat-dock-send button{height:42px!important;width:42px!important;flex-basis:42px!important}
}
@media(max-width:430px){
 html body[data-section=business] .syn160-flow{grid-template-columns:1fr!important}
 html body[data-section=business] .syn27-board-head{align-items:start}
 html body[data-section=business] .business-tile .business-art{height:160px!important;flex-basis:160px}
 html body[data-section=messages] .syn140-messages-stat{display:none}
 html body[data-section=messages] .syn170-thread-list .syn171-avatar{width:36px!important;height:36px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .content :is(.tile,.syn150-option,.syn57-mission-card,.syn83-goal-card,.territory-card,.exp-car){transition:none!important;transform:none!important}
 html{scroll-behavior:auto}
}

/* ========================================================================
 SYNDYKAT 1929 · final polish 17.4
 Single terminal design-system layer. No gameplay logic changed here.
 ======================================================================== */
:root{
 --syn27-radius:12px;
 --syn27-gap:16px;
 --syn27-gold:#e9c18b;
 --syn27-line:#354b58;
 --syn27-ink:#f4e8d6;
 --syn27-muted:#afc0c9;
}
html body{font-variant-numeric:lining-nums}
html body .content{min-width:0;overflow-x:clip}
html body .content :is(.tile,.panel,.syn150-panel,.syn10-frame,.syn64-panel,.syn64-tile,.syn57-mission-board,.syn57-mission-card,.territory-card,.business-tile,.exp-car,.exp-heist-card,.syn80-faction-card,.syn80-act,.syn80-panel,.syn68-block,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite,.syn10-room){
 border-radius:12px!important;
}
html body .content :is(.btn,button):not(:disabled){-webkit-tap-highlight-color:transparent}
html body .content .btn.primary:not(:disabled){text-shadow:none;font-weight:760}
html body .content .btn:disabled{color:#d5c4aa!important;opacity:.5!important;filter:saturate(.6);background:#463f36!important;border-color:#635a49!important}
html body .content :is(.eyebrow,.syn-eyebrow,.exp-eyebrow,.syn10-overline){text-transform:uppercase}
html body .content :is(.syn57-mission-content,.territory-body,.exp-heist-details,.syn80-faction-inner,.exp-car-copy,.business-tile,.syn10-room)>h3{letter-spacing:-.02em}
html body .content :is(.syn57-mission-grid,.exp-heist-grid,.syn80-factions,.exp-garage-grid,.syn10-rooms,.syn80-acts,.syn27-business-grid){align-items:stretch!important}
html body .content :is(.syn57-mission-card,.exp-heist-card,.syn80-faction-card,.exp-car,.syn10-room){isolation:isolate;box-shadow:0 13px 30px #0003!important}

/* Correct economics geometry at all widths (10 cards, 5 + 5 on wide screens). */
html body[data-section="business"] .content .syn27-business-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
html body[data-section="business"] .business-tile{min-width:0;min-height:400px!important;height:100%!important}
html body[data-section="business"] .business-tile .business-art{height:160px!important;flex-basis:160px!important}
html body[data-section="business"] .business-tile h3{hyphens:auto;min-height:51px!important}
html body[data-section="business"] .business-tile>.btn{margin-top:auto!important}
html body[data-section="business"] .business-rail .business-art{background-image:url('assets/scenes/rail.webp')!important}
html body[data-section="business"] .business-auction .business-art{background-image:url('assets/scenes/auction.webp')!important}
html body[data-section="business"] .business-shipping .business-art{background-image:url('assets/scenes/shipping.webp')!important}
html body[data-section="business"] .syn160-invest .syn150-option{justify-content:flex-start;min-height:225px!important}
html body[data-section="business"] .syn160-invest .syn150-option .btn{width:100%;margin-top:auto}
html body[data-section="business"] .syn10-synergy-grid article{display:flex;flex-direction:column;min-height:150px;justify-content:flex-start}
html body[data-section="business"] .syn10-synergy-grid article b{margin-top:auto}

/* Kryjówka: six rooms with real, distinct themed images and aligned content. */
html body[data-section="hideout"] .content{max-width:1650px!important}
html body[data-section="hideout"] .info-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:0!important;align-items:stretch;border:1px solid #394e59!important;background:linear-gradient(100deg,#142631,#101c25)!important;border-radius:12px!important;padding:0!important;overflow:hidden;margin:0 0 18px}
html body[data-section="hideout"] .info-strip>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:13px 20px;border-right:1px solid #324852;font-size:12px}
html body[data-section="hideout"] .info-strip>div strong{font:600 clamp(18px,1.5vw,23px)/1.2 Georgia,serif;color:#efc98e}
html body[data-section="hideout"] .info-strip>.btn{margin:12px 14px;align-self:center;min-width:165px;min-height:46px!important}
html body[data-section="hideout"] .content .syn10-rooms{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0}
html body[data-section="hideout"] .content .syn10-room{position:relative;display:flex;flex-direction:column;min-height:390px!important;overflow:hidden!important;padding:168px 19px 18px!important;gap:10px!important;background:linear-gradient(145deg,#172935,#0c1820)!important}
html body[data-section="hideout"] .syn10-room::before{content:"";position:absolute;inset:0 0 auto 0;width:100%;height:152px;z-index:0;background-size:cover;background-position:center 46%;filter:saturate(.85) contrast(1.06)}
html body[data-section="hideout"] .syn10-room::after{content:"";position:absolute;inset:0 0 auto 0;height:164px;z-index:0;background:linear-gradient(0deg,#10202a,transparent 78%);pointer-events:none}
html body[data-section="hideout"] .syn10-room>*{position:relative;z-index:1}
html body[data-section="hideout"] .syn10-room .eyebrow{font-size:10px!important;letter-spacing:.11em;margin:0}
html body[data-section="hideout"] .syn10-room h3{font:500 clamp(21px,1.9vw,28px)/1.16 Georgia,serif!important;margin:0!important;min-height:35px;color:#f4dcba}
html body[data-section="hideout"] .syn10-room>p{margin:0;font-size:12px;line-height:1.55}
html body[data-section="hideout"] .syn10-room>.progress{margin:8px 0 4px}
html body[data-section="hideout"] .syn10-room .syn10-effect{min-height:58px;margin-top:auto;color:#e4bb7f!important;font-size:12px}
html body[data-section="hideout"] .syn10-room .syn10-effect small{display:block;margin-top:4px;color:#aebbc5;font-size:11px;line-height:1.4}
html body[data-section="hideout"] .syn10-room>.btn{margin-top:6px!important;width:100%;min-height:43px!important;flex:none}

/* Zlecenia: six consistent, unobscured elements in each card. */
html body[data-section="missions"] .syn57-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
html body[data-section="missions"] .syn57-mission-card{display:flex;flex-direction:column;min-height:438px;height:100%;overflow:hidden}
html body[data-section="missions"] .syn57-mission-card .syn57-mission-art{position:relative;height:164px!important;flex:none;overflow:hidden}
html body[data-section="missions"] .syn57-mission-art img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center!important;display:block;filter:saturate(.82) contrast(1.08)}
html body[data-section="missions"] .syn57-mission-art .syn57-mission-kind{z-index:2}
html body[data-section="missions"] .syn57-mission-content{padding:17px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:9px}
html body[data-section="missions"] .syn57-mission-content h3{min-height:50px!important;font-size:clamp(21px,1.8vw,26px)!important}
html body[data-section="missions"] .syn57-mission-content>p{min-height:39px!important}
html body[data-section="missions"] .syn57-mission-details{margin:0 0 4px!important;gap:5px}
html body[data-section="missions"] .syn57-risk{margin-top:auto!important}
html body[data-section="missions"] .syn57-mission-content>.btn{min-height:42px!important;width:100%!important;margin-top:8px!important}
html body[data-section="missions"] .syn57-mission-card .syn10-loot{min-height:50px}
html body[data-section="missions"] .syn57-mission-board{padding:18px!important}
html body[data-section="missions"] .syn57-mission-empty{border-radius:9px}

/* Heists: correct location identity, same hero and same action row height. */
html body[data-section="heists"] .content .exp-heist-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
html body[data-section="heists"] .exp-heist-card{display:flex;flex-direction:column;height:100%;overflow:hidden}
html body[data-section="heists"] .exp-heist-cover{height:156px!important;min-height:156px!important;position:relative;background-size:cover!important;background-position:center!important}
html body[data-section="heists"] .exp-heist-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070f1645,#08101818 45%,#0c1724d4 100%)}
html body[data-section="heists"] .exp-heist-cover>*{position:relative;z-index:1}
html body[data-section="heists"] .exp-heist-cover>strong{font-size:33px!important;position:absolute;top:38px;right:22px;color:#f0c789;opacity:.85;text-shadow:0 4px 12px #000}
html body[data-section="heists"] .exp-heist-cover .exp-heist-site{position:absolute;bottom:13px;right:17px;font-size:11px;color:#ebc489}
html body[data-section="heists"] .exp-heist-details{display:flex;flex:1;flex-direction:column;padding:19px!important;gap:9px}
html body[data-section="heists"] .exp-heist-details h3{font-size:clamp(21px,2vw,27px);min-height:35px}
html body[data-section="heists"] .exp-heist-details>p{min-height:36px!important}
html body[data-section="heists"] .exp-plans{display:grid;gap:7px;margin-top:9px}
html body[data-section="heists"] .exp-plan{min-height:51px;gap:12px;border-radius:9px;padding:9px 12px;background:#0d1a23;border:1px solid #344b57}
html body[data-section="heists"] .exp-plan .btn{flex:none;min-width:79px}
html body[data-section="heists"] .exp-heist-details>.exp-fine{margin-top:auto;padding-top:10px}
html body[data-section="heists"] .exp-heist-warehouse .exp-heist-cover{background-image:url('assets/noir56/harbor-liner.webp')!important}
html body[data-section="heists"] .exp-heist-payroll .exp-heist-cover{background-image:url('assets/scenes/factory.webp')!important}
html body[data-section="heists"] .exp-heist-express .exp-heist-cover{background-image:url('assets/noir56/train-depot.webp')!important}
html body[data-section="heists"] .exp-heist-gallery .exp-heist-cover{background-image:url('assets/noir56/auction-room.webp')!important}
html body[data-section="heists"] .exp-heist-racetrack .exp-heist-cover{background-image:url('assets/scenes/hills.webp')!important}
html body[data-section="heists"] .exp-heist-mint .exp-heist-cover{background-image:url('assets/noir56/money-office.webp')!important}
html body[data-section="heists"] .exp-heist-liner .exp-heist-cover{background-image:url('assets/noir56/ocean-liner.webp')!important}
html body[data-section="heists"] .exp-heist-reserve .exp-heist-cover{background-image:url('assets/noir56/ledger-desk.webp')!important}

/* Operations: faction-specific pictures, balanced four-column chapters. */
html body[data-section="arena"] .content .syn80-factions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
html body[data-section="arena"] .syn80-faction-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden}
html body[data-section="arena"] .syn80-faction-cover{height:154px;flex:none;position:relative;background-size:cover!important;background-position:center 52%!important}
html body[data-section="arena"] .syn80-faction-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08131b25,#08131b09 40%,#0b1b24c9)}
html body[data-section="arena"] .syn80-faction-cover>*{position:relative;z-index:2}
html body[data-section="arena"] .syn80-faction-vescari .syn80-faction-cover{background-image:url('assets/noir56/ledger-desk.webp')!important}
html body[data-section="arena"] .syn80-faction-ravens .syn80-faction-cover{background-image:url('assets/noir56/case-board.webp')!important}
html body[data-section="arena"] .syn80-faction-union .syn80-faction-cover{background-image:url('assets/noir56/fortress-gate.webp')!important}
html body[data-section="arena"] .syn80-faction-inner{display:flex;flex-direction:column;flex:1!important;padding:16px!important}
html body[data-section="arena"] .syn80-faction-inner h2{min-height:33px;font-size:24px}
html body[data-section="arena"] .syn80-next{margin-top:13px}
html body[data-section="arena"] .syn80-faction-actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html body[data-section="arena"] .syn80-faction-actions>.btn{margin:0;width:100%;min-height:42px}
html body[data-section="arena"] .content .syn80-acts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
html body[data-section="arena"] .syn80-act{display:flex;flex-direction:column;min-height:190px;padding:16px!important}
html body[data-section="arena"] .syn80-act>h3{font-size:21px;min-height:44px}
html body[data-section="arena"] .syn80-act>p{min-height:40px}
html body[data-section="arena"] .syn80-act>.btn{margin-top:auto}
html body[data-section="arena"] .content .syn80-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
html body[data-section="arena"] .syn80-panel{min-height:245px}

/* Garage: image should belong to the exact vehicle, never overwhelm text. */
html body[data-section="garage"] .content .exp-garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
html body[data-section="garage"] .exp-car{display:flex;flex-direction:column;overflow:hidden;height:100%}
html body[data-section="garage"] .exp-car-illustration{height:220px!important;flex:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
html body[data-section="garage"] .exp-car-illustration::before{content:"";position:absolute;inset:auto 8% 30px;height:2px;background:linear-gradient(90deg,transparent,#ebc18a85,transparent)}
html body[data-section="garage"] .exp-car-illustration::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#0d1923f5,transparent);pointer-events:none}
html body[data-section="garage"] .exp-car-illustration img{display:block;position:relative;z-index:2;max-width:100%;width:90%!important;height:165px!important;object-fit:contain!important;filter:drop-shadow(0 12px 19px #000c)!important}
html body[data-section="garage"] .exp-car-illustration small{z-index:3}
html body[data-section="garage"] .exp-car-copy{flex:1;display:flex;flex-direction:column;gap:11px;padding:18px!important}
html body[data-section="garage"] .exp-car-copy h3{min-height:42px;line-height:1.2;font-size:clamp(22px,1.9vw,28px)}
html body[data-section="garage"] .exp-car-buttons{margin-top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
html body[data-section="garage"] .exp-car-buttons .btn{width:100%!important}
html body[data-section="garage"] .exp-car-buttons .btn:only-child{grid-column:1/-1}

/* All other views: consistent card and CTA rhythm. */
html body .content :is(.syn83-goal-card,.syn83-extra-card,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite,.syn-bounty-card,.crew-tile,.syn47-quest,.syn47-event,.premium-product,.syn11-zone,.syn12-talent,.syn10-perk,.syn10-room){min-width:0;max-width:100%}
html body .content :is(.syn83-goal-card,.syn68-upgrade-card,.syn68-raid-card,.syn160-elite,.syn-bounty-card,.syn47-quest,.syn47-event,.premium-product,.syn11-zone,.syn12-talent,.syn10-perk){border-radius:12px!important;border-color:#354956!important}
html body .content :is(.syn68-upgrade-card,.syn68-raid-card,.syn-bounty-card,.crew-tile,.syn83-goal-card){display:flex;flex-direction:column;min-height:100%}
html body .content :is(.syn68-upgrade-card,.syn68-raid-card,.syn-bounty-card,.crew-tile,.syn83-goal-card)>.btn:last-child{margin-top:auto}
html body .content .territory-station .territory-image{background-image:url('assets/scenes/rail.webp')!important}
html body .content .territory-arsenal .territory-image{background-image:url('assets/scenes/fortress.webp')!important}
html body .content .territory-island .territory-image{background-image:url('assets/scenes/shipping.webp')!important}
html body .content .territory-airfield .territory-image{background-image:url('assets/scenes/factory.webp')!important}
html body .content .territory-cityhall .territory-image{background-image:url('assets/scenes/downtown.webp')!important}
html body .content .territory-card .territory-body{display:flex;flex-direction:column;flex:1}
html body .content .territory-card .territory-cta{margin-top:auto}
html body[data-section="dashboard"] .syn160-char{min-width:0}
html body[data-section="dashboard"] .syn160-stats{gap:7px}
html body[data-section="dashboard"] .syn160-stats>div{min-width:0}
html body[data-section="dashboard"] .syn160-stats small{letter-spacing:0;overflow:visible;text-overflow:clip}

/* Private messages: no oversized avatars, no horizontal text layout, no idle result gap. */
html body[data-section="messages"] .syn170-search-results.is-idle{display:none!important;min-height:0!important}
html body[data-section="messages"] .syn140-messages-layout .chat-dock-messages .chat-line.syn171-message{align-items:flex-start!important;overflow:visible;max-width:min(86%,720px)!important}
html body[data-section="messages"] .syn140-messages-layout .syn171-message-content{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:min(100%,600px)!important}
html body[data-section="messages"] .syn171-message-content p{display:block!important;font-size:13px!important;line-height:1.6!important;white-space:pre-wrap!important;overflow-wrap:anywhere}
html body[data-section="messages"] .syn171-message-content .syn171-byline,html body[data-section="messages"] .syn171-message-content .syn171-message-time{display:block!important}
html body[data-section="messages"] .syn171-avatar,html body[data-section="messages"] .chat-dock-messages .syn171-avatar{max-width:32px!important;max-height:32px!important;object-fit:cover!important}
html body[data-section="messages"] .syn170-dm-badge .syn171-avatar{min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important}
html body[data-section="messages"] .syn170-thread-list .syn171-avatar{min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important}
html body[data-section="messages"] .chat-dock-send{position:relative;z-index:2}

/* Mobile header: respect the phone safe area; no counter/brand collisions. */
@media(max-width:760px){
 html{scrollbar-gutter:auto!important}
 html body .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:44px auto!important;
  grid-template-areas:"logo actions" "stats stats"!important;
  align-items:center!important;
  align-content:start!important;
  gap:0 5px!important;
  height:auto!important;
  min-height:112px!important;
  padding:calc(7px + env(safe-area-inset-top)) 10px 7px!important;
  overflow:visible!important;
 }
 html body .topbar .mobile-brand{grid-area:logo;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px!important;line-height:1.05!important}
 html body .topbar .topbar-actions{grid-area:actions;display:flex;justify-self:end;min-width:0;gap:3px!important}
 html body .topbar .topbar-actions :is(.music-header-toggle,.notification-bell,.pm-header-toggle,button[data-view="settings"]){flex:none!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}
 html body .topbar .resources{grid-area:stats;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important;padding-top:7px!important;margin:0!important;border-top:1px solid #384a54}
 html body .topbar .resources>div{min-width:0!important;padding:6px 2px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:hidden}
 html body .topbar .resources small{font-size:8px!important;letter-spacing:.035em!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body .topbar .resources strong{font-size:clamp(12px,3.5vw,16px)!important;line-height:1.26!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body .topbar .resources small[data-energy-eta]{font-size:8px!important}
 html body .content{padding:15px 12px calc(104px + env(safe-area-inset-bottom))!important}
 html body[data-section="dashboard"] .syn160-top{grid-template-columns:minmax(0,1fr)!important}
 html body[data-section="dashboard"] .syn160-char{display:grid;grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;align-items:start}
 html body[data-section="dashboard"] .syn160-avatar{width:82px!important;max-width:82px!important;height:112px!important}
 html body[data-section="dashboard"] .syn160-char-body{min-width:0}
 html body[data-section="dashboard"] .syn160-char-body h1{font-size:clamp(23px,6.3vw,32px)!important;overflow-wrap:anywhere}
 html body[data-section="dashboard"] .syn160-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 html body[data-section="dashboard"] .syn160-stats>div{min-width:0;display:flex;flex-wrap:wrap;gap:2px 5px;padding:7px 8px!important;align-items:center;justify-content:space-between}
 html body[data-section="dashboard"] .syn160-stats>div small{font-size:10px!important;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body[data-section="dashboard"] .syn160-stats>div strong{font-size:14px!important;white-space:nowrap}
 html body[data-section="dashboard"] .syn160-link{font-size:13px}
 html body[data-section="dashboard"] .syn160-next{min-width:0;padding:17px!important}
 html body[data-section="dashboard"] .syn160-next h2{font-size:clamp(22px,6vw,28px)!important}
 html body[data-section="dashboard"] .syn160-res{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body[data-section="dashboard"] .syn160-res>div{min-height:78px;min-width:0}
 html body[data-section="dashboard"] .syn160-res strong{overflow-wrap:anywhere}
 html body[data-section="messages"] .syn140-messages-layout{height:calc(100dvh - 255px)!important;min-height:395px!important}
 html body[data-section="messages"] .syn170-dm-sidebar{max-height:208px!important}
 html body[data-section="messages"] .chat-dock-messages .chat-line.syn171-message{max-width:98%!important}
 html body[data-section="messages"] .chat-dock-messages .syn171-message-content{max-width:min(100%,510px)!important}
 html body[data-section="messages"] .syn140-messages-title h1{font-size:27px!important}
}
@media(max-width:1330px){
 html body[data-section="business"] .content .syn27-business-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
 html body[data-section="business"] .business-tile h3{font-size:20px!important}
 html body[data-section="hideout"] .content .syn10-rooms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="arena"] .content .syn80-acts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1020px){
 html body[data-section="business"] .content .syn27-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="missions"] .syn57-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="arena"] .content .syn80-factions{grid-template-columns:1fr!important}
 html body[data-section="arena"] .content .syn80-bottom{grid-template-columns:1fr!important}
 html body[data-section="arena"] .content .syn80-acts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 html body[data-section="business"] .info-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="hideout"] .info-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="hideout"] .info-strip>div{min-height:61px;padding:10px 13px}
 html body[data-section="hideout"] .info-strip>.btn{grid-column:1/-1;margin:8px 12px 12px;width:calc(100% - 24px)}
 html body[data-section="hideout"] .content .syn10-rooms{grid-template-columns:1fr!important;gap:14px!important}
 html body[data-section="hideout"] .content .syn10-room{min-height:355px!important;padding-top:155px!important}
 html body[data-section="hideout"] .syn10-room::before{height:142px}
 html body[data-section="missions"] .syn57-mission-grid{grid-template-columns:1fr!important}
 html body[data-section="heists"] .content .exp-heist-grid{grid-template-columns:1fr!important}
 html body[data-section="arena"] .content .syn80-acts{grid-template-columns:1fr!important}
 html body[data-section="garage"] .content .exp-garage-grid{grid-template-columns:1fr!important}
 html body[data-section="garage"] .exp-car-copy h3{min-height:0}
 html body[data-section="garage"] .exp-car-illustration{height:180px!important}
 html body[data-section="garage"] .exp-car-illustration img{height:145px!important}
}
@media(max-width:600px){
 html body[data-section="business"] .content .syn27-business-grid{grid-template-columns:1fr!important}
 html body[data-section="business"] .business-tile .business-art{height:184px!important;flex-basis:184px!important}
 html body[data-section="garage"] .exp-car-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="arena"] .syn80-faction-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 html body .content :is(.tile,.syn57-mission-card,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room){transition:none!important;transform:none!important}
}

/* Period-correct, per-room photo covers. Remove legacy round tile decoration. */
html body[data-section="hideout"] .content .syn10-room::before{border-radius:0!important;left:0!important;top:0!important;right:0!important;bottom:auto!important;width:100%!important;height:152px!important;transform:none!important;filter:saturate(.84) contrast(1.08)}
html body[data-section="hideout"] .syn10-room-workshop::before{background-image:url('assets/hideout/workshop.webp')!important}
html body[data-section="hideout"] .syn10-room-radio::before{background-image:url('assets/hideout/radio.webp')!important}
html body[data-section="hideout"] .syn10-room-safe::before{background-image:url('assets/hideout/safe.webp')!important}
html body[data-section="hideout"] .syn10-room-clinic::before{background-image:url('assets/hideout/clinic.webp')!important}
html body[data-section="hideout"] .syn10-room-range::before{background-image:url('assets/hideout/range.webp')!important}
html body[data-section="hideout"] .syn10-room-lawyer::before{background-image:url('assets/hideout/lawyer.webp')!important}

/* Seven photo-based vehicles, distinct names and silhouettes. */
html body[data-section="garage"] .exp-car-illustration{padding:0!important;background:#0a151d!important}
html body[data-section="garage"] .exp-car-illustration img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center 57%!important;filter:saturate(.88) contrast(1.06)!important;z-index:1!important}
html body[data-section="garage"] .exp-car-illustration::after{content:'';position:absolute;inset:44% 0 0;background:linear-gradient(0deg,#091822cc,transparent)!important;z-index:2!important}
html body[data-section="garage"] .exp-car-illustration small{position:absolute!important;top:12px;left:13px;z-index:3!important;background:#08151bc9;border:1px solid #b39a6a66;border-radius:6px;padding:5px 8px;color:#ead3af}

/* ── syn-real-175.css ── */
/* SYNDYKAT 1929 · 17.5 · REAL implementation of the hideout art direction.
   Important: this file is loaded LAST. Previous generic rules stripped the banner
   and detached art from the card body. The rules below replace that layout. */

/* Visible gold/ink system on the live UI, not a rendered mockup */
html body[data-section="hideout"] .content {
  max-width:1720px!important;
  padding-top:16px!important;
  --syn175-brass:#c69c62;
  --syn175-bright:#f1d2a0;
}
html body[data-section="hideout"] .content .page-title {
  height:168px!important;
  min-height:168px!important;
  margin:0 0 12px!important;
  padding:26px clamp(22px,2vw,34px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  border:1px solid #816443!important;
  border-radius:12px!important;
  background:#0c1218 url('assets/hideout/hero.webp') center center/cover no-repeat!important;
  box-shadow:0 10px 28px #0005,inset 0 0 0 1px #edd1a410!important;
  overflow:hidden!important;
}
html body[data-section="hideout"] .content .page-title::before,
html body[data-section="hideout"] .content .page-title::after { display:none!important; content:none!important }
html body[data-section="hideout"] .content .page-title .eyebrow{
  font-size:10px!important;
  color:#e6c28c!important;
  letter-spacing:.17em!important;
  text-shadow:0 2px 8px #000!important;
}
html body[data-section="hideout"] .content .page-title h1{
  font-size:clamp(30px,3.15vw,46px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  color:#fff0d6!important;
  text-shadow:0 3px 16px #000b!important;
  margin:7px 0 5px!important;
}
html body[data-section="hideout"] .content .page-title p{
  color:#e0ddd6!important;
  font-size:13px!important;
  font-style:normal!important;
  line-height:1.45!important;
  max-width:min(570px,65%)!important;
  text-shadow:0 2px 7px #000!important;
}
/* One horizontal command bar, four aligned cells */
html body[data-section="hideout"] .info-strip.syn175-hideout-resources {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(165px,.88fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 13px!important;
  min-height:66px!important;
  border:1px solid #9e7e52!important;
  border-radius:11px!important;
  background:linear-gradient(100deg,#0f1a20,#0d181f 55%,#101a20)!important;
  box-shadow:inset 0 1px #f3dcab13,0 9px 20px #0004!important;
  overflow:hidden!important;
}
html body[data-section="hideout"] .info-strip.syn175-hideout-resources>div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-height:66px!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 18px!important;
  border-right:1px solid #6d6255a1!important;
  color:#ddd6c8!important;
  font-size:11px!important;
}
html body[data-section="hideout"] .syn175-hideout-resources>div>span:last-child{
  display:flex;flex-direction:column;min-width:0;gap:1px;
}
html body[data-section="hideout"] .syn175-hideout-resources .syn175-res-icon{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:27px;color:#e8bb78;font-size:24px;line-height:1;
  text-shadow:0 2px 8px #0008;
}
html body[data-section="hideout"] .syn175-hideout-resources strong{
  display:block!important;
  color:#f4d4a1!important;
  font:600 23px/1.07 Georgia,serif!important;
  font-variant-numeric:tabular-nums;
}
html body[data-section="hideout"] .syn175-hideout-resources>.btn{
  width:calc(100% - 24px)!important;
  margin:11px 12px!important;
  align-self:center!important;
  justify-self:stretch!important;
  min-height:42px!important;
  white-space:normal!important;
  font-size:12px!important;
}

/* Real 3×2 photo cards: the photographs now cover THE ENTIRE CARD,
   text overlays their lower half, level sits over the top left. */
html body[data-section="hideout"] .content .syn10-rooms.syn175-room-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:13px!important;
  margin:0!important;
}
html body[data-section="hideout"] .content .syn10-room.syn175-room {
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:276px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  border:1px solid #be965e!important;
  border-radius:13px!important;
  background:#090e12!important;
  color:#f5e7d3!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px #e0b46b12,0 10px 25px #0007!important;
}
html body[data-section="hideout"] .content .syn10-room.syn175-room::before,
html body[data-section="hideout"] .content .syn10-room.syn175-room::after {
  content:none!important;display:none!important;
}
html body[data-section="hideout"] .syn175-room-photo{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 34%!important;
  z-index:0!important;
  border:0!important;
  filter:saturate(.88) contrast(1.1)!important;
  pointer-events:none!important;
}
html body[data-section="hideout"] .syn175-room-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(2,5,8,.23) 0%,rgba(4,9,12,.06) 27%,rgba(5,11,13,.45) 43%,rgba(6,11,14,.93) 63%,rgba(6,10,12,.99) 100%)!important;
  pointer-events:none;
}
html body[data-section="hideout"] .syn175-room-level {
  position:absolute!important;
  top:10px!important;
  left:11px!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  padding:5px 10px!important;
  border:1px solid #c9a271!important;
  border-radius:8px!important;
  background:rgba(8,12,14,.84)!important;
  box-shadow:0 3px 8px #0006!important;
  color:#ffe3b6!important;
  font:800 10px/1.1 system-ui,sans-serif!important;
  letter-spacing:.085em!important;
  text-shadow:0 1px 3px #0008;
}
html body[data-section="hideout"] .syn175-room-level>span{font-size:13px;color:#f3ce94}
html body[data-section="hideout"] .syn175-room-main{
  z-index:3!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:0 13px 11px!important;
  margin-top:auto!important;
  border:0!important;
  background:none!important;
}
html body[data-section="hideout"] .syn175-room-main h3 {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:26px!important;
  margin:0!important;
  color:#fcebd0!important;
  font:500 clamp(20px,1.7vw,25px)/1.08 Georgia,serif!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 7px #000;
}
html body[data-section="hideout"] .syn175-room-main .syn175-room-glyph{
  flex:none;display:inline-block;color:#e6bd7b;font:700 25px/1.0 Georgia,serif!important;
  text-shadow:0 2px 5px #000;
}
html body[data-section="hideout"] .syn175-room-main p.syn175-room-desc{
  color:#f5f2e9!important;
  font:11.5px/1.32 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  margin:0 0 2px!important;
  min-height:16px!important;
  max-width:100%;
  text-shadow:0 2px 5px #0009;
}
html body[data-section="hideout"] .syn175-room-main .progress {
  margin:3px 0 3px!important;
  padding:0!important;
  height:8px!important;
  border:1px solid #68665c!important;
  border-radius:10px!important;
  background:#050b10!important;
  box-shadow:inset 0 1px 3px #000c;
}
html body[data-section="hideout"] .syn175-room-main .progress i{
  border-radius:10px!important;
  background:linear-gradient(90deg,#a97b42,#dfb679 70%,#f9dca7)!important;
}
html body[data-section="hideout"] .syn175-room-main .syn10-effect{
  min-height:0!important;
  margin:0 0 3px!important;
  color:#e5bd7c!important;
  font:11px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  text-shadow:0 2px 5px #000;
}
html body[data-section="hideout"] .syn175-room-main .syn10-effect small{
  display:block!important;
  margin:3px 0 0!important;
  color:#eee1ce!important;
  font:10.5px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  text-shadow:0 2px 4px #000;
}
html body[data-section="hideout"] .syn175-room-main .btn {
  flex:none!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:36px!important;
  height:auto!important;
  padding:7px 10px!important;
  margin:3px 0 0!important;
  color:#251a0e!important;
  background:linear-gradient(120deg,#f4d392,#d2a468 68%,#bf9158)!important;
  border:1px solid #eac88f!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 #ffe0a7!important;
  font:700 12px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  text-align:center!important;
}
html body[data-section="hideout"] .syn175-room-main .btn:disabled{
  opacity:.56!important;
  color:#281d10!important;
}
/* This tier is compact but still readable if the label wraps */
@media (max-width:1400px) and (min-width:950px){
 html body[data-section="hideout"] .content .syn10-room.syn175-room{min-height:292px!important}
 html body[data-section="hideout"] .syn175-room-main h3{font-size:20px!important}
}
@media (max-width:950px) and (min-width:650px){
 html body[data-section="hideout"] .content .syn10-rooms.syn175-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="hideout"] .content .syn10-room.syn175-room{min-height:290px!important}
 html body[data-section="hideout"] .info-strip.syn175-hideout-resources{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-section="hideout"] .info-strip.syn175-hideout-resources>.btn{grid-column:2;min-height:42px!important}
}
@media (max-width:649px){
 html body[data-section="hideout"] .content{padding:11px 12px 110px!important}
 html body[data-section="hideout"] .content .page-title{
  height:158px!important;min-height:158px!important;
  margin-bottom:10px!important;padding:20px 16px!important;
  background-position:55% center!important;
 }
 html body[data-section="hideout"] .content .page-title h1{font-size:clamp(27px,7.5vw,37px)!important}
 html body[data-section="hideout"] .content .page-title p{font-size:11px!important;max-width:85%!important}
 html body[data-section="hideout"] .info-strip.syn175-hideout-resources{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:0!important}
 html body[data-section="hideout"] .info-strip.syn175-hideout-resources>div{padding:10px 4px!important;gap:4px!important;flex-direction:column!important;text-align:center!important;min-height:62px!important;align-items:center!important;justify-content:center!important}
 html body[data-section="hideout"] .syn175-hideout-resources .syn175-res-icon{font-size:16px;width:auto}
 html body[data-section="hideout"] .syn175-hideout-resources strong{font-size:19px!important}
 html body[data-section="hideout"] .syn175-hideout-resources>div>span:last-child{font-size:9px}
 html body[data-section="hideout"] .syn175-hideout-resources>.btn{grid-column:1/-1;margin:0!important;width:100%!important;border-radius:0 0 9px 9px!important;min-height:40px!important}
 html body[data-section="hideout"] .content .syn10-rooms.syn175-room-grid{grid-template-columns:1fr!important;gap:11px!important}
 html body[data-section="hideout"] .content .syn10-room.syn175-room{min-height:286px!important}
 html body[data-section="hideout"] .syn175-room-main h3{font-size:24px!important}
}
@media (prefers-reduced-motion:reduce){
 html body[data-section="hideout"] .syn175-room,.syn175-room-photo{transition:none!important}
}

/* This ID-specific override beats legacy generic !important :not() selectors
   which otherwise reset the hideout banner to background:none. */
html body[data-section="hideout"] #main-content.content .page-title:not([hidden]):not([data-syn-x]){
  background-color:#0a1217!important;
  background-image:url('assets/hideout/hero.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  border:1px solid #8b6d46!important;
  border-radius:12px!important;
  box-shadow:0 10px 28px #0005,inset 0 0 0 1px #edd1a410!important;
  padding:26px clamp(22px,2vw,34px)!important;
  min-height:168px!important;
  height:168px!important;
  margin:0 0 12px!important;
}
@media(max-width:649px){
  html body[data-section="hideout"] #main-content.content .page-title:not([hidden]):not([data-syn-x]){
    height:158px!important;min-height:158px!important;padding:20px 16px!important;
    background-position:55% center!important;
  }
}

/* Gilded resource pictograms, only where the desktop has adequate room. */
@media(min-width:1450px){
 html body .topbar .resources>div{position:relative;padding-left:28px!important;min-width:110px}
 html body .topbar .resources>div::before{position:absolute;left:4px;top:9px;font:25px/1 Georgia,serif;color:#d9ae70;text-shadow:0 2px 6px #0006;opacity:.94}
 html body .topbar .resources>div:nth-child(1)::before{content:'♠'}
 html body .topbar .resources>div:nth-child(2)::before{content:'＄'}
 html body .topbar .resources>div:nth-child(3)::before{content:'ϟ'}
 html body .topbar .resources>div:nth-child(4)::before{content:'✧'}
}
@media(max-width:649px){
 html body[data-section="hideout"] #main-content.content .page-title:not([hidden]):not([data-syn-x]){
  background-image:linear-gradient(90deg,rgba(6,10,13,.78),rgba(6,10,13,.47) 100%),url('assets/hideout/hero.webp')!important;
 }
}

/* ── syn-future-176.css ── */
:root{
  --syn-bg-0:#04080d;
  --syn-bg-1:#09131b;
  --syn-bg-2:#0d1b26;
  --syn-panel:#0d1822cc;
  --syn-panel-2:#122331d9;
  --syn-panel-soft:#132532b8;
  --syn-line:#315066;
  --syn-line-soft:#224054;
  --syn-gold-1:#f7ddb0;
  --syn-gold-2:#d2a35f;
  --syn-gold-3:#8d6536;
  --syn-cyan:#8ad7ff;
  --syn-text:#f8f4ed;
  --syn-muted:#a8bac6;
  --syn-shadow:0 18px 60px rgba(0,0,0,.34);
  --syn-shadow-soft:0 10px 28px rgba(0,0,0,.22);
  --syn-radius-xl:24px;
  --syn-radius-lg:18px;
  --syn-radius-md:14px;
}
html{scrollbar-color:#8e714c #081019;scrollbar-width:thin}
body{
  background:
    radial-gradient(circle at 15% -5%,rgba(64,103,132,.16),transparent 28%),
    radial-gradient(circle at 100% 0,rgba(164,116,61,.13),transparent 24%),
    linear-gradient(180deg,#071018,#03070b 48%,#050a10 100%);
  color:var(--syn-text);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:0;
  background:
    linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,0)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 120px);
  mix-blend-mode:soft-light;
}
/* 17.9.4: tylko .shell tworzy warstwę nad teksturą tła. Warstwa na .main/.content zamykała
   okna przedmiotów (z-index 9990) pod paskiem bocznym i górnym. */
.shell{position:relative;z-index:1}
.main,.content{position:relative}
.shell{grid-template-columns:290px minmax(0,1fr)!important}
.sidebar{
  background:
    linear-gradient(180deg,rgba(10,18,26,.96),rgba(7,14,20,.98)),
    radial-gradient(circle at 50% 0,rgba(187,134,68,.14),transparent 32%);
  border-right:1px solid rgba(208,164,103,.2)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04), 20px 0 60px rgba(0,0,0,.22);
  backdrop-filter:blur(18px) saturate(1.08);
}
.brand{
  margin:18px 14px 10px!important;padding:16px 18px!important;border-radius:20px!important;
  background:linear-gradient(135deg,rgba(22,33,44,.92),rgba(8,15,21,.72))!important;
  border:1px solid rgba(212,170,105,.33)!important;box-shadow:var(--syn-shadow-soft), inset 0 1px 0 rgba(255,255,255,.05);
}
.logo-mark{
  width:50px!important;height:50px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#1f2d39,#0f1821)!important;
  border:1px solid rgba(224,186,126,.45)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 0 1px rgba(255,211,149,.06) inset;
}
.brand b,.mobile-brand{letter-spacing:.06em}
.brand small{opacity:.9;letter-spacing:.24em}
.side-caption{
  margin:10px 22px 8px!important;color:#88a2b3!important;letter-spacing:.28em!important;font-size:10px!important;
}
.sidebar nav{padding:0 10px 12px}
.nav-btn{
  border-radius:14px!important;border:1px solid transparent!important;
  min-height:46px!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.nav-btn:hover{
  transform:translateX(3px);
  background:linear-gradient(90deg,rgba(27,43,56,.88),rgba(15,27,36,.66))!important;
  border-color:rgba(165,197,219,.18)!important;box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.nav-btn.active{
  background:linear-gradient(90deg,rgba(76,33,26,.95),rgba(50,18,17,.78) 18%,rgba(20,32,43,.88) 100%)!important;
  border-color:rgba(232,181,104,.5)!important;
  box-shadow:0 0 0 1px rgba(244,197,118,.08) inset,0 14px 28px rgba(0,0,0,.22);
}
.nav-symbol{color:#f0d1a0!important;opacity:.96}
.topbar{
  position:sticky;top:0;z-index:25;height:86px!important;padding:0 26px 0 24px!important;
  background:linear-gradient(180deg,rgba(8,15,22,.92),rgba(7,16,22,.78))!important;
  border-bottom:1px solid rgba(204,168,106,.18)!important;backdrop-filter:blur(16px) saturate(1.1);
  box-shadow:0 10px 32px rgba(0,0,0,.2);
}
.topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,199,133,.45),transparent);
}
.topbar-label{
  color:#e4c089!important;letter-spacing:.36em!important;font-size:10px!important;text-transform:uppercase;
}
.resources{gap:10px!important}
.resources>div{
  min-width:120px;padding:10px 16px 9px!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(20,32,43,.88),rgba(11,21,29,.65))!important;
  border:1px solid rgba(148,181,204,.16)!important;
  box-shadow:var(--syn-shadow-soft), inset 0 1px 0 rgba(255,255,255,.05);
}
.resources small{font-size:10px!important;letter-spacing:.22em!important;color:#95adbc!important}
.resources strong{font-size:20px!important;color:#f8d29b!important;text-shadow:0 0 18px rgba(245,192,115,.08)}
.resources em{color:#7fa9c3!important}
.topbar-actions button{
  border-radius:16px!important;background:linear-gradient(180deg,rgba(14,25,35,.88),rgba(10,19,27,.78))!important;
  border:1px solid rgba(206,171,108,.24)!important;box-shadow:var(--syn-shadow-soft), inset 0 1px 0 rgba(255,255,255,.04);
}
.topbar-actions button:hover{filter:none!important;transform:translateY(-2px);border-color:rgba(241,201,134,.45)!important;box-shadow:0 14px 28px rgba(0,0,0,.26)}
.top-logout,.vip-header-badge{padding-inline:16px!important;font-weight:800!important;color:#f5d19a!important}
.content{max-width:1680px!important;padding:30px 28px 110px!important}
.page-title,.panel,.tile,.syn10-frame,.syn57-mission-board,.syn80-strategy,.syn80-panel,.exp-garage-hero,.exp-career-hero,.exp-active-heist,.syn141-player-title,.syn140-messages-title,.syn140-messages-layout,.syn27-business-board{
  background:
    linear-gradient(180deg,rgba(14,25,35,.92),rgba(8,16,24,.9)),
    radial-gradient(circle at top right,rgba(164,116,61,.08),transparent 26%)!important;
  border:1px solid rgba(126,162,187,.18)!important;
  border-radius:var(--syn-radius-lg)!important;
  box-shadow:var(--syn-shadow), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(14px) saturate(1.04);
}
.page-title{
  padding:28px 30px 26px!important;position:relative;overflow:hidden;min-height:176px;
}
.page-title::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,rgba(7,14,20,.92) 0%,rgba(8,16,24,.82) 34%,rgba(8,16,24,.35) 62%,rgba(8,16,24,.12) 100%);
}
.page-title>*{position:relative;z-index:1}
.page-title h1{font-size:64px!important;line-height:.98!important;letter-spacing:-.02em!important;margin:10px 0 12px!important}
.page-title p{max-width:780px;color:#d9e3ea!important;font-size:16px!important;line-height:1.55!important}
.page-title .eyebrow,.syn-eyebrow,.eyebrow.gold{color:#f0c98f!important;letter-spacing:.28em!important;font-size:10px!important}
.syn66-view-dashboard .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.9),rgba(8,16,24,.25)),url('assets/noir56/verona-city.webp')!important;background-size:cover!important;background-position:center!important}
/* if asset-relative path fails from css context, keep explicit working ones below */
.syn66-view-dashboard .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.92),rgba(8,16,24,.28)),url('assets/noir56/verona-city.webp')!important}
.syn66-view-city .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.92),rgba(8,16,24,.28)),url('assets/scenes/downtown.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-business .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.9),rgba(8,16,24,.28)),url('assets/noir56/ledger-desk.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-hideout .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.76),rgba(8,16,24,.18)),url('assets/hideout/hero.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-missions .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.88),rgba(8,16,24,.24)),url('assets/noir56/train-depot.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-arena .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.88),rgba(8,16,24,.24)),url('assets/noir56/case-board.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-heists .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.84),rgba(8,16,24,.2)),url('assets/noir56/harbor-liner.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-garage .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.88),rgba(8,16,24,.2)),url('assets/noir56/ocean-liner.webp')!important;background-size:cover!important;background-position:center!important}
.syn66-view-messages .page-title{background-image:linear-gradient(100deg,rgba(7,14,20,.9),rgba(8,16,24,.28)),url('assets/noir56/portrait.webp')!important;background-size:cover!important;background-position:center!important}
.card-grid{gap:18px!important;align-items:stretch!important}
.tile,.panel,.syn10-frame,.syn57-mission-card,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn10-perk,.syn12-talent,.crew-tile,.syn11-zone,.syn13-contact{
  border-radius:18px!important;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tile:hover,.panel:hover,.syn57-mission-card:hover,.exp-heist-card:hover,.exp-car:hover,.syn80-faction-card:hover,.syn10-room:hover,.syn13-contact:hover{
  transform:translateY(-2px);
  border-color:rgba(238,198,130,.36)!important;box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.tile h3,.panel h2,.syn27-business-board h2,.syn141-player-title h1,.syn140-messages-title h1{color:#f8ebd7!important;letter-spacing:-.02em}
.tile p,.panel p,.tiny,.muted{color:#9db0be!important}
.info-strip,.syn13-contacts-strip,.syn175-hideout-resources,.syn160-top,.syn160-res{
  display:grid;gap:14px!important;grid-template-columns:repeat(4,minmax(0,1fr));
}
.info-strip>div,.info-strip>.btn,.syn13-contacts-strip>div,.syn13-contacts-strip>.btn,.syn175-hideout-resources>div,.syn175-hideout-resources>.btn,.syn160-res>div{
  min-height:78px;padding:14px 18px!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(14,25,35,.88),rgba(10,19,27,.68))!important;
  border:1px solid rgba(138,172,196,.16)!important;box-shadow:var(--syn-shadow-soft);
  display:flex;flex-direction:column;justify-content:center;gap:6px;
}
.info-strip strong,.syn13-contacts-strip strong,.syn175-hideout-resources strong,.syn160-res strong{font-size:18px!important;color:#f4cf94!important}
.btn,
button.btn,
a.btn{
  border-radius:14px!important;
  background:linear-gradient(180deg,#f0cc90,#d6a665)!important;
  color:#17120d!important;border:1px solid rgba(255,227,175,.45)!important;
  min-height:46px;padding:11px 18px!important;font-weight:800!important;box-shadow:0 14px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.36);
}
.btn:hover:not(:disabled){filter:none!important;transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.42)}
.btn.ghost,.btn.secondary,.btn.small.ghost{
  background:linear-gradient(180deg,rgba(21,36,47,.92),rgba(12,20,29,.82))!important;color:#e7c896!important;
  border-color:rgba(133,169,194,.2)!important;box-shadow:var(--syn-shadow-soft), inset 0 1px 0 rgba(255,255,255,.04);
}
.btn:disabled{opacity:.52!important;filter:saturate(.7)!important}
input,select,textarea,.syn11-bet{
  border-radius:14px!important;background:linear-gradient(180deg,rgba(12,21,29,.95),rgba(10,18,25,.86))!important;
  border:1px solid rgba(129,162,185,.18)!important;color:#eff5fa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 22px rgba(0,0,0,.12);
}
input::placeholder,textarea::placeholder{color:#7892a3}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(232,186,110,.45)!important;box-shadow:0 0 0 3px rgba(210,163,95,.13), inset 0 1px 0 rgba(255,255,255,.04), 0 8px 22px rgba(0,0,0,.16)}
.progress,.prog,.syn-progress{height:10px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.05)!important;overflow:hidden}
.progress>span,.prog>span,.syn-progress>span{background:linear-gradient(90deg,#efc789,#a47039)!important;box-shadow:0 0 16px rgba(232,177,97,.25)}
.mini-stats span,.tag,.pill,.syn10-overline,.eyebrow{
  border-radius:999px!important;
}
.mini-stats span,.syn11-zone small,.syn160-spec small,.tag,.pill{
  background:rgba(255,255,255,.03)!important;border:1px solid rgba(129,162,185,.12)!important;padding:6px 10px!important;color:#dce6ec!important;
}
.panel table,.tablewrap table{border-collapse:separate;border-spacing:0 8px}
.panel th,.panel td,table th,table td{border-bottom-color:rgba(255,255,255,.06)!important}
.panel tbody tr,table tbody tr{background:rgba(255,255,255,.015)}
.panel tbody tr:hover,table tbody tr:hover{background:rgba(255,255,255,.03)}
.announcements article,.inbox-page article,.notice-card{
  border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:14px 16px;
}
/* Dashboard */
.syn160-top{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)!important;align-items:stretch!important}
.syn160-char,.syn160-next{
  background:linear-gradient(135deg,rgba(13,23,32,.95),rgba(10,17,25,.86))!important;border-radius:20px!important;border:1px solid rgba(145,176,201,.17)!important;box-shadow:var(--syn-shadow);
}
.syn160-avatar{border-radius:18px!important;border:1px solid rgba(236,196,128,.22)!important;overflow:hidden;box-shadow:var(--syn-shadow-soft)}
.syn160-char-body h1{font-size:52px!important;line-height:.98!important;color:#f6e5cb!important}
.syn160-motto{border-left:2px solid rgba(238,198,130,.45)!important;color:#d3dee6!important;background:rgba(255,255,255,.02)!important;border-radius:0 10px 10px 0!important}
.syn160-stats>div{border-radius:16px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important}
.syn160-next{position:relative;overflow:hidden}
.syn160-next::after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(226,175,93,.18),transparent 70%);pointer-events:none}
/* Messages */
.syn140-messages-layout{overflow:hidden}
.syn170-dm-sidebar,.syn170-dm-main{background:transparent!important}
.syn169-thread,.syn171-message-content,.chat-line.mine .syn171-message-content{
  border-radius:16px!important;border:1px solid rgba(132,166,189,.14)!important;box-shadow:var(--syn-shadow-soft);
}
.syn171-message-content{background:linear-gradient(180deg,rgba(17,29,40,.9),rgba(11,18,25,.8))!important}
.chat-line.mine .syn171-message-content{background:linear-gradient(180deg,rgba(65,48,31,.94),rgba(46,35,24,.86))!important}
.chat-dock-send input{min-height:54px!important}
/* Mobile nav and chat */
.mobile-nav,.mobile-more{
  background:linear-gradient(180deg,rgba(8,15,22,.96),rgba(7,14,20,.95))!important;border-top:1px solid rgba(211,173,107,.18)!important;backdrop-filter:blur(18px)
}
.mobile-nav button,.mobile-more button{border-radius:14px!important}
.chat-widget{border-radius:20px!important;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.34)!important}
/* Page specific quick polish */
.syn57-mission-card .syn57-mission-content,.exp-heist-details,.exp-car-copy,.syn80-faction-inner,.business-tile,.crew-tile,.syn13-contact{padding-bottom:18px!important}
.syn57-mission-art,.exp-heist-cover,.business-art,.syn80-faction-cover,.exp-car-illustration{border-bottom:1px solid rgba(255,255,255,.05)!important}
.syn175-room-grid .syn10-room{min-height:340px!important}
.syn10-room{position:relative;overflow:hidden}
/* Stronger futuristic polish for miscellaneous elements */
.panel header,.syn27-board-head,.syn140-messages-layout .syn170-dm-main-head{border-bottom:1px solid rgba(255,255,255,.06)!important}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#081019}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#355164,#8b683f);border:2px solid #081019;border-radius:999px}
@media (max-width:1400px){
  .shell{grid-template-columns:250px minmax(0,1fr)!important}
  .resources>div{min-width:104px}
  .page-title h1{font-size:56px!important}
}
@media (max-width:1180px){
  .content{padding:24px 18px 100px!important}
  .page-title{padding:24px 22px!important;min-height:160px}
  .page-title h1{font-size:48px!important}
  .info-strip,.syn13-contacts-strip,.syn175-hideout-resources{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:860px){
  .shell{display:block!important}
  .topbar{height:auto!important;padding:10px 14px!important;gap:10px!important}
  .topbar .resources{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .topbar .resources>div{min-width:0!important}
  .content{padding:18px 12px 104px!important}
  .page-title{min-height:148px}
  .page-title h1{font-size:38px!important}
}
@media (max-width:620px){
  .brand{margin:12px 10px 8px!important;padding:14px!important}
  .page-title p{font-size:14px!important}
  .info-strip,.syn13-contacts-strip,.syn175-hideout-resources,.syn160-res{grid-template-columns:1fr!important}
  .panel,.tile,.syn10-frame,.syn57-mission-board,.syn80-strategy,.syn80-panel,.exp-garage-hero,.exp-career-hero,.exp-active-heist,.syn141-player-title,.syn140-messages-title,.syn140-messages-layout,.syn27-business-board{border-radius:16px!important}
}

/* ── syn-mafia-177.css ── */
:root{
  --maf-bg:#05090d;
  --maf-panel:#0c151d;
  --maf-panel-2:#101d28;
  --maf-panel-3:#132231;
  --maf-line:rgba(219,180,114,.22);
  --maf-line-strong:rgba(241,207,144,.44);
  --maf-gold:#e3be82;
  --maf-gold-2:#c99455;
  --maf-cream:#f3e6d2;
  --maf-smoke:#9eafba;
}
body{
  background:
    radial-gradient(circle at 10% -10%,rgba(145,102,47,.12),transparent 32%),
    radial-gradient(circle at 110% 0%,rgba(77,118,148,.12),transparent 28%),
    linear-gradient(180deg,#05080c,#071018 24%,#04070b 100%);
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);
  mix-blend-mode:soft-light;
}
.shell{grid-template-columns:300px minmax(0,1fr)!important}
.sidebar{padding-bottom:22px}
.brand{min-height:86px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important}
.brand b{font-size:18px!important;line-height:1!important}
.brand small{font-size:10px!important;letter-spacing:.2em!important}
.logo-mark{font-size:28px!important}
.side-caption{margin-top:18px!important;margin-bottom:14px!important}
.sidebar nav{display:flex;flex-direction:column;gap:2px}
.nav-btn{font-weight:600!important}
.nav-btn.active{
  background:
    linear-gradient(90deg,rgba(82,40,28,.88),rgba(37,26,21,.88) 24%,rgba(17,28,38,.88) 100%)!important;
}
.topbar{height:82px!important}
.topbar-label{padding-left:8px;border-left:1px solid rgba(255,255,255,.06)}
.resources>div{min-width:112px!important;border-radius:20px!important}
.resources>div small{display:block;margin-bottom:2px}
.topbar-actions{gap:10px!important}
.content{max-width:1760px!important;padding-top:22px!important}
/* Generic panel styling made less "app" and more premium noir */
.panel,.tile,.syn10-frame,.page-title,.syn57-mission-board,.syn80-strategy,.syn80-panel,.exp-garage-hero,.exp-career-hero,.exp-active-heist,.syn141-player-title,.syn140-messages-title,.syn140-messages-layout,.syn27-business-board,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn150-panel,.syn53-armory,.syn53-paperdoll,.syn53-bag,.syn91-training,.syn170-dm-sidebar,.syn170-dm-main{
  position:relative;
  background:
    linear-gradient(180deg,rgba(11,21,30,.94),rgba(8,15,22,.94)),
    radial-gradient(circle at top right,rgba(159,108,49,.06),transparent 28%)!important;
}
/* Inset pseudo-borders removed: caused doubled and visibly broken edges. */
.page-title h1,.syn160-char-body h1{font-size:58px!important}
.page-title p{max-width:860px}
.syn160-home{display:grid;gap:18px}
.syn160-top{grid-template-columns:minmax(0,1.45fr) minmax(380px,.55fr)!important;gap:18px!important}
.syn160-char,
.syn160-next{overflow:hidden;min-height:300px}
.syn160-char{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;padding:22px!important;
  background:
    linear-gradient(90deg,rgba(8,15,22,.88) 0%,rgba(7,14,20,.76) 24%,rgba(7,14,20,.18) 60%,rgba(7,14,20,.06) 100%),
    url('assets/noir56/don.webp') right center/cover no-repeat!important;
}
.syn160-char .syn160-avatar{width:118px!important;height:146px!important;border-radius:18px!important;align-self:start;background:rgba(10,17,24,.82)!important}
.syn160-char .syn160-avatar img,.syn160-char .syn160-avatar picture,.syn160-char .syn160-avatar canvas{width:100%;height:100%;object-fit:cover}
.syn160-char-body{display:flex;flex-direction:column;justify-content:center;min-width:0}
.syn160-char-body p{font-size:18px!important;color:#d7e2e8!important;margin-bottom:12px!important}
.syn160-char .progress,.syn160-char .prog{max-width:760px!important;margin:8px 0 6px!important}
.syn160-char small{font-size:13px!important;color:#adbcc7!important}
.syn160-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;margin-top:14px!important;max-width:860px}
.syn160-stats>div{min-height:92px;padding:14px 16px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(15,24,33,.92),rgba(10,17,24,.84))!important;border:1px solid rgba(129,162,185,.15)!important}
.syn160-stats strong{font-size:34px!important;line-height:1!important;color:var(--maf-cream)!important}
.syn160-stats small{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase}
.syn160-link{align-self:flex-start;margin-top:16px!important;padding:0!important;background:none!important;border:none!important;color:#f1ca8c!important;box-shadow:none!important}
.syn160-link:hover{transform:none!important;text-decoration:underline}
.syn160-next{padding:28px 24px!important;display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(180deg,rgba(6,12,18,.48),rgba(6,12,18,.8) 55%,rgba(6,12,18,.96) 100%),
    url('assets/noir56/fight.webp') center/cover no-repeat!important;
}
.syn160-next h2{font-size:42px!important;line-height:1.02!important;max-width:320px;color:#faedd9!important}
.syn160-next p{max-width:360px;color:#d6e0e7!important;font-size:16px!important}
.syn160-next .btn{align-self:flex-start;margin-top:14px!important;min-width:150px}
.syn160-res{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.syn160-res>div{padding:18px 18px 16px!important;border-radius:18px!important;min-height:118px!important;position:relative;overflow:hidden}
.syn160-res>div::after{content:"";position:absolute;right:-24px;bottom:-24px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(227,190,130,.12),transparent 70%)}
.syn160-res small{font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase;color:#96aab9!important}
.syn160-res strong{display:block;margin-top:10px;font-size:36px!important;line-height:1.02!important}
.syn160-res .btn{margin-top:12px!important}
.syn160-ops{padding:16px 18px 18px!important}
.syn160-ops-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px;margin-bottom:12px}
.syn160-op{width:100%;display:grid!important;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:10px;padding:14px 16px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(11,18,26,.78),rgba(10,18,25,.58))!important;border:1px solid rgba(132,166,189,.14)!important}
.syn160-op:hover{border-color:rgba(232,186,110,.35)!important;transform:translateY(-1px)}
.syn160-op-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:18px}
.syn160-op-copy b{font-size:18px;color:#f3e3c8}
.syn160-op-copy small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#90a6b6}
.syn160-op em{font-style:normal;color:#d8c089;font-weight:700}
.syn160-foot{display:grid!important;grid-template-columns:320px minmax(0,1fr);gap:16px!important}
.syn160-strip{min-height:102px!important;padding:18px 20px!important;display:flex;flex-direction:column;justify-content:center;gap:8px!important;text-align:left}
.syn160-strip small{font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:#96aab9!important}
.syn160-strip b{font-size:30px!important;line-height:1.02!important;color:#f4e4c6!important}
.syn160-strip span{color:#b0c0ca!important}
.announcements{margin-bottom:18px}
/* Make main dashboard and city/game sections feel richer */
.syn150-panel .syn150-case-head h2,
.panel h2,
.syn27-business-board h2,
.syn53-bag h2,
.syn53-paperdoll .syn53-card-heading>strong,
.syn170-dm-sidebar .syn170-dm-sidebar-head strong,
.syn140-messages-title h1,
.syn141-player-title h1{font-size:32px!important;line-height:1.05!important}
.syn150-option,.syn57-mission-card,.business-tile,.exp-car,.syn80-faction-card,.tile.crew-tile,.syn10-room,.syn13-contact{background:linear-gradient(180deg,rgba(11,19,27,.92),rgba(9,16,23,.82))!important}
.business-art,.exp-car-illustration,.syn80-faction-cover,.syn57-mission-art{position:relative;min-height:148px}
.business-art::after,.exp-car-illustration::after,.syn80-faction-cover::after,.syn57-mission-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,14,20,.08) 0%,rgba(7,14,20,.35) 55%,rgba(7,14,20,.9) 100%)}
.syn53-armory-layout,.syn140-messages-layout{gap:18px!important}
.syn170-dm-sidebar-head{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.syn169-thread.active{background:linear-gradient(90deg,rgba(65,46,29,.55),rgba(21,32,42,.72))!important;border-color:rgba(236,196,128,.28)!important}
.chat-dock-send{padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
/* Angled clip-path removed: it clipped borders, text and shadows. 17.8 uses safe corner detailing. */
/* dashboard welcome panel */
.syn66-view-dashboard .panel.announcements{background:linear-gradient(90deg,rgba(28,20,15,.45),rgba(11,20,29,.85))!important}
/* 1929 mood on hideout / missions / garage */
.syn66-view-hideout .page-title,
.syn66-view-missions .page-title,
.syn66-view-garage .page-title,
.syn66-view-business .page-title,
.syn66-view-city .page-title,
.syn66-view-heists .page-title,
.syn66-view-messages .page-title{min-height:210px!important}
/* Mobile */
@media (max-width:1450px){
  .syn160-top{grid-template-columns:minmax(0,1fr) 360px!important}
  .syn160-res strong{font-size:30px!important}
}
@media (max-width:1180px){
  .shell{grid-template-columns:270px minmax(0,1fr)!important}
  .syn160-top{grid-template-columns:1fr!important}
  .syn160-next{min-height:240px}
  .syn160-foot{grid-template-columns:1fr!important}
  .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:860px){
  .content{padding-top:14px!important}
  .syn160-char{grid-template-columns:1fr!important;background:linear-gradient(180deg,rgba(7,14,20,.82),rgba(7,14,20,.9)),url('assets/noir56/don.webp') center/cover no-repeat!important}
  .syn160-char .syn160-avatar{width:96px!important;height:118px!important}
  .syn160-char-body h1{font-size:42px!important}
  .syn160-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  .syn160-res{grid-template-columns:1fr!important}
  .syn160-stats{grid-template-columns:1fr!important}
}

/* ── syn-noir-premium-178.css ── */
/* SYNDYKAT 1929 — Premium UI 2027, stable edition 17.8.
   This is the final layer; earlier 17.6 position and 17.7 clipping bugs
   are additionally fixed in their own files. Retains the 1929/noir setting. */
:root{
  --sidebar:254px;
  --gold:#eac58a;
  --gold2:#ca9858;
  --line:#30424d;
  --surface:#101c25;
  --ui-accent:#d8ac73;
  --ui-stroke:#344651;
  --syn27-gold:#e7be7c;
  --syn9-gold:#e7be7c;
}
html,body{min-width:0;overflow-x:clip}
body{color:#f3e9db;background:
  radial-gradient(ellipse at 82% -20%,rgba(72,92,104,.13),transparent 36%),
  radial-gradient(ellipse at 14% 25%,rgba(138,82,41,.075),transparent 40%),
  #070d12!important}
html body .shell{display:block!important;min-height:100dvh;position:relative!important;z-index:1}
/* DESKTOP STRUCTURE. One sidebar width, one offset. No phantom column. */
@media(min-width:1101px){
  html body .sidebar{
    position:fixed!important;inset:0 auto 0 0!important;
    display:flex!important;flex-direction:column!important;
    width:var(--sidebar)!important;min-width:var(--sidebar)!important;
    height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;
    z-index:60!important;
  }
  html body .main{
    position:relative!important;display:block!important;
    margin-left:var(--sidebar)!important;
    width:calc(100% - var(--sidebar))!important;
    min-width:0!important;max-width:none!important;
  }
  html body .topbar{position:sticky!important;top:0!important;z-index:55!important}
  html body .mobile-nav{display:none!important}
}
/* Sidebar: 1929 identity in a precise, modern navigation rail. */
html body .sidebar{
  background:linear-gradient(180deg,#111d26,#0b151d 62%,#091118)!important;
  border-right:1px solid rgba(196,151,84,.31)!important;
  box-shadow:9px 0 30px rgba(0,0,0,.25)!important;
}
html body .sidebar .brand{
  width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;
  min-width:0!important;min-height:74px!important;
  margin:14px 12px 4px!important;padding:12px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:11px!important;border:1px solid #67563e!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(37,35,31,.8),rgba(16,24,31,.92))!important;
  color:#f3deb6!important;clip-path:none!important;
  box-shadow:0 8px 22px #0004,inset 0 1px 0 #ffffff14!important;
}
html body .sidebar .brand .logo-mark{
  width:42px!important;min-width:42px!important;height:46px!important;flex:none!important;
  border-radius:10px!important;font:30px/1 Georgia,serif!important;
  color:#f0c486!important;background:#171b1f!important;
}
html body .sidebar .brand>div:last-child{min-width:0!important;flex:1;display:flex;flex-direction:column;justify-content:center}
html body .sidebar .brand b{
  font:700 18px/1.13 Georgia,serif!important;
  letter-spacing:.016em!important;white-space:nowrap!important;
  color:#f5dbaf!important;
}
html body .sidebar .brand small{
  display:block!important;font:750 8px/1.3 system-ui,sans-serif!important;
  letter-spacing:.17em!important;white-space:normal!important;
  margin-top:6px;color:#c69e65!important;
}
html body .sidebar .side-caption{padding:23px 22px 9px!important;margin:0!important;letter-spacing:.21em!important;color:#99aab5!important}
html body .sidebar nav{padding:4px 11px 24px!important;gap:4px!important}
html body .sidebar :is(.nav-btn,.syn65-group>summary){
  min-height:40px!important;border-radius:9px!important;
  clip-path:none!important;transform:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
html body .sidebar :is(.nav-btn,.syn65-group>summary):hover{transform:none!important;padding-left:inherit!important}
html body .sidebar :is(.nav-btn.active,.syn65-group[open]>summary){
  border-color:#876943!important;
  background:linear-gradient(90deg,#3b2f26,#1a2931 74%)!important;
  color:#f8ddb4!important;box-shadow:inset 3px 0 0 #e8bd7b!important;
}
html body .sidebar .syn65-group-links{padding-left:8px!important}
html body .sidebar .syn65-group-links .nav-btn{font-size:12px!important;min-height:35px!important}
html body .sidebar :is(.nav-btn,.syn65-group>summary) .nav-symbol{flex:none}
/* Topbar: sticky over scroll, resources fit without pushing actions out. */
html body .topbar{
  position:sticky!important;top:0!important;z-index:55!important;
  height:76px!important;min-height:76px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;padding:0 24px!important;
  background:rgba(9,18,25,.96)!important;
  border-bottom:1px solid #5b4830!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  box-shadow:0 8px 20px #0004!important;
}
html body .topbar::after{display:none!important}
html body .topbar .topbar-label{min-width:120px;flex:0 1 180px;font-size:10px!important;letter-spacing:.16em!important;white-space:nowrap}
html body .topbar .resources{
  margin:0!important;display:flex!important;flex:1 1 auto!important;
  justify-content:center!important;align-items:center!important;
  width:auto!important;min-width:0!important;gap:9px!important;
}
html body .topbar .resources>div{
  flex:0 1 auto!important;min-width:96px!important;
  padding:8px 11px!important;border-radius:12px!important;
  background:#101d27!important;border:1px solid #354957!important;
  clip-path:none!important;box-shadow:inset 0 1px 0 #ffffff0b!important;
}
html body .topbar .resources small{font-size:9px!important;letter-spacing:.11em!important;color:#9fb1bb!important}
html body .topbar .resources strong{font-size:20px!important;line-height:1.25!important;color:#f4c889!important}
html body .topbar .resources em{line-height:1.05!important;font-size:9px!important}
html body .topbar .topbar-actions{gap:6px!important;min-width:0!important;flex:0 0 auto!important}
html body .topbar .topbar-actions button{
  flex:none!important;min-width:36px!important;min-height:36px!important;
  height:36px!important;border-radius:9px!important;
  clip-path:none!important;box-shadow:none!important;
  background:#101b24!important;border:1px solid #4b514e!important;
}
html body .topbar .topbar-actions button:hover{transform:none!important;border-color:#d0a66c!important;background:#1d2b35!important}
html body .topbar .topbar-actions .top-logout{padding:0 13px!important;min-width:auto!important}
html body .topbar .topbar-actions .music-header-toggle{width:36px!important;max-width:36px!important}
/* Dashboard container, surfaces and typography */
/* 17.9.4: bez isolation na .main — tworzyło warstwę, która chowała okna przedmiotów pod paskami. */
html body .content{width:100%!important;max-width:1640px!important;margin:0 auto!important;padding:24px clamp(16px,2vw,30px) 112px!important;overflow:visible!important}
html body .content>*{min-width:0}
html body .content :is(.panel,.tile,.syn150-panel,.syn10-frame,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn160-res>div,.syn57-mission-card,.business-tile,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn140-messages-layout){
  border-radius:14px!important;clip-path:none!important;
  box-shadow:0 10px 30px #0004!important;
}
html body .content :is(.panel,.tile,.syn150-panel,.syn10-frame,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn160-res>div,.syn57-mission-card,.business-tile,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn140-messages-layout)::before{
  /* no generic inset outline: it created the doubled broken border */
  border:none!important;
}
html body .content :is(.panel,.tile,.syn150-panel,.syn10-frame,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn160-res>div,.syn57-mission-card,.business-tile,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn140-messages-layout):hover{transform:none!important}
html body .content :is(.panel,.tile,.syn150-panel,.syn10-frame,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn160-res>div,.syn57-mission-card,.business-tile,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn140-messages-layout){border-color:#3d5360!important}
html body .content :is(.panel,.tile,.syn150-panel,.syn10-frame,.syn160-char,.syn160-next,.syn160-ops,.syn160-strip,.syn160-res>div,.syn57-mission-card,.business-tile,.exp-heist-card,.exp-car,.syn80-faction-card,.syn10-room,.syn140-messages-layout):focus-within{border-color:#af8556!important}
html body .content :is(.btn,button.btn){clip-path:none!important;border-radius:9px!important;min-height:39px!important;box-shadow:inset 0 1px 0 #ffffff22!important}
html body .content .btn:not(.ghost):not(.danger):not(:disabled){background:linear-gradient(115deg,#f0d29b,#cb9a5d)!important;border-color:#dfba81!important;color:#21160d!important}
html body .content .btn.ghost{background:#121f28!important;color:#efcea0!important;border:1px solid #56616a!important}
html body .content .btn:hover:not(:disabled){filter:brightness(1.08)!important;transform:none!important}
html body .content :is(.eyebrow,.syn-eyebrow){font-size:10px!important;letter-spacing:.15em!important;color:#e9b875!important}
html body .content :is(h1,h2,h3){text-wrap:pretty}
/* Main overview: deliberate visual hierarchy + consistent five KPI row. */
html body[data-section="dashboard"] .content{max-width:1600px!important}
html body[data-section="dashboard"] .syn160-home{display:grid!important;gap:15px!important}
html body[data-section="dashboard"] .syn160-top{
  display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(305px,.8fr)!important;
  gap:15px!important;align-items:stretch!important;
}
html body[data-section="dashboard"] .syn160-char{
  display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;
  gap:19px!important;min-height:302px!important;
  padding:20px 22px!important;
  background:
    linear-gradient(90deg,rgba(5,10,15,.94) 0%,rgba(7,13,18,.84) 38%,rgba(8,15,20,.54) 65%,rgba(8,15,20,.24) 100%),
    url('assets/noir56/don.webp') right 46%/cover!important;
  border:1px solid #755a37!important;
  overflow:hidden!important;
}
html body[data-section="dashboard"] .syn160-char .syn160-avatar{
  width:112px!important;height:146px!important;
  min-width:0!important;align-self:start!important;border:1px solid #be9760!important;
  border-radius:12px!important;overflow:hidden!important;
}
html body[data-section="dashboard"] .syn160-char-body{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;justify-content:flex-start!important}
html body[data-section="dashboard"] .syn160-char-body h1{
  font:500 clamp(35px,2.9vw,47px)/1 Georgia,serif!important;
  margin:6px 0 5px!important;color:#f6e6cd!important;letter-spacing:-.03em!important;
}
html body[data-section="dashboard"] .syn160-char-body p{
  font-size:13px!important;margin:0 0 12px!important;color:#d6d6cf!important;line-height:1.4!important;
}
html body[data-section="dashboard"] .syn160-char-body .progressbar,
html body[data-section="dashboard"] .syn160-char-body .progress{width:100%!important;max-width:none!important;margin:0 0 8px!important;height:9px!important;background:#13232f!important}
html body[data-section="dashboard"] .syn160-char-body>small{font-size:11px!important;color:#c5c1b8!important}
html body[data-section="dashboard"] .syn160-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;max-width:none!important;gap:8px!important;
  margin:13px 0 0!important;
}
html body[data-section="dashboard"] .syn160-stats>div{
  display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;
  min-width:0!important;min-height:69px!important;padding:9px 10px!important;
  border-radius:10px!important;border:1px solid #334953!important;
  background:rgba(10,20,27,.87)!important;
}
html body[data-section="dashboard"] .syn160-stats>div span{font-size:13px!important;line-height:1!important;color:#dcad6b!important}
html body[data-section="dashboard"] .syn160-stats>div small{font-size:9px!important;letter-spacing:.05em!important;color:#b8c2c8!important}
html body[data-section="dashboard"] .syn160-stats>div strong{
  font:700 23px/1.05 system-ui,sans-serif!important;
  color:#faf2e8!important;letter-spacing:-.035em!important;
}
html body[data-section="dashboard"] .syn160-char .syn160-link{
  grid-column:2!important;justify-self:start!important;align-self:end!important;
  border:none!important;background:none!important;color:#f4c383!important;
  padding:5px 0!important;margin:0!important;font-size:12px!important;
  box-shadow:none!important;min-height:25px!important;
}
html body[data-section="dashboard"] .syn160-next{
  min-height:302px!important;padding:25px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(180deg,rgba(7,12,17,.23),rgba(7,12,17,.72) 45%,rgba(7,12,17,.96) 100%),
    url('assets/noir56/fight.webp') center/cover!important;
  border:1px solid #5b4c38!important;overflow:hidden!important;
}
html body[data-section="dashboard"] .syn160-next::after{
  content:"";position:absolute;inset:0;width:auto;height:auto;right:0;bottom:0;
  background:linear-gradient(90deg,rgba(0,0,0,.1),transparent);pointer-events:none;
}
html body[data-section="dashboard"] .syn160-next>*{position:relative;z-index:1}
html body[data-section="dashboard"] .syn160-next h2{
  font:500 clamp(29px,2.35vw,38px)/1.05 Georgia,serif!important;
  margin:10px 0!important;color:#f7e4c5!important;
}
html body[data-section="dashboard"] .syn160-next p{
  max-width:44ch!important;font-size:12px!important;line-height:1.55!important;
  color:#d7d9d4!important;margin:0 0 12px!important;
}
html body[data-section="dashboard"] .syn160-next .btn{min-width:138px!important;margin-top:8px!important;align-self:flex-start!important}
html body[data-section="dashboard"] .syn160-res{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;margin:0!important;align-items:stretch!important;
}
html body[data-section="dashboard"] .syn160-res>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-width:0!important;min-height:112px!important;padding:15px 15px!important;
  border:1px solid #354956!important;background:linear-gradient(145deg,#14242f,#0d1922)!important;
  border-radius:12px!important;overflow:hidden!important;
}
html body[data-section="dashboard"] .syn160-res>div::after{
  opacity:.35!important;pointer-events:none;
}
html body[data-section="dashboard"] .syn160-res>div small{
  text-transform:uppercase!important;letter-spacing:.11em!important;font-size:10px!important;
  color:#a5b4be!important;line-height:1.3!important;overflow-wrap:normal!important;
}
html body[data-section="dashboard"] .syn160-res>div>strong{
  font:750 clamp(18px,1.52vw,28px)/1.13 system-ui,sans-serif!important;
  white-space:nowrap!important;overflow:visible!important;
  text-overflow:clip!important;min-width:0!important;
  letter-spacing:-.045em!important;margin:9px 0 0!important;
  font-variant-numeric:tabular-nums!important;color:#f5c987!important;
}
html body[data-section="dashboard"] .syn160-res>div>small:not(:first-child){font-size:10px!important;letter-spacing:0!important;text-transform:none!important;margin-top:6px!important}
html body[data-section="dashboard"] .syn160-res>div .btn{
  align-self:flex-start!important;padding:5px 14px!important;margin-top:8px!important;
  min-height:30px!important;font-size:11px!important;
}
html body[data-section="dashboard"] .syn160-ops{
  background:linear-gradient(125deg,#11212b,#0b161e)!important;
  border:1px solid #37505c!important;padding:15px 16px!important;
}
html body[data-section="dashboard"] .syn160-ops-head{margin-bottom:8px!important}
html body[data-section="dashboard"] .syn160-op{margin:0!important;min-height:58px!important}
html body[data-section="dashboard"] .syn160-op .syn160-op-copy b{font-size:13px!important}
html body[data-section="dashboard"] .syn160-foot{
  display:grid!important;grid-template-columns:minmax(200px,.3fr) minmax(0,1fr)!important;
  gap:12px!important;align-items:stretch!important;
}
html body[data-section="dashboard"] .syn160-strip{
  min-width:0!important;min-height:90px!important;
  border:1px solid #364e5a!important;border-radius:12px!important;
  padding:14px 17px!important;background:#10202a!important;
  clip-path:none!important;
}
html body[data-section="dashboard"] .syn160-strip b{font-size:clamp(18px,1.4vw,24px)!important;color:#f4e6d0!important}
html body[data-section="dashboard"] .syn160-strip span{font-size:11px!important;line-height:1.4!important}
/* Global cards: do not paint over photographs, and keep button baselines. */
html body .content :is(.syn57-mission-card,.exp-car,.exp-heist-card,.syn80-faction-card,.syn10-room,.business-tile){overflow:hidden!important}
html body .content :is(.syn57-mission-card,.exp-car,.exp-heist-card,.syn80-faction-card,.business-tile) :is(.btn,.exp-plan button){font-size:12px!important}
html body .content :is(.syn57-mission-art,.exp-heist-cover,.exp-car-illustration,.business-art,.syn80-faction-cover){isolation:isolate}
/* Correct z-index for overlays above art; no extra card-wide gradients. */
html body .content :is(.syn57-mission-card,.exp-heist-card,.exp-car,.syn80-faction-card,.business-tile)::before{display:none!important}
html body[data-section="messages"] .syn140-messages-layout{
  overflow:hidden!important;border:1px solid #405869!important;
  box-shadow:0 12px 30px #0005!important;
}
html body[data-section="messages"] .syn170-dm-sidebar,
html body[data-section="messages"] .syn170-dm-main{min-width:0!important}
/* Tablet: no ghost sidebar; mobile navigation available with working More drawer. */
@media(max-width:1400px) and (min-width:1101px){
  html body .topbar .topbar-label{display:none!important}
  html body .topbar{gap:8px!important;padding:0 12px!important}
  html body .topbar .resources>div{min-width:90px!important;padding:7px 9px!important}
  html body .topbar .resources strong{font-size:18px!important}
  html body[data-section="dashboard"] .syn160-top{grid-template-columns:minmax(0,1fr)!important}
  html body[data-section="dashboard"] .syn160-next{min-height:215px!important}
  html body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  html body .shell{display:block!important}
  html body .sidebar{display:none!important}
  html body .main{margin-left:0!important;width:100%!important;max-width:none!important;display:block!important;position:relative!important}
  html body .topbar{position:sticky!important;top:0!important;z-index:55!important;min-width:0!important}
  html body .topbar .mobile-brand{display:block!important;font:700 17px/1.1 Georgia,serif!important;color:#f4d4a5!important}
  html body .topbar .topbar-label{display:none!important}
  html body .topbar .resources>div{min-width:0!important}
  html body .mobile-nav{display:flex!important}
  html body .mobile-more{display:block!important;position:fixed;bottom:calc(74px + env(safe-area-inset-bottom));left:10px;right:10px;z-index:91;max-height:70dvh;overflow-y:auto;padding:16px;border:1px solid #765d3c;border-radius:14px;background:#101f2b!important;box-shadow:0 20px 60px #000b}
  html body .mobile-more-backdrop{display:block!important;position:fixed;inset:0;z-index:90;background:#000b}
}
@media(max-width:900px){
  html body .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px 48px!important;grid-template-areas:'logo actions' 'stats stats'!important;min-height:100px!important;height:auto!important;padding:5px 12px!important;gap:3px 8px!important}
  html body .topbar .mobile-brand{grid-area:logo!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .topbar .resources{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;gap:5px!important;width:100%!important}
  html body .topbar .resources>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;min-height:44px!important;padding:4px 1px!important;border-radius:8px!important}
  html body .topbar .resources small{font-size:8px!important;letter-spacing:.035em!important}
  html body .topbar .resources strong{font-size:15px!important}
  html body .topbar .resources em{font-size:8px!important}
  html body .topbar .topbar-actions{grid-area:actions!important;gap:4px!important}
  html body .topbar .topbar-actions button{height:34px!important;min-height:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important}
  html body .topbar .topbar-actions .top-logout,
  html body .topbar .topbar-actions .vip-header-badge{display:none!important}
  html body .content{padding:16px 13px calc(92px + env(safe-area-inset-bottom))!important}
  html body[data-section="dashboard"] .syn160-top{grid-template-columns:1fr!important}
  html body[data-section="dashboard"] .syn160-char{min-height:275px!important}
  html body[data-section="dashboard"] .syn160-next{min-height:205px!important}
  html body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  html body .topbar .mobile-brand{font-size:15px!important}
  html body .topbar .resources strong{font-size:13px!important}
  html body .content{padding:12px 10px calc(95px + env(safe-area-inset-bottom))!important}
  html body[data-section="dashboard"] .syn160-char{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;min-height:0!important}
  html body[data-section="dashboard"] .syn160-char .syn160-avatar{width:84px!important;height:112px!important;align-self:start!important}
  html body[data-section="dashboard"] .syn160-char-body h1{font-size:30px!important}
  html body[data-section="dashboard"] .syn160-char-body p{font-size:11px!important}
  html body[data-section="dashboard"] .syn160-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body[data-section="dashboard"] .syn160-stats>div{padding:8px!important;min-height:65px!important}
  html body[data-section="dashboard"] .syn160-stats>div strong{font-size:20px!important}
  html body[data-section="dashboard"] .syn160-char .syn160-link{grid-column:2!important;margin:0!important}
  html body[data-section="dashboard"] .syn160-next{padding:20px!important}
  html body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html body[data-section="dashboard"] .syn160-res>div{min-height:88px!important;padding:12px!important}
  html body[data-section="dashboard"] .syn160-res>div>strong{font-size:clamp(15px,4.2vw,20px)!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body[data-section="dashboard"] .syn160-foot{grid-template-columns:1fr!important;gap:9px!important}
  html body[data-section="dashboard"] .syn160-strip{min-height:70px!important}
  html body[data-section="dashboard"] .syn160-op{grid-template-columns:35px minmax(0,1fr)!important;gap:9px!important}
  html body[data-section="dashboard"] .syn160-op>em{grid-column:2!important;justify-self:start;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}}
/* QA fixes: old decorative resource glyphs overlapped the metric labels. */
html body .topbar .resources>div::before{content:none!important;display:none!important}
@media(max-width:560px){
  html body[data-section="dashboard"] .syn160-char{order:0!important;grid-row:auto!important}
  html body[data-section="dashboard"] .syn160-next{order:0!important;grid-row:auto!important}
}

/* ── syn-mobile-repair-179.css ── */
/* SYNDYKAT 1929 / 17.9: structural mobile repair. Loaded after all old themes. */
:root{--syn179-mobile-bar:calc(68px + env(safe-area-inset-bottom, 0px))}
html body .content :is(.syn53-gear-slot,.syn169-thread,.syn171-message-content){min-width:0}
/* General cards: preserve readability of long names without splitting words into individual letters. */
html body .content :is(.syn53-gear-slot strong,.syn69-item-name,.syn13-contact h3,.syn57-mission-content h3,.exp-car-copy h3){word-break:normal!important;overflow-wrap:break-word!important;hyphens:none}
html body .content :is(.syn53-gear-slot strong,.syn171-message-content strong,.syn171-thread-copy strong){line-height:1.36!important}
/* Specific equipment name sizing, which must never inherit the 32px panel-heading rule. */
html body[data-section="profile"] .syn54-armory .syn53-paperdoll .syn53-gear-slot strong,
html body[data-section="gear"] .syn54-armory .syn53-paperdoll .syn53-gear-slot strong{
 font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;
 font-size:12px!important;font-weight:750!important;line-height:1.36!important;
 letter-spacing:0!important;min-height:0!important;text-align:center!important;
 overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;
}
html body .syn54-armory .syn53-paperdoll .syn53-gear-slot em{
 font:600 10px/1.4 system-ui,sans-serif!important;white-space:normal!important;
}
html body .syn54-armory .syn53-paperdoll .syn53-gear-slot small{
 font:500 10px/1.35 system-ui,sans-serif!important;letter-spacing:.025em!important;
}
/* Smaller equipment details even on desktop; card titles are not section titles. */
html body .syn54-armory .syn53-card-heading>strong{font:500 clamp(23px,2.3vw,30px)/1.12 Georgia,serif!important}
html body .syn54-armory .syn53-figure-caption b{font-size:16px!important}
html body .syn54-armory .syn53-paperdoll .syn53-gear-slot{
 overflow:hidden!important;min-width:0!important;justify-content:center!important;
}
html body .syn54-armory .syn53-paperdoll .syn53-slot-icon{flex:0 0 auto}
html body .syn54-armory .syn53-paperdoll .syn53-gear-slot span:not(.syn53-slot-icon){min-width:0!important;max-width:100%;width:100%!important}
html body .syn54-armory .syn53-paperdoll .syn53-gear-slot strong{display:block!important;max-width:100%!important}
/* Messages layout: desktop remains a normal two-column messenger. */
.syn179-pm-switch,.syn179-pm-return{display:none!important}
html body[data-section="messages"] .syn170-dm-sidebar .syn170-dm-sidebar-head strong{
 font:600 23px/1.15 Georgia,serif!important;letter-spacing:-.01em!important;
}
html body[data-section="messages"] .syn170-dm-main-head .syn170-compose{min-height:36px!important}
html body[data-section="messages"] .syn140-messages-layout .syn170-dm-sidebar{
 min-width:0!important;overflow:hidden!important;
}
html body[data-section="messages"] .syn140-messages-layout .syn170-dm-main-head{
 min-width:0!important;gap:10px!important;
}
html body[data-section="messages"] .syn140-messages-layout .syn170-dm-main-head>div:nth-of-type(2){min-width:0!important}
html body[data-section="messages"] .syn140-messages-layout .syn170-dm-main-head .syn-public-name{
 font-family:Georgia,serif!important;font-size:20px!important;line-height:1.2!important;
 overflow-wrap:break-word!important;word-break:normal!important;text-align:left!important;
}
html body[data-section="messages"] .syn170-dm-main .chat-dock-messages{scrollbar-width:thin;overscroll-behavior:contain}
html body[data-section="messages"] .chat-dock-messages .chat-line.syn171-message{
 min-width:0!important;max-width:93%!important;
}
html body[data-section="messages"] .syn171-message-content{
 min-width:0!important;max-width:100%!important;overflow-wrap:break-word!important;
}
html body[data-section="messages"] .syn171-message-content p{
 font:400 13px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif!important;
 white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:normal!important;
}
html body[data-section="messages"] .syn140-messages-layout .chat-dock-send{flex-shrink:0!important;min-width:0!important;z-index:2!important}
/* Dedicated narrow layouts. No three-column doll, no clipped thread list. */
@media(max-width:760px){
 html body[data-section="profile"] .syn53-armory,
 html body[data-section="gear"] .syn53-armory{min-width:0!important;max-width:100%!important}
 html body[data-section="profile"] .syn53-armory-layout,
 html body[data-section="gear"] .syn53-armory-layout{display:flex!important;flex-direction:column!important;gap:12px!important}
 html body[data-section="profile"] .syn53-paperdoll,
 html body[data-section="gear"] .syn53-paperdoll{min-width:0!important;max-width:100%!important;overflow:hidden!important}
 html body[data-section="profile"] .syn54-armory .syn53-doll-grid,
 html body[data-section="gear"] .syn54-armory .syn53-doll-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:'portrait portrait' 'left right'!important;
  align-items:stretch!important;gap:10px!important;padding:11px!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-figure,
 html body[data-section="gear"] .syn54-armory .syn53-figure{
  grid-area:portrait!important;width:100%!important;min-width:0!important;
  min-height:0!important;height:300px!important;max-height:300px!important;
  overflow:hidden!important;border-radius:13px!important;
 }
 html body .syn54-armory .syn53-figure .syn-avatar-vector{
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
  object-fit:cover!important;object-position:center 24%!important;transform:none!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-left-slots,
 html body[data-section="gear"] .syn54-armory .syn53-left-slots{grid-area:left!important}
 html body[data-section="profile"] .syn54-armory .syn53-right-slots,
 html body[data-section="gear"] .syn54-armory .syn53-right-slots{grid-area:right!important}
 html body[data-section="profile"] .syn54-armory :is(.syn53-left-slots,.syn53-right-slots),
 html body[data-section="gear"] .syn54-armory :is(.syn53-left-slots,.syn53-right-slots){
  display:grid!important;grid-template-rows:repeat(3,minmax(144px,auto))!important;
  gap:10px!important;min-width:0!important;width:100%!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-gear-slot,
 html body[data-section="gear"] .syn54-armory .syn53-gear-slot{
  min-width:0!important;width:100%!important;min-height:144px!important;
  padding:12px 10px!important;gap:5px!important;border-radius:12px!important;
  justify-content:center!important;align-items:center!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-slot-icon,
 html body[data-section="gear"] .syn54-armory .syn53-slot-icon{
  height:68px!important;min-height:0!important;width:100%!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-gear-slot .syn54-item-img,
 html body[data-section="gear"] .syn54-armory .syn53-gear-slot .syn54-item-img{
  height:65px!important;max-height:65px!important;max-width:100%!important;object-fit:contain!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-gear-slot strong,
 html body[data-section="gear"] .syn54-armory .syn53-gear-slot strong{
  font-size:12px!important;max-width:100%!important;line-height:1.35!important;
 }
 html body[data-section="profile"] .syn54-armory .syn53-doll-stats,
 html body[data-section="gear"] .syn54-armory .syn53-doll-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 html body .syn54-armory .syn53-bag-filters{min-width:0!important;overflow-x:auto!important}
 html body .syn54-armory .syn53-bag-filters :is(.syn-inventory-filters,.syn-inventory-controls){min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
 html body .syn54-armory .syn53-bag-top{min-width:0!important;gap:12px!important;flex-wrap:wrap!important}
 html body .syn54-armory .syn53-bag-top h2{font-size:25px!important;line-height:1.15!important}
 html body .syn54-armory .syn69-inventory-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body .syn54-armory .syn69-inventory-item{min-width:0!important}
 html body .syn54-armory .syn69-item-name{font-size:12px!important;line-height:1.4!important;word-break:normal!important;overflow-wrap:break-word!important}
 /* Conversations are one panel at a time, not two cramped panels stacked. */
 html body[data-section="messages"] .syn140-messages-page{gap:9px!important;min-width:0!important}
 html body[data-section="messages"] .syn140-messages-title{
  min-height:0!important;padding:15px 17px!important;gap:5px!important;
  border-radius:13px!important;box-shadow:none!important;
 }
 html body[data-section="messages"] .syn140-messages-title h1{
  font:500 clamp(23px,6.9vw,28px)/1.12 Georgia,serif!important;margin:3px 0 5px!important;
 }
 html body[data-section="messages"] .syn140-messages-title p{font-size:11px!important;line-height:1.35!important}
 html body[data-section="messages"] .syn140-messages-title .syn140-messages-stat{display:none!important}
 html body[data-section="messages"] .syn140-messages-layout{
  display:flex!important;flex-direction:column!important;
  min-height:0!important;height:calc(100dvh - 319px - env(safe-area-inset-bottom, 0px))!important;
  max-height:780px!important;border-radius:13px!important;overflow:hidden!important;
  background:#09161e!important;box-shadow:0 12px 25px rgba(0,0,0,.28)!important;
 }
 html body[data-section="messages"] .syn140-messages-layout:not(.syn179-pm-list-open) .syn170-dm-sidebar{
  display:none!important;
 }
 html body[data-section="messages"] .syn140-messages-layout.syn179-pm-list-open .syn170-dm-sidebar{
  display:flex!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  border-right:none!important;border-bottom:none!important;overflow:hidden!important;
 }
 html body[data-section="messages"] .syn140-messages-layout.syn179-pm-list-open .syn170-dm-main{
  display:none!important;
 }
 html body[data-section="messages"] .syn140-messages-layout:not(.syn179-pm-list-open) .syn170-dm-main{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:0!important;width:100%!important;max-width:100%!important;
 }
 html body[data-section="messages"] .syn170-dm-sidebar-head{
  padding:13px 14px!important;margin:0!important;min-height:68px!important;
  border-bottom:1px solid #30434d!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:9px!important;
 }
 html body[data-section="messages"] .syn170-dm-sidebar-head .syn170-dm-kicker{font-size:9px!important}
 html body[data-section="messages"] .syn170-dm-sidebar-head strong{font-size:22px!important;line-height:1.08!important}
 html body[data-section="messages"] .syn170-search-label{padding:10px 14px 5px!important;margin:0!important}
 html body[data-section="messages"] .syn170-dm-sidebar input{
  margin:0 13px 8px!important;width:calc(100% - 26px)!important;min-height:44px!important;flex:0 0 auto!important;
 }
 html body[data-section="messages"] .syn170-dm-sidebar .syn170-search-results{
  flex:0 0 auto!important;max-height:116px!important;overflow-y:auto!important;
 }
 html body[data-section="messages"] .syn170-dm-sidebar .syn170-search-results.is-idle{display:none!important}
 html body[data-section="messages"] .syn170-thread-list{
  flex:1 1 auto!important;max-height:none!important;min-height:0!important;
  padding:8px 12px 18px!important;overflow:auto!important;overscroll-behavior:contain;
 }
 html body[data-section="messages"] .syn169-threads{gap:8px!important}
 html body[data-section="messages"] .syn169-thread{min-height:64px!important;padding:9px 11px!important}
 html body[data-section="messages"] .syn179-pm-side-actions{display:flex!important;align-items:center;gap:6px!important}
 html body[data-section="messages"] .syn179-pm-return,
 html body[data-section="messages"] .syn179-pm-switch{
  display:inline-flex!important;align-items:center;justify-content:center;gap:5px;
  min-height:34px!important;padding:7px 10px!important;
  background:#172733!important;color:#e8c68e!important;border:1px solid #637050!important;
  border-radius:9px!important;font:700 11px/1.2 system-ui,sans-serif!important;
 }
 html body[data-section="messages"] .syn179-pm-return{margin-right:2px}
 html body[data-section="messages"] .syn170-dm-main-head{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;gap:6px 10px!important;
  padding:11px 13px!important;min-height:0!important;flex-shrink:0!important;
 }
 html body[data-section="messages"] .syn179-pm-switch{
  grid-column:1/-1!important;justify-self:start!important;
 }
 html body[data-section="messages"] .syn179-pm-switch span{
  border-radius:999px;padding:2px 7px;background:#243642;font-size:10px!important;
 }
 html body[data-section="messages"] .syn170-dm-main-head .syn170-dm-badge{
  grid-column:1!important;grid-row:2!important;max-width:42px!important;width:42px!important;
 }
 html body[data-section="messages"] .syn170-dm-main-head>div:nth-of-type(2){
  grid-column:2!important;grid-row:2!important;min-width:0!important;
 }
 html body[data-section="messages"] .syn170-dm-main-head .syn170-compose{display:none!important}
 html body[data-section="messages"] .syn170-dm-main-head .syn170-dm-kicker{font-size:9px!important;letter-spacing:.11em!important}
 html body[data-section="messages"] .syn170-dm-main-head .syn-public-name{font-size:18px!important}
 html body[data-section="messages"] .syn170-dm-main .chat-dock-messages{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
  overflow-y:auto!important;padding:10px 11px!important;background:#09161e!important;
 }
 html body[data-section="messages"] .chat-dock-messages .chat-line.syn171-message{
  max-width:99%!important;gap:6px!important;
 }
 html body[data-section="messages"] .chat-dock-messages .syn171-message-content{
  max-width:100%!important;min-width:0!important;padding:11px 12px!important;
 }
 html body[data-section="messages"] .syn170-dm-main .chat-dock-send{
  display:flex!important;flex:0 0 auto!important;position:relative!important;
  padding:9px!important;gap:9px!important;margin:0!important;
  background:#14232d!important;border-top:1px solid #41525c!important;
 }
 html body[data-section="messages"] .syn170-dm-main .chat-dock-send input{
  flex:1 1 auto!important;min-width:0!important;height:44px!important;min-height:44px!important;
  padding:0 12px!important;font-size:13px!important;
 }
 html body[data-section="messages"] .syn170-dm-main .chat-dock-send button{
  flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;
  border-radius:10px!important;
 }
 /* Other mobile sections: avoid the same long-title and broken-column failures. */
 html body .content .exp-chapter{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important}
 html body .content .exp-chapter-art{display:none!important}
 html body .content .exp-chapter-action{grid-column:1/-1!important}
 html body .content :is(.syn150-options,.syn80-factions,.exp-heist-grid,.exp-garage-grid,.syn10-synergy-grid,.syn13-contact-grid){min-width:0!important;max-width:100%!important}
 html body .content :is(.syn150-option,.exp-plan,.exp-car,.syn80-faction-card,.syn13-contact){min-width:0!important;overflow-wrap:break-word!important}
 html body .content .syn80-bottom{grid-template-columns:1fr!important}
 html body .content .syn80-acts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body .content .syn150-option h3{font-size:18px!important;line-height:1.3!important}
}
@media(max-width:420px){
 html body[data-section="messages"] .syn140-messages-layout{height:calc(100dvh - 307px - env(safe-area-inset-bottom, 0px))!important}
 html body[data-section="messages"] .syn170-dm-main-head .syn170-dm-kicker{display:none!important}
 html body[data-section="messages"] .syn179-pm-return{font-size:10px!important;padding:7px 8px!important}
 html body[data-section="profile"] .syn54-armory .syn53-doll-grid,
 html body[data-section="gear"] .syn54-armory .syn53-doll-grid{gap:8px!important;padding:8px!important}
 html body[data-section="profile"] .syn54-armory .syn53-gear-slot,
 html body[data-section="gear"] .syn54-armory .syn53-gear-slot{padding:10px 7px!important}
}
@media(max-width:360px){
 html body[data-section="messages"] .syn140-messages-title{padding:10px 12px!important}
 html body[data-section="messages"] .syn140-messages-layout{height:calc(100dvh - 293px - env(safe-area-inset-bottom, 0px))!important}
 html body[data-section="profile"] .syn54-armory .syn53-gear-slot strong,
 html body[data-section="gear"] .syn54-armory .syn53-gear-slot strong{font-size:11px!important}
}
/* Tablet uses the bottom navigation as well, so reserve space for it. */
@media (min-width:761px) and (max-width:1100px){
 html body[data-section="messages"] .syn140-messages-layout{
  height:calc(100dvh - 320px - env(safe-area-inset-bottom, 0px))!important;
  min-height:340px!important;max-height:740px!important;overflow:hidden!important;
 }
 html body[data-section="messages"] .syn140-messages-layout .syn170-dm-main,
 html body[data-section="messages"] .syn140-messages-layout .syn170-dm-sidebar{min-height:0!important}
 html body[data-section="messages"] .syn140-messages-layout .chat-dock-send{flex-shrink:0!important}
}
/* Avoid intrusive desktop-style UI heights on tiny mobile keyboards. */
@media(max-width:760px) and (max-height:620px){
 html body[data-section="messages"] .syn140-messages-title{padding:8px 12px!important}
 html body[data-section="messages"] .syn140-messages-title h1{font-size:21px!important}
 html body[data-section="messages"] .syn140-messages-title p{display:none!important}
 html body[data-section="messages"] .syn140-messages-layout{
  height:max(245px,calc(100dvh - 259px - env(safe-area-inset-bottom, 0px)))!important;
 }
 html body[data-section="messages"] .syn170-dm-main-head{padding:7px 12px!important}
}

/* ── syn-combat-181.css ── */
/* 17.9.2 / 18.0-like patch: combat modal polish + faster rendering */
body .combat-overlay{background:rgba(4,8,12,.82)!important;backdrop-filter:blur(2px)!important}
body .combat-dialog{
  width:min(1180px,calc(100vw - 24px))!important;
  border:1px solid rgba(201,156,93,.58)!important;
  border-radius:18px!important;
  box-shadow:0 26px 90px rgba(0,0,0,.58),0 0 0 1px rgba(249,217,162,.06) inset!important;
  overflow:hidden!important;
}
body .combat-top{
  min-height:62px!important;
  padding:12px 20px!important;
  background:linear-gradient(90deg,rgba(16,26,36,.96),rgba(12,22,30,.96))!important;
  border-bottom:1px solid rgba(205,165,102,.22)!important;
}
body .combat-top span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body .combat-top-note{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:34px;padding:7px 12px!important;border-radius:10px!important;
  border:1px solid rgba(201,156,93,.26)!important;background:rgba(255,255,255,.025)!important;
  color:#ccb388!important;font-size:10px!important;letter-spacing:.16em!important;font-weight:800!important;
}
body .syn13-combat-x{border-radius:10px!important;min-width:36px!important;min-height:36px!important}
body .combat-stage{
  grid-template-columns:minmax(250px,1fr) 132px minmax(250px,1fr)!important;
  align-items:center!important;
  min-height:414px!important;
  padding:26px 30px 16px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(198,151,88,.17),transparent 38%),
    linear-gradient(90deg,rgba(7,14,20,.95),rgba(25,34,44,.82) 50%,rgba(7,14,20,.95)),
    url('assets/noir56/harbor.webp') center/cover no-repeat!important;
}
body .combat-grain{display:none!important}
body .combat-character{gap:12px!important}
body .combat-avatar,
body .combat-character.player .combat-avatar,
body .combat-character.enemy .combat-avatar{
  position:relative!important;
  width:min(100%,248px)!important;
  max-width:248px!important;
  min-width:0!important;
  height:296px!important;
  padding:10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(18,28,37,.92),rgba(11,18,25,.88))!important;
  border:1px solid rgba(210,166,106,.40)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 0 1px rgba(243,214,167,.04) inset!important;
  filter:none!important;
}
body .combat-avatar::before{
  content:''!important;position:absolute!important;inset:9px!important;
  border-radius:12px!important;border:1px solid rgba(228,191,132,.35)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
body .combat-avatar::after{
  content:'';position:absolute;left:16px;right:16px;bottom:10px;height:42%;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,10,14,0),rgba(6,10,14,.62) 72%,rgba(6,10,14,.9));
}
body .combat-avatar > img,
body .combat-avatar .gangster-face,
body .combat-avatar .syn-avatar-photo,
body .combat-avatar picture,
body .combat-avatar canvas{
  position:relative!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;
  border-radius:10px!important;clip-path:none!important;mask-image:none!important;filter:none!important;
}
body .combat-side-name{width:min(100%,320px)!important;min-height:98px!important}
body .combat-side-name small{font-size:10px!important;letter-spacing:.18em!important;color:#d9b77f!important;margin-bottom:8px!important}
body .combat-side-name strong{font-size:30px!important;line-height:1.05!important;color:#f4ead8!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
body .combat-side-name span{font-size:13px!important;color:#b7c2c7!important}
body .combat-hp{width:min(100%,300px)!important;margin-top:2px!important}
body .combat-hp-head{font-size:10px!important;letter-spacing:.12em!important;color:#b9c7cf!important}
body .combat-hp-head b{font-size:12px!important;color:#f5e6cb!important}
body .combat-hp-track{height:12px!important;border-radius:999px!important;background:rgba(21,31,38,.92)!important;border:1px solid rgba(132,149,161,.34)!important;overflow:hidden!important}
body .combat-hp-track i{transition:width .42s cubic-bezier(.22,.61,.36,1)!important}
body .combat-center{gap:10px!important}
body .combat-versus{font-size:72px!important;line-height:1!important;color:#e5c085!important;text-shadow:0 0 28px rgba(201,145,65,.30)!important}
body .combat-turn{font-size:10px!important;letter-spacing:.16em!important;color:#d6bea0!important}
body .combat-spark{font-size:34px!important;opacity:.7!important;color:#cda162!important}
body .combat-damage{font-size:28px!important;color:#f6d6a3!important;text-shadow:0 3px 12px rgba(0,0,0,.6)!important}
body .combat-under{
  grid-template-columns:1.15fr .85fr!important;
  gap:18px!important;padding:16px 20px 18px!important;
  background:linear-gradient(180deg,rgba(12,20,27,.98),rgba(10,16,22,.98))!important;
  border-top:1px solid rgba(210,166,106,.16)!important;min-height:0!important;
}
body .combat-feed{height:104px!important;overflow:auto!important;padding-right:6px!important;scrollbar-width:thin;scrollbar-color:rgba(196,152,92,.45) transparent}
body .combat-feed p{font-size:12px!important;line-height:1.45!important;color:#d1d9dc!important;animation:none!important}
body .combat-feed p.crit{color:#f1cb90!important}
body .combat-result{
  padding:12px 16px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(41,32,22,.88),rgba(24,22,18,.88))!important;
  border:1px solid rgba(201,156,93,.35)!important;
}
body .combat-result.defeat{background:linear-gradient(180deg,rgba(61,33,36,.88),rgba(27,21,25,.90))!important;border-color:rgba(193,99,99,.38)!important}
body .combat-result h2{font-size:28px!important}
body .combat-result p{font-size:12px!important;line-height:1.45!important}
body .combat-bottom{padding:12px 20px!important;background:#0c1318!important;border-top:1px solid rgba(210,166,106,.12)!important}
body .combat-bottom .btn{min-width:180px!important}
body .syn13-rounds{display:block;margin-top:8px}
/* Lightweight mode */
body .combat-character .combat-avatar,
body .combat-character .combat-avatar *{backface-visibility:hidden;transform:translateZ(0)}
@media (max-width:980px){
  body .combat-stage{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)!important;padding:18px 18px 14px!important;min-height:382px!important}
  body .combat-avatar{max-width:190px!important;height:224px!important}
  body .combat-side-name strong{font-size:22px!important}
  body .combat-versus{font-size:48px!important}
  body .combat-under{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  body .combat-dialog{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:14px!important}
  body .combat-top{padding:10px 12px!important}
  body .combat-stage{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;min-height:330px!important;padding:14px 10px 10px!important}
  body .combat-avatar{max-width:146px!important;height:172px!important;padding:7px!important;border-radius:14px!important}
  body .combat-avatar::before{inset:6px!important;border-radius:9px!important}
  body .combat-side-name{min-height:86px!important}
  body .combat-side-name strong{font-size:17px!important}
  body .combat-side-name small{font-size:8px!important;letter-spacing:.15em!important}
  body .combat-side-name span{font-size:11px!important}
  body .combat-hp{width:100%!important}
  body .combat-hp-track{height:10px!important}
  body .combat-versus{font-size:32px!important}
  body .combat-spark{font-size:22px!important}
  body .combat-turn{font-size:8px!important;letter-spacing:.12em!important}
  body .combat-under{padding:12px 12px 14px!important;gap:10px!important}
  body .combat-feed{height:84px!important}
  body .combat-feed p{font-size:11px!important}
  body .combat-result h2{font-size:22px!important}
  body .combat-bottom{padding:10px 12px!important;flex-wrap:wrap!important}
  body .combat-bottom span{font-size:10px!important}
  body .combat-bottom .btn{width:100%!important;min-width:0!important}
}
@media (prefers-reduced-motion:reduce){
  body .combat-overlay,body .combat-stage,body .combat-avatar,body .combat-damage,body .combat-hp-track i{animation:none!important;transition:none!important}
}

/* ── syn-1794.css ── */
/* SYNDYKAT 1929 / 17.9.4: odczucie gry — przycisk w toku, sterowanie tempem walki */

/* Przycisk, który wysłał operację: od razu widać, że gra pracuje (wcześniej nic się nie działo do odpowiedzi serwera). */
html body .btn.syn1794-pending{cursor:progress!important;opacity:.88}
html body .btn.syn1794-pending::after{
  content:"";display:inline-block;width:.85em;height:.85em;margin-left:.5em;vertical-align:-.12em;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  animation:syn1794-spin .7s linear infinite;
}
@keyframes syn1794-spin{to{transform:rotate(360deg)}}

/* Walka: ×2 i Pomiń obok zamknięcia. Domyślne tempo zostaje normalne. */
html body .combat-top>div{display:flex;align-items:center;gap:8px}
html body .syn1794-combat-btn{
  display:inline-grid;place-items:center;min-width:44px;min-height:36px;padding:0 12px;
  border:1px solid rgba(201,156,93,.45);border-radius:10px;background:rgba(0,0,0,.35);
  color:#f3d39b;font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;
}
html body .syn1794-combat-btn:hover,html body .syn1794-combat-btn:focus-visible{background:rgba(201,156,93,.16);border-color:#d9b273}
html body .syn1794-combat-btn.active{background:#d9b273;color:#17110a;border-color:#d9b273}
html body .syn1794-combat-btn[hidden]{display:none!important}

@media (max-width:560px){
  html body .combat-top{flex-wrap:nowrap!important;gap:8px!important;align-items:center!important}
  html body .combat-top>span{display:block!important;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px!important}
  html body .combat-top>div{flex:0 0 auto}
  html body .combat-top .combat-top-note{display:none!important}
  html body .syn1794-combat-btn{min-width:38px;padding:0 9px}
}
@media (prefers-reduced-motion:reduce){
  html body .btn.syn1794-pending::after{animation:none;border-right-color:currentColor;opacity:.6}
}

/* ── 17.9.5: płynność całej gry ──────────────────────────────────────────────────────────
   Od 17.6 każdy panel, kafel, pasek boczny, górny i dolny miały backdrop-filter: blur(14–18px),
   a dwie warstwy tekstury tła (body::before/::after) mix-blend-mode. Panele są w 90–96% kryjące,
   więc rozmycia praktycznie nie widać, ale przeglądarka przelicza je przy każdym ruchu myszy,
   podświetleniu i przewinięciu. Pomiar: najechanie na menu ~18 klatek/s (klatka 55 ms, skoki do 180 ms)
   zamiast 60 klatek/s. Bez tych dwóch efektów: równe 60 klatek/s, wygląd bez widocznej różnicy.
   Okna modalne (walka, potwierdzenia) zachowują rozmycie: są nad nieruchomą stroną. */
html body .shell,html body .shell *,html body .mobile-nav,html body .mobile-more{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body::before,html body::after{mix-blend-mode:normal!important}

/* ── 17.9.7: czytelność drobnych napisów ─────────────────────────────────────────────────
   Pomiar na 32 ekranach: 886 tekstów poniżej 11 px, część 8–9 px (etykiety zasobów, licznik energii,
   fakty w kartach napadów, dzielnic i interesów). Dane liczbowe: min. 11 px. Etykiety: min. 10 px.
   Prefiks body:not(#syn-ui) podnosi wagę reguł ponad starsze warstwy z !important. */
html body:not(#syn-ui) .topbar .resources small,html body:not(#syn-ui) .topbar .syn141-energy-eta{font-size:10px!important;letter-spacing:.06em}
html body:not(#syn-ui) .brand small{font-size:9px!important}
/* Na każdej szerokości (wcześniej 9–10,5 px wszędzie): */
html body:not(#syn-ui) .content :is(.territory-stats span,.territory-income,.territory-income b,.syn-goal-rewards span,.syn80-costs span,.syn10-effect small){font-size:11px!important}
html body:not(#syn-ui) .content :is(.territory-state,.territory-image span,.boss51-tab-copy em,.exp-street-top span,.syn58-job-image span,.syn160-stats small,.syn-history-outcome,.syn175-room-level,.exp-heist-serial){font-size:10px!important}
/* Tylko komputer: na telefonie i tablecie (≤850 px) te napisy mają już 11,5 px i nie mogą zmaleć. */
@media (min-width:851px){
  html body:not(#syn-ui) .content :is(.exp-facts span,.mini-stats span,.exp-fine,.syn58-job-body small){font-size:11px!important}
  html body:not(#syn-ui) .content :is(.syn27-scene-stamp,.boss51-akta,.boss51-tab-copy small,.exp-car-illustration small){font-size:10px!important}
}
/* Zakładki bossów na telefonie (≤620 px): 9,5 → 10 px. */
@media (max-width:620px){html body:not(#syn-ui) .content .boss51-tab-copy small{font-size:10px!important}}
html body:not(#syn-ui) .content :is(.syn58-job,.syn58-long-shift,.exp-career-hero) span:not([class]){font-size:max(10px,1em)}
@media (max-width:560px){
  html body:not(#syn-ui) .topbar .resources small,html body:not(#syn-ui) .topbar .syn141-energy-eta{font-size:9.5px!important;letter-spacing:.03em}
}

/* ── 17.9.7: animacja wejścia strony tylko przy przejściu do innego widoku, nie po każdej akcji ── */
html body.syn1797-same-view .exp-page,html body.syn1797-same-view .syn-44{animation:none!important}

/* ── syn-pvp-1799.css ── */
/* Syndykat 1929 / 17.9.9: compact PvP, unified fight history, live cooldowns */
body[data-section="pvp"] .syn199-pvp-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:18px!important;
  overflow:visible!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-section="pvp"] .syn199-pvp-summary>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-width:0!important;min-height:92px!important;padding:15px 18px!important;
  background:linear-gradient(145deg,#11202b,#0a151f)!important;
  border:1px solid rgba(179,149,101,.25)!important;
  border-radius:15px!important;
  color:#a7b6c3!important;box-shadow:0 7px 20px rgba(0,0,0,.13)!important;
}
body[data-section="pvp"] .syn199-pvp-summary strong{
  margin-top:8px!important;font:700 clamp(19px,1.7vw,28px)/1.16 Georgia,serif!important;
  color:#efd09c!important;overflow-wrap:normal!important;word-break:normal!important;
}
body[data-section="pvp"] .syn199-pvp-summary .syn199-pvp-next{
  background:linear-gradient(135deg,#1e271e,#10221f)!important;
  border-color:rgba(145,194,157,.35)!important;
}
body[data-section="pvp"] .syn199-pvp-next small{
  font:700 10px/1.2 system-ui,sans-serif!important;
  text-transform:uppercase;letter-spacing:.12em;color:#b3c7b7!important;
}
body[data-section="pvp"] .syn199-pvp-next strong{
  font-size:clamp(24px,2vw,34px)!important;font-variant-numeric:tabular-nums!important;
  color:#f1d29c!important;
}
body[data-section="pvp"] .syn199-pvp-next strong.is-ready{color:#9de0b9!important}
body[data-section="pvp"] .syn199-pvp-table{border:1px solid #2b414d;border-radius:12px;overflow:auto}
body[data-section="pvp"] .syn199-pvp-table table{width:100%;border-collapse:collapse}
body[data-section="pvp"] .syn199-pvp-table th{
  font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;
  color:#be9e73!important;text-transform:uppercase;padding:14px 16px!important;
}
body[data-section="pvp"] .syn199-pvp-table td{
  font-size:13px!important;padding:13px 16px!important;vertical-align:middle!important;
  border-top:1px solid rgba(126,160,178,.11)!important;
}
body[data-section="pvp"] .syn199-pvp-table .syn-opponent-ident{display:flex;align-items:center;gap:12px}
body[data-section="pvp"] .syn199-pvp-table .syn-opponent-avatar{width:40px;height:46px;flex:0 0 40px;overflow:hidden;border-radius:8px;border:1px solid #9372475c}
body[data-section="pvp"] .syn199-pvp-table .syn-opponent-avatar img{width:100%;height:100%;object-fit:cover}
body[data-section="pvp"] .syn199-challenge-cell{width:185px;min-width:156px}
body[data-section="pvp"] .syn199-action{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;vertical-align:middle;max-width:100%}
body[data-section="pvp"] .syn199-action .btn{min-width:108px;min-height:38px!important;margin:0!important;padding:8px 13px!important;white-space:nowrap!important;font-size:12px!important}
body[data-section="pvp"] .syn199-action .btn:disabled{opacity:.65!important;cursor:not-allowed!important}
body[data-section="pvp"] .syn199-wait{display:block;font:600 10px/1.3 system-ui,sans-serif!important;color:#c3ad8d!important}
body[data-section="pvp"] .syn199-wait[hidden]{display:none!important}
body[data-section="pvp"] .syn199-pvp-note{margin:13px 2px 0!important;font-size:12px!important;color:#9baeba!important;line-height:1.5}
body[data-section="pvp"] .syn199-history{display:flex;flex-direction:column;gap:8px}
body[data-section="pvp"] .syn199-fight{
  display:grid;grid-template-columns:minmax(105px,140px) minmax(0,1fr) auto;
  gap:13px;align-items:center;padding:13px 16px;
  background:linear-gradient(110deg,#0d1923,#0b151e);
  border:1px solid rgba(126,160,178,.19);border-radius:12px;
}
body[data-section="pvp"] .syn199-fight.win{border-left:3px solid #63b38d}
body[data-section="pvp"] .syn199-fight.loss{border-left:3px solid #b76b69}
body[data-section="pvp"] .syn199-fight-outcome{
  font:800 10px/1.4 system-ui,sans-serif!important;letter-spacing:.08em!important;
  color:#91dbb4!important;max-width:150px
}
body[data-section="pvp"] .syn199-fight.loss .syn199-fight-outcome{color:#eda6a5!important}
body[data-section="pvp"] .syn199-fight-copy{min-width:0}
body[data-section="pvp"] .syn199-fight-copy strong{
  display:block;color:#ead1a4;font-size:15px;font-weight:700;overflow-wrap:anywhere;
}
body[data-section="pvp"] .syn199-fight-copy small{display:block;color:#97aab6;font-size:11px!important;margin-top:4px}
body[data-section="pvp"] .syn199-fight-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
body[data-section="pvp"] .syn199-fight-actions>.btn{min-height:36px!important;font-size:11px!important;padding:7px 10px!important;white-space:nowrap}
body[data-section="pvp"] .syn199-fight-actions .syn199-rp{font-size:12px;color:#d9b67c;font-variant-numeric:tabular-nums}
body[data-section="pvp"] .syn199-fight-actions .syn199-action .btn{min-height:36px!important}
@media(max-width:1080px){
 body[data-section="pvp"] .syn199-pvp-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-section="pvp"] .syn199-fight{grid-template-columns:100px minmax(0,1fr)}
 body[data-section="pvp"] .syn199-fight-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:650px){
 body[data-section="pvp"] .syn199-pvp-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body[data-section="pvp"] .syn199-pvp-summary>div{min-height:77px!important;padding:12px!important}
 body[data-section="pvp"] .syn199-pvp-summary strong{font-size:17px!important}
 body[data-section="pvp"] .syn199-pvp-next strong{font-size:23px!important}
 body[data-section="pvp"] .syn199-pvp-table{border:0;overflow:visible}
 body[data-section="pvp"] .syn199-pvp-table table,
 body[data-section="pvp"] .syn199-pvp-table tbody,
 body[data-section="pvp"] .syn199-pvp-table tr{display:block;width:100%}
 body[data-section="pvp"] .syn199-pvp-table thead{display:none}
 body[data-section="pvp"] .syn199-pvp-table tr{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
   margin:0 0 10px;padding:14px;
   background:linear-gradient(135deg,#0f1c26,#0b1720);border:1px solid rgba(126,160,178,.22);border-radius:13px;
 }
 body[data-section="pvp"] .syn199-pvp-table td{
   display:flex;flex-direction:column;align-items:flex-start;gap:4px;
   min-width:0;padding:0!important;border:0!important;font-size:14px!important;
 }
 body[data-section="pvp"] .syn199-pvp-table td:before{
  content:attr(data-label);font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#a3adbb;
 }
 body[data-section="pvp"] .syn199-pvp-table td:first-child{grid-column:1/-1}
 body[data-section="pvp"] .syn199-pvp-table td:first-child:before,
 body[data-section="pvp"] .syn199-challenge-cell:before{display:none}
 body[data-section="pvp"] .syn199-pvp-table .syn-opponent-ident{gap:10px}
 body[data-section="pvp"] .syn199-challenge-cell{grid-column:1/-1;min-width:0;width:100%}
 body[data-section="pvp"] .syn199-challenge-cell .syn199-action{width:100%;align-items:stretch}
 body[data-section="pvp"] .syn199-challenge-cell .btn{width:100%!important}
 body[data-section="pvp"] .syn199-fight{grid-template-columns:1fr;gap:7px;padding:12px}
 body[data-section="pvp"] .syn199-fight-outcome{max-width:none}
 body[data-section="pvp"] .syn199-fight-actions{grid-column:1;gap:8px}
 body[data-section="pvp"] .syn199-fight-actions>.btn{flex:1 1 auto}
}
@media(max-width:650px){
 body[data-section="pvp"] .syn199-pvp-table,
 body[data-section="pvp"] .syn199-pvp-table table,
 body[data-section="pvp"] .syn199-pvp-table tbody,
 body[data-section="pvp"] .syn199-pvp-table tr{
  min-width:0!important;max-width:100%!important;width:100%!important;
 }
 body[data-section="pvp"] .syn199-pvp-table table{display:block!important;table-layout:auto!important}
 body[data-section="pvp"] .syn199-pvp-table tbody{display:block!important}
 body[data-section="pvp"] .syn199-pvp-table tr{display:grid!important;box-sizing:border-box!important}
 body[data-section="pvp"] .syn199-pvp-table td{min-width:0!important;max-width:100%!important;white-space:normal!important;box-sizing:border-box!important}
 body[data-section="pvp"] .syn199-pvp-table .syn-opponent-ident{max-width:100%;min-width:0}
}

/* ── syn-replay-1710.css ── */
/* 17.10: archive combat replay controls */
.syn1710-replay{white-space:nowrap!important;min-height:34px!important;border:1px solid rgba(213,172,105,.44)!important;background:linear-gradient(120deg,rgba(70,48,26,.5),rgba(24,32,39,.85))!important;color:#edcb8c!important;padding:7px 12px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.015em!important}
.syn1710-replay:hover{border-color:#efca86!important;background:rgba(87,59,32,.8)!important}
.syn-history-row{gap:10px!important}
.syn-history-row .syn1710-replay{margin-left:auto;justify-self:end}
.syn199-fight-actions{flex-wrap:wrap;gap:8px!important}
.syn199-fight-actions .syn1710-replay{flex-shrink:0}
@media(max-width:620px){.syn-history-row .syn1710-replay{grid-column:1/-1;justify-self:stretch;width:100%}.syn199-fight-actions .syn1710-replay{width:100%}}
.syn1710-replay-note{margin:12px 2px 2px;color:#aebbc2;font-size:12px}.syn1710-retry{background:none;border:0;color:#e4bf83;text-decoration:underline;font-weight:750;cursor:pointer}

/* ── syn-17111-footer.css ── */
/* 17.11.1: zwykła stopka poniżej całej zawartości, nie zasłania gry */
.shell>.main{display:flex;flex-direction:column;min-height:100vh;min-width:0;}
.shell>.main>#main-content{flex:1 0 auto;}
.syn17111-footer{flex:0 0 auto;margin-top:auto;border-top:1px solid rgba(190,151,91,.35);background:linear-gradient(135deg,#0b141c,#121c23);color:#bfc5c8;}
.syn17111-footer-inner{max-width:1510px;margin:0 auto;padding:22px clamp(16px,2.5vw,36px);display:flex;justify-content:space-between;gap:24px;align-items:center;}
.syn17111-footer-brand{color:#eac58b;font:700 15px Georgia,serif;white-space:nowrap;letter-spacing:.6px;}
.syn17111-footer-brand small{display:block;color:#91a0aa;font:700 9px system-ui,sans-serif;letter-spacing:1.7px;margin-top:4px;}
.syn17111-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;align-items:center;}
.syn17111-footer a{color:#cbbba2;text-decoration:none;font:600 12px/1.7 system-ui,sans-serif;}
.syn17111-footer a:hover,.syn17111-footer a:focus-visible{color:#f5d69b;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:900px){.syn17111-footer-inner{display:block;text-align:center}.syn17111-footer nav{justify-content:center;margin-top:14px}}
@media(max-width:850px){.syn17111-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.syn17111-footer-inner{padding:22px 16px}.syn17111-footer nav{column-gap:18px;row-gap:12px}}

/* 17.11.2: strefa bezpieczna dla pływającego przycisku Czatu.
   Kontakt i pozostałe odnośniki nie mogą znajdować się pod przyciskiem. */
@media (min-width: 901px) {
  .syn17111-footer-inner {
    padding-right: calc(172px + env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 901px) and (max-width: 1120px) {
  .syn17111-footer-inner { align-items: flex-start; }
  .syn17111-footer nav { justify-content: flex-start; }
}
@media (max-width: 900px) {
  /* Dodatkowy prześwit POD linkami, bo czat na małych ekranach
     wisi nad dolną nawigacją. */
  .syn17111-footer { padding-bottom: 0; }
  .syn17111-footer-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 24px 18px calc(155px + env(safe-area-inset-bottom, 0px));
  }
  .syn17111-footer nav {
    margin-top: 0;
    justify-content: center;
    gap: 10px 20px;
  }
}