*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,'Times New Roman',serif;color:#f8d9a0;background:#050202}body{background-image:radial-gradient(circle at center,rgba(255,55,15,.12),rgba(0,0,0,.82) 62%),linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25),rgba(0,0,0,.82)),url('../img/background.jpg');background-size:cover;background-position:center;background-attachment:fixed}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 16px}.register-card{width:min(520px,96vw);padding:28px;border:1px solid rgba(239,169,76,.72);border-radius:16px;background:linear-gradient(180deg,rgba(32,12,5,.88),rgba(8,3,2,.94)),rgba(0,0,0,.72);box-shadow:0 0 36px rgba(255,58,20,.32),inset 0 0 24px rgba(255,149,39,.08);backdrop-filter:blur(3px)}.brand{text-align:center;margin-bottom:22px}.boar-mark{margin:0 auto 6px;width:48px;height:48px;border:1px solid rgba(249,183,89,.75);border-radius:50%;display:grid;place-items:center;color:#ff5e25;text-shadow:0 0 18px #ff2a00}h1{margin:0;font-size:42px;letter-spacing:1px;color:#ffc36b;text-shadow:0 2px 0 #4a1504,0 0 18px rgba(255,57,14,.9)}.brand p{margin:6px 0 0;color:#d9a86b;font-size:15px;letter-spacing:1px;text-transform:uppercase}form{display:grid;gap:13px}label{display:grid;gap:6px;color:#e6bd7a;font-size:14px}input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(200,116,45,.7);border-radius:8px;background:rgba(4,2,1,.82);color:#fff2cf;outline:none;font-size:15px;box-shadow:inset 0 0 12px rgba(0,0,0,.7)}input:focus{border-color:#ffb04e;box-shadow:0 0 0 2px rgba(255,72,19,.18),inset 0 0 12px rgba(0,0,0,.7)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:2px}.check input{width:18px;height:18px}button{height:48px;border:1px solid #ffc36b;border-radius:10px;background:linear-gradient(180deg,#c95d18,#641805 55%,#2a0802);color:#ffe2a3;font-weight:bold;font-size:17px;letter-spacing:.6px;cursor:pointer;text-shadow:0 1px 0 #000;box-shadow:0 0 18px rgba(255,63,18,.38),inset 0 1px 0 rgba(255,255,255,.14)}button:hover{filter:brightness(1.12)}.alert{margin-bottom:16px;padding:12px;border-radius:10px;font-size:14px;line-height:1.45}.alert.error{border:1px solid rgba(255,64,64,.55);background:rgba(86,0,0,.55);color:#ffd1c7}.alert.success{border:1px solid rgba(255,199,100,.68);background:rgba(60,37,0,.65);color:#ffe3a8}.note{margin-top:14px;color:#b9895c;font-size:12px;text-align:center}@media(max-width:560px){.register-card{padding:20px}h1{font-size:34px}.two-cols{grid-template-columns:1fr}}

