/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-in85sabu2h] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-in85sabu2h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-kvsq99gjkz],
.components-reconnect-repeated-attempt-visible[b-kvsq99gjkz],
.components-reconnect-failed-visible[b-kvsq99gjkz],
.components-pause-visible[b-kvsq99gjkz],
.components-resume-failed-visible[b-kvsq99gjkz],
.components-rejoining-animation[b-kvsq99gjkz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-retrying[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-failed[b-kvsq99gjkz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-kvsq99gjkz] {
    display: block;
}


#components-reconnect-modal[b-kvsq99gjkz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-kvsq99gjkz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-kvsq99gjkz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-kvsq99gjkz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-kvsq99gjkz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-kvsq99gjkz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-kvsq99gjkz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-kvsq99gjkz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-kvsq99gjkz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-kvsq99gjkz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-kvsq99gjkz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-kvsq99gjkz] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-kvsq99gjkz] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-kvsq99gjkz] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-kvsq99gjkz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-kvsq99gjkz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-kvsq99gjkz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-kvsq99gjkz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-kvsq99gjkz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Games.razor.rz.scp.css */
.ireti-site[b-bxbrt1k9mj] { background: #fff; color: #12213a; font-family: "Segoe UI", Arial, sans-serif; min-height: 100vh; }
.hub-container[b-bxbrt1k9mj] { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.ireti-site a[b-bxbrt1k9mj] { text-decoration: none; }
.ireti-site a:focus-visible[b-bxbrt1k9mj], .ireti-site button:focus-visible[b-bxbrt1k9mj] { outline: 3px solid #e53935; outline-offset: 5px; }
.skip-link[b-bxbrt1k9mj] { position: absolute; top: -80px; left: 20px; z-index: 10; padding: 12px; background: white; color: #071a35; }
.skip-link:focus[b-bxbrt1k9mj] { top: 12px; }
.hub-header[b-bxbrt1k9mj] { border-bottom: 1px solid #e6eaf0; background: #fff; }
.hub-header-inner[b-bxbrt1k9mj] { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ireti-brand[b-bxbrt1k9mj] { display: flex; gap: 12px; align-items: center; }
.ireti-mark[b-bxbrt1k9mj] { position: relative; display: grid; place-items: center; width: 37px; height: 39px; border-radius: 10px; background: #d83230; color: white; font: 800 32px/1 "Segoe UI", sans-serif; }
.ireti-mark > span[b-bxbrt1k9mj] { position: absolute; width: 7px; height: 7px; background: white; border-radius: 2px; bottom: 8px; right: 7px; }
.ireti-brand strong[b-bxbrt1k9mj] { font-size: 25px; letter-spacing: -1px; }
.ireti-brand strong > span[b-bxbrt1k9mj] { font-weight: 400; margin-left: 6px; color: #526078; }
.hub-header nav[b-bxbrt1k9mj] { display: flex; gap: 30px; align-items: center; font-size: 13px; font-weight: 600; }
.hub-header nav > a:hover[b-bxbrt1k9mj] { color: #bd2725; }
.ecosystem-nav > span[b-bxbrt1k9mj] { margin-left: 6px; color: #b72b29; }
.hub-language[b-bxbrt1k9mj] { display: flex; padding: 3px; border: 1px solid #dfe4eb; border-radius: 7px; background: #f3f5f8; }
.hub-language button[b-bxbrt1k9mj] { border: 0; background: none; padding: 7px 9px; border-radius: 4px; font-size: 11px; color: #536078; font-weight: 650; }
.hub-language button[aria-pressed="true"][b-bxbrt1k9mj] { background: #071a35; color: white; }
.hub-hero[b-bxbrt1k9mj] { position: relative; color: #fff; background: radial-gradient(ellipse at 4% 15%, #6b253850, transparent 52%), radial-gradient(ellipse at 95% 35%, #07778a45, transparent 55%), #071a35; overflow: hidden; }
.hub-hero[b-bxbrt1k9mj]::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px); background-size: 54px 54px; pointer-events: none; }
.hero-layout[b-bxbrt1k9mj] { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 72px; padding-block: 78px 70px; }
.hub-kicker[b-bxbrt1k9mj] { display: inline-flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; color: #e3e8ef; }
.hub-kicker > span[b-bxbrt1k9mj] { width: 7px; height: 7px; background: #ff6864; box-shadow: 0 0 0 5px #ff68641c; border-radius: 50%; flex-shrink: 0; }
.hub-hero h1[b-bxbrt1k9mj] { font-family: inherit; font-weight: 750; font-size: clamp(45px, 4.9vw, 67px); letter-spacing: -2.7px; line-height: 1.09; margin: 25px 0 22px; }
.hub-hero h1 > span[b-bxbrt1k9mj] { display: block; color: #ff7973; }
.hub-hero-copy > p[b-bxbrt1k9mj] { color: #c2cddd; font-size: 16px; line-height: 1.85; max-width: 460px; margin: 0; }
.hub-actions[b-bxbrt1k9mj] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hub-primary[b-bxbrt1k9mj], .hub-secondary[b-bxbrt1k9mj] { display: inline-flex; align-items: center; justify-content: center; gap: 15px; border-radius: 8px; padding: 15px 19px; font-size: 13px; font-weight: 700; }
.hub-primary[b-bxbrt1k9mj] { background: #cb302d; color: #fff; border: 1px solid #e34a46; box-shadow: 0 8px 28px #e539351f; }
.hub-primary:hover[b-bxbrt1k9mj] { background: #b72523; }
.hub-secondary[b-bxbrt1k9mj] { border: 1px solid #ffffff38; background: #ffffff08; color: #fff; }
.hub-secondary:hover[b-bxbrt1k9mj] { background: #ffffff16; }
.hero-details[b-bxbrt1k9mj] { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 27px; font-size: 11px; color: #bac8da; }
.hero-details > span[b-bxbrt1k9mj] { display: flex; align-items: center; gap: 7px; }
.play-window[b-bxbrt1k9mj] { border: 1px solid #ffffff26; border-radius: 16px; background: #102746; box-shadow: 0 25px 60px #0004; transform: rotate(2deg); overflow: hidden; }
.window-bar[b-bxbrt1k9mj] { height: 42px; padding: 0 17px; display: flex; align-items: center; gap: 17px; background: #ffffff05; border-bottom: 1px solid #ffffff14; color: #b6c8dc; font: 10px Consolas, monospace; }
.window-bar > div[b-bxbrt1k9mj] { display: flex; gap: 5px; }
.window-bar i[b-bxbrt1k9mj] { width: 6px; height: 6px; background: #6d8baa; border-radius: 50%; }
.window-bar i:first-child[b-bxbrt1k9mj] { background: #ff7973; }
.window-bar .window-status[b-bxbrt1k9mj] { width: 6px; height: 6px; background: #68d5b4; border-radius: 50%; margin-left: auto; }
.window-scene[b-bxbrt1k9mj] { position: relative; padding: 22px 24px; background: radial-gradient(ellipse at 50% 45%, #38686460, transparent 70%); }
.scene-label[b-bxbrt1k9mj] { display: flex; justify-content: space-between; gap: 12px; color: #c6d5e4; font: 8px Consolas, monospace; letter-spacing: 1px; }
.scene-label > span[b-bxbrt1k9mj] { color: #9db4cb; }
.scene-orbit[b-bxbrt1k9mj] { position: absolute; width: 78%; aspect-ratio: 1; border: 1px solid #ffffff12; border-radius: 50%; top: 39px; left: 11%; }
.hub-board[b-bxbrt1k9mj] { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; padding: 12px; background: #738b77; border: 1px solid #adc2a1; border-radius: 9px; width: 73%; aspect-ratio: 1; margin: 27px auto 31px; transform: rotate(-11deg); box-shadow: 0 5px 0 #4d6958, 0 20px 22px #0003; }
.hub-board > span[b-bxbrt1k9mj] { display: grid; place-items: center; border-radius: 3px; background: #d8e2cf; box-shadow: inset 0 1px 0 #fff4; min-width: 0; }
.hub-board > .red-cell[b-bxbrt1k9mj] { background: #b46d5c; }
.hub-board > .blue-cell[b-bxbrt1k9mj] { background: #669a9b; }
.hub-board > .letter[b-bxbrt1k9mj] { background: linear-gradient(135deg, #f9e9bf, #e7c68c); color: #273c30; font-size: clamp(17px, 2.3vw, 29px); font-weight: 600; box-shadow: 0 3px 0 #b09c72; transform: translateY(-3px); }
.floating-plus[b-bxbrt1k9mj], .floating-cross[b-bxbrt1k9mj] { position: absolute; color: #7cd8d9; font-size: 30px; top: 30%; right: 6%; }
.floating-cross[b-bxbrt1k9mj] { color: #ff8e82; top: 66%; left: 7%; right: auto; font-size: 22px; }
.scene-caption[b-bxbrt1k9mj] { position: relative; display: flex; align-items: center; gap: 12px; }
.scene-w[b-bxbrt1k9mj] { width: 37px; height: 39px; display: grid; place-items: center; background: #e5d4a4; border-radius: 6px; color: #2b4937; font: 32px Georgia, serif; }
.scene-caption strong[b-bxbrt1k9mj] { display: block; font-size: 17px; }
.scene-caption div > span[b-bxbrt1k9mj] { display: block; margin-top: 4px; color: #c0cedf; font-size: 10px; }
.scene-arrow[b-bxbrt1k9mj] { margin-left: auto; font-size: 22px; color: #bfcede; }
.hero-footnote[b-bxbrt1k9mj] { position: relative; display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid #ffffff20; padding-block: 20px; color: #afbed2; font-size: 9px; letter-spacing: 1.3px; }
.hero-footnote > span:last-child[b-bxbrt1k9mj] { font: 11px Consolas, monospace; letter-spacing: 0; }
.hero-footnote > span:last-child > span[b-bxbrt1k9mj] { margin-left: 10px; color: #ff8c82; }
.hub-library[b-bxbrt1k9mj] { padding-block: 65px; scroll-margin-top: 25px; }
.library-heading[b-bxbrt1k9mj] { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.hub-label[b-bxbrt1k9mj] { color: #af2927; font-size: 10px; letter-spacing: 1.7px; font-weight: 700; }
.ireti-site h2[b-bxbrt1k9mj] { font-size: 31px; letter-spacing: -1px; line-height: 1.2; font-weight: 700; margin: 12px 0 0; }
.library-heading > p[b-bxbrt1k9mj] { max-width: 245px; color: #5a687c; font-size: 13px; line-height: 1.7; margin: 0 0 2px; }
.library-meta[b-bxbrt1k9mj] { display: flex; justify-content: space-between; gap: 16px; margin: 30px 0 18px; color: #5a687c; font-size: 11px; }
.library-meta > span:first-child[b-bxbrt1k9mj] { color: #192b46; font-weight: 600; }
.library-meta b[b-bxbrt1k9mj] { display: inline-block; background: #edf1f6; padding: 3px 7px; border-radius: 5px; font-size: 10px; margin-left: 7px; }
.library-grid[b-bxbrt1k9mj] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
.game-listing[b-bxbrt1k9mj] { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr); border: 1px solid #dce2e9; border-radius: 13px; overflow: hidden; }
.game-cover[b-bxbrt1k9mj] { display: grid; place-items: center; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 50% 35%, #e9edda, #c2d1b7); min-height: 260px; }
.cover-grid[b-bxbrt1k9mj] { position: absolute; width: 290px; height: 350px; z-index: -1; transform: rotate(-15deg); background-image: linear-gradient(#3f644719 2px, transparent 2px), linear-gradient(90deg, #3f644719 2px, transparent 2px); background-size: 39px 39px; }
.cover-tile[b-bxbrt1k9mj] { display: grid; place-items: center; position: relative; width: 97px; height: 106px; background: linear-gradient(135deg, #f9ebc9, #e9c98a); border: 1px solid #bd9f65; border-radius: 12px; transform: rotate(-9deg); box-shadow: 0 6px 0 #b0996a, 0 20px 25px #3e573633; font: 74px Georgia, serif; color: #2b4937; }
.cover-name[b-bxbrt1k9mj] { position: absolute; bottom: 24px; font-size: 9px; font-weight: 700; letter-spacing: 3px; color: #3d573b; }
.game-copy[b-bxbrt1k9mj] { padding: 26px; }
.game-category[b-bxbrt1k9mj] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #566578; font-size: 9px; }
.game-category > span:first-child[b-bxbrt1k9mj] { text-transform: uppercase; letter-spacing: .9px; font-weight: 700; }
.available-dot[b-bxbrt1k9mj] { color: #356149; }
.available-dot[b-bxbrt1k9mj]::before { content: ""; display: inline-block; width: 5px; height: 5px; background: #397653; border-radius: 50%; margin-right: 5px; }
.game-copy h3[b-bxbrt1k9mj] { font-size: 30px; letter-spacing: -1px; margin: 18px 0 10px; }
.game-copy > p[b-bxbrt1k9mj] { font-size: 13px; color: #536176; line-height: 1.8; margin: 0 0 18px; }
.game-tags[b-bxbrt1k9mj] { display: flex; flex-wrap: wrap; gap: 6px; }
.game-tags > span[b-bxbrt1k9mj] { font-size: 9px; color: #4d5f71; padding: 5px 7px; background: #f0f3f6; border-radius: 4px; }
.game-launch[b-bxbrt1k9mj] { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #102744; color: white; font-size: 12px; font-weight: 650; padding: 13px 15px; border-radius: 6px; margin-top: 23px; }
.game-launch:hover[b-bxbrt1k9mj] { background: #203e60; }
.coming-card[b-bxbrt1k9mj] { border: 1px dashed #bac6d5; background: #f6f8fb; border-radius: 13px; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; }
.coming-symbol[b-bxbrt1k9mj] { display: grid; grid-template-columns: repeat(2, 16px); gap: 4px; transform: rotate(-7deg); margin-bottom: 26px; }
.coming-symbol > span[b-bxbrt1k9mj] { border: 1px solid #a9b9cf; background: #e3eaf3; height: 16px; border-radius: 3px; }
.coming-symbol > span:last-child[b-bxbrt1k9mj] { background: #c8322e; border-color: #c8322e; color: white; display: grid; place-items: center; font-size: 14px; line-height: 1; }
.coming-card .hub-label[b-bxbrt1k9mj] { font-size: 8px; letter-spacing: 1.2px; color: #536479; }
.coming-card h3[b-bxbrt1k9mj] { font-size: 23px; line-height: 1.2; letter-spacing: -.6px; margin: 13px 0 12px; }
.coming-card p[b-bxbrt1k9mj] { font-size: 12px; line-height: 1.8; color: #58697f; margin: 0 0 23px; }
.coming-note[b-bxbrt1k9mj] { display: flex; justify-content: space-between; width: 100%; color: #53647a; font-size: 10px; margin-top: auto; }
.hub-values[b-bxbrt1k9mj] { border-top: 1px solid #dfe5ed; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 50px; padding-block: 43px 60px; }
.hub-values h2[b-bxbrt1k9mj] { font-size: 26px; max-width: 300px; }
.value-icon[b-bxbrt1k9mj] { display: inline-flex; color: #b52b28; margin-bottom: 12px; }
.value-item h3[b-bxbrt1k9mj] { font-size: 14px; margin: 0 0 10px; }
.value-item p[b-bxbrt1k9mj] { color: #5a687c; font-size: 12px; line-height: 1.8; margin: 0; }
.hub-footer[b-bxbrt1k9mj] { background: #f5f7fa; border-top: 1px solid #e3e8ef; padding-block: 26px; }
.hub-footer > div[b-bxbrt1k9mj] { display: flex; align-items: center; gap: 30px; }
.footer-brand[b-bxbrt1k9mj] { font-weight: 750; font-size: 18px; letter-spacing: -.6px; }
.footer-brand span[b-bxbrt1k9mj] { font-weight: 400; margin-left: 4px; color: #526078; }
.hub-footer p[b-bxbrt1k9mj] { font-size: 11px; color: #5a687c; }
.hub-footer a:last-child[b-bxbrt1k9mj] { display: flex; align-items: center; gap: 15px; font-size: 11px; color: #4b5e76; margin-left: auto; }
@media (max-width: 1050px) {
    .hub-container[b-bxbrt1k9mj] { width: calc(100% - 64px); }
    .hero-layout[b-bxbrt1k9mj] { gap: 36px; padding-block: 60px; }
    .hub-hero h1[b-bxbrt1k9mj] { font-size: 53px; }
    .hub-hero-copy > p[b-bxbrt1k9mj] { font-size: 14px; }
    .hub-actions > a[b-bxbrt1k9mj] { font-size: 12px; padding: 13px; }
    .library-grid[b-bxbrt1k9mj] { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 18px; }
    .game-listing[b-bxbrt1k9mj] { grid-template-columns: 1fr; }
    .game-cover[b-bxbrt1k9mj] { min-height: 210px; }
    .cover-tile[b-bxbrt1k9mj] { width: 79px; height: 86px; font-size: 57px; margin-bottom: 15px; }
    .game-copy[b-bxbrt1k9mj] { padding: 23px; }
    .hub-values[b-bxbrt1k9mj] { gap: 28px; }
}
@media (max-width: 760px) {
    .hub-container[b-bxbrt1k9mj] { width: calc(100% - 40px); }
    .hub-header-inner[b-bxbrt1k9mj] { min-height: 76px; }
    .hub-header nav[b-bxbrt1k9mj] { gap: 14px; }
    .ecosystem-nav[b-bxbrt1k9mj] { display: none; }
    .hero-layout[b-bxbrt1k9mj] { grid-template-columns: 1fr; gap: 44px; padding-block: 48px 38px; }
    .hub-hero h1[b-bxbrt1k9mj] { font-size: clamp(44px, 8vw, 60px); letter-spacing: -2px; }
    .hub-hero-copy > p[b-bxbrt1k9mj] { max-width: 500px; }
    .play-window[b-bxbrt1k9mj] { width: min(430px, 94%); justify-self: center; transform: rotate(1deg); }
    .hub-board > .letter[b-bxbrt1k9mj] { font-size: 28px; }
    .hero-footnote[b-bxbrt1k9mj] { font-size: 8px; letter-spacing: .8px; }
    .hero-footnote > span:last-child[b-bxbrt1k9mj] { display: none; }
    .hub-library[b-bxbrt1k9mj] { padding-block: 43px; }
    .library-heading[b-bxbrt1k9mj] { display: block; }
    .library-heading > p[b-bxbrt1k9mj] { margin-top: 15px; max-width: none; }
    .library-grid[b-bxbrt1k9mj] { grid-template-columns: 1fr; }
    .game-listing[b-bxbrt1k9mj] { grid-template-columns: minmax(140px, .8fr) minmax(0, 1.2fr); }
    .game-cover[b-bxbrt1k9mj] { min-height: 250px; }
    .coming-card[b-bxbrt1k9mj] { padding: 25px; }
    .coming-symbol[b-bxbrt1k9mj] { margin-bottom: 20px; }
    .hub-values[b-bxbrt1k9mj] { grid-template-columns: 1fr 1fr; gap: 28px; padding-block: 32px 42px; }
    .hub-values > div:first-child[b-bxbrt1k9mj] { grid-column: 1 / -1; }
    .hub-values h2[b-bxbrt1k9mj] { max-width: none; }
    .hub-footer > div[b-bxbrt1k9mj] { flex-wrap: wrap; gap: 12px 25px; }
    .hub-footer p[b-bxbrt1k9mj] { margin: 0; }
    .hub-footer a:last-child[b-bxbrt1k9mj] { margin-left: 0; width: 100%; }
}
@media (max-width: 440px) {
    .hub-header nav[b-bxbrt1k9mj] { gap: 8px; }
    .catalog-nav[b-bxbrt1k9mj] { display: none; }
    .ireti-brand strong[b-bxbrt1k9mj] { font-size: 22px; }
    .hub-kicker[b-bxbrt1k9mj] { font-size: 8px; letter-spacing: 1px; }
    .hub-hero h1[b-bxbrt1k9mj] { font-size: 44px; }
    .hero-details[b-bxbrt1k9mj] { gap: 13px; font-size: 10px; }
    .window-scene[b-bxbrt1k9mj] { padding: 17px; }
    .scene-label[b-bxbrt1k9mj] { font-size: 7px; letter-spacing: 0; }
    .hub-board[b-bxbrt1k9mj] { width: 80%; gap: 4px; padding: 9px; }
    .hub-board > .letter[b-bxbrt1k9mj] { font-size: 23px; }
    .library-meta > span:last-child[b-bxbrt1k9mj] { display: none; }
    .ireti-site h2[b-bxbrt1k9mj] { font-size: 27px; }
    .game-listing[b-bxbrt1k9mj] { grid-template-columns: 1fr; }
    .game-cover[b-bxbrt1k9mj] { min-height: 210px; }
    .hub-values[b-bxbrt1k9mj] { grid-template-columns: 1fr; }
    .hub-language button[b-bxbrt1k9mj] { padding: 7px 8px; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.welcome-shell[b-b8roezhntd] { max-width: 1280px; padding: 0 52px; margin: 0 auto; }
.hub-return[b-b8roezhntd] { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; font-size: 12px; color: #3e5535; text-decoration: none; }
.hub-return:hover[b-b8roezhntd] { text-decoration: underline; text-underline-offset: 4px; }
.welcome-nav-link[b-b8roezhntd] { text-decoration: none; font-size: 12px; }
.welcome-nav-link:hover[b-b8roezhntd] { color: #56713d; }
.welcome-nav-play[b-b8roezhntd] { display: flex; align-items: center; gap: 12px; background: #2b4937; color: #fffdf3; border-radius: 7px; padding: 11px 17px; text-decoration: none; font-size: 12px; }
.welcome-nav-play:hover[b-b8roezhntd] { background: #3d5c40; }
.welcome-hero[b-b8roezhntd] { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 58px; padding: 78px 0 64px; }
.hero-copy[b-b8roezhntd] { position: relative; z-index: 1; }
.hero-copy .eyebrow[b-b8roezhntd] { font-size: 9px; letter-spacing: 1.5px; }
.hero-copy h1[b-b8roezhntd] { font-size: clamp(54px, 5.8vw, 80px); line-height: 1.03; margin: 24px 0 25px; letter-spacing: -2.3px; color: #273e2e; }
.hero-copy h1 em[b-b8roezhntd] { display: block; font-style: italic; color: #657b4e; margin: 3px 0 0; }
.hero-description[b-b8roezhntd] { max-width: 425px; font-size: 15px; line-height: 1.9; color: #58664e; }
.hero-actions[b-b8roezhntd] { display: flex; align-items: center; gap: 25px; margin-top: 29px; flex-wrap: wrap; }
.launch-button[b-b8roezhntd] { display: inline-flex; align-items: center; justify-content: center; gap: 25px; background: #2b4937; color: #fffdf3; border: 1px solid #2b4937; border-radius: 7px; padding: 17px 24px; text-decoration: none; font-size: 13px; font-weight: 550; transition: background .2s, transform .2s, box-shadow .2s; }
.launch-button:hover[b-b8roezhntd] { background: #3a5a3e; transform: translateY(-2px); box-shadow: 0 6px 18px #263c271a; }
.resume-link[b-b8roezhntd] { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: #3e5535; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.hero-reassurance[b-b8roezhntd] { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #5c6a52; margin-top: 16px; }
.hero-people[b-b8roezhntd] { display: flex; align-items: center; margin-top: 34px; }
.hero-people > span[b-b8roezhntd] { width: 33px; height: 33px; border-radius: 50%; border: 3px solid #f7f6f0; background: #d9dfc6; color: #526541; display: flex; align-items: center; justify-content: center; font: 13px Georgia, serif; }
.hero-people > span + span[b-b8roezhntd] { margin-left: -9px; background: #e4cabb; color: #774d37; }
.hero-people > span:nth-child(3)[b-b8roezhntd] { background: #c6d9da; color: #3d6063; }
.hero-people > div[b-b8roezhntd] { margin-left: 10px; font-size: 10px; line-height: 1.7; color: #637155; max-width: 170px; }
.hero-art[b-b8roezhntd] { position: relative; padding: 32px 14px 32px 18px; isolation: isolate; }
.art-orbit[b-b8roezhntd] { position: absolute; width: 104%; aspect-ratio: 1; border-radius: 50%; background: #e8ecde; left: -1%; top: 1%; z-index: -1; }
.art-orbit[b-b8roezhntd]::before { content: ""; position: absolute; inset: -17px; border: 1px dashed #b9c3aa; border-radius: 50%; }
.art-sparkle[b-b8roezhntd] { position: absolute; width: 48px; height: 48px; right: -8px; top: 10px; color: #80915c; transform: rotate(10deg); }
.preview-board[b-b8roezhntd] { background: #d9e1cb; padding: 13px; border: 1px solid #b7c6a4; border-radius: 11px; transform: rotate(-7deg); box-shadow: 0 5px 0 #aabf91, 0 18px 40px #29452624; }
.preview-board-caption[b-b8roezhntd] { display: flex; justify-content: space-between; font-size: 7px; letter-spacing: 2px; font-weight: 650; color: #52663e; padding: 0 3px 10px; }
.preview-grid[b-b8roezhntd] { display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); grid-template-rows: repeat(15, minmax(0, 1fr)); aspect-ratio: 1; gap: 3px; }
.preview-square[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; position: relative; border-radius: 2px; background: #fbfcf1; min-width: 0; color: #365032; }
.preview-square small[b-b8roezhntd] { font-size: 6px; font-weight: 700; }
.preview-square.tw[b-b8roezhntd] { background: #a65543; color: #fffaf0; }
.preview-square.dw[b-b8roezhntd] { background: #e4ac8d; color: #583120; }
.preview-square.tl[b-b8roezhntd] { background: #426f72; color: #fff; }
.preview-square.dl[b-b8roezhntd] { background: #b6d0c2; color: #244b3b; }
.preview-square.has-letter[b-b8roezhntd] { background: linear-gradient(135deg, #f8e8bd, #e7c886); border: 1px solid #c8a969; color: #33432b; box-shadow: 0 2px 0 #a78e5d, 0 3px 5px #59422016; transform: translateY(-1px); z-index: 1; }
.preview-square b[b-b8roezhntd] { font-size: 19px; font-weight: 550; }
.preview-square sub[b-b8roezhntd] { position: absolute; bottom: 2px; right: 2px; font-size: 6px; }
.preview-board-footer[b-b8roezhntd] { display: flex; align-items: center; justify-content: space-between; font-size: 6px; font-weight: 600; letter-spacing: 1.2px; color: #4e613f; padding: 10px 3px 0; }
.floating-word[b-b8roezhntd] { position: absolute; bottom: 12px; left: -25px; display: flex; align-items: center; gap: 12px; background: #fffdf5; border: 1px solid #d8dfca; border-radius: 10px; padding: 15px 20px; box-shadow: 0 9px 24px #27392416; transform: rotate(-3deg); color: #4d6841; }
.floating-word strong[b-b8roezhntd] { display: block; font-family: "Libre Caslon Display", Georgia, serif; font-size: 23px; font-weight: 400; color: #324c32; }
.floating-word span[b-b8roezhntd] { display: block; font-size: 9px; margin-top: 4px; }
.floating-tiles[b-b8roezhntd] { position: absolute; right: -6px; top: -4px; display: flex; gap: 5px; transform: rotate(11deg); }
.floating-tiles > span[b-b8roezhntd] { width: 43px; height: 48px; background: linear-gradient(130deg, #f9e9c3, #e9ce96); border: 1px solid #cbb180; border-radius: 5px; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: 0 3px 0 #b79c6b, 0 6px 8px #43361b15; font-size: 26px; color: #38482e; }
.floating-tiles sub[b-b8roezhntd] { position: absolute; right: 4px; bottom: 4px; font-size: 8px; }
.welcome-benefits[b-b8roezhntd] { display: flex; align-items: center; justify-content: space-around; gap: 18px; padding: 24px 0; border-top: 1px solid #d7ddcd; border-bottom: 1px solid #d7ddcd; }
.welcome-benefits > span[b-b8roezhntd] { display: flex; align-items: center; gap: 9px; font-size: 11px; color: #4e6241; }
.resume-banner[b-b8roezhntd] { display: flex; align-items: center; gap: 14px; padding: 18px 23px; border-radius: 9px; margin-top: 27px; background: #e9eddf; border: 1px solid #cdd7bf; }
.resume-icon[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #d6e1c5; color: #435e34; border-radius: 50%; flex-shrink: 0; }
.resume-banner strong[b-b8roezhntd] { font-size: 13px; font-weight: 600; }
.resume-banner p[b-b8roezhntd] { font-size: 10px; color: #596b4b; margin: 6px 0 0; }
.resume-banner p span[b-b8roezhntd] { margin: 0 7px; }
.resume-banner a[b-b8roezhntd] { margin-left: auto; display: flex; align-items: center; gap: 15px; font-size: 11px; font-weight: 600; color: #35502d; text-decoration: none; }
.welcome-warning[b-b8roezhntd] { padding: 12px; color: #993f2d; font-size: 12px; }
.ways-section[b-b8roezhntd] { padding: 58px 0 65px; scroll-margin-top: 25px; }
.section-introduction[b-b8roezhntd] { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 25px; gap: 25px; }
.section-introduction h2[b-b8roezhntd], .how-heading h2[b-b8roezhntd], .welcome-closing h2[b-b8roezhntd] { font: 400 38px/1.14 "Libre Caslon Display", Georgia, serif; letter-spacing: -.8px; margin: 12px 0 0; color: #31482f; }
.section-introduction > p[b-b8roezhntd] { max-width: 215px; font-size: 11px; line-height: 1.8; color: #5e6c53; margin: 0 0 3px; text-align: right; }
.mode-cards[b-b8roezhntd] { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.welcome-mode[b-b8roezhntd] { padding: 28px 30px 23px; border-radius: 12px; text-decoration: none; transition: transform .2s, box-shadow .2s; overflow: hidden; }
.welcome-mode:hover[b-b8roezhntd] { transform: translateY(-4px); box-shadow: 0 12px 25px #253b2512; }
.friends-mode[b-b8roezhntd] { background: #ebeedd; border: 1px solid #cfd9bd; color: #334a2c; }
.computer-mode[b-b8roezhntd] { background: #2b4937; border: 1px solid #2b4937; color: #fffdf3; }
.mode-card-top[b-b8roezhntd] { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.mode-icon[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; width: 51px; height: 51px; border-radius: 12px; background: #d8e3c5; color: #435f32; }
.computer-mode .mode-icon[b-b8roezhntd] { background: #426047; color: #eef3df; }
.mode-tag[b-b8roezhntd] { font-size: 8px; font-weight: 600; letter-spacing: 1.2px; }
.computer-mode .mode-tag[b-b8roezhntd] { color: #d4dfc6; }
.welcome-mode h3[b-b8roezhntd] { font: 400 35px/1.15 "Libre Caslon Display", Georgia, serif; margin: 25px 0 12px; letter-spacing: -.5px; }
.welcome-mode > p[b-b8roezhntd] { font-size: 12px; line-height: 1.85; max-width: 355px; margin: 0 0 28px; color: #56694a; }
.computer-mode > p[b-b8roezhntd] { color: #d4dfca; }
.mode-card-bottom[b-b8roezhntd] { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #cbd5b9; padding-top: 18px; gap: 10px; }
.computer-mode .mode-card-bottom[b-b8roezhntd] { border-color: #627959; }
.mode-card-bottom > span[b-b8roezhntd] { display: flex; align-items: center; gap: 13px; font-size: 12px; font-weight: 550; }
.friend-dots[b-b8roezhntd], .level-dots[b-b8roezhntd] { display: flex; }
.friend-dots i[b-b8roezhntd] { border-radius: 50%; background: #c9d9ad; font: 12px Georgia, serif; height: 31px; width: 31px; display: flex; align-items: center; justify-content: center; border: 2px solid #ebeedd; margin-left: -5px; }
.friend-dots i:nth-child(2)[b-b8roezhntd] { background: #e3c8b4; color: #694937; }.friend-dots i:nth-child(3)[b-b8roezhntd] { background: #bfd3d9; color: #3e5c64; }
.level-dots[b-b8roezhntd] { gap: 5px; }.level-dots i[b-b8roezhntd] { width: 26px; height: 26px; border: 1px solid #738668; border-radius: 5px; font: 11px "DM Sans", sans-serif; display: flex; align-items: center; justify-content: center; color: #ecf0dd; }
.level-dots i:nth-child(2)[b-b8roezhntd] { background: #506d48; }.level-dots i:nth-child(3)[b-b8roezhntd] { background: #dce7c9; color: #2d4933; border-color: #dce7c9; }
.how-section[b-b8roezhntd] { border-top: 1px solid #d7ddcd; padding: 59px 0 48px; scroll-margin-top: 25px; }
.how-heading[b-b8roezhntd] { text-align: center; }.how-heading .eyebrow[b-b8roezhntd] { justify-content: center; }
.how-heading > p[b-b8roezhntd] { font-size: 12px; color: #607051; margin: 14px 0 0; }
.how-steps[b-b8roezhntd] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 38px; }
.step-number[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #e5e9d9; border: 1px solid #cbd5bc; border-radius: 50%; font-size: 10px; color: #526b3f; }
.how-steps h3[b-b8roezhntd] { font: 400 26px "Libre Caslon Display", Georgia, serif; margin: 17px 0 10px; color: #3e5535; }
.how-steps p[b-b8roezhntd] { font-size: 12px; line-height: 1.85; color: #5b6b50; margin: 0; }
.home-dictionary-note[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 31px 0 0; font-size: 10px; color: #596f48; text-align: center; }
.welcome-closing[b-b8roezhntd] { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 36px 24px; border-radius: 11px; background: #e9eddd; margin-bottom: 42px; color: #536e42; }
.welcome-closing h2[b-b8roezhntd] { font-size: 31px; margin: 0; }.welcome-closing .launch-button[b-b8roezhntd] { margin-left: auto; padding: 13px 18px; font-size: 11px; gap: 14px; }
.site-footer[b-b8roezhntd] { margin-top: 0; }
@media (max-width:1100px) {
    .welcome-shell[b-b8roezhntd] { padding: 0 32px; }.topbar[b-b8roezhntd] { gap: 14px; }.topbar nav[b-b8roezhntd] { gap: 18px; }.brand-tagline[b-b8roezhntd] { display: none; }
    .welcome-hero[b-b8roezhntd] { gap: 34px; padding: 60px 0 50px; }.hero-copy h1[b-b8roezhntd] { font-size: 62px; }.hero-description[b-b8roezhntd] { font-size: 13px; }
    .hero-copy .eyebrow[b-b8roezhntd] { font-size: 8px; letter-spacing: 1px; }.hero-actions[b-b8roezhntd] { gap: 15px; }.launch-button[b-b8roezhntd] { padding: 15px 20px; gap: 17px; }
    .preview-grid[b-b8roezhntd] { gap: 2px; }.preview-square b[b-b8roezhntd] { font-size: 15px; }.preview-square small[b-b8roezhntd] { font-size: 5px; }.floating-word[b-b8roezhntd] { left: -16px; padding: 12px 15px; }
    .floating-word strong[b-b8roezhntd] { font-size: 20px; }.welcome-benefits > span[b-b8roezhntd] { font-size: 10px; }.section-introduction h2[b-b8roezhntd], .how-heading h2[b-b8roezhntd] { font-size: 34px; }
    .welcome-mode[b-b8roezhntd] { padding: 23px; }.welcome-mode h3[b-b8roezhntd] { font-size: 30px; }.mode-tag[b-b8roezhntd] { font-size: 7px; letter-spacing: .7px; }.welcome-closing h2[b-b8roezhntd] { font-size: 27px; }
}
@media (max-width:760px) {
    .welcome-shell[b-b8roezhntd] { padding: 0 24px; }.welcome-hero[b-b8roezhntd] { grid-template-columns: 1fr; text-align: center; gap: 40px; padding-top: 40px; }
    .hero-copy .eyebrow[b-b8roezhntd], .hero-actions[b-b8roezhntd], .hero-reassurance[b-b8roezhntd], .hero-people[b-b8roezhntd] { justify-content: center; }.hero-copy h1[b-b8roezhntd] { font-size: 68px; margin-top: 19px; }.hero-description[b-b8roezhntd] { max-width: 430px; margin-left: auto; margin-right: auto; }
    .hero-people[b-b8roezhntd] { display: none; }.hero-art[b-b8roezhntd] { max-width: 440px; width: 100%; margin: 0 auto; }.floating-word[b-b8roezhntd] { left: -5px; }
    .welcome-benefits[b-b8roezhntd] { flex-wrap: wrap; gap: 17px 25px; padding: 23px 0; }.welcome-benefits > span[b-b8roezhntd] { font-size: 10px; }.section-introduction[b-b8roezhntd] { display: block; text-align: center; }.section-introduction .eyebrow[b-b8roezhntd] { justify-content: center; }
    .section-introduction > p[b-b8roezhntd] { max-width: none; text-align: center; margin-top: 12px; }.mode-cards[b-b8roezhntd] { gap: 16px; }.welcome-mode[b-b8roezhntd] { padding: 21px; }.mode-card-top[b-b8roezhntd] { align-items: flex-start; }.mode-tag[b-b8roezhntd] { max-width: 110px; text-align: right; line-height: 1.8; }
    .welcome-mode h3[b-b8roezhntd] { font-size: 30px; }.welcome-mode > p[b-b8roezhntd] { font-size: 11px; }.friend-dots[b-b8roezhntd], .level-dots[b-b8roezhntd] { display: none; }.mode-card-bottom > span[b-b8roezhntd] { font-size: 11px; }
    .how-steps[b-b8roezhntd] { gap: 25px; }.how-steps h3[b-b8roezhntd] { font-size: 23px; }.how-steps p[b-b8roezhntd] { font-size: 11px; }.welcome-closing[b-b8roezhntd] { flex-wrap: wrap; gap: 15px; }.welcome-closing h2[b-b8roezhntd] { font-size: 28px; }.welcome-closing .launch-button[b-b8roezhntd] { margin: 0; }
}
@media (max-width:500px) {
    .welcome-shell[b-b8roezhntd] { padding: 0 20px; }.topbar[b-b8roezhntd] { height: 78px; gap: 10px; }.topbar nav[b-b8roezhntd] { gap: 10px; }.welcome-nav-link[b-b8roezhntd] { display: none; }.welcome-nav-play[b-b8roezhntd] { font-size: 10px; padding: 9px 10px; gap: 7px; }
    .brand[b-b8roezhntd] { font-size: 24px; }.welcome-hero[b-b8roezhntd] { padding-top: 35px; gap: 26px; }.hero-copy h1[b-b8roezhntd] { font-size: 58px; letter-spacing: -1.7px; }.hero-copy .eyebrow[b-b8roezhntd] { font-size: 7px; letter-spacing: .8px; }
    .hero-description[b-b8roezhntd] { font-size: 13px; line-height: 1.8; }.hero-actions[b-b8roezhntd] { gap: 18px; margin-top: 25px; }.launch-button[b-b8roezhntd] { padding: 15px 20px; font-size: 12px; }.resume-link[b-b8roezhntd] { font-size: 11px; }.hero-reassurance[b-b8roezhntd] { font-size: 9px; }
    .hero-art[b-b8roezhntd] { padding: 30px 17px 28px; }.preview-board[b-b8roezhntd] { padding: 9px; }.preview-board-caption[b-b8roezhntd] { font-size: 5px; padding-bottom: 8px; }.preview-board-footer[b-b8roezhntd] { font-size: 4px; letter-spacing: .5px; padding-top: 8px; }
    .preview-square b[b-b8roezhntd] { font-size: 12px; }.preview-square sub[b-b8roezhntd] { font-size: 4px; bottom: 1px; right: 1px; }.preview-square small[b-b8roezhntd] { font-size: 4px; }.preview-grid[b-b8roezhntd] { gap: 2px; }
    .floating-word[b-b8roezhntd] { left: -3px; bottom: 7px; padding: 11px 13px; gap: 9px; }.floating-word strong[b-b8roezhntd] { font-size: 20px; }.floating-word span[b-b8roezhntd] { font-size: 8px; }.floating-tiles[b-b8roezhntd] { right: 13px; top: 2px; gap: 4px; }
    .floating-tiles > span[b-b8roezhntd] { width: 32px; height: 37px; font-size: 22px; }.floating-tiles sub[b-b8roezhntd] { font-size: 6px; }.art-sparkle[b-b8roezhntd] { width: 34px; height: 34px; right: 0; top: 5px; }.art-orbit[b-b8roezhntd] { width: 91%; left: 4.5%; top: 5%; }
    .welcome-benefits[b-b8roezhntd] { align-items: flex-start; gap: 16px; flex-direction: column; padding: 23px 12px; }.welcome-benefits > span[b-b8roezhntd] { font-size: 11px; }
    .resume-banner[b-b8roezhntd] { padding: 16px 14px; gap: 11px; flex-wrap: wrap; }.resume-banner strong[b-b8roezhntd] { font-size: 12px; }.resume-banner p[b-b8roezhntd] { font-size: 9px; }.resume-banner a[b-b8roezhntd] { margin: 0 0 0 53px; font-size: 11px; }
    .ways-section[b-b8roezhntd] { padding: 43px 0; }.section-introduction h2[b-b8roezhntd], .how-heading h2[b-b8roezhntd] { font-size: 34px; }.section-introduction .eyebrow[b-b8roezhntd], .how-heading .eyebrow[b-b8roezhntd] { font-size: 8px; letter-spacing: 1px; }
    .mode-cards[b-b8roezhntd] { grid-template-columns: 1fr; }.welcome-mode[b-b8roezhntd] { padding: 25px; }.mode-tag[b-b8roezhntd] { max-width: none; font-size: 7px; }.welcome-mode h3[b-b8roezhntd] { font-size: 33px; }.welcome-mode > p[b-b8roezhntd] { font-size: 12px; }.friend-dots[b-b8roezhntd], .level-dots[b-b8roezhntd] { display: flex; }
    .how-section[b-b8roezhntd] { padding: 43px 0 36px; }.how-heading > p[b-b8roezhntd] { font-size: 11px; line-height: 1.8; }.how-steps[b-b8roezhntd] { grid-template-columns: 1fr; gap: 27px; margin-top: 31px; }.how-steps article[b-b8roezhntd] { display: grid; grid-template-columns: 35px 1fr; gap: 0 15px; }.step-number[b-b8roezhntd] { grid-row: 1 / 3; }.how-steps h3[b-b8roezhntd] { margin: 3px 0 8px; font-size: 25px; }.how-steps p[b-b8roezhntd] { font-size: 12px; }
    .home-dictionary-note[b-b8roezhntd] { align-items: flex-start; text-align: left; line-height: 1.8; font-size: 9px; gap: 8px; }.welcome-closing[b-b8roezhntd] { text-align: center; padding: 27px 20px; margin-bottom: 30px; }.welcome-closing h2[b-b8roezhntd] { font-size: 31px; width: 100%; }.welcome-closing .launch-button[b-b8roezhntd] { margin-top: 4px; }
}
@media (max-width:360px) { .welcome-shell[b-b8roezhntd] { padding: 0 16px; }.brand[b-b8roezhntd] { font-size: 21px; }.welcome-nav-play[b-b8roezhntd] { font-size: 9px; gap: 4px; padding: 9px 8px; }.topbar nav[b-b8roezhntd] { gap: 7px; }.hero-copy h1[b-b8roezhntd] { font-size: 50px; }.hero-actions[b-b8roezhntd] { flex-direction: column; }.preview-square b[b-b8roezhntd] { font-size: 10px; }.mode-card-bottom > span[b-b8roezhntd] { gap: 8px; font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .launch-button[b-b8roezhntd], .welcome-mode[b-b8roezhntd] { transition: none; } }