:root {color-scheme:dark;--bg:#121122;--bg2:#171528;--card:#201d32;--purple:#8a49ea;--purple2:#5332c7;--white:#f8f7ff;--muted:#b9b4cb;--border:#37314e}
* {box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container,.nav-container{width:min(1410px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{position:relative;z-index:10;background:#141326;border-bottom:1px solid rgba(255,255,255,.075)}.nav-container{height:88px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:53px;height:53px;object-fit:contain}.brand span{font-size:17px;font-weight:800;letter-spacing:-.65px;line-height:1.08}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:13px 17px;font-size:14px;color:#e3dff0;font-weight:650;border-radius:9px;transition:background .2s,color .2s}.nav a:hover{background:#29243e;color:#fff}.nav a.nav-active{background:#663acb;color:white}.nav .discord-nav{margin-left:10px}.discord-nav span{color:#c9a6ff;font-size:18px}.menu-toggle{display:none}
.hero{min-height:500px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#171429}
.hero-image-left{position:absolute;inset:0;z-index:-3;pointer-events:none;background:url('assets/panorama.webp') center center / cover no-repeat}
.hero-image-right{display:none}
.hero-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(17,13,32,.08) 0%,rgba(17,13,32,.60) 29%,rgba(17,13,32,.75) 48%,rgba(17,13,32,.67) 67%,rgba(17,13,32,.18) 100%),linear-gradient(180deg,rgba(17,13,32,.10) 0%,rgba(17,13,32,.05) 48%,rgba(18,17,34,.65) 100%)}
.hero-content{width:min(760px,calc(100% - 40px));text-align:center;padding:34px 0 54px;display:flex;align-items:center;flex-direction:column}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:5px;border:1px solid rgba(196,162,255,.19);border-radius:40px;padding:7px 13px;background:rgba(24,22,43,.55);color:#c9b4f4;letter-spacing:.7px;font-size:11px;font-weight:700;text-transform:uppercase}.status-dot{height:7px;width:7px;border-radius:50%;background:#a47af1;box-shadow:0 0 0 4px rgba(145,80,244,.15)}.hero-logo{width:min(620px,90vw);height:auto;max-height:270px;object-fit:contain;margin:-2px auto 0;filter:drop-shadow(0 12px 32px rgba(0,0,0,.15))}.hero-description{font-size:17px;line-height:1.65;color:#e0dce9;max-width:650px;margin:-6px auto 26px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero-description strong{color:white}.hero-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:750;border-radius:10px;transition:transform .2s,background .2s,border .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn svg{width:21px;height:21px}.btn-primary{background:linear-gradient(135deg,#8747e9,#5f31d1);box-shadow:0 10px 30px rgba(61,33,127,.25)}.btn-primary:hover{background:linear-gradient(135deg,#a66bff,#7040e4)}.btn-secondary{background:rgba(16,14,30,.47);border:1px solid #b4a2d4}.btn-secondary:hover{background:rgba(46,37,78,.75)}
.section{padding:67px 0}.factions{background:linear-gradient(180deg,#151426,#161427)}.section-heading{text-align:center;margin-bottom:32px}.section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:2.2px;color:#ad85ff;margin-bottom:10px}.section-heading h2,.about h2,.rules h2{font-size:clamp(25px,3vw,37px);line-height:1.18;margin:0 0 10px;font-weight:850;letter-spacing:-1.25px}.section-heading p{font-size:15px;color:var(--muted);margin:0;line-height:1.6}.faction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.faction-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:linear-gradient(160deg,#232036,#1b192b);transition:transform .2s,border-color .2s,box-shadow .2s}.faction-card:hover{transform:translateY(-5px);border-color:#685387;box-shadow:0 15px 30px rgba(0,0,0,.17)}.faction-card>img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center}.faction-info{padding:20px 21px 23px;position:relative}.faction-info h3{margin:0 0 10px 35px;min-height:25px;font-size:18px;letter-spacing:-.4px}.faction-info p{font-size:14px;line-height:1.65;color:#bbb6c9;margin:13px 0 0}.faction-icon{position:absolute;left:20px;top:18px;font-size:25px;color:#fff;font-weight:900}.accent-line{height:3px;margin-left:35px;width:min(180px,80%);border-radius:5px;background:#369cf2}.medics .accent-line{background:#f3486a}.firefighters .accent-line{background:#eb395d}.roadside .accent-line{background:#f1c335}
.about{border-top:1px solid #29243e;background:#19172b}.about-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:60px;align-items:center}.about h2{max-width:570px}.about p{line-height:1.8;color:var(--muted);max-width:690px;font-size:15px}.about-panel{padding:29px;min-height:245px;border:1px solid #413756;border-radius:16px;background:radial-gradient(circle at 90% 0%,rgba(140,76,234,.17),transparent 52%),#211d35;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.about-panel img{width:66px;height:66px;object-fit:contain}.about-panel strong{display:block;font-size:21px}.about-panel span{display:block;color:#b7b0ca;font-size:14px;margin-top:6px}.about-panel a{font-size:14px;color:#c5a4ff;font-weight:750;margin-top:4px}.about-panel a:hover{text-decoration:underline}.rules{padding:45px 0 65px;background:#19172b}.rules-box{border:1px solid #423654;border-radius:17px;padding:29px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#211d35}.rules h2{font-size:25px}.rules p{margin:0;color:var(--muted);line-height:1.6;max-width:680px;font-size:14px}.btn-small{min-height:44px}footer{border-top:1px solid #2b263e;background:#131222}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#9f9aad;font-size:12px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:750;color:#eae7f4}.footer-brand img{width:36px;height:36px}.footer-brand span{color:#a47af1}footer a:hover{color:#c9a7ff}a:focus-visible,button:focus-visible{outline:3px solid #c8a6ff;outline-offset:4px}
@media(max-width:1080px){.nav-container,.container{width:min(100% - 40px,1410px)}.brand span{font-size:14px}.nav a{font-size:13px;padding:11px 10px}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:530px}.hero-shade{background:linear-gradient(90deg,rgba(17,13,32,.29),rgba(17,13,32,.70) 50%,rgba(17,13,32,.29)),linear-gradient(180deg,rgba(17,13,32,.10),rgba(18,17,34,.65))}.footer-inner{flex-wrap:wrap;padding:22px 0;min-height:auto}}
@media(max-width:690px){.nav-container,.container{width:calc(100% - 30px)}.nav-container{height:74px}.brand img{width:43px;height:43px}.brand span{font-size:13px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;background:transparent;border:1px solid #504367;border-radius:8px;cursor:pointer}.menu-toggle span{width:21px;height:2px;background:white;border-radius:3px}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:16px;background:#171427;border-bottom:1px solid #453754;flex-direction:column;align-items:stretch;box-shadow:0 18px 35px #0006}.nav.open{display:flex}.nav a{padding:14px 17px;font-size:14px}.nav .discord-nav{margin-left:0}.hero{min-height:510px}.hero-shade{background:linear-gradient(90deg,rgba(17,13,32,.56),rgba(17,13,32,.74)),linear-gradient(180deg,rgba(17,13,32,.10),rgba(18,17,34,.68))}.hero-content{padding:48px 0 56px}.hero-logo{width:min(100%,560px)}.hero-description{font-size:14px;margin:4px auto 25px;max-width:460px}.eyebrow{font-size:10px}.hero-actions{width:100%;gap:10px}.btn{font-size:13px;min-height:45px;padding:11px 15px}.section{padding:53px 0}.section-heading h2,.about h2{font-size:27px}.section-heading p{font-size:14px}.faction-grid{gap:13px}.faction-info{padding:15px}.faction-icon{left:14px;top:14px;font-size:21px}.faction-info h3{font-size:16px;margin-left:29px}.accent-line{margin-left:29px}.faction-info p{font-size:13px}.about-layout{grid-template-columns:1fr;gap:25px}.rules{padding:0 0 50px}.rules-box{padding:22px;align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:470px){.faction-grid{grid-template-columns:1fr}.faction-card>img{aspect-ratio:2.3/1}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-logo{width:100%}.hero-content{padding:63px 0 45px}.hero{min-height:475px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Odliczanie do planowanego startu PSSM */
.launch-section{position:relative;background:#171529;border-top:1px solid rgba(176,139,255,.18);border-bottom:1px solid rgba(176,139,255,.12);padding:55px 0 54px}
.launch-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:65px;align-items:center}
.launch-intro h2{font-size:clamp(27px,3vw,38px);line-height:1.17;margin:0 0 12px;font-weight:850;letter-spacing:-1.1px}
.launch-intro p{font-size:15px;line-height:1.7;color:var(--muted);max-width:540px;margin:0 0 19px}
.launch-intro p strong{color:var(--white)}
.launch-date{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;background:#241f3b;border:1px solid #42345e;border-radius:8px;padding:11px 14px;color:#bbb2d1;font-size:13px}
.launch-date strong{color:#f3eaff;font-weight:750}.launch-calendar{color:#a878ff;font-size:20px;margin-right:4px}
.countdown-wrap{min-width:0}.countdown{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.countdown-unit{min-width:0;border:1px solid #413857;border-radius:12px;background:#201c34;padding:18px 5px 17px;text-align:center}
.countdown-number{font-size:clamp(25px,3.2vw,43px);font-weight:820;letter-spacing:-1.8px;line-height:1.12;color:#f6f0ff;display:block;font-variant-numeric:tabular-nums}
.countdown-label{display:block;margin-top:10px;font-size:11px;letter-spacing:.3px;font-weight:650;color:#a9a2bb}
.countdown-note{font-size:12px;line-height:1.5;color:#90879e;margin:13px 0 0;text-align:center}
.about-layout{grid-template-columns:minmax(0,1.55fr) minmax(250px,.62fr);gap:64px}
.about h2{max-width:750px}
.about p{max-width:830px;line-height:1.8}
@media(max-width:980px){.launch-content{grid-template-columns:1fr;gap:30px}.countdown{max-width:760px}.about-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:520px){.launch-section{padding:45px 0}.countdown{gap:5px}.countdown-unit{padding:14px 2px 12px;border-radius:8px}.countdown-number{font-size:clamp(22px,6.5vw,34px);letter-spacing:-1px}.countdown-label{font-size:9px;letter-spacing:-.1px}.launch-date{font-size:12px}.countdown-note{text-align:left}}

/* PSSM — pojedyncza strona z przewijaniem */
.topbar {position:relative}
.nav-container {height:82px}
.header-discord{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;background:#6337c2;border:1px solid rgba(183,155,255,.2);border-radius:10px;font-size:14px;font-weight:750;transition:background .2s,transform .2s}
.header-discord:hover{background:#7946d9;transform:translateY(-1px)}
.hero-content {padding-top:35px;padding-bottom:50px}
.about {background:#19172b;border-top:1px solid #29243e}
.factions {border-top:1px solid rgba(176,139,255,.12)}
@media(max-width:690px){.nav-container{height:72px}.header-discord{font-size:12px;padding:11px 12px}.brand{gap:9px}.brand span{font-size:12px}}
@media(max-width:390px){.brand img{width:37px;height:37px}.brand span{font-size:11px}.header-discord{padding:10px 8px;font-size:11px}}


/* Aktualizacja 02.11.2026: liderzy frakcji i zwartosc opisu */
.faction-card {display:flex;flex-direction:column}
.faction-info {display:flex;flex-direction:column;flex:1}
.faction-info p {margin-bottom:16px}
.faction-leader {margin-top:auto;padding-top:13px;border-top:1px solid rgba(191,177,222,.17);display:flex;gap:6px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.faction-leader span {font-size:12px;color:#a9a3bd;font-weight:600}
.faction-leader strong {font-size:14px;color:#f2e9ff;font-weight:800;overflow-wrap:anywhere}
.about p {margin:0;line-height:1.75}


/* Prosta, jasnofioletowa strzałka PSSM — bez ozdobników.
   Jeśli wolisz całkowicie systemowy kursor, usuń 2 poniższe reguły. */
html, body { cursor: url('assets/kursor-fioletowy.png') 2 1, auto; }
a, button, input[type="range"], .music-widget { cursor: pointer; }

/* Niewielki odtwarzacz muzyki w prawym dolnym rogu */
.music-widget { position:fixed; right:22px;bottom:20px;z-index:99;display:flex;align-items:center;gap:13px;padding:7px 14px 7px 9px;background:rgba(27,23,46,.94);border:1px solid rgba(162,123,237,.45);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.30);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px) }
.music-toggle { display:flex;align-items:center;gap:9px;padding:4px 6px;border:0;background:transparent;color:#f5f0ff;text-align:left;min-width:0 }
.music-icon { width:28px;height:28px;color:#bd92ff;flex-shrink:0 }
.music-info { display:flex;flex-direction:column;gap:3px;white-space:nowrap }
.music-info strong { font-size:12px;line-height:1.25;font-weight:750 }
.music-info small { font-size:10px;color:#b9b0ca;line-height:1.25 }
.music-widget.is-playing { border-color:rgba(173,124,255,.65) }
.music-widget.is-playing .music-icon { color:#c39aff }
.music-muted-slash { display:block }
.music-sound-waves { display:none }
.music-widget.is-playing .music-muted-slash { display:none }
.music-widget.is-playing .music-sound-waves { display:block }
.volume-wrap { display:flex;align-items:center;padding-left:12px;border-left:1px solid rgba(255,255,255,.13) }
.volume-wrap input { display:block;width:64px;accent-color:#9b61ef;height:5px }
.music-toggle:focus-visible, .volume-wrap input:focus-visible { outline:2px solid #d2b5ff;outline-offset:4px }
@media (max-width:600px) { .music-widget {right:12px;bottom:12px;padding:6px 10px 6px 7px;gap:6px} .volume-wrap input {width:45px} .music-info small{display:none} }


/* PSSM – licznik członków Discord obok logo (bez zmian reszty układu). */
.nav-container { gap: 22px; }
.discord-counter { display:inline-flex; align-items:center; gap:10px; padding:9px 15px; margin-left:auto; background:rgba(126,75,208,.12); border:1px solid rgba(180,142,255,.25); border-radius:11px; min-width:0; transition:background .2s,border-color .2s; }
.discord-counter:hover { background:rgba(126,75,208,.23); border-color:rgba(196,168,255,.52); }
.discord-counter-icon { display:block; flex-shrink:0; width:25px; height:25px; color:#b998ff; }
.discord-counter-text { display:flex; flex-direction:column; gap:2px; line-height:1.25; }
.discord-counter-label { color:#bfb4d9; font-size:11px; font-weight:650; white-space:nowrap; }
.discord-counter-text strong { color:#f8f4ff; font-size:18px; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; }
@media(max-width:1000px) {
  .nav-container { gap:12px; }
  .discord-counter { padding:8px 11px; }
  .discord-counter-label { display:none; }
  .discord-counter-text strong { font-size:15px; }
  .discord-counter-icon { width:22px; height:22px; }
}
@media(max-width:690px) {
  .nav-container { gap:8px; }
  .discord-counter { gap:5px; padding:7px 8px; }
  .discord-counter-icon { width:19px; height:19px; }
  .discord-counter-text strong { font-size:13px; }
}
@media(max-width:470px) {
  .nav-container { width:calc(100% - 22px); }
  .brand { gap:5px; }
  .brand img { width:35px; height:35px; }
  .brand span { font-size:10px; }
  .header-discord { padding:9px 8px; font-size:10px; white-space:nowrap; }
  .discord-counter { gap:4px; padding:6px; }
  .discord-counter-icon { width:17px; height:17px; }
  .discord-counter-text strong { font-size:12px; }
}


/* PSSM: nawigacja między stroną główną a administracją projektu */
.site-links{display:flex;align-items:center;gap:7px;flex-shrink:0}
.site-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:13px;color:#cfc6e4;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.site-link:hover{background:rgba(159,112,245,.13);color:white}
.site-link.is-current{background:rgba(116,71,208,.22);color:#eadbff;border-color:rgba(169,124,255,.28)}
.nav-container{min-height:82px;height:auto;padding:11px 0;flex-wrap:wrap}
.discord-counter{margin-left:auto}
@media(max-width:1120px){.site-link{font-size:12px;padding:10px 9px}.nav-container{gap:10px}}
@media(max-width:825px){.site-links{order:3;width:100%;justify-content:center;gap:12px}.site-link{font-size:13px}.nav-container{row-gap:4px}.header-discord{flex-shrink:0}}
@media(max-width:470px){.site-links{gap:4px}.site-link{padding:9px 12px}.discord-counter{margin-left:auto}}
/* Osobna podstrona administracji (bez zmian sekcji na stronie głównej) */
.admin-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:82px 0 74px;background:#171427}
.admin-hero-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,13,32,.8),rgba(17,13,32,.76)),linear-gradient(0deg,#171427 0%,transparent 70%),url('assets/panorama.webp') center 45%/cover no-repeat}
.admin-hero-inner{display:flex;flex-direction:column;align-items:center}
.admin-hero-logo{object-fit:contain;margin-bottom:18px;width:78px;height:78px}
.admin-hero h1{font-size:clamp(34px,5.2vw,57px);line-height:1.09;letter-spacing:-1.8px;margin:4px 0 16px}
.admin-hero h1 span{color:#ac84fb}
.admin-hero p{max-width:670px;margin:0;font-size:16px;line-height:1.8;color:#d3cce2}
.admin-section{background:#151426;min-height:400px}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.admin-card{display:flex;flex-direction:column;gap:20px;min-height:210px;border:1px solid #403654;border-radius:15px;background:#211d32;padding:25px}
.admin-card-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(162,120,241,.36);border-radius:12px;background:#29203e;color:#b28cfa;font-size:25px}
.admin-rank{display:block;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#ae8af9;margin-bottom:8px}
.admin-card h3{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}
.admin-card p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}
.admin-bottom{margin:30px 0 20px;border-radius:15px;border:1px solid #47395d;background:#211d35;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-bottom strong{font-size:19px}.admin-bottom p{margin:7px 0 0;font-size:14px;color:#b9b1cc}
.admin-back{display:inline-block;font-size:14px;color:#c6a5ff;font-weight:750;margin:8px 0 12px}.admin-back:hover{text-decoration:underline}
@media(max-width:950px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero{padding:65px 0}}
@media(max-width:680px){.admin-grid{grid-template-columns:1fr}.admin-bottom{flex-direction:column;align-items:flex-start}.admin-hero p{font-size:14px}.admin-card{min-height:auto}}


/* ========= PSSM • nawigacja obok logo i osobne podstrony ========= */
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;min-height:82px;padding:10px 0}
.header-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
.header-left .brand{flex:0 0 auto}
.header-separator{width:1px;height:36px;flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(181,151,245,.65),transparent)}
.header-left .site-links{order:initial;width:auto;display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:1}
.header-left .site-link{padding:11px 12px;border-radius:8px;font-size:13px;color:#cec5df;line-height:1.25;white-space:nowrap}
.header-left .site-link.is-current{color:#e1ccff;background:rgba(116,71,208,.17);border-color:rgba(169,124,255,.22)}
.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
.header-right .discord-counter{margin-left:0}
.header-right .header-discord{white-space:nowrap}
@media(max-width:1220px){.header-left{gap:12px}.header-left .brand span{font-size:14px}.header-left .site-link{font-size:12px;padding:10px 8px}.header-right .discord-counter{padding:8px 10px}.header-right .header-discord{font-size:12px;padding:10px 12px}}
@media(max-width:985px){.nav-container{flex-wrap:wrap;row-gap:9px}.header-left{width:100%;flex:1 1 100%}.header-right{margin-left:0;width:100%;justify-content:flex-end}.header-left .site-links{width:auto;order:initial;justify-content:flex-start}.header-right .discord-counter-label{display:block}}
@media(max-width:580px){.nav-container{padding:9px 0}.header-left{gap:9px;flex-wrap:wrap}.header-left .brand img{width:40px;height:40px}.header-left .brand span{font-size:11.5px}.header-separator{height:30px}.header-left .site-links{flex:0 1 auto;gap:2px}.header-left .site-link{font-size:11px;padding:8px 7px;white-space:normal;text-align:center}.header-right{justify-content:space-between}.header-right .discord-counter-label{display:none}.header-right .header-discord{font-size:11px}}
@media(max-width:415px){.header-left .brand span{font-size:10px}.header-left .brand img{width:34px;height:34px}.header-left{gap:6px}.header-left .site-link{font-size:10px;padding:6px 5px}}

/* Administracja • zachowana estetyka PSSM */
.staff-hero{position:relative;isolation:isolate;overflow:hidden;padding:66px 0 64px;text-align:center;background:#171427}
.staff-hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,15,35,.76),rgba(21,17,40,.83),rgba(18,15,35,.77)),linear-gradient(180deg,rgba(20,18,39,.15),#171427 96%),url('assets/panorama.webp') center center/cover no-repeat}
.staff-hero-inner{display:flex;flex-direction:column;align-items:center;gap:0}
.staff-project-logo{width:78px;height:78px;object-fit:contain;margin-bottom:19px}
.staff-hero .section-kicker{font-size:11px;margin-bottom:12px}
.staff-hero h1{font-size:clamp(36px,5vw,56px);letter-spacing:-2px;line-height:1.12;margin:0 0 17px;font-weight:850}
.staff-hero h1 span{color:#af87fa}
.staff-hero p{font-size:15px;line-height:1.8;max-width:775px;margin:0 auto;color:#d1cadd}
.staff-content{background:#171529;padding:66px 0 64px}
.staff-roster{background:#141324;padding:64px 0 75px;border-top:1px solid #2e2844}
.staff-container{max-width:1180px}
.staff-section-title{text-align:center;margin-bottom:32px}
.staff-section-title h2{font-size:clamp(27px,3.5vw,37px);letter-spacing:-1px;margin:0 0 10px;line-height:1.15}
.staff-section-title p{font-size:14px;color:#bdb4cf;margin:0;line-height:1.6}
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.person-card{position:relative;background:#211d33;border:1px solid #423755;border-radius:14px;padding:24px 25px 22px;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.person-card::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#8458dc}
.person-card.person-founder::before{background:#b58aff}
.person-card-top{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.person-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#302446;border:1px solid #654990;color:#e2ceff;font-size:19px;font-weight:850}
.person-role{color:#bca2ef;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}
.person-card h3{font-size:23px;font-weight:820;letter-spacing:-.4px;margin:0 0 11px;overflow-wrap:anywhere;color:#f6f3fc}
.person-handle{font-size:15px;font-weight:650;color:#b8a4d0}
.person-card p{font-size:14px;line-height:1.75;color:#c1bace;margin:0 0 19px;flex:1}
.person-tags{display:flex;flex-wrap:wrap;gap:7px}
.person-tags span{font-size:11px;color:#d9c7fb;border:1px solid #54416e;background:#2b2340;border-radius:6px;padding:6px 9px;font-weight:700}
.rank-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.rank-group{background:#1f1c31;border:1px solid #403755;border-radius:15px;padding:24px;min-width:0}
.rank-group-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.rank-group-icon{border-radius:9px;display:grid;place-items:center;width:34px;height:34px;font-size:11px;letter-spacing:1px;font-weight:800;color:#d8c1ff;background:#302445;border:1px solid #55406e}
.rank-group-head h3{font-size:21px;letter-spacing:-.5px;margin:0}
.rank-row{padding:12px 0 13px;border-top:1px solid rgba(185,166,226,.12);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rank-name{font-size:13px;font-weight:800;line-height:1.35;min-width:148px}
.rank-members{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.rank-members>span:not(.rank-empty){display:inline-block;background:rgba(158,131,214,.13);border:1px solid rgba(159,131,216,.18);padding:5px 8px;border-radius:6px;color:#e6e1f2;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.rank-members .rank-empty{font-size:13px;color:#9d94b1;font-weight:600;padding:5px 0}
.rank-members small{font-size:11px;color:#b9a5d0}
.rank-red .rank-name{color:#f07986}.rank-blue .rank-name{color:#76a5ff}.rank-green .rank-name{color:#75d79f}.rank-pink .rank-name{color:#f18bcc}.rank-cyan .rank-name{color:#71d3e3}.rank-violet .rank-name{color:#c49aff}.rank-lime .rank-name{color:#badf80}
.staff-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #46365b;background:#211c34;padding:25px 28px;margin:35px 0 20px;border-radius:14px}
.staff-cta strong{font-size:19px}.staff-cta p{font-size:14px;color:#bcb4ce;margin:7px 0 0;line-height:1.5}
.staff-return{display:inline-block;color:#c5a0fb;font-size:14px;font-weight:700;margin:5px 0}.staff-return:hover{text-decoration:underline}
.regulations-body{background:#171529;min-height:360px}
.regulations-inner{max-width:950px}
.regulations-notice{display:flex;align-items:flex-start;gap:20px;border:1px solid #49395e;background:#211d34;border-radius:15px;padding:31px}
.regulations-symbol{width:38px;height:38px;display:grid;place-items:center;background:#35264b;border:1px solid #6b4d96;border-radius:11px;color:#d4afff;flex-shrink:0;font-weight:bold;font-family:Georgia,serif;font-size:26px}
.regulations-notice h2{font-size:25px;margin:0 0 10px}
.regulations-notice p{font-size:15px;color:#beb5ce;line-height:1.8;margin:0 0 20px}
.regulations-inner .staff-return{margin-top:24px}
@media(max-width:900px){.rank-board{grid-template-columns:1fr}}
@media(max-width:650px){.staff-hero{padding:52px 0}.staff-hero p{font-size:14px}.people-grid{grid-template-columns:1fr}.staff-content,.staff-roster{padding:49px 0}.rank-row{flex-direction:column;gap:6px}.rank-members{justify-content:flex-start}.rank-group{padding:18px}.staff-cta{padding:19px;align-items:flex-start;flex-direction:column;gap:16px}.regulations-notice{padding:22px;gap:12px}.regulations-notice h2{font-size:21px}}


/* PSSM: zakładka Forum obok logo (bez zmian wyglądu dotychczasowych stron) */
@media(min-width:986px) and (max-width:1380px) {
  .nav-container { flex-wrap:wrap; row-gap:8px; }
  .header-left { width:100%; flex:1 1 100%; }
  .header-right { width:100%; justify-content:flex-end; }
}
@media(max-width:580px) {
  .header-left .site-links { flex:1 1 100%; justify-content:flex-start; }
  .header-left .site-link { font-size:11px; padding:8px 9px; }
  .header-separator { display:none; }
}
