:root{
    --design-width:1672;
    --design-height:941;
    --page-scale:1;
    color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}

html{
    width:100%;
    min-width:320px;
    min-height:100%;
    overflow-x:clip;
    background:#02070d;
    scrollbar-width:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
    width:0;
    height:0;
}

body{
    width:100%;
    max-width:100%;
    margin:0;
    min-width:320px;
    min-height:100vh;
    min-height:100svh;
    overflow-x:clip;
    overflow-y:auto;
    color:#eef6ff;
    background:#02070d;
}

/*
 * v44: plansza ma prawdziwy rozmiar viewportu, a nie stałe 1672 px
 * pomniejszone przez transform. Dzięki temu fokus nie może przewinąć strony
 * poziomo ani przesunąć całego HUD-u w lewo.
 */
.page-fit{
    position:relative;
    width:100%;
    max-width:100%;
    margin:0;
    overflow:clip;
}

.reference-canvas{
    position:relative;
    width:100%;
    max-width:100%;
    aspect-ratio:1672 / 941;
    overflow:hidden;
    isolation:isolate;
    background:#03080e;
    contain:layout paint;
}

.reference-art{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:fill;
    image-rendering:auto;
    image-rendering:-webkit-optimize-contrast;
    filter:contrast(1.018) saturate(1.012);
    user-select:none;
    pointer-events:none;
}

/*
 * v45: puste okno w miejscu dawnego podglądu panelu administratora.
 * Nakładka przykrywa całe wnętrze starego modułu, ale pozostawia
 * widoczną zewnętrzną czerwono-niebieską ramę HUD-u.
 */
