/* SYNDYKAT 1929 / FINALE PART 3 (17.10.6) — pulpit, ludzie, społeczność, start, walki i komunikaty. */
:root{--f3-bg:#07121b;--f3-panel:#12232d;--f3-border:#3c525b;--f3-gold:#efc68b;--f3-paper:#f5e6d0}
/* HOMEPAGE / SZYBKI START */
body[data-section="dashboard"] .syn160-home{max-width:none;width:100%;gap:16px}
body[data-section="dashboard"] .syn-f3-home-banner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:225px;padding:30px clamp(18px,3vw,38px);border:1px solid #947347;border-radius:13px;background-image:linear-gradient(90deg,#07141cf6 0%,#0b1b27e8 50%,#0d1b2688 100%),url('noir56/verona-city.webp');background-size:cover;background-position:center 49%;box-shadow:0 20px 48px #0005}
body[data-section="dashboard"] .syn-f3-home-banner>div:first-child{max-width:700px}
body[data-section="dashboard"] .syn-f3-home-banner h2{font:400 clamp(27px,3.1vw,44px)/1.13 Georgia,serif;color:var(--f3-paper);margin:9px 0}
body[data-section="dashboard"] .syn-f3-home-banner p{color:#cad4d6;font-size:13px;line-height:1.6;max-width:540px;margin:0}
body[data-section="dashboard"] .syn-f3-home-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:370px}
body[data-section="dashboard"] .syn-f3-home-actions .btn{min-height:42px}
body[data-section="dashboard"] .syn160-top{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)}
body[data-section="dashboard"] .syn160-char{background:linear-gradient(130deg,#162932,#0b1823)!important;border-color:#a1805366!important}
body[data-section="dashboard"] .syn160-next{background-image:linear-gradient(130deg,#12232df0,#101c25d9),url('noir56/ledger-desk.webp')!important;background-size:cover!important;background-position:center!important;border-color:#977348!important}
body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body[data-section="dashboard"] .syn160-res>div{background:#101f29!important;border-color:#38505b!important;padding:15px!important}
body[data-section="dashboard"] .syn160-res strong{color:#f0c586;font:600 clamp(16px,1.5vw,24px) Georgia,serif}
body[data-section="dashboard"] .syn160-ops{background:#101f29!important;border-color:var(--f3-border)!important}
body[data-section="dashboard"] .syn160-op{border-color:#2d414c;background:#0a1823;min-height:60px}
body[data-section="dashboard"] .syn160-op.ready{border-color:#8c7450;background:#162d31}
body[data-section="dashboard"] .syn160-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-section="dashboard"] .syn160-strip{background:#12232d!important;border-color:#45535a!important;min-height:88px}
body[data-section="dashboard"] .getting-started{padding:19px;border:1px solid #896942;background:linear-gradient(105deg,#1a2a2f,#0f1e28);border-radius:12px}
body[data-section="dashboard"] .getting-steps{gap:8px}
body[data-section="dashboard"] .getting-step{border:1px solid #3b5360;border-radius:9px;background:#0d1b26;min-height:65px}
body[data-section="dashboard"] .getting-step.is-current{border-color:#d4ac70;background:#1d2a2e}
/* DESKTOP NAV LINK TO REAL GUIDE. */
.syn-f3-side-help{display:flex;flex-direction:column;gap:5px;margin:14px 8px 24px;padding:14px 8px 4px;border-top:1px solid #354b56}
.syn-f3-side-help :is(button,a){width:100%;border:1px solid transparent;border-radius:8px;padding:10px 11px;text-align:left;color:#c9d6d6;text-decoration:none;background:none;font:600 12px system-ui;cursor:pointer}
.syn-f3-side-help :is(button,a):hover,.syn-f3-side-help :is(button,a):focus-visible{background:#182b36;border-color:#8d734d;color:#f2d29f}
/* CREW AND FAMILY SOCIAL */
body[data-section="crew"] .page-title,body[data-section="rank"] .page-title{background-image:linear-gradient(90deg,#07131cf7,#0d1b28dc 55%,#07151b5f),url('noir56/gallery-hall.webp')!important;background-size:cover!important;background-position:center!important;min-height:180px!important}
body[data-section="crew"] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-section="crew"] .crew-tile{background:linear-gradient(145deg,#172832,#0c1b25)!important;border:1px solid #465b60!important;border-radius:12px!important;min-height:270px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px!important;box-shadow:0 14px 30px #0003}
body[data-section="crew"] .crew-tile .syn-crew-art{background:#0c1820;border-radius:10px;border:1px solid #a1835773;min-height:94px;display:grid;place-items:center}
body[data-section="crew"] .crew-tile h3{font:400 clamp(19px,2vw,26px)/1.2 Georgia,serif;color:var(--f3-paper);margin:0}
body[data-section="crew"] .crew-tile p{color:#c3ced0;line-height:1.5}
body[data-section="crew"] .crew-tile .mini-stats{display:flex;gap:7px;flex-wrap:wrap}
body[data-section="crew"] .crew-tile .mini-stats>span{border:1px solid #344b54;border-radius:6px;padding:5px 7px;background:#0a1720}
body[data-section="crew"] .crew-tile .btn{margin-top:auto;min-height:41px;width:100%}
body[data-section="gangs"] .syn68-gang{max-width:none}
body[data-section="gangs"] .syn68-gang-hero{border-color:#94724a;background-image:linear-gradient(90deg,#07151cf8,#0b1b24e1 58%,#0a1c2480),url('noir56/don.webp');background-position:75% center}
body[data-section="gangs"] .syn68-block{background:#10212b!important;border:1px solid #3f5662!important;border-radius:12px!important;box-shadow:0 13px 30px #0003}
body[data-section="gangs"] .syn68-gang-tabs{border-bottom:1px solid #334852}
body[data-section="gangs"] .syn68-gang-tabs button{min-height:44px}
body[data-section="gangs"] .syn68-family-row,body[data-section="gangs"] .syn68-member,body[data-section="gangs"] .syn68-war-row{border-color:#354e5b!important;background:#091a25!important;border-radius:9px!important}
body[data-section="gangs"] .syn68-gang :is(input,textarea,select){background:#0b1a22;color:#f6ead6;border:1px solid #58636a;min-height:42px}
body[data-section="rank"] .syn12-rank-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px;padding:11px;border:1px solid #40515d;border-radius:12px;background:#111f2a}
body[data-section="rank"] .syn68-rank-row{border-radius:10px;background:#0d1e29!important;border-color:#415761!important;padding:13px 15px}
body[data-section="rank"] .syn68-rank-row.mine{border-color:#d5a568!important;background:#2a2722!important}
body[data-section="rank"] :is(.syn68-ranks,.syn12-rank-panel,.syn12-rank-board){border-radius:12px;border-color:#49535a!important}
/* FIGHT AND REPLAYS: visual presentation only; do not touch chronology or animation timers. */
.combat-overlay{padding:clamp(8px,2vw,22px);z-index:9998}
.combat-dialog{border-radius:13px;border:1px solid #b38b54;box-shadow:0 24px 90px #000c,0 0 0 1px #e1b16b30;overflow-x:hidden}
.combat-top{background:linear-gradient(90deg,#2a2929,#131d26)!important;min-height:62px;height:auto!important;flex-wrap:wrap;row-gap:9px}
.combat-stage{background-position:center;overflow:hidden}
.combat-avatar{min-width:0!important;max-width:100%;border-radius:10px}
.combat-avatar .gangster-face{object-fit:cover;object-position:center 17%;clip-path:none!important;border-radius:9px;border:1px solid #9f835a7d}
.combat-avatar::before{border-radius:10px!important;inset:0!important}
.combat-versus{font-size:clamp(31px,4vw,54px)}
.combat-hp-track{height:12px;border-radius:8px}
.combat-feed{height:auto;max-height:122px;min-height:80px;overflow:auto;scrollbar-width:thin}
.combat-feed p{line-height:1.5;font-size:12px}
.combat-bottom{gap:14px;flex-wrap:wrap;min-height:66px}
.syn-fight-history{gap:8px}
.syn-history-row{border-left:3px solid #c06b6c!important;border-radius:9px!important;background:#0d1e29!important;min-height:65px}
.syn-history-row.win{border-left-color:#6ac79f!important}
.syn-history-row .syn1710-replay,.syn-history-row .syn-rematch{white-space:normal;min-height:35px;border-radius:7px}
.syn1710-replay-note{color:#c5d4d7;background:#152934;padding:11px;border:1px solid #415a67;border-radius:8px}
/* SIGN IN, REGISTRATION, PROMOTIONAL LINKS */
.auth-layout{background-color:#09131c}
.auth-left{background-image:linear-gradient(90deg,#07131cde,#081723a8),url('noir56/verona-city.webp')!important;background-size:cover!important;background-position:center!important}
.auth-copy h1{font-size:clamp(38px,4vw,65px)}
.auth-right{background:linear-gradient(140deg,#12242e,#09161e)}
.auth-box{border:1px solid #8b70475c;border-radius:14px;box-shadow:0 15px 50px #0004;background:#10202a;padding:clamp(17px,2vw,30px)}
.auth-box :is(input,select){min-height:44px;border:1px solid #4e6370;background:#0a1720;color:#f5e7d0}
.auth-box :is(input,select):focus-visible{outline:2px solid #e6b770;outline-offset:1px}
.auth-box .auth-classes{gap:8px}
.auth-box .class-option{border-color:#415462;border-radius:8px}
.syn-f3-auth-links{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}
.syn-f3-auth-links a{border:1px solid #b58a52;border-radius:8px;padding:10px 15px;background:#121f28;color:#f2ca8c;text-decoration:none;font-size:12px;font-weight:800}
.syn-f3-auth-links a:hover{background:#263237}
/* GUIDE, SMALL MODALS, NOTIFICATIONS */
.guide-dialog{width:min(900px,100%)!important;padding:clamp(17px,3vw,30px)!important;border:1px solid #a88859!important;background:linear-gradient(145deg,#162934,#0b1923)!important;border-radius:14px!important}
.guide-dialog .guide-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.guide-dialog .guide-tiles>div{background:#102330;border-color:#435761;min-height:132px}
.syn-f3-guide-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #43545b}
.syn-f3-guide-actions a{color:#efc68b;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.syn52-confirm-dialog{border-radius:14px!important;background:linear-gradient(160deg,#1c2f37,#0d1924)!important}
.syn52-confirm-dialog .btn{min-height:44px}
#toast .toast{border-radius:10px!important;box-shadow:0 12px 30px #0008!important;padding:12px 14px!important}
.notif-drawer{background:linear-gradient(160deg,#13242c,#08151e)!important;border-left:1px solid #95754c!important}
.notif-drawer-head{border-color:#354f5a!important}
.syn63-mini-notice{background:#102331!important;border:1px solid #3f5762!important;border-radius:10px!important;transition:border-color .15s}
.syn63-mini-notice:hover{border-color:#d1a66e!important}
.syn63-mini-notice.unread{border-left:3px solid #e7be7c!important}
/* OPT-IN NOIR INTRO */
body.syn-f3-intro-open{overflow:hidden}
.syn-f3-intro-overlay{position:fixed;inset:0;z-index:10005;display:grid;place-items:center;background:rgba(1,6,11,.88);backdrop-filter:blur(8px);padding:clamp(10px,3vw,24px)}
.syn-f3-intro-dialog{position:relative;width:min(900px,100%);border:1px solid #b48c54;border-radius:14px;background:#0b1822;overflow:hidden;box-shadow:0 35px 110px #000d;color:#f3e7d3}
.syn-f3-intro-scene{min-height:410px;display:flex;align-items:flex-end;padding:clamp(20px,4vw,42px);background-size:cover;background-position:center}
.syn-f3-intro-text{max-width:650px}
.syn-f3-intro-tag{color:#efc789;font:800 11px system-ui;letter-spacing:.2em}
.syn-f3-intro-heading{font:400 clamp(31px,4.3vw,60px)/1.07 Georgia,serif;margin:14px 0;color:#f9dfb6}
.syn-f3-intro-body{font-size:15px;line-height:1.75;color:#dee1db;max-width:610px}
.syn-f3-intro-close{position:absolute;z-index:3;right:13px;top:13px;width:40px;height:40px;border-radius:50%;background:#0d1924de;border:1px solid #b68d5a;color:#fff;cursor:pointer}
.syn-f3-intro-dialog footer{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#101d28;padding:14px 22px;border-top:1px solid #53616b}
.syn-f3-intro-dialog footer>div{display:flex;gap:8px}
.syn-f3-intro-step{font-size:12px;color:#e6bf80;font-weight:800;letter-spacing:.1em}
/* TABLET / PHONE */
@media(max-width:1160px){body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-section="crew"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .syn-f3-side-help{display:none}
 body[data-section="dashboard"] .syn-f3-home-banner{min-height:185px;padding:20px;display:flex;flex-direction:column;align-items:stretch}
 body[data-section="dashboard"] .syn-f3-home-banner h2{font-size:30px}
 body[data-section="dashboard"] .syn-f3-home-actions{max-width:none;justify-content:flex-start}
 body[data-section="dashboard"] .syn160-top{grid-template-columns:1fr}
 body[data-section="dashboard"] .syn160-res{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-section="dashboard"] .syn160-char{grid-template-columns:105px minmax(0,1fr)}
 body[data-section="dashboard"] .syn160-avatar{width:105px}
 body[data-section="dashboard"] .syn160-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-section="dashboard"] .syn160-foot{grid-template-columns:1fr}
 body[data-section="crew"] .card-grid{grid-template-columns:1fr}
 body[data-section="gangs"] .syn68-gang-hero{min-height:170px;padding:20px}
 .combat-top{padding:11px 12px}
 .combat-stage{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);min-height:290px;padding:14px 10px 8px;gap:4px}
 .combat-avatar{height:180px;width:100%;min-width:0}
 .combat-center{gap:4px}
 .combat-versus{font-size:32px}
 .combat-under{grid-template-columns:1fr;gap:9px;padding:13px}
 .combat-bottom{padding:11px 12px}
 .syn-history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px}
 .syn-history-row>.syn-history-outcome{grid-column:1/-1}
 .guide-dialog .guide-tiles{grid-template-columns:1fr}
 .auth-box{margin:10px}
 .syn-f3-intro-scene{min-height:360px;padding:23px}
}
@media(max-width:390px){body[data-section="dashboard"] .syn160-res{grid-template-columns:1fr 1fr}body[data-section="dashboard"] .syn160-char{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:11px}.syn-f3-intro-dialog footer{flex-wrap:wrap}.syn-f3-intro-dialog footer>div{width:100%}.syn-f3-intro-dialog footer .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.syn-f3-intro-overlay *, .syn-history-row{transition:none!important;animation:none!important}}