/* DzikusyMt2 animated background effects */
.fx-layer {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.page {
    position: relative;
    z-index: 2;
}

.flame-glow {
    position: absolute;
    left: 50%;
    bottom: -18%;
    width: 90vw;
    height: 42vh;
    transform: translateX(-50%);
    background:
        radial-gradient(ellipse at center, rgba(255, 80, 18, 0.30) 0%, rgba(180, 28, 5, 0.16) 35%, rgba(0, 0, 0, 0) 72%);
    filter: blur(18px);
    animation: dzikusyFlamePulse 4.8s ease-in-out infinite;
}

.spark {
    position: absolute;
    bottom: -30px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ffc36b;
    box-shadow:
        0 0 8px rgba(255, 184, 67, 0.95),
        0 0 18px rgba(255, 66, 18, 0.70);
    opacity: 0;
    animation-name: dzikusySparkRise;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.s1 { left: 12%; animation-duration: 8s; animation-delay: 0.2s; }
.s2 { left: 26%; animation-duration: 11s; animation-delay: 2.1s; }
.s3 { left: 43%; animation-duration: 9s; animation-delay: 1.2s; }
.s4 { left: 61%; animation-duration: 12s; animation-delay: 3.4s; }
.s5 { left: 76%; animation-duration: 10s; animation-delay: 0.8s; }
.s6 { left: 88%; animation-duration: 13s; animation-delay: 4.2s; }

@keyframes dzikusySparkRise {
    0% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
    12% {
        opacity: 0.9;
    }
    55% {
        opacity: 0.65;
    }
    100% {
        transform: translate3d(28px, -105vh, 0) scale(1.25);
        opacity: 0;
    }
}

@keyframes dzikusyFlamePulse {
    0%, 100% {
        opacity: 0.55;
        transform: translateX(-50%) scaleX(1) scaleY(1);
    }
    50% {
        opacity: 0.88;
        transform: translateX(-50%) scaleX(1.08) scaleY(1.13);
    }
}
/* DzikusyMt2 sparks visibility fix */
.fx-layer {
    z-index: 1 !important;
}

.page {
    position: relative !important;
    z-index: 2 !important;
}

.spark {
    width: 6px !important;
    height: 6px !important;
    opacity: 1 !important;
    background: #ffd27a !important;
    box-shadow:
        0 0 10px rgba(255, 211, 122, 1),
        0 0 22px rgba(255, 86, 22, 0.95),
        0 0 42px rgba(255, 36, 0, 0.55) !important;
}

.s1 { left: 8% !important; animation-duration: 5s !important; animation-delay: 0s !important; }
.s2 { left: 22% !important; animation-duration: 6s !important; animation-delay: 0.8s !important; }
.s3 { left: 39% !important; animation-duration: 5.5s !important; animation-delay: 1.4s !important; }
.s4 { left: 57% !important; animation-duration: 7s !important; animation-delay: 0.4s !important; }
.s5 { left: 74% !important; animation-duration: 6.2s !important; animation-delay: 1.1s !important; }
.s6 { left: 90% !important; animation-duration: 5.8s !important; animation-delay: 0.2s !important; }


/* DzikusyMt2 strong sparks v2 */
.fx-layer {
    z-index: 1 !important;
}

.page {
    position: relative !important;
    z-index: 2 !important;
}

.flame-glow {
    opacity: 1 !important;
    filter: blur(22px) !important;
}

.spark {
    width: 5px !important;
    height: 5px !important;
    opacity: 0 !important;
    background: #ffe09a !important;
    box-shadow:
        0 0 8px rgba(255, 230, 160, 1),
        0 0 18px rgba(255, 140, 35, 1),
        0 0 34px rgba(255, 45, 0, 0.85),
        0 0 58px rgba(255, 15, 0, 0.45) !important;
    animation-name: dzikusySparkRiseStrong !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
}

.s1  { left: 6%  !important; animation-duration: 4.8s !important; animation-delay: 0.0s !important; }
.s2  { left: 13% !important; animation-duration: 6.1s !important; animation-delay: 0.7s !important; }
.s3  { left: 21% !important; animation-duration: 5.4s !important; animation-delay: 1.4s !important; }
.s4  { left: 29% !important; animation-duration: 7.0s !important; animation-delay: 0.3s !important; }
.s5  { left: 37% !important; animation-duration: 5.8s !important; animation-delay: 1.1s !important; }
.s6  { left: 45% !important; animation-duration: 6.6s !important; animation-delay: 0.5s !important; }
.s7  { left: 52% !important; animation-duration: 5.2s !important; animation-delay: 1.8s !important; }
.s8  { left: 59% !important; animation-duration: 7.2s !important; animation-delay: 0.9s !important; }
.s9  { left: 66% !important; animation-duration: 4.9s !important; animation-delay: 1.3s !important; }
.s10 { left: 72% !important; animation-duration: 6.4s !important; animation-delay: 0.2s !important; }
.s11 { left: 78% !important; animation-duration: 5.6s !important; animation-delay: 1.6s !important; }
.s12 { left: 84% !important; animation-duration: 7.5s !important; animation-delay: 0.6s !important; }
.s13 { left: 90% !important; animation-duration: 5.0s !important; animation-delay: 1.0s !important; }
.s14 { left: 17% !important; animation-duration: 8.0s !important; animation-delay: 2.2s !important; }
.s15 { left: 33% !important; animation-duration: 7.8s !important; animation-delay: 2.7s !important; }
.s16 { left: 49% !important; animation-duration: 8.4s !important; animation-delay: 2.0s !important; }
.s17 { left: 63% !important; animation-duration: 7.9s !important; animation-delay: 2.9s !important; }
.s18 { left: 81% !important; animation-duration: 8.6s !important; animation-delay: 2.4s !important; }

@keyframes dzikusySparkRiseStrong {
    0% {
        transform: translate3d(0, 0, 0) scale(0.35);
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    45% {
        opacity: 0.9;
    }
    75% {
        opacity: 0.45;
    }
    100% {
        transform: translate3d(42px, -108vh, 0) scale(1.35);
        opacity: 0;
    }
}

/* DzikusyMt2 strong sparks visibility hotfix */
.fx-layer .spark {
    opacity: 1 !important;
    visibility: visible !important;
}


/* DzikusyMt2 animated logo gif */
.brand-with-logo {
    margin-bottom: 18px;
}

.dzikusy-main-logo {
    display: block;
    width: min(300px, 86%);
    height: auto;
    margin: -12px auto 4px;
    border-radius: 14px;
    filter:
        drop-shadow(0 0 14px rgba(255, 62, 18, 0.72))
        drop-shadow(0 0 26px rgba(255, 142, 36, 0.35));
}

.brand-with-logo p {
    margin-top: 4px;
    color: #ffd083;
    text-shadow: 0 0 10px rgba(255, 72, 20, 0.7);
}

/* DzikusyMt2 logo panel v2 */
.register-card {
    margin-top: 80px !important;
    padding-top: 115px !important;
    overflow: visible !important;
    position: relative !important;
    background:
        linear-gradient(180deg, rgba(38, 13, 5, 0.74), rgba(8, 2, 1, 0.86)),
        rgba(0, 0, 0, 0.62) !important;
    box-shadow:
        0 0 45px rgba(255, 54, 18, 0.32),
        0 0 95px rgba(255, 92, 20, 0.16),
        inset 0 0 32px rgba(255, 149, 39, 0.08) !important;
}

.brand-with-logo {
    position: absolute !important;
    top: -132px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    margin: 0 !important;
    pointer-events: none;
}

.logo-fire-wrap {
    position: relative;
    width: min(430px, 92vw);
    margin: 0 auto;
    animation: dzikusyLogoFloat 4.6s ease-in-out infinite;
}

.logo-fire-wrap::before,
.logo-fire-wrap::after {
    content: "";
    position: absolute;
    inset: 8% 8% 3% 8%;
    border-radius: 42%;
    pointer-events: none;
    z-index: -1;
}

.logo-fire-wrap::before {
    background:
        radial-gradient(ellipse at 50% 35%, rgba(255, 196, 88, 0.44), transparent 34%),
        radial-gradient(ellipse at 35% 40%, rgba(255, 67, 12, 0.38), transparent 42%),
        radial-gradient(ellipse at 65% 40%, rgba(255, 67, 12, 0.38), transparent 42%);
    filter: blur(16px);
    animation: dzikusyFireAura 1.45s ease-in-out infinite alternate;
}

.logo-fire-wrap::after {
    background:
        radial-gradient(ellipse at 50% 20%, rgba(255, 100, 20, 0.28), transparent 44%),
        radial-gradient(ellipse at 50% 60%, rgba(255, 28, 0, 0.18), transparent 52%);
    filter: blur(28px);
    animation: dzikusyFireAuraWide 2.2s ease-in-out infinite alternate;
}

.dzikusy-main-logo {
    display: block !important;
    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter:
        drop-shadow(0 0 10px rgba(255, 198, 92, 0.72))
        drop-shadow(0 0 26px rgba(255, 66, 18, 0.78))
        drop-shadow(0 0 52px rgba(255, 20, 0, 0.36)) !important;
    animation: dzikusyLogoFlamePulse 1.65s ease-in-out infinite alternate;
}

.brand-with-logo p {
    margin-top: -18px !important;
    color: #ffd083 !important;
    text-shadow:
        0 0 8px rgba(255, 72, 20, 0.9),
        0 0 18px rgba(255, 42, 0, 0.55) !important;
    letter-spacing: 1.4px !important;
}

@keyframes dzikusyLogoFlamePulse {
    0% {
        filter:
            drop-shadow(0 0 8px rgba(255, 198, 92, 0.62))
            drop-shadow(0 0 22px rgba(255, 66, 18, 0.66))
            drop-shadow(0 0 44px rgba(255, 20, 0, 0.28));
    }
    100% {
        filter:
            drop-shadow(0 0 15px rgba(255, 220, 126, 0.95))
            drop-shadow(0 0 34px rgba(255, 92, 20, 0.92))
            drop-shadow(0 0 70px rgba(255, 28, 0, 0.48));
    }
}

@keyframes dzikusyFireAura {
    0% {
        opacity: 0.55;
        transform: scale(0.96) translateY(4px);
    }
    100% {
        opacity: 0.95;
        transform: scale(1.08) translateY(-6px);
    }
}

@keyframes dzikusyFireAuraWide {
    0% {
        opacity: 0.35;
        transform: scaleX(0.96) scaleY(0.9);
    }
    100% {
        opacity: 0.72;
        transform: scaleX(1.12) scaleY(1.08);
    }
}

@keyframes dzikusyLogoFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

@media (max-width: 560px) {
    .register-card {
        margin-top: 55px !important;
        padding-top: 92px !important;
    }

    .brand-with-logo {
        top: -104px !important;
    }

    .logo-fire-wrap {
        width: min(330px, 90vw);
    }

    .brand-with-logo p {
        margin-top: -12px !important;
    }
}
/* DzikusyMt2 static logo final */
.register-card {
    margin-top: 70px !important;
    padding-top: 105px !important;
    overflow: visible !important;
    position: relative !important;
}

.brand-with-logo {
    position: absolute !important;
    top: -118px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.logo-fire-wrap {
    position: relative !important;
    width: min(390px, 90vw) !important;
    margin: 0 auto !important;
    animation: none !important;
}

.logo-fire-wrap::before,
.logo-fire-wrap::after {
    display: none !important;
}

.dzikusy-main-logo {
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    animation: none !important;
    filter:
        drop-shadow(0 0 10px rgba(255, 198, 92, 0.58))
        drop-shadow(0 0 26px rgba(255, 66, 18, 0.58)) !important;
}

.brand-with-logo p {
    margin-top: -18px !important;
    color: #ffd083 !important;
    text-shadow:
        0 0 8px rgba(255, 72, 20, 0.85),
        0 0 18px rgba(255, 42, 0, 0.45) !important;
    letter-spacing: 1.4px !important;
}

@media (max-width: 560px) {
    .register-card {
        margin-top: 52px !important;
        padding-top: 86px !important;
    }

    .brand-with-logo {
        top: -98px !important;
    }

    .logo-fire-wrap {
        width: min(320px, 90vw) !important;
    }

    .brand-with-logo p {
        margin-top: -12px !important;
    }
}
/* DzikusyMt2 logo scale override */
:root {
    --dzikusy-logo-size: 280px;
    --dzikusy-logo-top: -105px;
    --dzikusy-card-padding-top: 135px;
    --dzikusy-card-margin-top: 80px;
}

.register-card {
    margin-top: var(--dzikusy-card-margin-top) !important;
    padding-top: var(--dzikusy-card-padding-top) !important;
}

.brand-with-logo {
    top: var(--dzikusy-logo-top) !important;
}

.logo-fire-wrap {
    width: var(--dzikusy-logo-size) !important;
    max-width: 90vw !important;
}

.dzikusy-main-logo {
    max-width: var(--dzikusy-logo-size) !important;
}

.brand-with-logo p {
    margin-top: -8px !important;
}

@media (max-width: 560px) {
    :root {
        --dzikusy-logo-size: 230px;
        --dzikusy-logo-top: -85px;
        --dzikusy-card-padding-top: 110px;
        --dzikusy-card-margin-top: 65px;
    }
}


/* DzikusyMt2 subtitle/form spacing fix */
:root {
    --dzikusy-logo-size: 280px;
    --dzikusy-logo-top: -118px;
    --dzikusy-card-padding-top: 178px;
    --dzikusy-card-margin-top: 90px;
}

.brand-with-logo p {
    margin-top: -22px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

.register-card form {
    position: relative !important;
    z-index: 4 !important;
}

@media (max-width: 560px) {
    :root {
        --dzikusy-logo-size: 230px;
        --dzikusy-logo-top: -95px;
        --dzikusy-card-padding-top: 145px;
        --dzikusy-card-margin-top: 70px;
    }

    .brand-with-logo p {
        margin-top: -16px !important;
    }
}


/* DzikusyMt2 audio player */
.dzikusy-audio-player {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 20;
    width: 230px;
    padding: 12px;
    border: 1px solid rgba(255, 184, 89, 0.72);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(42, 12, 4, 0.88), rgba(5, 1, 1, 0.92));
    box-shadow:
        0 0 24px rgba(255, 56, 16, 0.36),
        inset 0 0 18px rgba(255, 162, 54, 0.08);
    color: #ffd991;
    font-family: Georgia, 'Times New Roman', serif;
    backdrop-filter: blur(3px);
}

.audio-title {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    text-shadow: 0 0 10px rgba(255, 84, 22, 0.85);
}

.audio-row {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 8px;
    align-items: center;
}

#dzikusyAudioToggle {
    height: 32px;
    border: 1px solid #ffc36b;
    border-radius: 8px;
    background: linear-gradient(180deg, #bd5416, #611705 58%, #240601);
    color: #ffe2a3;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 1px 0 #000;
}

#dzikusyAudioToggle:hover {
    filter: brightness(1.15);
}

#dzikusyAudioVolume {
    width: 100%;
    accent-color: #ff7a1a;
}

.audio-status {
    margin-top: 7px;
    font-size: 11px;
    color: #c99b68;
}

.audio-playing .dzikusy-audio-player {
    box-shadow:
        0 0 28px rgba(255, 86, 20, 0.52),
        0 0 60px rgba(255, 24, 0, 0.22),
        inset 0 0 18px rgba(255, 162, 54, 0.10);
}

@media (max-width: 700px) {
    .dzikusy-audio-player {
        right: 10px;
        bottom: 10px;
        width: 205px;
        padding: 10px;
    }
}

/* DzikusyMt2 enter overlay */
.dzikusy-enter-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background:
        radial-gradient(circle at center, rgba(255, 70, 15, 0.24), rgba(0, 0, 0, 0.84) 58%),
        rgba(0, 0, 0, 0.74);
    backdrop-filter: blur(5px);
    opacity: 1;
    transition: opacity 0.45s ease;
}

.dzikusy-enter-overlay.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.dzikusy-enter-box {
    width: min(520px, 94vw);
    padding: 34px 28px;
    text-align: center;
    border: 1px solid rgba(255, 190, 91, 0.76);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(42, 12, 4, 0.90), rgba(6, 1, 1, 0.94));
    box-shadow:
        0 0 38px rgba(255, 62, 18, 0.44),
        0 0 95px rgba(255, 22, 0, 0.20),
        inset 0 0 24px rgba(255, 166, 56, 0.10);
}