.admin-placeholder{
    position:absolute;
    z-index:4;
    left:72.129187%;
    top:44.952179%;
    width:24.043062%;
    height:40.170032%;
    overflow:hidden;
    pointer-events:none;
    clip-path:polygon(2.2% 0,97.8% 0,100% 2.4%,100% 97.6%,97.8% 100%,2.2% 100%,0 97.6%,0 2.4%);
    background:
        radial-gradient(circle at 50% 8%,rgba(14,48,68,.12),transparent 48%),
        linear-gradient(180deg,#06101a 0%,#030a11 25%,#02070d 100%);
    box-shadow:
        inset 0 0 0 1px rgba(70,103,123,.16),
        inset 0 1px 0 rgba(118,160,184,.05),
        inset 0 -1px 0 rgba(8,71,103,.10),
        inset 0 0 38px rgba(0,0,0,.64);
}

.admin-placeholder::before{
    content:"";
    position:absolute;
    inset:2.4% 2.1%;
    clip-path:inherit;
    border:1px solid rgba(51,79,95,.09);
    box-shadow:inset 0 0 22px rgba(4,24,37,.18);
}

.translation-request-promo{pointer-events:auto;padding:4% 7% 3%;color:#dbe7ef;font-family:"Segoe UI",Arial,sans-serif}.translation-request-promo::before{pointer-events:none}.translation-request-promo header span{color:#ff4b58;font-size:clamp(4px,.42vw,7px);font-weight:900;letter-spacing:.12em}.translation-request-promo h2{margin:1.5% 0 2%;color:#f1f7fb;font-size:clamp(10px,1.08vw,18px);line-height:1;text-transform:uppercase}.translation-request-promo>p{margin:0 0 2%;color:#91a4b1;font-size:clamp(4px,.42vw,7px);line-height:1.25}.translation-request-promo .priority{padding:2.2%;border-left:2px solid #f02d3b;color:#ff5965;background:rgba(62,5,11,.48);font-weight:800}.translation-request-promo form{display:grid;grid-template-columns:1fr 1fr;gap:3%;margin-top:2.8%}.translation-request-promo label{display:grid;gap:3px;min-width:0;color:#79909e;font-size:clamp(3.5px,.34vw,5.8px);font-weight:800;text-transform:uppercase}.translation-request-promo input,.translation-request-promo select{min-width:0;height:clamp(23px,2.1vw,35px);padding:0 8%;border:1px solid #284e65;outline:0;color:#dbe8f0;background:#041019;font:inherit}.translation-request-promo input:focus,.translation-request-promo select:focus{border-color:#28bdf7}.translation-request-promo button{grid-column:1/-1;height:clamp(24px,2.3vw,38px);border:1px solid #ff4350;color:#fff;background:linear-gradient(#bb1d29,#690a11);cursor:pointer;font-size:clamp(4.5px,.44vw,7.5px);font-weight:900;letter-spacing:.04em;clip-path:polygon(3% 0,97% 0,100% 18%,100% 82%,97% 100%,3% 100%,0 82%,0 18%)}.translation-request-promo button:hover{filter:brightness(1.16)}

.interaction-layer{
    position:absolute;
    inset:0;
    z-index:10;
    pointer-events:none;
}

.hotspot{
    --x:0%;
    --y:0%;
    --w:.1%;
    --h:.1%;
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:var(--w);
    height:var(--h);
    display:block;
    min-width:0;
    min-height:0;
    padding:0;
    border:0;
    outline:0;
    border-radius:2px;
    pointer-events:auto;
    cursor:pointer;
    color:transparent;
    background:transparent;
    -webkit-tap-highlight-color:transparent;
}

.hotspot span{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.hotspot.chat-nav{display:flex;align-items:center;justify-content:center;color:#e7f0f5;background:#030a10;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(6px,.62vw,10px);font-weight:850;text-transform:uppercase}.hotspot.chat-nav span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;color:inherit}.hotspot.chat-nav::before{content:"◉";margin-right:.55em;color:#ff3c49}.hotspot.chat-nav:hover{color:#fff;background:#07141e;box-shadow:inset 0 -2px #ff3342}

/* Fokus jest wyłącznie wewnętrzny — nigdy nie zwiększa obszaru elementu. */
.hotspot:focus-visible{
    outline:0;
    box-shadow:inset 0 0 0 1px rgba(48,186,255,.92),inset 0 0 12px rgba(48,186,255,.24);
}

.hotspot.button-hit:hover,
.hotspot.card-hit:hover,
.hotspot.latest-hit:hover{
    background:linear-gradient(135deg,rgba(255,43,52,.025),rgba(24,168,255,.025));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 0 14px rgba(24,168,255,.06);
}

/*
 * v44: prawdziwa wyszukiwarka przykrywa rozmyty napis z grafiki bazowej.
 * Ramka odpowiada dokładnie polu z referencji (1128–1303 × 22–62).
 * Wszystkie efekty są rysowane do środka, więc nic nie wystaje i nic się nie przesuwa.
 */
.search-hotspot{
    position:absolute;
    z-index:20;
    left:67.464115%;
    top:2.337938%;
    width:10.466507%;
    height:4.250797%;
    margin:0;
    padding:0;
    overflow:hidden;
    contain:paint;
    border:0;
    outline:0;
    border-radius:0;
    clip-path:polygon(4% 0,96% 0,100% 15%,100% 85%,96% 100%,4% 100%,0 85%,0 15%);
    background:linear-gradient(180deg,rgba(2,7,12,.995),rgba(0,4,9,.995));
    box-shadow:
        inset 0 0 0 1px rgba(92,128,151,.20),
        inset 0 -1px 0 rgba(18,110,154,.16),
        inset 0 0 11px rgba(10,63,91,.07);
    transition:box-shadow .16s ease,background-color .16s ease;
}

.search-hotspot:focus-within{
    background:linear-gradient(180deg,rgba(2,10,16,.998),rgba(0,7,13,.998));
    box-shadow:
        inset 0 0 0 1px rgba(26,187,255,.96),
        inset 0 0 0 2px rgba(8,91,135,.34),
        inset 0 0 14px rgba(13,159,224,.23);
}

.search-hotspot input{
    position:absolute;
    z-index:2;
    inset:0 auto 0 0;
    width:76%;
    height:100%;
    min-width:0;
    margin:0;
    padding:0 clamp(7px,calc(10px * var(--page-scale)),10px)
             0 clamp(9px,calc(15px * var(--page-scale)),15px);
    border:0;
    outline:0;
    color:#c2ced8;
    caret-color:#28c4ff;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    box-shadow:none;
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:clamp(9px,calc(11px * var(--page-scale)),11px);
    font-weight:500;
    line-height:1;
    letter-spacing:.01em;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

.search-hotspot input::placeholder{
    color:#778491;
    opacity:.84;
}

.search-hotspot input::-webkit-search-decoration,
.search-hotspot input::-webkit-search-cancel-button,
.search-hotspot input::-webkit-search-results-button,
.search-hotspot input::-webkit-search-results-decoration{
    display:none;
    -webkit-appearance:none;
}

.search-hotspot button{
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    width:24%;
    height:100%;
    min-width:0;
    margin:0;
    padding:0;
    overflow:hidden;
    border:0;
    outline:0;
    cursor:pointer;
    color:transparent;
    background:transparent;
    -webkit-tap-highlight-color:transparent;
}

.search-hotspot button::before{
    content:"";
    position:absolute;
    left:50%;
    top:47%;
    width:clamp(7px,calc(10px * var(--page-scale)),10px);
    aspect-ratio:1;
    border:clamp(1px,calc(1.25px * var(--page-scale)),1.25px) solid #8293a2;
    border-radius:50%;
    transform:translate(-58%,-58%);
    opacity:.9;
}

.search-hotspot button::after{
    content:"";
    position:absolute;
    left:56%;
    top:58%;
    width:clamp(4px,calc(5px * var(--page-scale)),5px);
    height:clamp(1px,calc(1.25px * var(--page-scale)),1.25px);
    border-radius:999px;
    background:#8293a2;
    transform:rotate(45deg);
    transform-origin:left center;
    opacity:.9;
}

.search-hotspot:focus-within button::before{border-color:#8edcff}
.search-hotspot:focus-within button::after{background:#8edcff}

.search-hotspot button span{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}

.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* Podkreślenie menu pojawia się dopiero po najechaniu lub fokusie. */
.hotspot.top-nav::after{
    content:"";
    position:absolute;
    z-index:2;
    left:8%;
    right:8%;
    bottom:7.5%;
    height:max(1px,5%);
    border-radius:999px;
    pointer-events:none;
    opacity:0;
    transform:scaleX(.42);
    transform-origin:center;
    background:linear-gradient(90deg,rgba(255,39,47,0),#ff2733 15%,#ff3b43 50%,#ff2733 85%,rgba(255,39,47,0));
    box-shadow:0 0 4px rgba(255,34,45,.95),0 0 11px rgba(255,24,37,.72);
    transition:opacity .16s ease,transform .16s ease;
}

.hotspot.top-nav:hover::after,
.hotspot.top-nav:focus-visible::after{
    opacity:1;
    transform:scaleX(1);
}

/*
 * Podświetlenie logowania/rejestracji jest całkowicie wewnątrz ramek.
 * Nie używa outline ani ujemnych insetów, więc nie może wyjść poza przycisk.
 */
.hotspot.auth-button{
    --auth-color:24,191,255;
    overflow:hidden;
    border-radius:0;
    clip-path:polygon(5% 0,95% 0,100% 17%,100% 83%,95% 100%,5% 100%,0 83%,0 17%);
    box-shadow:none;
}

.hotspot.register-button{--auth-color:255,48,59}

.hotspot.auth-button::before,
.hotspot.auth-button::after{
    content:"";
    position:absolute;
    pointer-events:none;
    opacity:0;
    clip-path:inherit;
    transition:opacity .18s ease;
}

.hotspot.auth-button::before{
    inset:1px;
    background:rgba(var(--auth-color),.075);
    box-shadow:inset 0 0 0 1px rgba(var(--auth-color),.94),inset 0 0 12px rgba(var(--auth-color),.30);
}

.hotspot.auth-button::after{
    inset:0;
    background:linear-gradient(90deg,rgba(var(--auth-color),.015),rgba(var(--auth-color),.105),rgba(var(--auth-color),.015));
    box-shadow:inset 0 0 15px rgba(var(--auth-color),.28);
}

.hotspot.auth-button:hover::before,
.hotspot.auth-button:hover::after,
.hotspot.auth-button:focus-visible::before,
.hotspot.auth-button:focus-visible::after{
    opacity:1;
}

.hotspot.auth-button:focus-visible{box-shadow:none}

@media (prefers-reduced-motion:no-preference){
    .hotspot{transition:box-shadow .14s ease,background-color .14s ease}
}

@media (prefers-reduced-motion:reduce){
    .hotspot.top-nav::after,
    .hotspot.auth-button::before,
    .hotspot.auth-button::after,
    .search-hotspot{transition:none}
}

@media (max-width:600px){
    html,body{min-width:0}
}

@media print{
    html,body{background:#fff;overflow:visible}
    .page-fit,.reference-canvas{width:1672px!important;max-width:none!important}
}

/* v51 — treści strony głównej połączone z MySQL. */
.home-section-title{
    position:absolute;
    z-index:18;
    display:flex;
    align-items:center;
    gap:.55em;
    height:2.65%;
    padding:0 .55%;
    color:#eff6ff;
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:clamp(7px,.78vw,13px);
    font-weight:850;
    line-height:1;
    letter-spacing:.025em;
    text-transform:uppercase;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(3,11,18,.998) 0%,rgba(3,11,18,.992) 86%,rgba(3,11,18,0) 100%);
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:subpixel-antialiased;
}

.home-section-title .title-icon{
    color:#ff4652;
    font-size:.88em;
    text-shadow:0 0 6px rgba(255,52,65,.4);
}

.current-title{left:4.12%;top:37.35%;width:20.3%}
.progress-title{left:4.12%;top:70.15%;width:31%}

.home-current-grid{
    position:absolute;
    z-index:16;
    left:4.12%;
    top:40.58%;
    width:64.35%;
    height:27.23%;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1.52%;
    padding:.12% clamp(20px,2.75%,31px);
    background:#030a10;
    pointer-events:none;
}

.home-current-card{
    position:relative;
    min-width:0;
    height:100%;
    overflow:hidden;
    pointer-events:auto;
    clip-path:polygon(4% 0,96% 0,100% 3%,100% 97%,96% 100%,4% 100%,0 97%,0 3%);
    background:linear-gradient(180deg,#07121c 0%,#040a10 100%);
    border:1px solid rgba(47,85,108,.78);
    box-shadow:inset 0 0 0 1px rgba(3,20,31,.62),inset 0 0 17px rgba(4,34,50,.18);
    color:#edf6ff;
    font-family:"Segoe UI",Arial,sans-serif;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:subpixel-antialiased;
}

.home-current-card>img{
    display:block;
    width:100%;
    height:49.7%;
    object-fit:cover;
    border-bottom:1px solid rgba(37,78,104,.6);
}

.card-main-link{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    outline:0;
}

.home-current-card:hover,
.home-current-card:focus-within{
    border-color:rgba(38,180,244,.76);
    box-shadow:inset 0 0 0 1px rgba(38,180,244,.26),inset 0 0 18px rgba(38,180,244,.09);
}

.current-card-body{
    position:relative;
    z-index:2;
    height:50.3%;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto auto;
    gap:4.2%;
    padding:5.2% 5.2% 4.6%;
    pointer-events:none;
}

.current-card-body h3{
    margin:0;
    overflow:hidden;
    color:#f4f8fc;
    font-size:clamp(7px,.78vw,13px);
    font-weight:750;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.current-card-body p{
    margin:0;
    overflow:hidden;
    color:#aebcc8;
    font-size:clamp(5.8px,.56vw,9.5px);
    font-weight:500;
    line-height:1.36;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.current-card-meta{
    display:flex;
    align-items:center;
    gap:4.5%;
    min-width:0;
    color:#93a2af;
    font-size:clamp(5.4px,.48vw,8px);
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    min-width:0;
    height:1.65em;
    padding:0 .48em;
    overflow:hidden;
    color:#d9ffea;
    background:linear-gradient(180deg,#0d754c,#08452f);
    border:1px solid rgba(38,171,111,.48);
    border-radius:2px;
    font-size:.92em;
    font-weight:800;
    text-overflow:ellipsis;
}

.status-badge.partial{
    color:#d6edff;
    background:linear-gradient(180deg,#075a9c,#063867);
    border-color:rgba(33,142,239,.5);
}

.download-button{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:2.42em;
    padding:0 .3em;
    overflow:hidden;
    color:#e6edf4;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    pointer-events:auto;
    background:linear-gradient(180deg,#111a24,#090f16);
    border:1px solid rgba(68,88,105,.82);
    border-radius:3px;
    font-size:clamp(5.8px,.54vw,9px);
    font-weight:800;
    letter-spacing:.015em;
}

.download-button:hover,
.download-button:focus-visible{
    color:#fff;
    outline:0;
    border-color:rgba(37,185,255,.68);
    box-shadow:inset 0 0 12px rgba(37,185,255,.09);
}

.home-progress-grid{
    position:absolute;
    z-index:16;
    left:4.12%;
    top:73.35%;
    width:64.35%;
    height:10.53%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1.1%;
    padding:.1% clamp(20px,2.75%,31px);
    background:#030a10;
    pointer-events:none;
}

.home-progress-card{
    position:relative;
    min-width:0;
    display:grid;
    grid-template-columns:36% minmax(0,1fr);
    overflow:hidden;
    pointer-events:auto;
    clip-path:polygon(3% 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%,0 8%);
    color:#edf6ff;
    background:linear-gradient(180deg,#07121c,#040a10);
    border:1px solid rgba(42,76,98,.72);
    box-shadow:inset 0 0 13px rgba(4,28,42,.16);
    font-family:"Segoe UI",Arial,sans-serif;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:subpixel-antialiased;
}

.home-progress-card>img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-right:1px solid rgba(41,77,101,.58);
}

.home-progress-card:hover,
.home-progress-card:focus-within{
    border-color:rgba(255,65,76,.62);
    box-shadow:inset 0 0 13px rgba(255,50,62,.06);
}

.progress-card-body{
    position:relative;
    z-index:2;
    min-width:0;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    gap:6%;
    padding:5.5% 5.5% 4.8%;
    pointer-events:none;
}

.progress-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5%;
    align-items:center;
}

.progress-card-head h3{
    margin:0;
    overflow:hidden;
    color:#f3f8fc;
    font-size:clamp(6.3px,.63vw,10.5px);
    font-weight:750;
    line-height:1.05;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.mini-download{
    display:grid;
    place-items:center;
    width:1.85em;
    height:1.85em;
    color:#ff4b57;
    border:1px solid rgba(255,59,72,.52);
    border-radius:3px;
    background:rgba(36,6,10,.72);
    font-size:clamp(5.5px,.55vw,9px);
}

.progress-meta{
    display:flex;
    align-items:center;
    gap:4%;
    min-width:0;
    color:#a8b5bf;
    font-size:clamp(4.9px,.46vw,7.7px);
    line-height:1;
    white-space:nowrap;
}

.progress-meta>span{
    max-width:68%;
    padding:.26em .45em;
    overflow:hidden;
    color:#d9ffea;
    background:#0a563a;
    border:1px solid rgba(32,145,95,.4);
    border-radius:2px;
    font-weight:800;
    text-transform:uppercase;
    text-overflow:ellipsis;
}

.progress-meta small{font-size:1em;color:#9aa8b3}
.progress-card-body p{
    margin:0;
    overflow:hidden;
    color:#bdc8d1;
    font-size:clamp(5px,.49vw,8.2px);
    line-height:1.26;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.home-live-stats{
    position:absolute;
    z-index:17;
    left:57.55%;
    top:89.55%;
    width:6.6%;
    height:7.05%;
    margin:0;
    padding:0;
    color:#f1f6fa;
    background:transparent;
    border:0;
    box-shadow:none;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}

.home-live-stats dl{
    display:grid;
    grid-template-rows:repeat(4,1fr);
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.home-live-stats dl>div{
    position:relative;
    display:flex;
    align-items:center;
    min-width:0;
    margin:0;
    padding:0;
}

.home-live-stats dd{
    display:inline-flex;
    align-items:center;
    min-width:88%;
    min-height:74%;
    margin:0;
    padding:0 3px;
    overflow:hidden;
    color:#f4f8fb;
    background:linear-gradient(90deg,#030a10 0%,#030a10 82%,rgba(3,10,16,.94) 92%,rgba(3,10,16,0) 100%);
    font-size:clamp(6.2px,.62vw,10.4px);
    font-weight:850;
    line-height:1;
    letter-spacing:.015em;
    white-space:nowrap;
    text-shadow:0 0 1px rgba(255,255,255,.08);
}

@media (max-width:720px){
    .home-current-grid{gap:1.1%}
    .home-progress-grid{gap:.8%}
    .current-card-body{padding:4.5%}
}

/* v51.9 — jeden spójny moduł statystyk, wyłącznie z rekordów MySQL. */
.reference-canvas .home-live-stats{
    position:absolute;
    z-index:30;
    left:48.72%;
    top:85.92%;
    width:14.35%;
    height:11.20%;
    margin:0;
    padding:1.15% 1.05% .85%;
    overflow:hidden;
    color:#edf6ff;
    clip-path:polygon(4% 0,96% 0,100% 10%,100% 90%,96% 100%,4% 100%,0 90%,0 10%);
    background:
        radial-gradient(circle at 85% 55%,rgba(90,14,20,.16),transparent 42%),
        linear-gradient(180deg,rgba(4,12,19,.995),rgba(2,8,13,.998));
    border:1px solid rgba(33,70,94,.45);
    box-shadow:
        inset 0 0 0 1px rgba(6,27,42,.55),
        inset 0 0 22px rgba(0,0,0,.38);
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}

.reference-canvas .home-live-stats h2{
    display:block;
    width:100%;
    margin:0 0 4.2%;
    padding:0 0 2.8%;
    color:#dce7ef;
    font-size:clamp(7px,.56vw,10px);
    font-weight:850;
    line-height:1;
    letter-spacing:.09em;
    text-transform:uppercase;
    border-bottom:1px solid rgba(45,81,103,.34);
}

.reference-canvas .home-live-stats dl{
    display:grid;
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:0;
    width:100%;
    height:72%;
    margin:0;
    padding:0;
}

.reference-canvas .home-live-stats dl>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-width:0;
    margin:0;
    padding:0;
}

.reference-canvas .home-live-stats dt{
    min-width:0;
    overflow:hidden;
    color:#a8b8c5;
    font-size:clamp(6px,.47vw,8px);
    font-weight:650;
    line-height:1;
    letter-spacing:.035em;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.reference-canvas .home-live-stats dd{
    display:block;
    min-width:0;
    min-height:0;
    margin:0;
    padding:0;
    overflow:visible;
    color:#f5f8fb;
    background:transparent;
    font-size:clamp(7px,.61vw,10.2px);
    font-weight:850;
    line-height:1;
    letter-spacing:.015em;
    white-space:nowrap;
    text-align:right;
    text-shadow:0 1px 1px rgba(0,0,0,.7);
}

/* v51.38 — dynamiczny pasek, banery z MySQL i pełny formularz podania. */
.home-banner-carousel{position:absolute;z-index:6;left:1.45%;top:8.25%;width:67.35%;height:34.15%;overflow:hidden;background:#02070d;clip-path:polygon(1.2% 0,98.8% 0,100% 4%,100% 96%,98.8% 100%,1.2% 100%,0 96%,0 4%);box-shadow:inset 0 0 0 1px rgba(36,91,120,.55)}
.home-banner-slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .35s ease}.home-banner-slide.is-active{opacity:1;pointer-events:auto}.home-banner-slide img{display:block;width:100%;height:100%;object-fit:cover}.home-banner-carousel nav{position:absolute;z-index:2;left:0;right:0;bottom:5%;display:flex;justify-content:center;gap:.55%}.home-banner-carousel nav button{width:1.15%;min-width:8px;aspect-ratio:2.4;border:0;border-radius:6px;background:#405565;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.home-banner-carousel nav button.is-active{background:#ff2f3c;box-shadow:0 0 7px rgba(255,45,58,.85)}
.interaction-layer::before{content:"";position:absolute;z-index:0;left:18.25%;top:1.35%;width:47.45%;height:5.5%;background:linear-gradient(180deg,#03090f,#02070d);border-top:1px solid rgba(29,57,73,.45);border-bottom:1px solid rgba(29,57,73,.35);pointer-events:none}
.hotspot.top-nav{z-index:1;display:flex;align-items:center;justify-content:center;color:#a8b7c1;background:transparent!important;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(5px,.51vw,8.5px);font-weight:800;text-transform:uppercase;white-space:nowrap}
.hotspot.top-nav span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;color:inherit;white-space:nowrap}
.hotspot.top-nav:hover,.hotspot.top-nav:focus-visible{color:#fff;box-shadow:none}
.hotspot.chat-nav::before{display:none!important}.hotspot.chat-nav{color:#a8b7c1!important}.hotspot.chat-nav:hover,.hotspot.chat-nav:focus-visible{color:#fff!important;box-shadow:none!important}
.hotspot.top-nav::after{display:none!important}.home-nav-slider{position:absolute;z-index:3;top:5.55%;height:2px;background:#ff303d;box-shadow:0 0 7px #ff303d;transition:left .18s ease,width .18s ease;pointer-events:none}
.translation-request-promo{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch;width:24.043062%;padding:1.2% 1.35% 1.1%}.translation-request-promo header,.translation-request-promo>p,.translation-request-promo form{position:relative;z-index:1;width:100%;max-width:none}.translation-request-promo header span{font-size:clamp(5px,.48vw,8px)}.translation-request-promo h2{font-size:clamp(12px,1.24vw,21px);line-height:.96}.translation-request-promo>p{font-size:clamp(5px,.48vw,8px);line-height:1.35}.translation-request-promo .priority{padding:2.5%;font-size:clamp(4.6px,.43vw,7.2px)}.translation-request-promo form{align-self:end;gap:4%;margin-top:3.5%}.translation-request-promo label{font-size:clamp(4px,.38vw,6.4px)}.translation-request-promo input,.translation-request-promo select{width:100%;height:clamp(27px,2.4vw,40px);padding:0 6%;font-size:clamp(5px,.45vw,7.5px)}.translation-request-promo button{height:clamp(30px,2.65vw,44px);border:1px solid #ff5963;background:linear-gradient(180deg,#c5202c,#720a12);box-shadow:inset 0 0 12px rgba(255,83,94,.13);font-size:clamp(5px,.49vw,8.2px)}


/* v51.9.2 — statystyki strony głównej mieszczą się w oryginalnym HUD-zie.
 * Grafika bazowa ma usunięte wyłącznie stare, statyczne liczby. HTML pokazuje
 * tylko wartości pobrane z MySQL; bez dodatkowego panelu, tła i ramek.
 */
.reference-canvas .home-live-stats{
    position:absolute;
    z-index:30;
    left:57.56%;
    top:89.52%;
    width:6.62%;
    height:7.08%;
    margin:0;
    padding:0 0 0 .48%;
    overflow:hidden;
    clip-path:none;
    color:#f4f8fb;
    background:transparent;
    border:0;
    box-shadow:none;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}

.reference-canvas .home-live-stats h2,
.reference-canvas .home-live-stats dt{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

.reference-canvas .home-live-stats dl{
    display:grid;
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.reference-canvas .home-live-stats dl>div{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    margin:0;
    padding:0;
}

.reference-canvas .home-live-stats dd{
    display:block;
    width:100%;
    min-width:0;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#f5f8fb;
    background:transparent;
    font-size:clamp(6px,.58vw,9.7px);
    font-weight:850;
    line-height:1;
    letter-spacing:.005em;
    white-space:nowrap;
    text-align:left;
    font-variant-numeric:tabular-nums;
    text-shadow:0 1px 1px rgba(0,0,0,.75);
}

/* v51.42 — działające panele górnej nawigacji: Poradniki, Aktualności i Kontakt. */
.home-info-overlay{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:8% 17%;opacity:0;visibility:hidden;pointer-events:none;background:rgba(0,4,8,.76);backdrop-filter:blur(3px);transition:opacity .18s ease,visibility .18s ease}
.home-info-overlay:target{opacity:1;visibility:visible;pointer-events:auto}
.home-info-backdrop{position:absolute;inset:0;z-index:0}
.home-info-card{position:relative;z-index:1;width:100%;max-height:100%;overflow:auto;padding:4.2% 4.8%;color:#dce9f1;background:radial-gradient(circle at 92% 12%,rgba(20,118,162,.17),transparent 30%),linear-gradient(180deg,rgba(7,19,29,.995),rgba(2,8,13,.998));border:1px solid rgba(44,104,137,.7);box-shadow:0 18px 55px rgba(0,0,0,.75),inset 0 0 28px rgba(24,134,180,.06);clip-path:polygon(2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%,0 5%);font-family:"Segoe UI",Arial,sans-serif}
.home-info-card header{padding-right:7%;border-bottom:1px solid rgba(44,89,114,.44)}
.home-info-card header>span{color:#ff4a57;font-size:clamp(5px,.48vw,8px);font-weight:900;letter-spacing:.13em}
.home-info-card h2{margin:.25em 0;color:#f5f9fc;font-size:clamp(16px,2vw,34px);line-height:1;text-transform:uppercase}
.home-info-card header p{margin:.5em 0 1.25em;color:#92a7b5;font-size:clamp(6px,.65vw,11px)}
.home-info-close{position:absolute;z-index:2;right:3.2%;top:5.5%;display:grid;place-items:center;width:4.5%;aspect-ratio:1;border:1px solid rgba(255,69,80,.7);color:#fff;background:#6f0a12;text-decoration:none;font-size:clamp(11px,1.4vw,23px);line-height:1;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}
.home-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;margin-top:3.5%}
.home-info-grid>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.4em .8em;padding:8%;border:1px solid rgba(42,91,119,.55);color:#dfeaf1;background:#04111a;text-decoration:none}
.home-info-grid>a:hover,.home-info-grid>a:focus-visible{border-color:#27bdf7;background:#071b29;outline:0}
.home-info-grid b{grid-row:1/3;color:#ff4a57;font-size:clamp(8px,.95vw,16px)}
.home-info-grid strong{font-size:clamp(7px,.72vw,12px);text-transform:uppercase}
.home-info-grid small{color:#8ea3b0;font-size:clamp(5px,.52vw,8.8px);line-height:1.45}
.home-news-list{display:grid;margin-top:3%}
.home-news-list>a{display:grid;grid-template-columns:minmax(0,1fr) 28% 18%;align-items:center;gap:3%;padding:2.4% 2%;border-bottom:1px solid rgba(37,77,101,.46);color:#dfeaf1;text-decoration:none}
.home-news-list>a:hover,.home-news-list>a:focus-visible{background:#071823;outline:0}
.home-news-list strong{font-size:clamp(6.5px,.68vw,11.5px)}.home-news-list span{color:#4dd690;font-size:clamp(5px,.53vw,9px);font-weight:800;text-transform:uppercase}.home-news-list small{color:#8097a6;font-size:clamp(5px,.48vw,8px);text-align:right}
.home-contact-card{width:75%}.home-contact-actions{display:grid;gap:8%;margin-top:5%}.home-contact-actions a{display:grid;place-items:center;min-height:clamp(30px,3.3vw,55px);border:1px solid rgba(46,111,145,.65);color:#eaf6fc;background:#061722;text-decoration:none;font-size:clamp(6px,.62vw,10.5px);font-weight:900;letter-spacing:.04em}.home-contact-actions a:first-child{border-color:#ff4c57;background:linear-gradient(180deg,#a61a25,#5d0810)}.home-contact-actions a:hover,.home-contact-actions a:focus-visible{filter:brightness(1.2);outline:0}

/* v51.47-home — warstwa strony głównej zsynchronizowana z MySQL i sesją. */
.home-brand-tagline{
    position:absolute;
    z-index:24;
    left:5.55%;
    top:5.52%;
    width:11.95%;
    height:1.72%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:#aeb9c1;
    background:#03090f;
    font-family:"Segoe UI",Arial,sans-serif;
    font-size:clamp(5px,.48vw,8px);
    font-weight:800;
    line-height:1;
    letter-spacing:.12em;
    white-space:nowrap;
    text-transform:uppercase;
    pointer-events:none;
}

.hotspot.home-account-link{
    z-index:6;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:1fr 1fr;
    align-items:center;
    column-gap:4%;
    padding:0 7% 0 4%;
    overflow:hidden;
    color:#eef7fc;
    background:linear-gradient(180deg,#050d14,#02070c)!important;
    border:1px solid rgba(48,91,116,.48);
    box-shadow:inset 0 0 18px rgba(16,77,108,.09);
    font-family:"Segoe UI",Arial,sans-serif;
    text-decoration:none;
}
.hotspot.home-account-link::before{
    content:attr(data-initial);
    position:static;
    inset:auto;
    grid-row:1/3;
    display:grid!important;
    place-items:center;
    width:clamp(22px,2.25vw,38px);
    aspect-ratio:1;
    margin:0;
    color:#ecf9ff;
    background:radial-gradient(circle at 38% 30%,#14364a,#07131d 68%);
    border:1px solid #27b8f0;
    border-radius:50%;
    clip-path:none;
    box-shadow:none;
    opacity:1!important;
    font-size:clamp(8px,.74vw,12px);
    font-weight:900;
}
.hotspot.home-account-link::after{
    content:"›";
    grid-column:3;
    grid-row:1/3;
    position:static;
    display:block!important;
    width:auto;
    height:auto;
    color:#91a7b5;
    background:none;
    clip-path:none;
    box-shadow:none;
    opacity:1!important;
    transform:none;
    font-size:clamp(13px,1.25vw,21px);
}
.hotspot.home-account-link span{
    position:static;
    grid-column:2;
    grid-row:1;
    align-self:end;
    width:auto;
    height:auto;
    margin:0;
    overflow:hidden;
    clip:auto;
    color:inherit;
    font-size:clamp(6px,.62vw,10.5px);
    font-weight:850;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hotspot.home-account-link span::after{
    content:attr(data-role);
    display:block;
    margin-top:.35em;
    color:#36da82;
    font-size:.62em;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.hotspot.home-account-link:hover,.hotspot.home-account-link:focus-visible{
    color:#fff;
    border-color:#31bff4;
    background:linear-gradient(180deg,#071925,#030a10)!important;
}

.home-banner-carousel.is-empty{
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 74% 46%,rgba(22,112,155,.16),transparent 34%),
        radial-gradient(circle at 28% 52%,rgba(137,16,28,.11),transparent 30%),
        linear-gradient(135deg,#06111a,#02070d 62%,#07131c);
}
.home-banner-empty{
    display:grid;
    place-items:center;
    gap:.45em;
    color:#8499a8;
    font-family:"Segoe UI",Arial,sans-serif;
    text-align:center;
    text-transform:uppercase;
}
.home-banner-empty span{color:#ff4451;font-size:clamp(5px,.48vw,8px);font-weight:900;letter-spacing:.18em}
.home-banner-empty strong{color:#dce7ed;font-size:clamp(13px,1.42vw,24px);letter-spacing:.04em}
.home-banner-empty small{font-size:clamp(6px,.55vw,9px);letter-spacing:.03em;text-transform:none}
.home-banner-carousel nav{pointer-events:auto}
.home-banner-carousel nav button{
    position:relative;
    width:clamp(15px,1.35vw,23px);
    height:clamp(10px,.78vw,14px);
    min-width:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.home-banner-carousel nav button::before{
    content:"";
    position:absolute;
    left:5%;
    right:5%;
    top:50%;
    height:clamp(3px,.28vw,5px);
    border-radius:999px;
    background:#405565;
    box-shadow:0 0 0 1px rgba(255,255,255,.14);
    transform:translateY(-50%);
}
.home-banner-carousel nav button.is-active::before{
    background:#ff2f3c;
    box-shadow:0 0 7px rgba(255,45,58,.85);
}
.home-banner-carousel nav button:focus-visible{outline:1px solid #76d9ff;outline-offset:1px}

.home-nav-slider{
    opacity:0;
    transform:scaleX(.45);
    transform-origin:center;
    transition:left .18s ease,width .18s ease,opacity .14s ease,transform .14s ease;
}
.home-nav-slider.is-visible{opacity:1;transform:scaleX(1)}

.translation-request-promo header span{font-size:clamp(6px,.57vw,9.5px)}
.translation-request-promo h2{margin:1.2% 0 2%;font-size:clamp(14px,1.34vw,23px);line-height:1.02}
.translation-request-promo>p{margin-bottom:2.2%;font-size:clamp(6.2px,.56vw,9.4px);line-height:1.42}
.translation-request-promo .priority{padding:2.6%;font-size:clamp(5.8px,.53vw,8.8px);line-height:1.38}
.translation-request-promo form{gap:4%;margin-top:3%}
.translation-request-promo label{font-size:clamp(5px,.45vw,7.5px)}
.translation-request-promo input,.translation-request-promo select{font-size:clamp(6px,.53vw,8.8px)}
.translation-request-promo button{
    min-height:clamp(32px,2.75vw,46px);
    font-size:clamp(7.5px,.68vw,11.4px);
    line-height:1.12;
    letter-spacing:.055em;
}

.reference-canvas .home-live-stats{
    top:90.12%;
    height:8.08%;
}
.reference-canvas .home-live-stats dd{display:flex;align-items:center;line-height:1.05}

.home-footer-brand{
    position:absolute;
    z-index:42;
    left:5.25%;
    top:87.4%;
    width:14.8%;
    height:7.35%;
    display:grid;
    align-content:center;
    padding:0 5%;
    overflow:hidden;
    color:#dce6ec;
    background:linear-gradient(90deg,#03090f 0%,#03090f 86%,rgba(3,9,15,0) 100%);
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
}
.home-footer-brand strong{font-size:clamp(12px,1.45vw,24px);font-weight:900;font-style:italic;letter-spacing:.01em;line-height:1}
.home-footer-brand strong span{color:#f0313e}
.home-footer-brand small{margin-top:.6em;color:#93a4ae;font-size:clamp(4.5px,.42vw,7px);font-weight:800;letter-spacing:.12em;white-space:nowrap}

.home-footer-bar{
    position:absolute;
    z-index:41;
    inset:0;
    display:block;
    margin:0;
    padding:0;
    border:0;
    color:#8d9ca7;
    background:transparent;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
}
.home-footer-bar .site-footer-links{
    position:absolute;
    left:24.9%;
    top:87.25%;
    width:23.7%;
    height:10.4%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
    grid-auto-flow:column;
    gap:0 6%;
    padding:2.4% 4%;
    overflow:hidden;
    background:linear-gradient(90deg,rgba(3,9,15,.99),rgba(3,9,15,.965) 88%,rgba(3,9,15,0));
    pointer-events:auto;
}
.home-footer-bar .site-footer-links a{
    display:flex;
    align-items:center;
    gap:.45em;
    min-width:0;
    color:#8999a5;
    text-decoration:none;
    font-size:clamp(4.5px,.43vw,7.2px);
    font-weight:750;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}
.home-footer-bar .site-footer-links a:hover,.home-footer-bar .site-footer-links a:focus-visible{color:#fff;outline:0}
.home-footer-bar .site-footer-links a span{color:#42caff}
.home-footer-bar .site-footer-social{
    position:absolute;
    left:5.35%;
    top:94.55%;
    width:9.1%;
    height:3.35%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7%;
    padding:0 .5%;
    overflow:hidden;
    background:#03090f;
    pointer-events:auto;
}
.home-footer-bar .site-footer-social a{
    display:grid;
    place-items:center;
    width:15%;
    max-width:22px;
    aspect-ratio:1;
    color:#bfefff;
    background:#071a27;
    border:1px solid rgba(39,129,174,.55);
    border-radius:50%;
    text-decoration:none;
    font-size:clamp(5px,.58vw,9.7px);
    font-weight:900;
}
.home-footer-bar .site-footer-social a:nth-child(2){color:#fff;background:#1767bf}
.home-footer-bar .site-footer-social a:nth-child(4){color:#fff;background:#bd1520;border-color:#e83943}
.home-footer-bar .site-footer-social a:hover,.home-footer-bar .site-footer-social a:focus-visible{filter:brightness(1.25);outline:0}
.home-footer-bar>small{
    position:absolute;
    left:40%;
    top:98.05%;
    width:23%;
    height:1.35%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:#71838f;
    background:#02070d;
    font-size:clamp(4px,.4vw,6.7px);
    line-height:1;
    letter-spacing:.06em;
    white-space:nowrap;
    text-overflow:ellipsis;
    pointer-events:none;
}

/* v51.51-home — oryginalna stopka HUD. Tło, logo, opis, nagłówki i ramki
 * pochodzą z oczyszczonej grafiki referencyjnej. Żywe pozostają wyłącznie
 * ustawiane w panelu linki, ikonki społecznościowe, copyright i statystyki. */
.home-original-footer{
    position:absolute;
    z-index:41;
    inset:0;
    margin:0;
    padding:0;
    border:0;
    color:#93a3ae;
    background:transparent;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
}
.home-original-footer nav{margin:0;padding:0}
.home-original-footer .home-footer-service,
.home-original-footer .home-footer-community{
    position:absolute;
    top:90.08%;
    width:9.1%;
    height:7.55%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:5%;
    overflow:hidden;
    pointer-events:auto;
}
.home-original-footer .home-footer-service{left:26.38%}
.home-original-footer .home-footer-community{left:38.75%}
.home-original-footer .home-footer-service a,
.home-original-footer .home-footer-community a{
    display:flex;
    align-items:center;
    gap:.45em;
    width:100%;
    min-height:22%;
    overflow:hidden;
    color:#9eabb4;
    font-size:clamp(5px,.48vw,8px);
    font-weight:500;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.home-original-footer .home-footer-service a:hover,
.home-original-footer .home-footer-service a:focus-visible,
.home-original-footer .home-footer-community a:hover,
.home-original-footer .home-footer-community a:focus-visible{color:#fff;outline:0}
.home-original-footer .home-footer-service a span,
.home-original-footer .home-footer-community a span{color:#39c9ff;font-weight:800}
.home-original-footer .home-footer-social{
    position:absolute;
    left:5.64%;
    top:95.72%;
    width:8.2%;
    height:2.75%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7.2%;
    overflow:hidden;
    pointer-events:auto;
}
.home-original-footer .home-footer-social a{
    display:grid;
    place-items:center;
    width:14.1%;
    max-width:20px;
    aspect-ratio:1;
    border:1px solid rgba(49,137,181,.58);
    border-radius:50%;
    color:#d8f5ff;
    background:#082032;
    font-size:clamp(5px,.55vw,9.2px);
    font-weight:900;
    line-height:1;
    text-decoration:none;
}
.home-original-footer .home-footer-social a:nth-child(2){background:#1767bf;color:#fff}
.home-original-footer .home-footer-social a:nth-child(4){border-color:#e83943;background:#bd1520;color:#fff}
.home-original-footer .home-footer-social a:hover,
.home-original-footer .home-footer-social a:focus-visible{filter:brightness(1.28);outline:0}
.home-original-footer>small{
    position:absolute;
    left:40%;
    top:98.42%;
    width:20%;
    height:1.05%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:#71838f;
    font-size:clamp(4px,.4vw,6.7px);
    font-weight:600;
    line-height:1;
    letter-spacing:.08em;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    pointer-events:none;
}

/* v51.49-home — baner i stopka osadzone wewnątrz oryginalnych ramek HUD. */
.home-banner-carousel{
    left:4.6%;
    top:9.25%;
    width:65.43%;
    height:26.57%;
    overflow:hidden;
    clip-path:polygon(.9% 0,99.1% 0,100% 4.8%,100% 95.2%,99.1% 100%,.9% 100%,0 95.2%,0 4.8%);
    background:#02070d;
    box-shadow:inset 0 0 0 1px rgba(36,91,120,.32);
    contain:layout paint;
}
.home-banner-carousel::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(1,5,9,.97) 0%,rgba(2,7,12,.88) 19%,rgba(2,7,12,.42) 36%,rgba(2,7,12,.08) 52%,transparent 66%);
}
.home-banner-slide{z-index:0;overflow:hidden}
.home-banner-slide img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center center;
}
.home-banner-carousel nav{z-index:3;bottom:4.2%}
.home-banner-carousel.is-empty{
    background:transparent;
    box-shadow:none;
    clip-path:none;
    pointer-events:none;
}
.home-banner-carousel.is-empty::after{display:none}

.home-hero-copy{
    position:absolute;
    z-index:8;
    left:6.55%;
    top:12.18%;
    width:27.4%;
    height:23.15%;
    overflow:hidden;
    color:#e9f1f6;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
}
.home-hero-copy>span{
    display:inline-flex;
    align-items:center;
    min-height:1.75em;
    padding:0 .7em;
    border:1px solid rgba(231,48,58,.72);
    border-radius:2px;
    color:#ff4651;
    background:rgba(17,4,8,.72);
    font-size:clamp(5px,.5vw,8.4px);
    font-weight:900;
    line-height:1;
    letter-spacing:.035em;
}
.home-hero-copy h1{
    margin:2.1% 0 1.8%;
    color:#f2f5f7;
    font-size:clamp(17px,1.92vw,32px);
    font-weight:900;
    line-height:1.04;
    letter-spacing:.015em;
    text-transform:uppercase;
    text-shadow:0 2px 4px rgba(0,0,0,.88);
}
.home-hero-copy h1 em{color:#ef303d;font-style:normal}
.home-hero-copy p{
    margin:0;
    color:#c5ced5;
    font-size:clamp(6px,.63vw,10.5px);
    font-weight:500;
    line-height:1.48;
    text-shadow:0 1px 3px #000;
}
.home-hero-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58.4%;
    height:19.4%;
    min-height:26px;
    margin-top:4.3%;
    border:1px solid #f13c48;
    clip-path:polygon(3% 0,97% 0,100% 17%,100% 83%,97% 100%,3% 100%,0 83%,0 17%);
    color:#fff;
    background:linear-gradient(180deg,rgba(173,20,30,.97),rgba(91,6,13,.98));
    box-shadow:inset 0 0 15px rgba(255,75,86,.2),0 0 12px rgba(217,25,37,.22);
    font-size:clamp(6px,.65vw,10.8px);
    font-weight:900;
    line-height:1;
    letter-spacing:.02em;
    text-align:center;
}
.home-hero-copy small{
    display:block;
    width:58.4%;
    margin-top:1.4%;
    color:#aeb9c1;
    font-size:clamp(5px,.48vw,8px);
    line-height:1;
    text-align:center;
}

/* Czytelny formularz, nadal w całości ograniczony do jego panelu HUD. */
.translation-request-promo>p{
    font-size:clamp(7px,.66vw,11px);
    line-height:1.45;
}
.translation-request-promo .priority{
    padding:2.8% 3%;
    font-size:clamp(6.8px,.61vw,10.2px);
    line-height:1.42;
}
.translation-request-promo label{
    gap:4px;
    font-size:clamp(6.5px,.64vw,10.7px);
    line-height:1.1;
}
.translation-request-promo input,
.translation-request-promo select{font-size:clamp(6.8px,.59vw,9.8px)}

/* Jedna, uporządkowana stopka. Jej treść nadal pochodzi z ustawień administratora. */
.home-footer-bar{
    position:absolute;
    z-index:41;
    inset:auto;
    left:2.65%;
    top:86.75%;
    width:94.7%;
    height:11.65%;
    display:block;
    overflow:hidden;
    clip-path:polygon(1.2% 0,98.8% 0,100% 10%,100% 90%,98.8% 100%,1.2% 100%,0 90%,0 10%);
    border-top:1px solid rgba(36,75,98,.45);
    border-bottom:1px solid rgba(34,67,87,.34);
    color:#8d9ca7;
    background:
        radial-gradient(circle at 16% 50%,rgba(18,82,111,.08),transparent 22%),
        linear-gradient(180deg,rgba(3,10,16,.998),rgba(1,6,10,.998));
    box-shadow:inset 0 0 22px rgba(0,0,0,.35);
    pointer-events:none;
}
.home-footer-brand{
    z-index:43;
    left:5.25%;
    top:88.2%;
    width:14.2%;
    height:7.8%;
    padding:0;
    align-content:center;
    background:transparent;
}
.home-footer-brand strong{font-size:clamp(13px,1.56vw,26px)}
.home-footer-brand small{margin-top:.55em;font-size:clamp(4.7px,.45vw,7.5px)}
.home-footer-copyright-cleaner{
    position:absolute;
    z-index:42;
    left:39%;
    top:98.4%;
    width:25%;
    height:1%;
    overflow:hidden;
    background:#02070d;
    pointer-events:none;
}
.home-footer-bar .site-footer-links{
    position:absolute;
    left:20.5%;
    top:0;
    width:45.5%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.4%;
    padding:0 1.4%;
    overflow:hidden;
    background:transparent;
    pointer-events:auto;
}
.home-footer-bar .site-footer-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.38em;
    min-width:0;
    height:38%;
    color:#8f9da7;
    font-size:clamp(5px,.48vw,8px);
    font-weight:750;
    line-height:1;
    text-align:center;
}
.home-footer-bar .site-footer-links a strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.home-footer-bar .site-footer-social{
    position:absolute;
    left:67.25%;
    top:0;
    width:11.75%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7%;
    padding:0;
    overflow:hidden;
    background:transparent;
    pointer-events:auto;
}
.home-footer-bar .site-footer-social a{
    width:15%;
    max-width:24px;
    min-width:12px;
}
.home-footer-bar>small{
    position:absolute;
    left:79.5%;
    top:0;
    width:18.2%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:0 1.25% 0 .5%;
    color:#778791;
    background:transparent;
    font-size:clamp(4.8px,.46vw,7.7px);
    line-height:1.2;
    letter-spacing:.015em;
    text-align:right;
}

/* v51.52-home — przewijane listy spolszczeń wewnątrz ramek HUD. */
.home-current-grid,.home-progress-grid{overflow:hidden;grid-template-columns:none;grid-auto-flow:column;align-items:stretch}
.home-current-grid::before,.home-current-grid::after,.home-progress-grid::before,.home-progress-grid::after{content:"";position:absolute;z-index:7;top:0;bottom:0;width:clamp(20px,2.75%,31px);pointer-events:none;background:#030a10}
.home-current-grid::before,.home-progress-grid::before{left:0}.home-current-grid::after,.home-progress-grid::after{right:0}
.home-current-grid{grid-auto-columns:calc((100% - 6.08%) / 5)}
.home-progress-grid{grid-auto-columns:calc((100% - 3.3%) / 4)}
.home-current-card,.home-progress-card{transition:transform .28s ease,border-color .18s ease,box-shadow .18s ease;will-change:transform}
.home-list-arrow{position:absolute;z-index:8;top:50%;display:grid;place-items:center;width:clamp(17px,1.55vw,26px);height:clamp(30px,3.3vw,55px);padding:0;pointer-events:auto;cursor:pointer;color:#eaf8ff;font-family:Arial,sans-serif;font-size:clamp(18px,1.8vw,30px);font-weight:400;line-height:1;border:1px solid rgba(47,184,244,.58);background:linear-gradient(180deg,rgba(4,26,39,.94),rgba(2,10,17,.96));box-shadow:0 0 11px rgba(23,169,231,.15),inset 0 0 10px rgba(25,168,230,.08);transform:translateY(-50%);clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 82%,0 18%)}
.home-list-arrow.is-prev{left:.15%;transform:translateY(-50%);clip-path:polygon(0 0,82% 0,100% 18%,100% 82%,82% 100%,0 100%)}.home-list-arrow.is-next{right:.15%}.home-list-arrow:hover,.home-list-arrow:focus-visible{outline:0;color:#fff;border-color:#ff5661;background:linear-gradient(180deg,rgba(91,12,18,.96),rgba(32,4,7,.98));box-shadow:0 0 12px rgba(255,42,54,.22)}.home-list-arrow:disabled{opacity:.36;cursor:default;filter:grayscale(1)}
@media(prefers-reduced-motion:reduce){.home-current-card,.home-progress-card{transition:none}}