:root{--bg:#0b0c0d;--panel:#21262d;--panel2:#252b33;--gold:#e1b84e;--goldbright:#ffd475;--ink:#eceef0;--muted:#a8a59e;--line:rgba(225,184,78,.23);--green:#48d78b;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif)}a{color:inherit}.e74-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.e74-muted{color:var(--muted)}
.e74-ticker{height:28px;overflow:hidden;background:#0b0e11;border-bottom:1px solid #2a313a;color:var(--gold);font:10px var(--mono);letter-spacing:.24em;white-space:nowrap}.e74-ticker-track{display:flex;width:max-content;align-items:center;height:100%;animation:e74-marquee 50s linear infinite}.e74-ticker-track span{padding-left:55px}.e74-ticker b{padding:0 24px;color:#806521}@keyframes e74-marquee{to{transform:translateX(-50%)}}
.e74-header{position:relative;z-index:50;border-bottom:1px solid rgba(225,184,78,.17);background:rgba(14,17,19,.97)}.e74-header-inner{height:76px;width:min(1280px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:35px}.e74-brand{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;font-size:23px;letter-spacing:.19em;font-weight:bold}.e74-brand-dot,.e74-footer strong span{color:var(--gold)}.e74-brand-mark{display:grid;place-items:center;width:38px;height:43px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--gold);color:#111;font:700 23px var(--serif)}.e74-primary-nav{display:flex;align-items:center;gap:21px;min-width:0;flex:1}.e74-primary-nav a,.e74-header-login,.e74-header-logout{white-space:nowrap;text-decoration:none;color:#cfcac1;font-size:14px}.e74-primary-nav a:hover,.e74-header-login:hover,.e74-header-logout:hover{color:var(--gold)}.e74-header-actions{display:flex;align-items:center;gap:15px}.e74-header-logout{font-size:12px}.e74-music-toggle,.e74-menu-toggle{width:38px;height:38px;border:1px solid var(--line);background:#1a1f24;color:var(--gold);font-size:19px;cursor:pointer}.e74-menu-toggle{display:none}.e74-mobile-nav{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(340px,90vw);overflow:auto;padding:60px 25px 25px;background:#1a1f24;border-left:1px solid var(--line);box-shadow:-20px 0 60px #0009}.e74-mobile-nav[hidden]{display:none}.e74-mobile-nav a{display:block;padding:12px;border-bottom:1px solid #ffffff18;text-decoration:none}.e74-mobile-close{position:absolute;right:18px;top:12px;border:0;background:none;color:var(--gold);font-size:32px;cursor:pointer}
.e74-livebar{background:#21262d;border-bottom:1px solid #2f3741;color:#d5c8ad}.e74-livebar .e74-container{display:flex;align-items:center;gap:18px;min-height:48px;font-size:14px}.e74-livebar a{margin-left:auto;color:var(--gold);font:700 11px var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.e74-live-pill{display:inline-block;flex:none;padding:7px 10px;background:#e39606;border-radius:4px;color:#fff;font:700 10px var(--mono);letter-spacing:.08em}.e74-newsbar{background:#1c2027;border-bottom:1px solid #2f3741}.e74-newsbar .e74-container{display:flex;gap:16px;align-items:center;min-height:38px;overflow:hidden}.e74-newsbar strong{flex:none;padding:6px 11px;background:#987526;color:#111;border-radius:3px;font:700 10px var(--mono);letter-spacing:.12em}.e74-newsbar a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6c0b4;text-decoration:none;font-size:14px}
.e74-hero{position:relative;overflow:hidden;min-height:720px;display:grid;align-items:center;text-align:center;isolation:isolate;background:#101718}.e74-hero-map{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080e12b8,#0b11129a 48%,#080e12b8),linear-gradient(0deg,#090a0b 0%,transparent 25%,transparent 75%,#090a0b 100%),url('../img/eloth-map.svg') center/cover no-repeat}.e74-hero-grain{position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:radial-gradient(#f4c766 1px,transparent 1px);background-size:103px 89px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.e74-hero-inner{padding-top:80px;padding-bottom:85px}.e74-kicker,.e74-eyebrow{display:flex;justify-content:center;align-items:center;gap:16px;margin:0;color:var(--gold);font:10px var(--mono);letter-spacing:.32em;text-transform:uppercase}.e74-kicker span{width:42px;height:1px;background:var(--gold)}.e74-hero h1{margin:20px 0 0;color:#f3f6f9;font-size:clamp(88px,13vw,174px);line-height:.95;letter-spacing:.065em;text-shadow:0 6px 30px #000}.e74-hero-state{display:flex;justify-content:center;align-items:center;gap:16px;margin:30px 0;color:var(--gold);font:11px var(--mono);letter-spacing:.25em}.e74-hero-description{max-width:740px;margin:0 auto;color:#dadcdf;font-size:clamp(19px,2.1vw,25px);line-height:1.62;text-shadow:0 2px 5px #000}.e74-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:32px 0}.e74-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:13px 23px;border-radius:4px;font:700 11px var(--mono);letter-spacing:.11em;text-decoration:none;text-transform:uppercase;transition:transform .2s,background .2s,border-color .2s}.e74-button:hover{transform:translateY(-2px)}.e74-button-gold{background:#f3980a;border:1px solid #ffae27;color:#fff;box-shadow:0 5px 25px #c16d0c33}.e74-button-outline{border:1px solid var(--gold);background:#101316cc;color:var(--gold)}.e74-button-text{color:#e5d1a4}.e74-hero-metrics{display:flex;justify-content:center;gap:0;margin:60px auto 0;max-width:650px;border:1px solid var(--line);background:#0b0d0dbb;backdrop-filter:blur(10px)}.e74-hero-metrics a{display:flex;flex:1;flex-direction:column;gap:5px;padding:18px 8px;text-decoration:none;border-right:1px solid var(--line)}.e74-hero-metrics a:last-child{border:0}.e74-hero-metrics strong{color:#f3d47f;font-size:27px}.e74-hero-metrics span{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}
.e74-section{padding:90px 0;background:#16191e;border-top:1px solid #ffffff0d}.e74-section-alt{background:#1c2027}.e74-section-head{text-align:center;margin:0 auto 42px}.e74-section-head h2,.e74-join h2,.e74-inner-heading h1{font-size:clamp(34px,4vw,54px);margin:15px 0 8px;color:#eceef0}.e74-section-head>p:last-child{font-size:17px;color:var(--muted)}.e74-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.e74-news-card,.e74-feature,.e74-ranking-card,.e74-rate-panel{border:1px solid var(--line);background:linear-gradient(150deg,#292f38,#21262d 55%,#171b20);box-shadow:0 20px 50px #0003}.e74-news-card{min-height:260px;padding:27px}.e74-news-card>span,.e74-feature b{font:10px var(--mono);letter-spacing:.13em;color:var(--gold)}.e74-news-card h3,.e74-feature h3{font-size:24px;margin:17px 0;color:#e0e6ed}.e74-news-card p,.e74-feature p{color:#b8b4ac;line-height:1.6;font-size:15px}.e74-news-card a{color:var(--gold);font:11px var(--mono);text-decoration:none}.e74-section-link{display:table;margin:26px auto 0;color:var(--gold);font:11px var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.e74-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.e74-feature{padding:26px;text-decoration:none;transition:transform .2s,border-color .2s}.e74-feature:hover{transform:translateY(-4px);border-color:var(--gold)}.e74-feature>span{color:var(--gold);font-size:31px}.e74-feature h3{font-size:23px}.e74-rate-panel{display:grid;grid-template-columns:repeat(3,1fr);padding:15px}.e74-rate-panel>div{padding:24px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.e74-rate-panel>div:nth-child(3n){border-right:0}.e74-rate-panel>div:nth-child(n+4){border-bottom:0}.e74-rate-panel span{display:block;color:var(--gold);font:10px var(--mono);letter-spacing:.14em;margin-bottom:10px}.e74-rate-panel strong{font-size:24px;font-weight:normal}.e74-ranking-card{max-width:800px;margin:auto;padding:10px 25px}.e74-ranking-card>a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;padding:17px 5px;border-bottom:1px solid var(--line);text-decoration:none}.e74-ranking-card>a:last-child{border:0}.e74-rank-no{color:var(--gold);font:700 18px var(--mono)}.e74-ranking-card>a>span:last-child{color:var(--muted);font:12px var(--mono)}.e74-join{text-align:center;background:radial-gradient(ellipse at center,#2f374155,transparent 60%),#13161a}.e74-join>div>p:not(.e74-eyebrow){color:var(--muted);font-size:19px}.e74-faq-container{max-width:830px}.e74-faq-container details{padding:20px 0;border-bottom:1px solid var(--line)}.e74-faq-container summary{cursor:pointer;font-size:19px}.e74-faq-container details p{line-height:1.6;color:var(--muted)}.e74-faq-container details a{color:var(--gold)}
.e74-inner-main{padding-top:70px;padding-bottom:100px;min-height:70vh}.e74-inner-heading{text-align:center;margin-bottom:45px}.e74-inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.e74-aac-card{min-width:0;overflow-x:auto;padding:26px;color:#2d343e;background:#ecdfc5;border:1px solid #a4864c;box-shadow:0 22px 60px #0007;font-family:Arial,sans-serif}.e74-aac-card a{color:#2f3741}.e74-aac-card table{max-width:100%}.e74-aac-card input,.e74-aac-card select,.e74-aac-card textarea{max-width:100%}.e74-inner-aside>div{padding:20px;margin-bottom:14px;border:1px solid var(--line);background:#20252c}.e74-inner-aside h2{font-size:18px;font-weight:normal}.e74-inner-aside a:not(.e74-button){color:var(--gold)}.e74-inner-aside .e74-button{width:100%;margin:5px 0;font-size:10px}
.e74-footer{padding:55px 0;background:#0a0c0f;border-top:1px solid var(--line)}.e74-footer .e74-container{display:flex;justify-content:space-between;gap:30px}.e74-footer strong{font-size:24px;letter-spacing:.18em}.e74-footer p{color:var(--muted);font-size:14px}.e74-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.e74-footer a{color:#bfb8aa;text-decoration:none;font-size:14px}.e74-footer a:hover{color:var(--gold)}
.e74-cookie{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px max(20px,calc((100vw - 1160px)/2));background:#1c2027ef;border-top:1px solid #6f5631;box-shadow:0 -10px 40px #0007;font-size:14px}.e74-cookie[hidden]{display:none}.e74-cookie button{border:0;border-radius:5px;background:#f3980a;color:#fff;padding:12px 20px;font:700 11px var(--mono);letter-spacing:.1em;cursor:pointer}.e74-visit{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:#040607c9;backdrop-filter:blur(5px)}.e74-visit[hidden]{display:none}.e74-visit>div{position:relative;width:min(100%,510px);padding:40px 30px;text-align:center;border:1px solid var(--line);background:#252b33;box-shadow:0 30px 100px #000}.e74-visit h2{font-size:38px}.e74-visit p{color:var(--muted);line-height:1.6}.e74-visit-close{position:absolute;right:14px;top:8px;background:none;border:0;color:var(--gold);font-size:30px;cursor:pointer}
@media(max-width:1200px){.e74-primary-nav{gap:13px}.e74-primary-nav a{font-size:12px}.e74-header-inner{gap:20px}}
@media(max-width:1000px){.e74-primary-nav{display:none}.e74-header-actions{margin-left:auto}.e74-menu-toggle{display:block}.e74-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.e74-container{width:min(100% - 30px,1160px)}.e74-header-inner{height:68px;width:calc(100% - 25px);gap:10px}.e74-brand{font-size:18px;letter-spacing:.09em}.e74-brand-mark{width:32px;height:36px;font-size:18px}.e74-header-login,.e74-header-logout{display:none}.e74-livebar .e74-container{flex-wrap:wrap;gap:8px;padding:9px 0;font-size:12px}.e74-livebar a{margin:0 0 0 auto}.e74-hero{min-height:620px}.e74-hero-inner{padding:65px 0}.e74-kicker{font-size:9px;letter-spacing:.16em}.e74-kicker span{width:20px}.e74-hero h1{font-size:clamp(65px,19vw,110px);letter-spacing:.02em}.e74-hero-state{flex-wrap:wrap;font-size:9px}.e74-hero-description{font-size:19px}.e74-hero-metrics{margin-top:35px}.e74-hero-metrics strong{font-size:22px}.e74-hero-metrics span{font-size:8px}.e74-section{padding:65px 0}.e74-news-grid,.e74-feature-grid{grid-template-columns:1fr}.e74-rate-panel{grid-template-columns:repeat(2,1fr)}.e74-rate-panel>div:nth-child(3n){border-right:1px solid var(--line)}.e74-rate-panel>div:nth-child(2n){border-right:0}.e74-rate-panel>div:nth-child(n+4){border-bottom:1px solid var(--line)}.e74-rate-panel>div:nth-child(n+5){border-bottom:0}.e74-inner-layout{grid-template-columns:1fr}.e74-inner-aside{display:none}.e74-aac-card{padding:12px}.e74-footer .e74-container{display:block}.e74-footer nav{margin-top:25px}.e74-cookie{display:block;text-align:center}.e74-cookie button{margin-top:12px;width:100%}}
@media(max-width:390px){.e74-brand{font-size:16px}.e74-music-toggle,.e74-menu-toggle{width:35px;height:35px}.e74-hero-metrics a{padding:15px 3px}.e74-button{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.e74-ticker-track{animation:none}.e74-button,.e74-feature{transition:none}}
/* AAC pages retain their server-side forms; neutralize old TibiaCom table artwork. */
.e74-aac-card{background:#262b34;color:#dadee2;border-color:var(--line)}
.e74-aac-card .TableContainer,.e74-aac-card .TableContent,.e74-aac-card .InnerTableContainer,.e74-aac-card .BoxContent,.e74-aac-card .CaptionContainer,.e74-aac-card table,.e74-aac-card tbody,.e74-aac-card tr,.e74-aac-card th,.e74-aac-card td{background-image:none!important;background-color:transparent!important;color:#dadee2!important}
.e74-aac-card .TableContainer,.e74-aac-card .TableContent,.e74-aac-card .InnerTableContainer{border:0!important;box-shadow:none!important}
.e74-aac-card table{border-collapse:collapse;max-width:100%!important;width:100%!important}.e74-aac-card td,.e74-aac-card th{padding:7px!important;border-bottom:1px solid #ffffff17!important;vertical-align:middle}
.e74-aac-card h1,.e74-aac-card h2,.e74-aac-card h3,.e74-aac-card strong,.e74-aac-card b{color:#f3d481}.e74-aac-card a{color:#f0c560!important}
.e74-aac-card input:not([type=checkbox]):not([type=radio]):not([type=submit]),.e74-aac-card select,.e74-aac-card textarea{min-height:34px;padding:6px 9px;border:1px solid #756943;border-radius:3px;background:#e8ebee!important;color:#262b34!important;font:14px Arial,sans-serif}
.e74-aac-card input[type=submit],.e74-aac-card button{padding:9px 18px;border:1px solid #f0b329;border-radius:3px;background:#e79813;color:#fff;font-weight:bold;cursor:pointer}
.e74-aac-card .CaptionContainer,.e74-aac-card .TableHeadline{border-bottom:1px solid var(--line);color:var(--gold)}
.e74-aac-card .TableContainer .LabelV{white-space:nowrap}
@media(max-width:700px){.e74-aac-card{font-size:13px}.e74-aac-card td,.e74-aac-card th{padding:4px!important}.e74-aac-card .TableContainer .LabelV{white-space:normal}}
.e74-aac-card *{background-image:none!important}
@media(max-width:700px){.e74-aac-card #createaccount .TableContent{table-layout:fixed!important;width:100%!important}.e74-aac-card #createaccount .TableContent td.LabelV{width:33%!important;white-space:normal!important}.e74-aac-card #createaccount .TableContent input:not([type=checkbox]):not([type=radio]):not([type=submit]),.e74-aac-card #createaccount .TableContent select{width:100%!important;min-width:0!important}.e74-aac-card #createaccount .TableContent td{overflow-wrap:anywhere}}
/* Nexuris's compact fantasy layout; all art is served locally. */
:root{--bg:#13161a;--panel:#22282f;--panel2:#1a1f24;--gold:#e9b646;--goldbright:#ffda73;--ink:#e3e6e9;--muted:#b9afa0;--line:rgba(222,166,68,.36)}
.e74-body{background:radial-gradient(circle at 50% 80%,#2e353f19,transparent 30%),#13161a}
.e74-container{width:min(760px,calc(100% - 32px))}.e74-header-inner{width:min(1300px,calc(100% - 36px));height:66px}.e74-header{background:#11191cdd;backdrop-filter:blur(12px)}.e74-brand{font-size:19px;letter-spacing:.17em}.e74-brand-mark{width:31px;height:35px;background:transparent;border:2px solid var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:var(--gold);font-size:17px}.e74-primary-nav{justify-content:center}.e74-primary-nav a{font-family:var(--serif);font-size:13px}.e74-ticker{height:23px;background:#171b20}.e74-livebar,.e74-newsbar{font-size:12px}.e74-livebar .e74-container,.e74-newsbar .e74-container{width:min(1300px,calc(100% - 36px))}
.e74-hero{min-height:700px;position:relative;background:#111a1e;overflow:hidden}.e74-hero-map{inset:0;background:linear-gradient(180deg,#07101355 0%,#0b1215aa 76%,#13161a 100%),url('../img/eloth-hero.webp') center 43%/cover no-repeat;opacity:1}.e74-hero-grain{opacity:.18}.e74-hero-inner{padding-top:110px;padding-bottom:85px}.e74-hero h1{font-size:clamp(92px,12vw,160px);line-height:.95;letter-spacing:.025em;text-shadow:0 7px 0 #2f3741,0 12px 22px #000,0 0 50px #000}.e74-kicker{color:#f4c65a;letter-spacing:.25em}.e74-hero-state{margin-top:22px}.e74-hero-description{max-width:600px;font-size:21px;line-height:1.5;text-shadow:0 2px 10px #000}.e74-hero-actions{gap:10px}.e74-button{border-radius:0;letter-spacing:.2em;box-shadow:inset 0 0 0 3px #ffffff12,0 8px 20px #0004}.e74-button-gold{background:linear-gradient(135deg,#f7d16a,#dca631);color:#1e232a}.e74-button-outline{background:#22282fe8;border-color:#a3752c}.e74-button:hover{transform:translateY(-3px);filter:brightness(1.13)}.e74-hero-metrics{margin-top:45px;background:#101312c9;border:1px solid var(--line);max-width:600px}.e74-hero-metrics a{border-color:var(--line)}
.e74-content-column{width:min(760px,calc(100% - 32px));margin:-24px auto 0;position:relative;z-index:2}.e74-content-column .e74-container{width:100%}.e74-section,.e74-section.e74-section-alt{padding:25px 0;background:transparent}.e74-section-head{text-align:left;margin-bottom:18px}.e74-section-head h2{font-size:30px;line-height:1.1;margin:7px 0 10px}.e74-section-head p:last-child{font-size:14px}.e74-eyebrow{font-size:10px;color:var(--gold);letter-spacing:.24em}.e74-start-panel{padding:27px 30px;background:linear-gradient(135deg,#152018,#111713);border:1px solid #45865c;box-shadow:0 18px 50px #0007}.e74-start-panel h2{font-size:26px;color:#79d99f;margin:12px 0}.e74-start-panel p{line-height:1.6;color:#d2dacb}.e74-start-panel strong{color:#80ec9c}.e74-start-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.e74-start-actions .e74-button{font-size:10px}.e74-rate-panel{display:block;padding:0;background:#22282f;border:1px solid var(--line)}.e74-rate-panel>div,.e74-rate-panel>div:nth-child(n){display:grid;grid-template-columns:35% 1fr;padding:13px 18px;border:0;border-bottom:1px solid #c1944330;gap:15px}.e74-rate-panel>div:last-child{border-bottom:0}.e74-rate-panel span{margin:0;font-size:10px}.e74-rate-panel strong{font:14px var(--mono);color:#dde2e8}.e74-promo-panel{margin:22px 0 12px;background:#1e232a;padding:10px;border:1px solid var(--gold);box-shadow:0 15px 40px #0007}.e74-frame-caption{text-align:center;color:var(--gold);font:700 11px var(--mono);letter-spacing:.2em;padding:5px 0 12px}.e74-promo-panel img{display:block;width:100%;height:auto;border:1px solid #a37830}.e74-promo-panel a{display:block;border:1px solid var(--line);color:var(--gold);font:700 11px var(--mono);letter-spacing:.2em;text-decoration:none;text-align:center;padding:14px;margin-top:8px}.e74-news-grid{grid-template-columns:1fr}.e74-news-card,.e74-feature,.e74-ranking-card,.e74-faq-container details{background:linear-gradient(125deg,#262b34,#1a1f24);border:1px solid var(--line);box-shadow:0 10px 30px #0004}.e74-news-card{min-height:0;padding:22px 26px}.e74-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.e74-feature{min-height:0;padding:19px 21px}.e74-feature h3{font-size:20px}.e74-ranking-card{max-width:none}.e74-faq-container details{margin:9px 0;padding:17px 20px}.e74-faq-container{max-width:none}.e74-join{margin:22px 0;border:1px solid var(--line);background:radial-gradient(circle at top,#2f374166,transparent 70%),#20252c}.e74-join .e74-container{padding:25px 15px}.e74-footer{margin-top:38px;padding:45px 0;background:#13161a}.e74-footer .e74-container{width:min(1000px,calc(100% - 36px))}.e74-inner-main{padding-top:42px;padding-bottom:80px}.e74-inner-heading{text-align:left;margin-bottom:22px}.e74-inner-heading h1{font-size:42px}.e74-inner-layout{grid-template-columns:minmax(0,1fr);gap:20px}.e74-inner-aside{display:flex;gap:14px}.e74-inner-aside>div{flex:1}.e74-aac-card{padding:26px;background:linear-gradient(140deg,#262b34,#191d22);box-shadow:0 18px 50px #0008}.e74-aac-card input[type=submit],.e74-aac-card button{background:#dca631;color:#1c2027;border-radius:0}.e74-cookie{padding:14px max(16px,calc((100vw - 760px)/2));background:#22272ef4}.e74-cookie button{background:var(--gold);color:#1a1e23;border-radius:0}.e74-visit>div{text-align:left;background:linear-gradient(145deg,#2b323c,#1e2229);border:1px solid #ae823c;border-radius:15px;padding:32px;box-shadow:0 30px 90px #000}.e74-visit h2{font-size:32px;text-transform:uppercase}.e74-visit .e74-button{width:100%;text-align:center}.e74-visit-close{color:#d3c4ab}
@media(max-width:700px){.e74-header-inner{height:65px}.e74-hero{min-height:680px}.e74-hero-map{background-position:50% center}.e74-hero-inner{padding:105px 0 55px}.e74-hero h1{font-size:clamp(65px,19vw,100px)}.e74-hero-description{font-size:18px}.e74-hero-metrics{margin-top:35px}.e74-content-column{margin-top:-12px}.e74-start-panel{padding:21px}.e74-start-actions .e74-button{flex:1;text-align:center}.e74-rate-panel>div,.e74-rate-panel>div:nth-child(n){grid-template-columns:42% 1fr;padding:12px}.e74-feature-grid{grid-template-columns:1fr}.e74-section-head h2{font-size:27px}.e74-inner-aside{display:block}.e74-inner-heading h1{font-size:34px}.e74-aac-card{padding:14px}.e74-footer .e74-container{display:block}}
@media(prefers-reduced-motion:reduce){.e74-button:hover{transform:none}}

/* ══════════════════════════════════════════════════════════════════════
   SYSTEM UKLADU — jedna os, jedna skala odstepow.
   Dopisane 16.09.2026. Ten blok celowo stoi na koncu: nadpisuje starsze
   warstwy bez ich kasowania, wiec kazda zmiane da sie cofnac usuwajac
   wszystko ponizej tego komentarza.
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --wrap:1100px;        /* wspolna os: naglowek, tresc, stopka */
  --wrap-text:720px;    /* kolumna czytelna dla dlugich tekstow */
  --gutter:24px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px;
  --radius:10px;
}

/* --- 1. JEDNA SZEROKOSC DLA WSZYSTKIEGO -------------------------------
   Bylo: tresc 760, naglowek 1300, livebar 1300, stopka 1000. */
.e74-container,
.e74-header-inner,
.e74-livebar .e74-container,
.e74-newsbar .e74-container,
.e74-footer .e74-container,
.e74-content-column{
  width:min(var(--wrap),calc(100% - var(--gutter) * 2));
  margin-inline:auto;
}
.e74-content-column .e74-container{width:100%}

/* --- 2. RYTM PIONOWY ZE WSPOLNEJ SKALI --------------------------------
   Bylo: 0, 22, 12, 0, 0, 22, 22, 38 px. Teraz jeden gap dla wszystkich. */
.e74-content-column{
  display:flex; flex-direction:column; gap:var(--s5);
  margin-top:var(--s5);
}
.e74-section,
.e74-section.e74-section-alt{padding-block:0}
.e74-promo-panel,
.e74-join{margin-block:0}
.e74-footer{margin-top:var(--s6)}

/* --- 3. HERO: 700 -> 460 px, zeby pierwszy ekran pokazal tresc -------- */
.e74-hero{min-height:460px}
.e74-hero-inner{padding-block:var(--s5)}

/* --- 4. SIATKI: rowne wysokosci i wiecej kolumn na szerokim ekranie --- */
.e74-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:var(--s2);
}
.e74-feature{height:100%;display:flex;flex-direction:column}
.e74-news-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:var(--s2);
}
.e74-news-card{height:100%;display:flex;flex-direction:column}

/* --- 5. PARY SEKCJI OBOK SIEBIE (siatka 12 kolumn) ------------------- */
.e74-duo{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s4);align-items:start}
.e74-duo>.e74-col-7{grid-column:span 7}
.e74-duo>.e74-col-5{grid-column:span 5}

/* --- 6. KOLUMNA CZYTELNA dla dlugich akapitow ------------------------ */
.e74-section-head p,
.e74-join p{max-width:var(--wrap-text)}

/* --- 7. PASEK COOKIE: jedna linia, na osi kontenera ------------------ */
.e74-cookie{
  padding:var(--s2) max(var(--gutter),calc((100vw - var(--wrap)) / 2));
  gap:var(--s3);
}

/* --- 8. PUNKTY LAMANIA ------------------------------------------------ */
@media(max-width:1000px){
  .e74-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e74-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e74-duo{grid-template-columns:1fr;gap:var(--s5)}
  .e74-duo>.e74-col-7,.e74-duo>.e74-col-5{grid-column:auto}
}
@media(max-width:700px){
  :root{--gutter:16px; --s5:32px; --s6:40px}
  .e74-hero{min-height:400px}
  .e74-feature-grid,.e74-news-grid{grid-template-columns:1fr}
  .e74-content-column{margin-top:var(--s4)}
}

/* --- 9. PRZELACZNIK JEZYKA ------------------------------------------- */
.e74-lang{display:flex;align-items:center;gap:2px;margin-right:var(--s1)}
.e74-lang-opt{
  display:block;padding:5px 7px;font:700 10px/1 var(--mono);letter-spacing:.08em;
  color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:4px;
  transition:color .15s,border-color .15s,background .15s;
}
.e74-lang-opt:hover{color:var(--goldbright);border-color:var(--line)}
.e74-lang-opt.is-on{color:#1c2027;background:var(--gold);border-color:var(--gold)}
@media(max-width:700px){.e74-lang-opt{padding:5px 5px;font-size:9px}}

/* --- 10. PODTYTUL, gdy podstrona ma wlasny <h1> --------------------- */
.e74-inner-title-sub{
  font:700 clamp(22px,3vw,32px)/1.15 var(--serif);
  color:var(--ink);margin:4px 0 0;
}

/* ============================================================================
   TELEFON — blok musi byc NA KONCU pliku.
   Reguly @media z linii 11-15 sa nadpisywane przez skorke Nexurisa z linii
   30-34: media query nie podnosi waznosci, a skorka jest pozniej w pliku.
   Dlatego mobilne wartosci ustawiamy tutaj, po wszystkim innym.
   Sprawdzone na 360 / 375 / 414 px — strona nie przewija sie w poziomie.
   ============================================================================ */
@media(max-width:1000px){
  .e74-primary-nav{display:none}
  .e74-menu-toggle{display:grid}
  .e74-inner-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  /* naglowek: marka + akcje musza zmiescic sie w jednym wierszu */
  .e74-header-inner{height:62px;width:calc(100% - 24px);gap:8px}
  .e74-brand{font-size:15px;letter-spacing:.06em;gap:7px;min-width:0}
  .e74-brand-mark{width:27px;height:30px;font-size:15px}
  .e74-header-actions{gap:8px;min-width:0}
  .e74-header-login,.e74-header-logout{display:none}
  .e74-lang{gap:3px}
  .e74-lang-opt{padding:4px 6px;font-size:9px}
  .e74-music-toggle,.e74-menu-toggle{width:31px;height:31px;font-size:15px}

  /* paski nad i pod naglowkiem */
  .e74-ticker{height:20px;font-size:9px}
  .e74-livebar .e74-container,.e74-newsbar .e74-container{width:calc(100% - 24px);flex-wrap:wrap;gap:7px;padding:8px 0}
  .e74-livebar a{margin-left:0}
  .e74-newsbar a{white-space:normal}

  /* ekran powitalny */
  .e74-hero{min-height:560px}
  .e74-hero-inner{padding:70px 0 45px}
  .e74-hero h1{font-size:clamp(52px,17vw,88px);letter-spacing:.01em;text-shadow:0 4px 0 #2f3741,0 8px 16px #000}
  .e74-hero-description{font-size:16px;line-height:1.5}
  .e74-hero-state{font-size:9px;gap:8px}
  .e74-kicker,.e74-eyebrow{font-size:9px;letter-spacing:.14em}
  .e74-kicker span{width:18px}
  .e74-hero-metrics{flex-wrap:wrap;margin-top:28px}
  .e74-hero-metrics a{flex:1 1 45%;border-right:0;border-bottom:1px solid var(--line);padding:13px 6px}
  .e74-hero-metrics strong{font-size:20px}
  .e74-hero-actions .e74-button{flex:1 1 100%}

  /* tresc */
  .e74-container,.e74-content-column{width:calc(100% - 24px)}
  .e74-section,.e74-section.e74-section-alt{padding:18px 0}
  .e74-section-head h2{font-size:25px}
  .e74-news-grid,.e74-feature-grid{grid-template-columns:minmax(0,1fr)}
  .e74-rate-panel>div,.e74-rate-panel>div:nth-child(n){grid-template-columns:48% 1fr;padding:11px 14px;gap:10px}
  .e74-inner-main{padding-top:26px;padding-bottom:50px}
  .e74-inner-heading h1{font-size:30px;line-height:1.12;word-break:break-word}
  .e74-aac-card{padding:14px;border-radius:3px}
  .e74-inner-aside{display:block}
  .e74-footer{padding:32px 0}
  .e74-footer .e74-container{display:block}
  .e74-footer nav{gap:14px;flex-wrap:wrap;margin-top:14px}

  /* pasek cookie nie moze zaslaniac pol ekranu */
  .e74-cookie{flex-wrap:wrap;gap:10px;padding:12px}
  .e74-cookie button{width:100%}

  /* dlugie adresy nie rozpychaja strony.
     UWAGA: "anywhere" tylko dla linkow i akapitow. Na komorkach tabeli lamalo
     krotkie etykiety formularzy litera po literze (td.LabelV ma 17px szerokosci). */
  .e74-aac-card a,.e74-aac-card p{overflow-wrap:anywhere}
  .e74-aac-card td{overflow-wrap:break-word}
  .e74-aac-card td.LabelV,.e74-aac-card td.LabelH,.e74-aac-card td.Label{min-width:104px;overflow-wrap:normal;word-break:normal}
  .e74-aac-card img{max-width:100%;height:auto}
  .e74-aac-card textarea,.e74-aac-card input:not([type=checkbox]):not([type=radio]),.e74-aac-card select{max-width:100%;width:100%}
}
@media(max-width:430px){
  .e74-header-inner{width:calc(100% - 18px);gap:6px}
  .e74-brand{font-size:13px;letter-spacing:.04em}
  .e74-brand-mark{width:24px;height:27px;font-size:13px}
  .e74-header-actions{gap:6px}
  .e74-music-toggle{display:none}          /* muzyka to dodatek, na malym ekranie ustepuje miejsca */
  .e74-menu-toggle{width:30px;height:30px}
  .e74-lang-opt{padding:4px 5px}
  .e74-container,.e74-content-column{width:calc(100% - 18px)}
  .e74-inner-heading h1{font-size:26px}
  .e74-hero h1{font-size:clamp(44px,16vw,70px)}
  .e74-aac-card{padding:11px}
}


/* --- Karta aktualnosci: klikalna w calosci ---------------------------------
   Wczesniej klikalny byl tylko maly odnosnik na dole, a i on prowadzil do
   ogolnej listy zamiast do konkretnej wiadomosci. Teraz caly kafelek jest
   linkiem (rozciagniety ::after), wiec klikniecie gdziekolwiek dziala. */
.e74-news-card{position:relative;transition:border-color .18s ease,transform .18s ease}
.e74-news-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.e74-news-card .e74-news-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.e74-news-card .e74-news-link:focus-visible{outline:2px solid var(--goldbright);outline-offset:3px}

/* ===========================================================================
   PALETA NEXURIS — 16.09.2026
   ---------------------------------------------------------------------------
   Powod zmiany: cala strona miescila sie w wycinku 30-60 stopni kola barw
   (same warianty pomaranczowego brazu), a wszystkie powierzchnie mialy jasnosc
   6%, 8% i 10% — cztery punkty roznicy. Oko nie odrozniało tla od panelu,
   wiec strona czytala sie jak jedna plaska plama.

   Co zrobione:
   1. Ziemia jest CHLODNA (odcien ~215) zamiast brazowa — dopiero na zimnym tle
      zloto wyglada na cieple. Zloto zostaje bez zmian, bo bylo dobre.
   2. Powierzchnie dostaly rozstaw jasnosci 5 / 11 / 17%, wiec panele odcinaja
      sie od tla, a karty od paneli.
   3. Doszedl zimny akcent --arcane. Nie jest wymyslony: to blekit many z HUD-a
      Tibii. Razem z nim --ember (zycie) i --moss (kondycja) — wylacznie do
      znaczen, nie do dekoracji.

   Ten blok jest CELOWO na koncu pliku. Wczesniejsze :root (linie 1, 30, 44)
   sa nadpisywane przez pozniejsze, wiec zmiana tam nie zadzialalaby.
   Kopia poprzedniej wersji: eloth74-modern.css.bak-przed-paleta
   =========================================================================== */
:root{
  --bg:#0b0e14;
  --panel:#131a26;
  --panel2:#1c2534;
  --gold:#e9b646;
  --goldbright:#ffd579;
  --ink:#eef1f6;
  --muted:#8f9cb0;
  --line:rgba(233,182,70,.28);
  --arcane:#57a9ec;
  --arcane-dim:rgba(87,169,236,.16);
  --ember:#d4574e;
  --moss:#5fbf7a;
  --green:#5fbf7a;
}

/* --- gdzie pracuje zimny akcent ------------------------------------------ */
/* Nadkreslenia sekcji: byly zlote jak wszystko inne, wiec nic nie wnosily.
   Na zimno od razu widac, gdzie zaczyna sie nowa czesc strony. */
.e74-eyebrow{color:var(--arcane);letter-spacing:.2em}

/* Odnosnik "wiecej" na koncu sekcji - zimny, zeby nie konkurowal ze zlotymi
   przyciskami akcji (zaloz konto, pobierz klienta). */
.e74-section-link{color:var(--arcane);border-bottom-color:var(--arcane-dim)}
.e74-section-link:hover{color:#8cc6f5}

/* Widoczny stan skupienia klawiatury - wczesniej nie bylo go wcale. */
a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible{
  outline:2px solid var(--arcane);outline-offset:2px;border-radius:2px
}

/* Kropka stanu serwera - zielen kondycji zamiast zlota, zeby odrozniala sie
   od reszty oprawy. */
.e74-live-dot{background:var(--moss);box-shadow:0 0 8px rgba(95,191,122,.7)}

/* --- glebia zamiast plaskich prostokatow --------------------------------- */
/* Panele dostaja delikatny gradient i cien. Motyw ma regule
   ".e74-aac-card * {background-image:none!important}", ktora zabija gradienty
   wewnatrz karty tresci - dlatego tutaj !important. */
.e74-stat,.e74-news-card,.e74-feature,.e74-panel{
  background-image:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 6px 18px rgba(0,0,0,.35)
}

/* --- karta aktualnosci --------------------------------------------------- */
/* Przy jednym wpisie siatka na trzy kolumny zostawiala dwie dziury i wygladalo
   to na blad. Teraz siatka dopasowuje sie do liczby wpisow. */
.e74-news-grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))
}
.e74-news-grid:has(> .e74-news-card:only-child){max-width:640px}
.e74-news-card h3{color:var(--ink)}
.e74-news-card span{color:var(--arcane);font-size:12px;letter-spacing:.1em}

/* --- kafelki stawek ------------------------------------------------------ */
/* "Parametry swiata" byly szescioma wierszami tekstu. Stawki to pierwsza rzecz,
   ktorej szuka gracz wybierajacy serwer - maja czytac sie bez czytania. */
.e74-stat strong,.e74-stat b{color:var(--goldbright)}
.e74-stat:hover{border-color:var(--arcane)}

/* --- znak marki ----------------------------------------------------------
   Byla to litera "N" w rombie robionym clip-path. Teraz jest rysowany znak
   (pierscien przejscia), wiec kasujemy romb i tlo, a zostawiamy sam rozmiar.
   Kolor zewnetrznego pierscienia idzie z currentColor, zeby dziedziczyl
   zloto z naglowka. */
.e74-brand-mark{
  clip-path:none!important;background:transparent!important;border:0!important;
  color:var(--gold);width:38px!important;height:38px!important;padding:0
}
.e74-brand-mark svg{width:100%;height:100%;display:block}
.e74-brand:hover .e74-brand-mark{color:var(--goldbright)}
@media (max-width:1000px){.e74-brand-mark{width:32px!important;height:32px!important}}
@media (max-width:700px){.e74-brand-mark{width:30px!important;height:30px!important}}

/* --- naglowek strony: wciagniecie grafiki w palete ------------------------
   Grafika zamku jest ciemnoczerwona i ciagnela caly pierwszy ekran w brazy.
   Zamiast ja podmieniac (nie mam zamiennika tej jakosci), naklada sie na nia
   chlodna zaslona: niebieska przy krawedziach, przezroczysta w srodku.
   Efekt: pochodnie i srodek kadru zostaja cieple, a rogi wpasowuja sie w reszte
   strony. Klasyczny zabieg - kolor ciepla trzyma sie tam, gdzie jest ogien. */
.e74-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 78% 62% at 50% 46%, transparent 0%, rgba(11,14,20,.30) 62%, rgba(11,14,20,.72) 100%),
    linear-gradient(180deg, rgba(87,169,236,.14) 0%, transparent 34%, transparent 62%, rgba(11,14,20,.92) 100%)
}
/* Delikatna poswiata pod napisem NEXURIS, zeby tytul odkleil sie od tla. */
.e74-hero-inner{position:relative}
.e74-hero-inner::before{
  content:"";position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);
  width:min(780px,92%);height:340px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(233,182,70,.13), transparent 68%)
}

/* --- kafelki stanu serwera ----------------------------------------------
   Trzy identyczne prostokaty ("0 graczy online / 8 kont / 7.73") nie mowily,
   ktory z nich jest wazny. Liczba online dostaje wlasny kolor i reaguje na
   to, czy ktos gra; reszta zostaje spokojna. */
.e74-hero-metrics > a{
  background:rgba(19,26,38,.78);backdrop-filter:blur(3px);
  transition:background .2s ease,border-color .2s ease
}
.e74-hero-metrics > a:hover{background:rgba(28,37,52,.9);border-color:var(--arcane)}
.e74-hero-metrics > a strong{color:var(--goldbright)}
/* Liczba graczy online to najwazniejsza liczba na stronie, wiec dostaje wlasny
   kolor (zielen kondycji z HUD-a), a nie to samo zloto co reszta. Kolor jest
   staly niezaleznie od stanu - wygaszanie przy zerze wymagaloby klasy z PHP. */
.e74-hero-metrics > a:first-child strong{color:var(--moss)}
.e74-hero-metrics > a:first-child span{color:var(--muted)}

/* --- grupa "Baza" w gornym menu -------------------------------------------
   Cztery strony bazy gry (Potwory, Bossowie, Przedmioty, Zaklecia) byly
   dostepne tylko z menu telefonu i z paska na samych podstronach. W gornym
   menu na laptopie ich nie bylo. Wrzucone jako jedna grupa, zeby pasek
   nawigacji sie nie rozjechal.
   Otwiera sie najechaniem myszka ORAZ przez klawiature (focus-within), zeby
   dalo sie tam dojsc tabulatorem. */
.e74-nav-group{position:relative;display:inline-flex}
.e74-nav-trigger{
  display:inline-flex;align-items:center;gap:5px;
  background:none;border:0;padding:0;margin:0;cursor:pointer;
  font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit
}
.e74-nav-trigger span{font-size:.72em;opacity:.7;transition:transform .16s ease}
.e74-nav-group:hover .e74-nav-trigger span,
.e74-nav-group:focus-within .e74-nav-trigger span{transform:translateY(1px)}
.e74-nav-trigger:hover,.e74-nav-group:focus-within .e74-nav-trigger{color:var(--goldbright)}

.e74-nav-drop{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:184px;padding:7px;z-index:60;
  display:flex;flex-direction:column;gap:2px;
  background:var(--panel2);border:1px solid var(--line);border-radius:7px;
  box-shadow:0 12px 28px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s
}
.e74-nav-group:hover .e74-nav-drop,
.e74-nav-group:focus-within .e74-nav-drop{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)
}
/* pas bez dziury miedzy przyciskiem a lista, zeby kursor nie "gubil" menu */
.e74-nav-group::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}
.e74-nav-drop a{
  display:block;padding:8px 12px;border-radius:4px;white-space:nowrap;
  color:var(--ink);text-decoration:none
}
.e74-nav-drop a:hover{background:var(--panel);color:var(--goldbright)}
@media (prefers-reduced-motion:reduce){
  .e74-nav-drop,.e74-nav-trigger span{transition:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   NOWE MENU GORNE — 18.09.2026
   Zgloszenie Bartosza: "po zalogowaniu za duzo pozycji jest w menu i zjada
   miejsce, jakby sie rozwala" oraz "to menu u gory malo widoczne i lipne jest".
   Trzy przyczyny, wszystkie usuniete tutaj:
   1. Pasek ROSL po zalogowaniu (dochodzily dwa linki tekstowe). Teraz zalogowany
      ma JEDEN zeton konta i pasek jest wezszy niz dla gosci - odwrotnie niz bylo.
   2. Ktos zunifikowal wszystkie szerokosci do --wrap:1100px i tym samym zwezil
      naglowek o 200 px. Naglowek dostaje z powrotem wlasna, szersza os.
   3. Nawigacja byla samym tekstem lezacym na tle. Teraz ma tlo, obramowanie
      i wyrazny stan "tu jestes".
   ═══════════════════════════════════════════════════════════════════════════ */

/* Naglowek szerszy niz tresc: odzyskane 140 px pozwala zmiescic szesc pozycji
   razem ze strefa konta i przelacznikiem jezyka - takze po portugalsku. */
.e74-header-inner{width:min(1240px,calc(100% - var(--gutter) * 2))}

/* Pasek przyklejony do gory: nawigacja jest pod reka na dlugich stronach (wiki
   ma kilka tysiecy pikseli). scroll-margin-top pilnuje, zeby kotwice nie
   wpadaly POD pasek - inaczej naprawione dzisiaj kotwice ladowalyby pod nim. */
.e74-header{position:sticky;top:0}
[id]{scroll-margin-top:92px}

/* ── Pozycje paska ─────────────────────────────────────────────────────── */
.e74-primary-nav{gap:2px}
.e74-nav-link,
.e74-nav-trigger{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 13px;border:1px solid transparent;border-radius:9px;
  background:transparent;color:var(--ink);
  font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.01em;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.e74-nav-link:hover,.e74-nav-trigger:hover,
.e74-nav-group:hover .e74-nav-trigger,
.e74-nav-group:focus-within .e74-nav-trigger{
  background:var(--panel2);border-color:var(--line);color:var(--goldbright);
}
.e74-nav-link:focus-visible,.e74-nav-trigger:focus-visible,
.e74-account-chip:focus-visible,.e74-header-cta:focus-visible{
  outline:2px solid var(--arcane,#57a9ec);outline-offset:2px;
}
/* Stan "tu jestes": zloty spod i cieplejszy kolor napisu. */
.e74-nav-link.is-on,.e74-nav-trigger.is-on{
  background:linear-gradient(180deg,rgba(233,182,70,.12),rgba(233,182,70,.04));
  border-color:var(--line);color:var(--goldbright);
  box-shadow:inset 0 -2px 0 var(--gold);
}

/* Strzalka rysowana w CSS, nie znakiem. Powod jest konkretny: cala strona
   przechodzi przez nx_tresc(), ktore podmienia wezly tekstowe wedlug slownika,
   a w slownikach siedza klucze jednoliterowe - znak "▾" w tresci to proszenie
   sie o klopoty. */
.e74-nav-caret{
  width:0;height:0;margin-left:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.65;
  transition:transform .16s ease,opacity .16s ease;
}
.e74-nav-group:hover .e74-nav-caret,
.e74-nav-group:focus-within .e74-nav-caret{transform:translateY(2px);opacity:1}

/* ── Rozwiniecia ───────────────────────────────────────────────────────── */
.e74-nav-drop{min-width:210px;padding:7px;border-radius:12px}
.e74-nav-drop-prawy{right:0;left:auto}
.e74-nav-drop a{
  display:block;padding:9px 11px;border-radius:8px;
  color:var(--ink);text-decoration:none;font-size:13.5px;white-space:nowrap;
}
.e74-nav-drop a:hover{background:var(--panel2);color:var(--goldbright)}
.e74-nav-drop a.is-on{color:var(--goldbright);box-shadow:inset 2px 0 0 var(--gold)}
/* Pierwszy wiersz grupy jako wejscie glowne - np. "Pelny ranking" w grupie
   Ranking, zeby zamiana linku na grupe nie kosztowala kliknecia. */
.e74-nav-lead{
  font-weight:700;border-bottom:1px solid var(--line);
  border-radius:8px 8px 0 0;margin-bottom:4px;padding-bottom:10px !important;
}
.e74-nav-wyjscie{
  margin-top:4px;border-top:1px solid var(--line);
  border-radius:0 0 8px 8px;padding-top:10px !important;color:#f0938b !important;
}

/* ── Strefa konta ──────────────────────────────────────────────────────── */
.e74-header-actions{gap:8px}
.e74-account-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border:1px solid var(--line);border-radius:100px;
  background:var(--panel);color:var(--ink);font:inherit;font-size:13px;
  font-weight:600;cursor:pointer;white-space:nowrap;
}
.e74-account-chip:hover{border-color:var(--gold);color:var(--goldbright)}
.e74-account-mark{
  width:16px;height:16px;flex:0 0 16px;transform:rotate(45deg);
  border:2px solid var(--gold);border-radius:3px;
}
.e74-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.e74-header-cta{
  display:inline-flex;align-items:center;padding:9px 16px;border-radius:100px;
  background:var(--gold);color:#0b0e14;font-size:13px;font-weight:700;
  letter-spacing:.02em;text-decoration:none;white-space:nowrap;
}
.e74-header-cta:hover{filter:brightness(1.08)}

/* ── Telefon: szuflada z tej samej tablicy menu ────────────────────────── */
@media(max-width:1000px){
  /* Zeton konta ZOSTAJE w pasku - wczesniej CSS ukrywal oba linki konta i
     zalogowany gracz nie mial z paska zadnego wejscia do swojego konta. */
  .e74-account{display:inline-flex}
  .e74-header-cta{display:none}
  .e74-header-login{display:inline-flex}
  .e74-account-name{display:none}
  .e74-account-chip{padding:8px 10px}
}
.e74-mobile-konto{display:flex;gap:8px;margin:6px 0 14px}
.e74-mobile-glowny{
  flex:1;padding:12px;border-radius:10px;background:var(--gold);color:#0b0e14;
  font-weight:700;text-align:center;text-decoration:none;
}
.e74-mobile-drugi{
  flex:1;padding:12px;border-radius:10px;border:1px solid var(--line);
  color:var(--ink);text-align:center;text-decoration:none;
}
.e74-mobile-pobierz{
  display:block;margin-bottom:16px;padding:12px;border-radius:10px;
  border:1px solid var(--gold);color:var(--goldbright);
  font-weight:700;text-align:center;text-decoration:none;
}
.e74-mobile-grupa{border-top:1px solid var(--line)}
.e74-mobile-grupa summary{
  padding:13px 4px;color:var(--muted);font-size:12px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;cursor:pointer;list-style:none;
}
.e74-mobile-grupa summary::-webkit-details-marker{display:none}
.e74-mobile-grupa summary::after{content:"+";float:right;font-size:15px}
.e74-mobile-grupa[open] summary::after{content:"–"}
.e74-mobile-link{display:block;padding:11px 14px;border-radius:8px;color:var(--ink);text-decoration:none}
.e74-mobile-link.is-on{background:var(--panel2);color:var(--goldbright);box-shadow:inset 2px 0 0 var(--gold)}
.e74-mobile-stopka{display:flex;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.e74-mobile-stopka a{color:var(--muted);font-size:13px;text-decoration:none}
.e74-mobile-jezyki{display:flex;gap:8px;margin-top:14px}

@media(max-width:1200px){
  .e74-nav-link,.e74-nav-trigger{padding:8px 10px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .e74-nav-link,.e74-nav-trigger,.e74-nav-caret{transition:none}
}

/* ══════════════════════════════════════════════════════════════════════
   STOPKA W CZTERECH KOLUMNACH  (18.09.2026)
   Stara stopka miala cztery linki w jednym rzedzie, wiec kilkanascie
   gotowych podstron bylo nieosiagalnych z nawigacji. Kolumny buduje
   tablica $nxStopka w index.php.

   UWAGA na specyficznosc: wyzej w tym pliku stoi regula ".e74-footer nav"
   (klasa + typ = mocniejsza niz sama klasa), dlatego kolumny trzeba
   celowac selektorem "nav.e74-footer-cols", inaczej wraca display:flex.
   ══════════════════════════════════════════════════════════════════════ */
.e74-footer .e74-container{
  width:min(1240px,calc(100% - 36px));
  display:grid;
  grid-template-columns:minmax(210px,1fr) 3fr;
  gap:34px;
  align-items:start;
}
.e74-footer-brand p{margin:10px 0 15px;max-width:34ch}
.e74-footer-discord{
  display:inline-block;
  padding:9px 16px;
  border:1px solid var(--line);
  color:var(--gold);
  font:700 11px var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
}
.e74-footer-discord:hover{border-color:var(--gold)}
.e74-footer nav.e74-footer-cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.e74-footer-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.e74-footer-col h3{
  margin:0 0 4px;
  color:#e7e2d6;
  font:700 11px var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.e74-footer-col a{font-size:13px;line-height:1.35}

@media(max-width:1000px){
  .e74-footer .e74-container{grid-template-columns:1fr;gap:28px}
  .e74-footer nav.e74-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  /* Na telefonie kolumny jedna pod druga - inaczej etykiety po portugalsku
     (najdluzsze z trzech jezykow) lamia sie po kazdym slowie. */
  .e74-footer .e74-container{display:block}
  .e74-footer-brand{margin-bottom:26px}
  .e74-footer nav.e74-footer-cols{grid-template-columns:1fr;gap:20px}
}