.enter-fire-text {
    font-size: 48px;
    font-weight: bold;
    color: #ffc66d;
    text-shadow:
        0 2px 0 #4a1204,
        0 0 16px rgba(255, 74, 18, 0.95),
        0 0 38px rgba(255, 24, 0, 0.55);
    letter-spacing: 1px;
}

.enter-subtitle {
    margin: 10px auto 24px;
    color: #e4b77c;
    font-size: 15px;
    line-height: 1.4;
}

#dzikusyEnterButton {
    width: 100%;
    min-height: 52px;
    border: 1px solid #ffc36b;
    border-radius: 12px;
    background:
        linear-gradient(180deg, #d7651d, #6f1b05 58%, #260701);
    color: #ffe5aa;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    text-shadow: 0 1px 0 #000;
    box-shadow:
        0 0 22px rgba(255, 74, 18, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

#dzikusyEnterButton:hover {
    filter: brightness(1.13);
}

#dzikusyEnterSilent {
    margin-top: 10px;
    border: 0;
    background: transparent;
    color: #b9895c;
    cursor: pointer;
    font-size: 13px;
    text-decoration: underline;
}

#dzikusyEnterSilent:hover {
    color: #ffd083;
}

.enter-small {
    margin-top: 12px;
    color: #9f7750;
    font-size: 12px;
}

