@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');
:root{--red:#e5231a;--blue:#0a9fe9;--gold:#e4c063;--panel:#071016ee;--line:#4b5962;--text:#eff3f5}
*{box-sizing:border-box}html{background:#061019}body{margin:0;color:var(--text);font-family:Rajdhani,Arial,sans-serif}a{color:inherit;text-decoration:none}
.home{min-height:100vh;background:#061019}.scene{position:fixed;inset:0;z-index:-4;background:url(tlo_index.png) center top/cover no-repeat}.vignette{position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(#0002,#0000 35%,#0008),radial-gradient(circle at 50% 42%,transparent 34%,#0009 100%)}.embers{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,#ffad61 0 1px,transparent 1.8px),radial-gradient(circle,#ff382d 0 1px,transparent 1.6px);background-size:113px 113px,169px 169px;opacity:.38;animation:embers 15s linear infinite}@keyframes embers{to{background-position:140px -600px,-100px -720px}}
.topline{position:relative;z-index:20;background:#05090de9;border-bottom:2px solid #681713;box-shadow:0 7px 24px #000}.topbar{height:30px;display:flex;justify-content:flex-end;align-items:center;gap:25px;padding:0 34px;color:#aeb8be;font-size:11px;border-bottom:1px solid #283239}.topbar b{color:#fff}.brandrow{height:132px;display:grid;place-items:center;background:linear-gradient(90deg,#051223aa,#090d10bb 48%,#230807aa)}.brand{width:min(760px,80vw);height:125px;display:block}.brand img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px #000)}
.navrow{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;border-top:1px solid #354047;background:#070b0ee8}.nav{display:flex;align-items:stretch}.nav.left{justify-content:flex-end}.nav.right{justify-content:flex-start}.nav a{display:flex;align-items:center;padding:0 20px;border-left:1px solid #293239;border-right:1px solid #11171b;font-weight:800;font-size:13px;white-space:nowrap}.nav a:hover,.nav a.active{background:linear-gradient(#b71913,#500503);box-shadow:inset 0 0 15px #ff493f55}.nav-center{width:230px;display:grid;place-items:center;color:#e5c367;font:700 12px 'Barlow Condensed';letter-spacing:4px;background:#0a0f13}.nav .login-link{background:linear-gradient(#a6120d,#4b0503);border:1px solid #da332b}
.home-main{min-height:610px;display:grid;grid-template-columns:minmax(390px,1.1fr) 340px 340px;gap:14px;align-items:center;max-width:1320px;margin:auto;padding:45px 30px}.intro-card,.auth-panel{background:linear-gradient(180deg,#071016ef,#05090dee);border:1px solid #48555e;box-shadow:0 18px 55px #000c}.intro-card{padding:26px 29px;border-left:4px solid #ce2d25}.intro-card h1{font:800 34px 'Barlow Condensed';margin:0 0 10px}.intro-card>p{font-size:16px;line-height:1.4}.feature{display:flex;align-items:center;gap:15px;margin:18px 0}.feature i{font-style:normal;font-size:40px;width:52px;text-align:center;color:#ebc75e}.feature b,.feature span{display:block}.feature b{font:800 21px 'Barlow Condensed';color:#f1d17a}.feature span{color:#b8c2c8;font-size:13px}
.auth-panel{padding:0 18px 18px}.login-panel{border-color:#8c1712}.register-panel{border-color:#09618f}.panel-title{margin:0 -18px 18px;padding:14px;text-align:center;font:800 25px 'Barlow Condensed'}.redtitle{background:linear-gradient(#8f140f,#3c0503);border-bottom:1px solid #c72d25}.bluetitle{background:linear-gradient(#076291,#052c45);border-bottom:1px solid #0da5f2}.auth-panel form>label:not(.check){display:flex;align-items:center;background:#05090c;border:1px solid #3c4851;margin-bottom:8px}.auth-panel form>label span{width:42px;text-align:center}.auth-panel input[type=email],.auth-panel input[type=password],.auth-panel input[name=login],.auth-panel input[name=username]{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:11px;outline:none}.smallrow{display:flex;justify-content:space-between;font-size:11px;margin:10px 0}.check{font-size:11px}.submit{width:100%;padding:13px;border:1px solid #ffffff33;color:#fff;font:800 17px 'Barlow Condensed'}.redbtn{background:linear-gradient(#ff3128,#8a0906)}.bluebtn{background:linear-gradient(#0da9f3,#075988)}.separator{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px}.separator:before,.separator:after{content:"";height:1px;background:#77838a;flex:1}.secondary{display:block;text-align:center;background:#151b20;border:1px solid #39444c;padding:11px}.error{padding:8px;background:#4c0b08;border:1px solid #bd2b23;margin-bottom:10px}
.gallery-strip{max-width:1320px;margin:auto;padding:0 30px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.gallery-strip a{border:2px solid #876f3e;background:#111;overflow:hidden}.gallery-strip img{width:100%;height:105px;object-fit:cover;display:block;transition:.2s}.gallery-strip a:hover img{transform:scale(1.05);filter:brightness(1.2)}
.bottom-callout{min-height:92px;padding:12px 40px;display:grid;grid-template-columns:280px 1fr 320px;align-items:center;gap:25px;background:#05090deb;border-top:1px solid #4f241f;border-bottom:1px solid #4f241f}.trailer{display:flex;align-items:center;gap:12px}.trailer i{font-style:normal;display:grid;place-items:center;width:58px;height:58px;background:linear-gradient(#ef3028,#7b0705);border:2px solid #ff5a50;font-size:26px}.bottom-callout blockquote{text-align:center;font-style:italic;color:#e6dcc8}.bottom-callout>div{text-align:center}.bottom-callout span{display:block}footer{display:flex;justify-content:space-between;padding:13px 40px;background:#020405;color:#89939a;font-size:11px}footer div{display:flex;gap:18px}
@media(max-width:1150px){.home-main{grid-template-columns:1fr 1fr}.intro-card{grid-column:1/-1}.nav-center{width:80px}.nav a{padding:0 11px}.brand{width:min(680px,90vw)}}@media(max-width:760px){.brandrow{height:105px}.brand{height:100px;width:96vw}.navrow{display:block;height:auto}.nav-center{display:none}.nav.left{justify-content:center;overflow:auto}.nav.right{display:none}.nav a{min-height:44px}.home-main{grid-template-columns:1fr;padding:22px 12px}.intro-card{grid-column:auto}.gallery-strip{grid-template-columns:1fr 1fr;padding:0 12px}.bottom-callout{grid-template-columns:1fr;padding:15px}.trailer{justify-content:center}footer{display:block;text-align:center;padding:12px}footer div{justify-content:center;margin-top:8px}}
/* Iron Global Domination Online 1.0 — cinematic landing page */
.red-haze{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 78% 42%,#8b0b0b45,transparent 38%),radial-gradient(circle at 15% 75%,#5f090936,transparent 34%);animation:hazePulse 8s ease-in-out infinite alternate}@keyframes hazePulse{to{opacity:.62;filter:blur(5px)}}
.smoke{position:fixed;z-index:-2;pointer-events:none;width:70vw;height:38vh;border-radius:50%;filter:blur(55px);opacity:.16;background:radial-gradient(ellipse,#d8c3b8 0,#6c5a55 28%,transparent 70%);animation:smokeDrift 24s ease-in-out infinite alternate}.smoke-a{left:-18vw;bottom:2vh}.smoke-b{right:-25vw;top:28vh;animation-duration:31s;animation-direction:alternate-reverse}@keyframes smokeDrift{0%{transform:translate3d(-5vw,2vh,0) scale(.9)}100%{transform:translate3d(18vw,-7vh,0) scale(1.35)}}
.brandrow{height:185px;overflow:hidden;background:radial-gradient(circle at 50% 52%,#11351d99 0,#09120dcc 28%,#180606cc 68%,#05090de8 100%)}.brand{width:min(980px,94vw);height:178px}.brand img{filter:drop-shadow(0 10px 16px #000)}
.eyebrow{display:block;color:#d3b96f;font:700 12px 'Barlow Condensed';letter-spacing:3px;margin-bottom:7px}.intro-card{backdrop-filter:blur(7px)}
.war-features{max-width:1320px;margin:0 auto 14px;padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.war-features article{min-height:104px;padding:18px;background:linear-gradient(145deg,#111a20ee,#070a0dee);border:1px solid #5b4140;border-top:2px solid #a82019;box-shadow:0 12px 30px #0009;transition:.22s}.war-features article:hover{transform:translateY(-3px);border-color:#d43b31;box-shadow:0 15px 34px #000c,0 0 20px #8d171433}.war-features b,.war-features span{display:block}.war-features b{font:800 19px 'Barlow Condensed';color:#f0d28a;letter-spacing:1px}.war-features span{margin-top:6px;color:#b8c1c6;font-size:13px;line-height:1.3}
@media(max-width:900px){.brandrow{height:140px}.brand{height:135px}.war-features{grid-template-columns:1fr 1fr;padding:0 12px}}@media(max-width:520px){.war-features{grid-template-columns:1fr}.brandrow{height:118px}.brand{height:112px}}
@media(prefers-reduced-motion:reduce){.embers,.smoke,.red-haze{animation:none!important}}
.smoke{position:fixed;pointer-events:none;z-index:-2;width:75vw;height:48vh;filter:blur(38px);opacity:.17;background:radial-gradient(ellipse at center,rgba(210,210,210,.38),rgba(120,40,40,.14) 38%,transparent 70%);animation:igdoSmoke 24s ease-in-out infinite alternate}.smoke-a{left:-20vw;bottom:-8vh}.smoke-b{right:-24vw;bottom:8vh;animation-duration:31s;animation-direction:alternate-reverse}@keyframes igdoSmoke{0%{transform:translate3d(-4vw,4vh,0) scale(1)}50%{transform:translate3d(12vw,-9vh,0) scale(1.18)}100%{transform:translate3d(24vw,-17vh,0) scale(.95)}}

.front-top nav .nav-disabled,.subtop nav .nav-disabled{opacity:.38;cursor:not-allowed;pointer-events:none;filter:grayscale(1);}

/* === INDEX BACKGROUND FIX ===
   Tlo strony glownej jest zawsze pobierane z assets/tlo_index.png.
   Warstwy interfejsu sa polprzezroczyste, aby wlasne tlo bylo dobrze widoczne.
*/
html{background:#020405}
body.home{position:relative;isolation:isolate;background:transparent!important}
.scene{z-index:0!important;background-image:url('tlo_index.png')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.vignette{z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.03) 42%,rgba(0,0,0,.34)),radial-gradient(circle at 50% 45%,transparent 48%,rgba(0,0,0,.42) 100%)!important}
.red-haze{z-index:1!important;opacity:.42}
.smoke,.embers{z-index:2!important}
.topline,.home-main,.war-features,.gallery-strip,.bottom-callout,footer{position:relative;z-index:3}
.topline{background:rgba(5,9,13,.72)!important;backdrop-filter:blur(4px)}
.brandrow{background:radial-gradient(circle at 50% 52%,rgba(17,53,29,.42) 0,rgba(9,18,13,.40) 28%,rgba(24,6,6,.38) 68%,rgba(5,9,13,.46) 100%)!important}
.navrow{background:rgba(7,11,14,.72)!important;backdrop-filter:blur(5px)}
.intro-card,.auth-panel{background:linear-gradient(180deg,rgba(7,16,22,.78),rgba(5,9,14,.72))!important;backdrop-filter:blur(7px)}
.war-features article{background:linear-gradient(145deg,rgba(17,26,32,.75),rgba(7,10,14,.68))!important;backdrop-filter:blur(5px)}
.bottom-callout{background:rgba(5,9,13,.70)!important;backdrop-filter:blur(5px)}
footer{background:rgba(2,4,5,.76)!important}

/* PNG gallery thumbnails: scoped only */
.gallery-strip img{width:100%;height:105px;object-fit:contain;object-position:center;}

/* v1.5.4 — publiczne statystyki serwera */
.public-server-stats{position:relative;z-index:3;max-width:1320px;margin:-25px auto 35px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.public-server-stats article{min-height:92px;display:grid;place-items:center;text-align:center;border:1px solid #806823;background:linear-gradient(180deg,rgba(35,29,12,.86),rgba(7,11,14,.82));box-shadow:0 12px 35px #0009}.public-server-stats small{color:#d6bb69;letter-spacing:.12em;font-weight:800}.public-server-stats b{display:block;font:900 34px 'Barlow Condensed';color:#fff0ae}@media(max-width:760px){.public-server-stats{grid-template-columns:1fr;padding:0 12px;margin-top:0}}

/* v1.5.6 globalny odtwarzacz */
.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:2000;width:44px;height:44px;border-radius:50%;padding:0;font-size:20px;cursor:pointer}.sound-toggle.sound-on{border:2px solid #3ad47a;background:#0c4224;color:#8dffb7;box-shadow:0 0 15px rgba(58,212,122,.35)}.sound-toggle.sound-off{border:2px solid #e24940;background:#4b0e0b;color:#ff8c85;box-shadow:0 0 15px rgba(226,73,64,.3)}