/* /Components/GuestGame.razor.rz.scp.css */
.guest-game[b-q11w3ytfw7] {
    position: relative;
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 28px;
    background: linear-gradient(155deg, rgba(25, 31, 57, .96), rgba(10, 14, 29, .98));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .06);
}

.guest-game[b-q11w3ytfw7]::before {
    position: absolute;
    top: -8rem;
    right: -8rem;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: rgba(108, 92, 231, .18);
    filter: blur(20px);
    content: "";
    pointer-events: none;
}

.guest-game__heading[b-q11w3ytfw7],
.guest-game__players[b-q11w3ytfw7],
.guest-game__name-row[b-q11w3ytfw7],
.guest-game__searching[b-q11w3ytfw7],
.guest-game__rating-note[b-q11w3ytfw7] {
    display: flex;
    align-items: center;
}

.guest-game__heading[b-q11w3ytfw7] {
    position: relative;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.guest-game h2[b-q11w3ytfw7] {
    margin: .2rem 0 0;
    color: #f7f8ff;
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    letter-spacing: -.035em;
}

.guest-game__eyebrow[b-q11w3ytfw7] {
    color: #62e6d5;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.guest-game__unrated[b-q11w3ytfw7] {
    flex: 0 0 auto;
    padding: .48rem .72rem;
    border: 1px solid rgba(98, 230, 213, .25);
    border-radius: 999px;
    color: #9df4e7;
    background: rgba(43, 198, 174, .09);
    font-size: .78rem;
    font-weight: 700;
}

.guest-game__form[b-q11w3ytfw7],
.guest-game__match[b-q11w3ytfw7] {
    position: relative;
}

.guest-game__form > label[b-q11w3ytfw7],
.guest-game legend[b-q11w3ytfw7] {
    display: block;
    margin-bottom: .55rem;
    color: #bfc5dc;
    font-size: .83rem;
    font-weight: 700;
}

.guest-game__name-row[b-q11w3ytfw7] {
    gap: .5rem;
}

.guest-game input[type="text"][b-q11w3ytfw7],
.guest-game input:not([type])[b-q11w3ytfw7] {
    width: 100%;
}

.guest-game input#guest-name[b-q11w3ytfw7] {
    min-width: 0;
    height: 3.15rem;
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    outline: none;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    font: inherit;
    transition: border-color .2s, box-shadow .2s;
}

.guest-game input#guest-name:focus[b-q11w3ytfw7] {
    border-color: #8d7bff;
    box-shadow: 0 0 0 3px rgba(141, 123, 255, .15);
}

.guest-game__shuffle[b-q11w3ytfw7] {
    width: 3.15rem;
    height: 3.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    color: #d9dcf0;
    background: rgba(255, 255, 255, .055);
    font-size: 1.35rem;
    cursor: pointer;
}

.guest-game small[b-q11w3ytfw7] {
    display: block;
    margin-top: .4rem;
    color: #7f88a7;
    font-size: .75rem;
}

.guest-game fieldset[b-q11w3ytfw7] {
    margin: 1.35rem 0;
    padding: 0;
    border: 0;
}