@media (max-width: 560px) {
    .enter-fire-text {
        font-size: 38px;
    }

    .dzikusy-enter-box {
        padding: 28px 20px;
    }
}

/* DzikusyMt2 enter clean */
#dzikusyEnterSilent,
.enter-small {
    display: none !important;
}

.enter-subtitle {
    margin-bottom: 24px !important;
}

/* DzikusyMt2 rules page */
.check a {
    color: #ffd083;
    text-decoration: underline;
    text-shadow: 0 0 8px rgba(255, 72, 20, 0.75);
    pointer-events: auto;
}

.rules-page {
    align-items: flex-start !important;
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.rules-card {
    width: min(920px, 96vw) !important;
    margin-top: 0 !important;
    padding: 30px !important;
}

.rules-header {
    text-align: center;
    margin-bottom: 20px;
}

.rules-logo {
    display: block;
    width: min(330px, 86vw);
    height: auto;
    margin: 0 auto -10px;
    filter:
        drop-shadow(0 0 10px rgba(255, 198, 92, 0.52))
        drop-shadow(0 0 24px rgba(255, 66, 18, 0.52));
}

.rules-header h1 {
    font-size: 34px;
    margin: 0;
}

.rules-header p {
    color: #d9a86b;
    margin: 8px 0 0;
}

.rules-content {
    color: #f1cf98;
    line-height: 1.55;
    font-size: 15px;
}

.rules-content h2 {
    margin-top: 24px;
    margin-bottom: 8px;
    color: #ffc36b;
    text-shadow: 0 0 12px rgba(255, 68, 18, 0.48);
    font-size: 21px;
}

.rules-content p {
    margin: 8px 0;
}

.rules-content strong {
    color: #ffe0a0;
}

.rules-back {
    margin-top: 26px;
    text-align: center;
}

.rules-back a {
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #ffc36b;
    border-radius: 10px;
    background:
        linear-gradient(180deg, #c95d18, #641805 55%, #2a0802);
    color: #ffe2a3;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

.rules-back a:hover {
    filter: brightness(1.12);
}

/* DzikusyMt2 rules modal */
.rules-modal {
    position: fixed;
    inset: 0;
    z-index: 140;
    display: none;
}

.rules-modal.is-open {
    display: block;
}

.rules-modal-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at center, rgba(255, 70, 15, 0.20), rgba(0, 0, 0, 0.84) 62%),
        rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(5px);
}

.rules-modal-window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(860px, 94vw);
    max-height: 86vh;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 190, 91, 0.78);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(42, 12, 4, 0.96), rgba(7, 1, 1, 0.97));
    box-shadow:
        0 0 38px rgba(255, 62, 18, 0.46),
        0 0 95px rgba(255, 22, 0, 0.22),
        inset 0 0 24px rgba(255, 166, 56, 0.10);
    overflow: hidden;
}

.rules-modal-head {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid rgba(255, 190, 91, 0.28);
}

.rules-modal-head h2 {
    margin: 0;
    color: #ffc36b;
    font-size: 28px;
    text-shadow: 0 0 14px rgba(255, 68, 18, 0.62);
}

.rules-modal-head p {
    margin: 5px 0 0;
    color: #d9a86b;
    font-size: 14px;
}

.rules-modal-close {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 190, 91, 0.70);
    border-radius: 9px;
    background: linear-gradient(180deg, #6f1b05, #260701);
    color: #ffe2a3;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.rules-modal-close:hover {
    filter: brightness(1.15);
}

.rules-modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 20px;
    color: #f1cf98;
    line-height: 1.55;
    font-size: 15px;
    scrollbar-color: #c95d18 #160604;
    scrollbar-width: thin;
}

.rules-modal-body h2 {
    margin-top: 22px;
    margin-bottom: 8px;
    color: #ffc36b;
    text-shadow: 0 0 12px rgba(255, 68, 18, 0.48);
    font-size: 21px;
}

.rules-modal-body h2:first-child {
    margin-top: 0;
}

.rules-modal-body p {
    margin: 8px 0;
}

.rules-modal-body strong {
    color: #ffe0a0;
}

.rules-modal-footer {
    flex: 0 0 auto;
    padding: 14px 20px 18px;
    border-top: 1px solid rgba(255, 190, 91, 0.22);
    text-align: center;
}

#dzikusyRulesAccept {
    min-width: 190px;
    height: 42px;
    border: 1px solid #ffc36b;
    border-radius: 10px;
    background:
        linear-gradient(180deg, #c95d18, #641805 55%, #2a0802);
    color: #ffe2a3;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0 1px 0 #000;
}

#dzikusyRulesAccept:hover {
    filter: brightness(1.12);
}

.rules-modal-open {
    overflow: hidden;
}

@media (max-width: 560px) {
    .rules-modal-window {
        width: 96vw;
        max-height: 88vh;
    }

    .rules-modal-head {
        padding: 15px 14px 12px;
    }

    .rules-modal-head h2 {
        font-size: 23px;
    }

    .rules-modal-body {
        padding: 15px;
        font-size: 14px;
    }
}