.guest-game__fields[b-q11w3ytfw7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

.guest-game__field-option input[b-q11w3ytfw7] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.guest-game__field-option span[b-q11w3ytfw7] {
    display: grid;
    min-height: 2.7rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 12px;
    color: #aeb5cf;
    background: rgba(255, 255, 255, .035);
    font-size: .86rem;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}

.guest-game__field-option input:checked + span[b-q11w3ytfw7] {
    border-color: rgba(141, 123, 255, .8);
    color: #fff;
    background: linear-gradient(135deg, rgba(108, 92, 231, .42), rgba(34, 211, 238, .16));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.guest-game__primary[b-q11w3ytfw7],
.guest-game__secondary[b-q11w3ytfw7] {
    width: 100%;
    min-height: 3.25rem;
    border-radius: 14px;
    font-size: .95rem;
    font-weight: 800;
    cursor: pointer;
}

.guest-game__primary[b-q11w3ytfw7] {
    border: 0;
    color: #090b14;
    background: linear-gradient(110deg, #a697ff, #62e6d5);
    box-shadow: 0 12px 30px rgba(98, 230, 213, .16);
}

.guest-game__primary:hover[b-q11w3ytfw7] {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.guest-game__secondary[b-q11w3ytfw7] {
    border: 1px solid rgba(255, 255, 255, .14);
    color: #d9dcf0;
    background: transparent;
}

.guest-game__searching[b-q11w3ytfw7] {
    gap: .9rem;
    min-height: 4.4rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(98, 230, 213, .15);
    border-radius: 14px;
    background: rgba(98, 230, 213, .055);
}

.guest-game__searching strong[b-q11w3ytfw7] {
    color: #effffb;
}

.guest-game__searching small[b-q11w3ytfw7] {
    margin-top: .2rem;
}

.guest-game__radar[b-q11w3ytfw7] {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #62e6d5;
    border-top-color: transparent;
    border-radius: 50%;
    animation: guest-spin-b-q11w3ytfw7 .8s linear infinite;
}

.guest-game__players[b-q11w3ytfw7] {
    justify-content: center;
    gap: .7rem;
    margin-bottom: .85rem;
}

.guest-game__player[b-q11w3ytfw7] {
    display: flex;
    min-width: 0;
    max-width: 42%;
    align-items: center;
    gap: .4rem;
    color: #aeb5cf;
    font-size: .83rem;
    font-weight: 700;
}

.guest-game__player span:last-child[b-q11w3ytfw7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guest-game__player--you[b-q11w3ytfw7] {
    color: #fff;
}

.guest-game__stone[b-q11w3ytfw7] {
    font-family: "Noto Color Emoji", sans-serif;
    font-size: 1.15rem;
}

.guest-game__versus[b-q11w3ytfw7] {
    color: #5f6782;
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
}

.guest-game__turn[b-q11w3ytfw7] {
    display: flex;
    min-height: 2.4rem;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-bottom: .45rem;
}

.guest-game__status[b-q11w3ytfw7] {
    margin: 0;
    color: #f2f3fb;
    text-align: center;
    font-weight: 800;
}

.guest-game__status--win[b-q11w3ytfw7] { color: #62e6d5; }
.guest-game__status--loss[b-q11w3ytfw7] { color: #ff9d9d; }

.guest-game__timer[b-q11w3ytfw7] {
    display: inline-flex;
    min-width: 4.55rem;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: 0 .6rem;
    border: 1px solid rgba(98, 230, 213, .18);
    border-radius: 999px;
    color: #a9eee5;
    background: rgba(98, 230, 213, .055);
    font-size: .75rem;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.guest-game__timer i[b-q11w3ytfw7] { font-size: .68rem; }

.guest-game__timer--urgent[b-q11w3ytfw7] {
    border-color: rgba(255, 128, 128, .28);
    color: #ffb0b0;
    background: rgba(255, 103, 103, .075);
}

.guest-game__timer-track[b-q11w3ytfw7] {
    width: min(100%, 17rem);
    height: 3px;
    overflow: hidden;
    margin: 0 auto 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
}

.guest-game__timer-track span[b-q11w3ytfw7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #8d7bff, #62e6d5);
    box-shadow: 0 0 9px rgba(98, 230, 213, .28);
    transition: width .25s linear;
}

.guest-game__board[b-q11w3ytfw7] {
    --cell-size: clamp(2.1rem, calc(18rem / var(--board-columns)), 5.1rem);
    display: grid;
    width: fit-content;
    max-width: 100%;
    grid-template-columns: repeat(var(--board-columns), var(--cell-size));
    gap: clamp(.2rem, .8vw, .42rem);
    margin: 0 auto 1.15rem;
}

.guest-game__cell[b-q11w3ytfw7] {
    width: var(--cell-size);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: clamp(7px, 1.4vw, 13px);
    color: #fff;
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
    font-family: "Noto Color Emoji", sans-serif;
    font-size: clamp(1rem, calc(5rem / var(--board-columns)), 2.35rem);
    cursor: pointer;
    transition: border-color .16s, background .16s, transform .16s;
}

.guest-game__cell:not(:disabled):hover[b-q11w3ytfw7] {
    border-color: #8d7bff;
    background: rgba(141, 123, 255, .13);
    transform: translateY(-1px);
}

.guest-game__cell:disabled[b-q11w3ytfw7] { cursor: default; }

.guest-game__rating-note[b-q11w3ytfw7] {
    position: relative;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.guest-game__rating-note strong[b-q11w3ytfw7],
.guest-game__rating-note span[b-q11w3ytfw7] {
    display: block;
}

.guest-game__rating-note strong[b-q11w3ytfw7] {
    color: #e7e9f5;
    font-size: .79rem;
}

.guest-game__rating-note span[b-q11w3ytfw7] {
    margin-top: .18rem;
    color: #7f88a7;
    font-size: .72rem;
}

.guest-game__rating-note a[b-q11w3ytfw7] {
    flex: 0 0 auto;
    color: #8eeadf;
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
}

.guest-game__error[b-q11w3ytfw7] {
    color: #ffabab;
    font-size: .8rem;
}

.guest-game__loading[b-q11w3ytfw7] {
    display: flex;
    min-height: 13rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.guest-game__loading > span:not(.sr-only)[b-q11w3ytfw7] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #8d7bff;
    animation: guest-pulse-b-q11w3ytfw7 1s infinite alternate;
}

.guest-game__loading > span:nth-child(2)[b-q11w3ytfw7] { animation-delay: .2s; }
.guest-game__loading > span:nth-child(3)[b-q11w3ytfw7] { animation-delay: .4s; }

.sr-only[b-q11w3ytfw7] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

@keyframes guest-spin-b-q11w3ytfw7 { to { transform: rotate(360deg); } }
@keyframes guest-pulse-b-q11w3ytfw7 { to { opacity: .25; transform: translateY(-5px); } }

@media (max-width: 540px) {
    .guest-game[b-q11w3ytfw7] { padding: 1.1rem; border-radius: 22px; }
    .guest-game__heading[b-q11w3ytfw7] { align-items: flex-start; }
    .guest-game__unrated[b-q11w3ytfw7] { padding: .4rem .55rem; font-size: .68rem; }
    .guest-game__fields[b-q11w3ytfw7] { grid-template-columns: repeat(3, 1fr); }
    .guest-game__rating-note[b-q11w3ytfw7] { align-items: flex-start; flex-direction: column; }
    .guest-game__turn[b-q11w3ytfw7] { gap: .55rem; }
}

@media (prefers-reduced-motion: reduce) {
    .guest-game *[b-q11w3ytfw7], .guest-game *[b-q11w3ytfw7]::before, .guest-game *[b-q11w3ytfw7]::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/LiveOnlineIndicator.razor.rz.scp.css */
.live-online[b-vfhfulav74] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    gap: .35rem;
    padding: 0 .65rem;
    border: 1px solid rgba(85, 227, 185, .28);
    border-radius: 999px;
    color: #c2d7d7;
    background: linear-gradient(110deg, rgba(85, 227, 185, .13), rgba(56, 189, 248, .07));
    font-size: .68rem;
    font-weight: 720;
    white-space: nowrap;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 0 22px rgba(85, 227, 185, .09);
}

.live-online strong[b-vfhfulav74] {
    color: #e8fff8;
    font-weight: 850;
}

.live-online__dot[b-vfhfulav74] {
    position: relative;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background: #55e3b9;
    box-shadow: 0 0 0 .2rem rgba(85, 227, 185, .1), 0 0 15px rgba(85, 227, 185, .8);
}

.live-online__dot[b-vfhfulav74]::after {
    position: absolute;
    inset: -.28rem;
    border: 1px solid rgba(85, 227, 185, .34);
    border-radius: 50%;
    content: "";
    animation: live-online-pulse-b-vfhfulav74 1.8s ease-out infinite;
}

.live-online__waiting[b-vfhfulav74] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #8ca4aa;
}

.live-online__waiting i[b-vfhfulav74] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(98, 230, 213, .38);
}

.live-online__waiting strong[b-vfhfulav74] {
    color: #d8f7f1;
}

@keyframes live-online-pulse-b-vfhfulav74 {
    0% { opacity: .75; transform: scale(.55); }
    70%, 100% { opacity: 0; transform: scale(1.35); }
}

@media (max-width: 680px) {
    .live-online[b-vfhfulav74] {
        min-height: 1.9rem;
        gap: .35rem;
        padding-inline: .55rem;
        font-size: .62rem;
    }
}

@media (max-width: 390px) {
    .live-online[b-vfhfulav74] {
        gap: .28rem;
        padding-inline: .42rem;
        font-size: .57rem;
    }

    .live-online__waiting[b-vfhfulav74] { gap: .28rem; }
}

@media (prefers-reduced-motion: reduce) {
    .live-online__dot[b-vfhfulav74]::after { animation: none; }
}
/* /Pages/Account.razor.rz.scp.css */
.account-page[b-r41ss62vsm] {
    max-width: 1180px !important;
    color: #dce0ef;
}

.account-hero[b-r41ss62vsm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
}

.account-eyebrow[b-r41ss62vsm] {
    color: #62e6d5;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.account-hero h1[b-r41ss62vsm] {
    margin: .55rem 0 .55rem;
    color: #f5f6fc;
    font-size: clamp(2.4rem, 6vw, 4.5rem);
    letter-spacing: -.055em;
    line-height: 1;
}

.account-hero p[b-r41ss62vsm],
.account-panel__heading p[b-r41ss62vsm],
.account-premium p[b-r41ss62vsm] {
    margin: 0;
    color: #7f88a7;
    line-height: 1.6;
}

.account-status[b-r41ss62vsm] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    gap: .5rem;
    padding: 0 .8rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    color: #9ba4c0;
    background: rgba(255, 255, 255, .035);
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.account-status--premium[b-r41ss62vsm] {
    border-color: rgba(248, 206, 105, .25);
    color: #f8d77f;
    background: rgba(248, 206, 105, .07);
}

.account-layout[b-r41ss62vsm] {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr);
    gap: 1.25rem;
}

.account-panel[b-r41ss62vsm] {
    overflow: hidden;
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 26px;
    background: linear-gradient(150deg, rgba(24, 30, 54, .88), rgba(10, 14, 28, .96));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .045);
}

.account-panel__heading[b-r41ss62vsm] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: 1.5rem;
}

.account-panel__heading h2[b-r41ss62vsm] {
    margin: 0 0 .25rem;
    color: #eff1f9;
    font-size: 1.15rem;
    letter-spacing: -.025em;
}

.account-panel__heading p[b-r41ss62vsm],
.account-premium p[b-r41ss62vsm] {
    font-size: .76rem;
}

.account-panel__icon[b-r41ss62vsm] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(141, 123, 255, .2);
    border-radius: 12px;
    color: #a99cff;
    background: rgba(141, 123, 255, .08);
}

.account-premium[b-r41ss62vsm] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1px solid rgba(248, 206, 105, .17);
    border-radius: 18px;
    background: linear-gradient(120deg, rgba(248, 206, 105, .07), rgba(141, 123, 255, .055));
}

.account-premium > div:first-child > span[b-r41ss62vsm] {
    display: block;
    margin-bottom: .25rem;
    color: #f5d47a;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.account-premium strong[b-r41ss62vsm] {
    color: #fff;
    font-size: 1.15rem;
}

.account-premium s[b-r41ss62vsm] {
    margin-right: .25rem;
    color: #737b96;
    font-size: .8rem;
    font-weight: 600;
}

.account-premium__buy[b-r41ss62vsm] {
    align-self: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 0;
    border-radius: 12px;
    color: #11121a;
    background: linear-gradient(110deg, #f7d778, #efb9ff);
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.account-gift[b-r41ss62vsm] {
    grid-column: 1 / -1;
    padding-top: .85rem;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.account-gift label[b-r41ss62vsm] {
    display: block;
    margin-bottom: .45rem;
    color: #7f88a7;
    font-size: .7rem;
}

.account-gift > div[b-r41ss62vsm] {
    display: flex;
}

.account-gift input[b-r41ss62vsm] {
    min-width: 0;
    height: 2.65rem;
    flex: 1;
    padding: 0 .75rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    outline: 0;
    color: #aab2cc;
    background: rgba(7, 10, 21, .45);
    font-size: .7rem;
}

.account-gift button[b-r41ss62vsm] {
    width: 2.8rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 0 10px 10px 0;
    color: #8eeadf;
    background: rgba(98, 230, 213, .06);
    cursor: pointer;
}

.account-setting[b-r41ss62vsm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 15px;
    background: rgba(255, 255, 255, .025);
}

.account-setting strong[b-r41ss62vsm],
.account-setting span[b-r41ss62vsm],
.account-skin-group__heading strong[b-r41ss62vsm],
.account-skin-group__heading span[b-r41ss62vsm] {
    display: block;
}

.account-setting strong[b-r41ss62vsm],
.account-skin-group__heading strong[b-r41ss62vsm] {
    color: #e2e5f1;
    font-size: .82rem;
}

.account-setting span[b-r41ss62vsm],
.account-skin-group__heading span[b-r41ss62vsm] {
    margin-top: .15rem;
    color: #707996;
    font-size: .68rem;
}

.account-skin-group[b-r41ss62vsm] {
    padding: 1.25rem 0;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.account-skin-group:last-child[b-r41ss62vsm] {
    padding-bottom: 0;
}

.account-skin-group__heading[b-r41ss62vsm] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .8rem;
}

.account-skin-preview[b-r41ss62vsm] {
    display: grid !important;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 12px;
    background: rgba(141, 123, 255, .1);
    font-size: 1.25rem !important;
}

.account-skin-preview--o[b-r41ss62vsm] { background: rgba(98, 230, 213, .08); }

.account-skins[b-r41ss62vsm]  .mud-chip-set {
    gap: .35rem;
}

.account-skins[b-r41ss62vsm]  .mud-chip {
    width: 2.85rem;
    height: 2.85rem;
    justify-content: center;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 11px;
    background: rgba(255, 255, 255, .025);
}

.account-skins[b-r41ss62vsm]  .mud-chip.mud-chip-selected {
    border-color: rgba(141, 123, 255, .65);
    background: rgba(141, 123, 255, .17);
    box-shadow: 0 0 0 2px rgba(141, 123, 255, .08);
}

.account-skins[b-r41ss62vsm]  .mud-chip-disabled {
    filter: grayscale(.35);
    opacity: .36;
}

.account-stats[b-r41ss62vsm] {
    position: sticky;
    top: 6.2rem;
}

.account-rating[b-r41ss62vsm] {
    padding: 1.25rem;
    border: 1px solid rgba(98, 230, 213, .13);
    border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(98, 230, 213, .12), transparent 55%), rgba(98, 230, 213, .035);
}

.account-rating span[b-r41ss62vsm],
.account-rating strong[b-r41ss62vsm] {
    display: block;
}

.account-rating span[b-r41ss62vsm],
.account-stats__grid span[b-r41ss62vsm],
.account-winrate span[b-r41ss62vsm] {
    color: #76809d;
    font-size: .68rem;
}

.account-rating strong[b-r41ss62vsm] {
    margin-top: .2rem;
    color: #eafffb;
    font-size: 2.35rem;
    letter-spacing: -.055em;
}

.account-stats__grid[b-r41ss62vsm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem;
    margin: .7rem 0;
}

.account-stats__grid > div[b-r41ss62vsm] {
    display: grid;
    min-width: 0;
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 14px;
    background: rgba(255, 255, 255, .022);
}

.account-stats__grid i[b-r41ss62vsm] {
    margin-bottom: .65rem;
    color: #8175df;
    font-size: .78rem;
}

.account-stats__grid strong[b-r41ss62vsm] {
    color: #edf0f9;
    font-size: 1.15rem;
}

.account-winrate[b-r41ss62vsm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem .2rem;
}

.account-winrate strong[b-r41ss62vsm] {
    color: #62e6d5;
}

.account-leaderboard[b-r41ss62vsm] {
    display: flex;
    min-height: 3rem;
    align-items: center;
    justify-content: space-between;
    margin-top: .65rem;
    padding: 0 .9rem;
    border: 1px solid rgba(141, 123, 255, .17);
    border-radius: 13px;
    color: #c9c2ff;
    background: rgba(141, 123, 255, .055);
    font-size: .75rem;
    font-weight: 800;
    text-decoration: none;
}

.account-loading[b-r41ss62vsm] {
    display: flex;
    min-height: 55vh;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.account-loading span[b-r41ss62vsm] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: #8d7bff;
    animation: account-pulse-b-r41ss62vsm .8s infinite alternate;
}

.account-loading span:nth-child(2)[b-r41ss62vsm] { animation-delay: .15s; }
.account-loading span:nth-child(3)[b-r41ss62vsm] { animation-delay: .3s; }

@keyframes account-pulse-b-r41ss62vsm { to { opacity: .25; transform: translateY(-5px); } }

@media (max-width: 820px) {
    .account-layout[b-r41ss62vsm] { grid-template-columns: 1fr; }
    .account-stats[b-r41ss62vsm] { position: static; }
}

@media (max-width: 560px) {
    .account-hero[b-r41ss62vsm] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .account-hero h1[b-r41ss62vsm] { font-size: 2.55rem; }
    .account-panel[b-r41ss62vsm] { border-radius: 20px; }
    .account-premium[b-r41ss62vsm] { grid-template-columns: 1fr; }
    .account-premium__buy[b-r41ss62vsm] { width: 100%; }
    .account-gift[b-r41ss62vsm] { grid-column: auto; }
    .account-skins[b-r41ss62vsm]  .mud-chip { width: 2.65rem; height: 2.65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .account-loading span[b-r41ss62vsm] { animation: none; }
}
/* /Pages/Index.razor.rz.scp.css */
.landing[b-muxczn34ov] {
    overflow: hidden;
}

.hero[b-muxczn34ov] {
    display: grid;
    min-height: calc(100vh - 5rem);
    max-width: 1240px;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(380px, .86fr);
    gap: clamp(2.5rem, 7vw, 7rem);
    margin: 0 auto;
    padding: clamp(4rem, 8vw, 7.5rem) 1.5rem 4.5rem;
}

.hero__copy[b-muxczn34ov] {
    position: relative;
}

.hero__copy[b-muxczn34ov]::before {
    position: absolute;
    z-index: -1;
    top: -12rem;
    left: -13rem;
    width: 31rem;
    height: 31rem;
    border-radius: 50%;
    background: rgba(97, 75, 230, .13);
    filter: blur(30px);
    content: "";
}

.hero__badge[b-muxczn34ov] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.25rem;
    color: #aeb6d1;
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .04em;
}

.hero__badge span[b-muxczn34ov] {
    width: .53rem;
    height: .53rem;
    border-radius: 50%;
    background: #55e3b9;
    box-shadow: 0 0 0 .28rem rgba(85, 227, 185, .11), 0 0 20px rgba(85, 227, 185, .6);
}

.hero h1[b-muxczn34ov] {
    max-width: 710px;
    margin: 0;
    color: #f7f8ff;
    font-size: clamp(3.2rem, 7vw, 6.35rem);
    font-weight: 850;
    letter-spacing: -.065em;
    line-height: .92;
}

.hero h1 em[b-muxczn34ov] {
    display: block;
    color: transparent;
    background: linear-gradient(95deg, #9d8dff 10%, #63e7d6 80%);
    -webkit-background-clip: text;
    background-clip: text;
    font-style: normal;
}

.hero__lead[b-muxczn34ov] {
    max-width: 620px;
    margin: 1.65rem 0 1.2rem;
    color: #aab2ce;
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    line-height: 1.7;
}

.hero__facts[b-muxczn34ov] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1.15rem;
    color: #d7dbee;
    font-size: .82rem;
    font-weight: 700;
}

.hero__facts span[b-muxczn34ov]::first-letter {
    color: #62e6d5;
}

.hero__stats[b-muxczn34ov] {
    display: flex;
    gap: clamp(1.4rem, 4vw, 2.8rem);
    margin-top: 2rem;
}

.hero__stats div[b-muxczn34ov] {
    display: flex;
    flex-direction: column;
}

.hero__stats strong[b-muxczn34ov] {
    color: #fff;
    font-size: 1.35rem;
    letter-spacing: -.04em;
}

.hero__stats span[b-muxczn34ov] {
    margin-top: .1rem;
    color: #6f7898;
    font-size: .7rem;
}

.hero__rankings[b-muxczn34ov] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1.35rem;
}

.hero__rankings > span[b-muxczn34ov] {
    margin-right: .15rem;
    color: #68718e;
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
}

.hero__rankings a[b-muxczn34ov] {
    display: inline-flex;
    min-height: 2.15rem;
    align-items: center;
    gap: .45rem;
    padding: 0 .7rem;
    border: 1px solid rgba(141, 123, 255, .15);
    border-radius: 999px;
    color: #aaa2e8;
    background: rgba(141, 123, 255, .04);
    font-size: .68rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .18s, border-color .18s, background .18s;
}

.hero__rankings a:hover[b-muxczn34ov] {
    border-color: rgba(141, 123, 255, .38);
    color: #e7e3ff;
    background: rgba(141, 123, 255, .09);
}

.hero__rankings b[b-muxczn34ov] { color: #62e6d5; }

.hero__game[b-muxczn34ov] {
    min-width: 0;
}

.trust-line[b-muxczn34ov] {
    display: grid;
    max-width: 1140px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    border-block: 1px solid rgba(255, 255, 255, .075);
}

.trust-line > span[b-muxczn34ov] {
    padding: 1.7rem clamp(1rem, 4vw, 3rem);
}

.trust-line > span + span[b-muxczn34ov] {
    border-left: 1px solid rgba(255, 255, 255, .075);
}

.trust-line b[b-muxczn34ov],
.trust-line small[b-muxczn34ov] {
    display: block;
}

.trust-line b[b-muxczn34ov] {
    color: #e5e8f5;
    font-size: .9rem;
}

.trust-line small[b-muxczn34ov] {
    margin-top: .25rem;
    color: #737c9c;
    font-size: .72rem;
}

.section[b-muxczn34ov] {
    max-width: 1140px;
    margin: 0 auto;
    padding: clamp(5.5rem, 10vw, 9rem) 1.5rem;
}

.section__intro[b-muxczn34ov] {
    max-width: 680px;
    margin: 0 auto 3rem;
    text-align: center;
}

.section__eyebrow[b-muxczn34ov] {
    color: #62e6d5;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.section h2[b-muxczn34ov],
.seo-links h2[b-muxczn34ov] {
    margin: .65rem 0 1rem;
    color: #f1f3fb;
    font-size: clamp(2rem, 4vw, 3.25rem);
    letter-spacing: -.05em;
    line-height: 1.08;
}

.section__intro p[b-muxczn34ov],
.modes__copy > p[b-muxczn34ov] {
    color: #8d96b4;
    line-height: 1.75;
}

.steps[b-muxczn34ov] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steps li[b-muxczn34ov] {
    min-height: 245px;
    padding: 1.6rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
}

.steps li > span[b-muxczn34ov] {
    color: #6d7593;
    font-size: .75rem;
    font-weight: 800;
}

.steps h3[b-muxczn34ov] {
    margin: 3.5rem 0 .75rem;
    color: #e9ebf6;
    font-size: 1.2rem;
}

.steps p[b-muxczn34ov] {
    margin: 0;
    color: #858eaa;
    font-size: .86rem;
    line-height: 1.65;
}

.modes[b-muxczn34ov] {
    display: grid;
    align-items: center;
    grid-template-columns: .85fr 1fr;
    gap: clamp(3rem, 8vw, 7rem);
}

.modes__visual[b-muxczn34ov] {
    position: relative;
    display: grid;
    min-height: 420px;
    place-items: center;
}

.modes__glow[b-muxczn34ov] {
    position: absolute;
    z-index: -1;
    width: 85%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(108, 92, 231, .28), transparent 68%);
}

.mini-board[b-muxczn34ov] {
    display: grid;
    width: min(100%, 340px);
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(24, 30, 54, .96), rgba(10, 14, 28, .98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
    transform: rotate(-4deg);
}

.mini-board span[b-muxczn34ov] {
    display: grid;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    color: #9e8eff;
    background: rgba(255, 255, 255, .035);
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 250;
}

.mini-board span:nth-child(3n)[b-muxczn34ov] {
    color: #62e6d5;
}

.modes__copy ul[b-muxczn34ov] {
    display: grid;
    gap: .7rem;
    margin: 1.5rem 0 2rem;
    padding: 0;
    color: #c9cde0;
    list-style: none;
}

.modes__copy li[b-muxczn34ov]::before {
    margin-right: .65rem;
    color: #62e6d5;
    content: "✓";
}

.button[b-muxczn34ov] {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 0 1.25rem;
    border-radius: 14px;
    font-size: .87rem;
    font-weight: 800;
    text-decoration: none;
}

.button--telegram[b-muxczn34ov] {
    color: #07121a;
    background: linear-gradient(105deg, #73d8ff, #62e6d5);
}

.faq[b-muxczn34ov] {
    padding-top: 5rem;
}

.faq__list[b-muxczn34ov] {
    max-width: 820px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.faq details[b-muxczn34ov] {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.faq summary[b-muxczn34ov] {
    padding: 1.35rem .25rem;
    color: #e4e7f3;
    font-weight: 750;
    cursor: pointer;
}

.faq details p[b-muxczn34ov] {
    max-width: 720px;
    margin: -.4rem 0 1.4rem;
    color: #8992ae;
    line-height: 1.7;
}

.seo-links[b-muxczn34ov] {
    max-width: 1140px;
    margin: 0 auto 5rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.seo-links h2[b-muxczn34ov] {
    font-size: 1.5rem;
}

.seo-links div[b-muxczn34ov] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .6rem;
}

.seo-links a[b-muxczn34ov] {
    padding: .55rem .8rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    color: #9fa7c2;
    font-size: .75rem;
    text-decoration: none;
}

.seo-links a:hover[b-muxczn34ov] { color: #fff; border-color: #7565e2; }

@media (max-width: 900px) {
    .hero[b-muxczn34ov] {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-top: 2rem;
    }

    .hero__copy[b-muxczn34ov] { text-align: center; }
    .hero__lead[b-muxczn34ov] { margin-inline: auto; }
    .hero__facts[b-muxczn34ov], .hero__stats[b-muxczn34ov] { justify-content: center; }
    .hero__rankings[b-muxczn34ov] { justify-content: center; }
    .hero__game[b-muxczn34ov] { width: min(100%, 570px); margin: 0 auto; order: -1; }
    .modes[b-muxczn34ov] { grid-template-columns: 1fr; }
    .modes__visual[b-muxczn34ov] { min-height: 340px; }
}

@media (max-width: 680px) {
    .hero[b-muxczn34ov] { padding-inline: 1rem; }
    .hero h1[b-muxczn34ov] { font-size: clamp(3rem, 15vw, 4.7rem); }
    .hero__facts[b-muxczn34ov] { align-items: center; flex-direction: column; }
    .hero__stats[b-muxczn34ov] { gap: 1.35rem; }
    .hero__stats strong[b-muxczn34ov] { font-size: 1.1rem; }
    .hero__rankings[b-muxczn34ov] { flex-wrap: wrap; }
    .hero__rankings > span[b-muxczn34ov] { width: 100%; margin: 0 0 .15rem; }
    .trust-line[b-muxczn34ov] { grid-template-columns: 1fr; margin-inline: 1rem; }
    .trust-line > span[b-muxczn34ov] { text-align: center; }
    .trust-line > span + span[b-muxczn34ov] { border-top: 1px solid rgba(255, 255, 255, .075); border-left: 0; }
    .steps[b-muxczn34ov] { grid-template-columns: 1fr; }
    .steps li[b-muxczn34ov] { min-height: 200px; }
    .steps h3[b-muxczn34ov] { margin-top: 2.5rem; }
    .section[b-muxczn34ov] { padding-inline: 1rem; }
    .modes__visual[b-muxczn34ov] { min-height: 290px; }
    .mini-board[b-muxczn34ov] { width: min(90%, 290px); }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
.legal-page[b-pgj3oon2nq] {
    max-width: 840px !important;
    color: #aeb6ce;
}

.legal-page__header[b-pgj3oon2nq] {
    margin-bottom: 2rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.legal-page__toc[b-pgj3oon2nq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.2rem;
}

.legal-page__toc a[b-pgj3oon2nq] {
    padding: .48rem .72rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    color: #8f99b8;
    background: rgba(255, 255, 255, .025);
    font-size: .7rem;
    font-weight: 750;
    text-decoration: none;
    transition: color .18s, border-color .18s, background .18s;
}

.legal-page__toc a:hover[b-pgj3oon2nq] {
    border-color: rgba(141, 123, 255, .38);
    color: #edf0fb;
    background: rgba(141, 123, 255, .07);
}

.legal-page__header > span[b-pgj3oon2nq] {
    color: #62e6d5;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.legal-page h1[b-pgj3oon2nq] {
    margin: .65rem 0 .75rem;
    color: #f3f5fc;
    font-size: clamp(2.15rem, 6vw, 3.7rem);
    letter-spacing: -.055em;
    line-height: 1.04;
}

.legal-page__header p[b-pgj3oon2nq] {
    margin: 0;
    color: #717b99;
    font-size: .78rem;
}

.legal-page__notice[b-pgj3oon2nq] {
    margin-bottom: 2.5rem;
    padding: 1.1rem 1.2rem;
    border: 1px solid rgba(98, 230, 213, .16);
    border-radius: 16px;
    color: #c9eee8;
    background: rgba(98, 230, 213, .045);
    line-height: 1.65;
}

.legal-page section[b-pgj3oon2nq] {
    margin-top: 0;
    padding: 2.15rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    scroll-margin-top: 6.5rem;
}

.legal-page h2[b-pgj3oon2nq] {
    margin: 0 0 .75rem;
    color: #e6e9f5;
    font-size: 1.12rem;
    letter-spacing: -.02em;
}

.legal-page p[b-pgj3oon2nq],
.legal-page li[b-pgj3oon2nq] {
    font-size: .9rem;
    line-height: 1.8;
}

.legal-page ul[b-pgj3oon2nq] {
    display: grid;
    gap: .45rem;
    padding-left: 1.25rem;
}

.legal-page li[b-pgj3oon2nq]::marker {
    color: #62e6d5;
}

.legal-page code[b-pgj3oon2nq] {
    padding: .12rem .35rem;
    border-radius: 5px;
    color: #cbbfff;
    background: rgba(141, 123, 255, .11);
}

.legal-page a[b-pgj3oon2nq] {
    color: #78e9dc;
}

.legal-page__operator[b-pgj3oon2nq] {
    margin-top: 2.5rem;
    color: #4f5873;
    font-size: .68rem;
}

.legal-page__operator summary[b-pgj3oon2nq] {
    width: fit-content;
    color: #5f6986;
    cursor: pointer;
    user-select: none;
}

.legal-page__operator p[b-pgj3oon2nq] {
    margin: .75rem 0 0;
    color: #555f7c;
    font-size: .68rem;
    line-height: 1.65;
}

@media (max-width: 680px) {
    .legal-page p[b-pgj3oon2nq],
    .legal-page li[b-pgj3oon2nq] { font-size: .86rem; }
    .legal-page__toc[b-pgj3oon2nq] { gap: .4rem; }
    .legal-page__toc a[b-pgj3oon2nq] { padding: .42rem .6rem; font-size: .65rem; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.site-shell[b-h8wjgdmdvz] {
    min-height: 100vh;
}

.site-header[b-h8wjgdmdvz] {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: rgba(7, 10, 21, .76);
    backdrop-filter: blur(20px);
}

.site-header[b-h8wjgdmdvz]::after {
    position: absolute;
    right: 10%;
    bottom: -1px;
    left: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(141, 123, 255, .28), rgba(98, 230, 213, .24), transparent);
    content: "";
    pointer-events: none;
}

.site-header__inner[b-h8wjgdmdvz] {
    display: flex;
    max-width: 1240px;
    height: 4.6rem;
    align-items: center;
    gap: 2rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.site-logo[b-h8wjgdmdvz] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #f0f2fb;
    font-size: .95rem;
    font-weight: 850;
    letter-spacing: -.025em;
    text-decoration: none;
}

.site-logo__mark[b-h8wjgdmdvz] {
    display: flex;
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    gap: .08rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(141, 123, 255, .24), rgba(98, 230, 213, .09));
    font-size: .9rem;
}

.site-logo__mark b:first-child[b-h8wjgdmdvz] { color: #a697ff; }
.site-logo__mark b:last-child[b-h8wjgdmdvz] { color: #62e6d5; }

.site-header nav[b-h8wjgdmdvz] {
    display: flex;
    gap: 1.5rem;
    margin-left: auto;
}

.site-header nav a[b-h8wjgdmdvz],
.site-footer a[b-h8wjgdmdvz] {
    color: #8e97b4;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .18s;
}

.site-header nav a:hover[b-h8wjgdmdvz],
.site-footer a:hover[b-h8wjgdmdvz] {
    color: #f4f6ff;
}

.site-header__cta[b-h8wjgdmdvz] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    gap: .5rem;
    padding: 0 .9rem;
    border: 1px solid rgba(98, 230, 213, .22);
    border-radius: 11px;
    color: #baf8ef;
    background: rgba(98, 230, 213, .07);
    font-size: .75rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
    transition: border-color .18s, background .18s, transform .18s;
}

.site-header__cta:hover[b-h8wjgdmdvz] {
    border-color: rgba(98, 230, 213, .38);
    background: rgba(98, 230, 213, .11);
    transform: translateY(-1px);
}

.site-header__cta-mobile[b-h8wjgdmdvz] { display: none; }

.site-content[b-h8wjgdmdvz] {
    min-height: 60vh;
    padding-top: 4.6rem;
}

.site-footer[b-h8wjgdmdvz] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 2rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.site-footer__inner[b-h8wjgdmdvz],
.site-footer__legal[b-h8wjgdmdvz] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.site-footer__inner p[b-h8wjgdmdvz] {
    max-width: 330px;
    color: #707996;
    font-size: .76rem;
    line-height: 1.6;
}

.site-footer__links[b-h8wjgdmdvz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    gap: .9rem 2rem;
}

.site-footer__legal[b-h8wjgdmdvz] {
    margin-top: 3rem;
    padding-top: 1.35rem;
    border-top: 1px solid rgba(255, 255, 255, .06);
    color: #555e7a;
    font-size: .63rem;
}

@media (max-width: 680px) {
    .site-header__inner[b-h8wjgdmdvz] { height: 4.2rem; gap: .65rem; padding-inline: .8rem; }
    .site-content[b-h8wjgdmdvz] { padding-top: 4.2rem; }
    .site-header nav[b-h8wjgdmdvz] { display: none; }
    .site-header__cta[b-h8wjgdmdvz] { min-height: 2.4rem; margin-left: auto; padding-inline: .7rem; font-size: .7rem; }
    .site-header__cta i[b-h8wjgdmdvz] { font-size: 1rem; }
    .site-header__cta-desktop[b-h8wjgdmdvz] { display: none; }
    .site-header__cta-mobile[b-h8wjgdmdvz] { display: inline; }
    .site-footer__inner[b-h8wjgdmdvz], .site-footer__legal[b-h8wjgdmdvz] { flex-direction: column; }
    .site-footer__links[b-h8wjgdmdvz] { margin-top: 1rem; }
    .site-footer__legal[b-h8wjgdmdvz] { gap: .5rem; }
}

@media (max-width: 390px) {
    .site-logo[b-h8wjgdmdvz] { gap: .45rem; }
    .site-logo__name[b-h8wjgdmdvz] { font-size: .78rem; }
    .site-header__inner[b-h8wjgdmdvz] { gap: .45rem; padding-inline: .65rem; }
    .site-header__cta[b-h8wjgdmdvz] { padding-inline: .55rem; }
}

@media (max-width: 360px) {
    .site-logo__name[b-h8wjgdmdvz] { display: none; }
}