/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Оформление лежит в wwwroot/app.css, чтобы правила не разъезжались по файлам. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2cw4aqrx6p],
.components-reconnect-repeated-attempt-visible[b-2cw4aqrx6p],
.components-reconnect-failed-visible[b-2cw4aqrx6p],
.components-pause-visible[b-2cw4aqrx6p],
.components-resume-failed-visible[b-2cw4aqrx6p],
.components-rejoining-animation[b-2cw4aqrx6p] {
    display: none;
}

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


#components-reconnect-modal[b-2cw4aqrx6p] {
    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-2cw4aqrx6p 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2cw4aqrx6p {
    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/About.razor.rz.scp.css */
/* «О проекте и правах» (/about). Как «Книги»: бумага, медовая отметка слева у каждого раздела. */

.about[b-djfjsm3fgd] { max-width: 52rem; }

.about-head[b-djfjsm3fgd] { margin-bottom: 1.2rem; }

.about-lead[b-djfjsm3fgd] { color: var(--ink-soft); }

.about-part[b-djfjsm3fgd] {
    margin-bottom: .8rem;
    padding: .8rem 1rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    box-shadow: inset 4px 0 0 var(--amber-deep);
    border-radius: var(--radius);
}

.about-part h2[b-djfjsm3fgd] { margin: 0 0 .3rem; }

.about-part p[b-djfjsm3fgd] { margin: 0 0 .5rem; }

.about-part p:last-child[b-djfjsm3fgd] { margin-bottom: 0; }

.about-small[b-djfjsm3fgd] { font-size: .85rem; color: var(--ink-soft); }
/* /Components/Pages/BattlePage.razor.rz.scp.css */
.battle-options[b-aa6um6szv5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem 1.5rem;
    margin: 1rem 0;
}

.battle-options .field[b-aa6um6szv5] { margin: 0; flex: 0 1 28rem; min-width: 0; }
.battle-options .full-descriptions[b-aa6um6szv5] { padding-bottom: .4rem; }

.rita[b-aa6um6szv5] {
    margin: 0 0 1rem;
    padding: .7rem .9rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    box-shadow: inset 4px 0 0 var(--amber-deep);
    border-radius: var(--radius);
}

.rita h2[b-aa6um6szv5] { margin: 0; font-size: 1.15rem; }
.rita p[b-aa6um6szv5] { margin: .35rem 0 0; }
.rita-facts[b-aa6um6szv5] { font-family: "IBM Plex Mono", monospace; font-size: .76rem; color: var(--blue-ink); }
/* /Components/Pages/Books.razor.rz.scp.css */
/* «Книги» (/books). Бланк Волт-Тек: бумага, синие заголовки, медовые отметки. */

.books[b-5rvgr4182v] { max-width: 52rem; }

.books-head[b-5rvgr4182v] { margin-bottom: 1.2rem; }

.books-lead[b-5rvgr4182v] { max-width: var(--measure); color: var(--ink-soft); }

.books-list[b-5rvgr4182v] {
    display: grid;
    gap: .8rem;
}

.book[b-5rvgr4182v] {
    padding: .8rem 1rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    box-shadow: inset 4px 0 0 var(--amber-deep);
    border-radius: var(--radius);
}

.book-audience[b-5rvgr4182v] {
    margin: 0 0 .15rem;
    font-family: "IBM Plex Mono", monospace;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink-faint);
}

.book h2[b-5rvgr4182v] { margin: 0 0 .3rem; }

.book p:last-child[b-5rvgr4182v] { margin: 0; max-width: var(--measure); }
/* /Components/Pages/Glossary.razor.rz.scp.css */
/* Глоссарий (/glossary). Бланк Волт-Тек: бумага, синие заголовки, медовые отметки. */

.glossary[b-e1kyvq2tm8] { max-width: 52rem; }

.glossary-head[b-e1kyvq2tm8] { margin-bottom: 1.2rem; }

.glossary-lead[b-e1kyvq2tm8] { max-width: var(--measure); color: var(--ink-soft); }

.glossary-tools[b-e1kyvq2tm8] { margin-bottom: 1.2rem; }

input.glossary-search[b-e1kyvq2tm8] {
    width: 100%;
    margin-bottom: .6rem;
}

.glossary-sections[b-e1kyvq2tm8] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.glossary-chip[b-e1kyvq2tm8] {
    padding: .2rem .55rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    color: var(--ink);
    font: inherit;
    font-size: .85rem;
    cursor: pointer;
}

.glossary-chip .num[b-e1kyvq2tm8] { color: var(--ink-faint); font-size: .76rem; }

.glossary-chip.on[b-e1kyvq2tm8] {
    background: #fff;
    box-shadow: inset 4px 0 0 var(--amber-deep);
    padding-left: .8rem;
}

.glossary-letters[b-e1kyvq2tm8] {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .55rem;
    margin-bottom: 1.2rem;
    padding: .5rem .8rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    font-family: "IBM Plex Mono", monospace;
}

.glossary-letter h2[b-e1kyvq2tm8] {
    margin: 1.4rem 0 .4rem;
    padding-bottom: .15rem;
    border-bottom: 2px solid var(--amber-deep);
    color: var(--blue-ink);
}

.glossary-list[b-e1kyvq2tm8] { margin: 0; }

.glossary-entry[b-e1kyvq2tm8] {
    padding: .55rem 0;
    border-bottom: 1px solid var(--rule);
}

/* Статья, на которую перешли из всплывающего окна. */
.glossary-entry.is-target[b-e1kyvq2tm8] {
    padding-left: .7rem;
    background: #fff;
    box-shadow: inset 4px 0 0 var(--amber-deep);
}

.glossary-entry dt[b-e1kyvq2tm8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .1rem .5rem;
    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
}

.glossary-abbr[b-e1kyvq2tm8] {
    font-family: "IBM Plex Mono", monospace;
    font-size: .8rem;
    font-weight: 500;
    color: var(--blue-ink);
}

.glossary-section[b-e1kyvq2tm8] {
    margin-left: auto;
    font-family: "IBM Plex Mono", monospace;
    font-size: .7rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink-faint);
}

.glossary-entry dd[b-e1kyvq2tm8] {
    margin: .15rem 0 0;
    white-space: pre-line;
}

.glossary-hint[b-e1kyvq2tm8] {
    margin: .3rem 0 0;
    padding-left: .6rem;
    border-left: 2px solid var(--rule);
    color: var(--ink-soft);
    font-size: .92rem;
}

@media (max-width: 600px) {
    .glossary-section[b-e1kyvq2tm8] { margin-left: 0; width: 100%; }
}
/* /Components/Pages/Guide.razor.rz.scp.css */
/* Руководство для новых игроков (/guide). Бланк Волт-Тек: бумага, синие заголовки, медовые отметки. */

.guide[b-dwxp0hbbh2] {
    max-width: 52rem;
}

.guide p[b-dwxp0hbbh2] { max-width: var(--measure); }

.guide-head[b-dwxp0hbbh2] { margin-bottom: 1.5rem; }

.guide-kicker[b-dwxp0hbbh2] {
    margin: 0 0 .3rem;
    font-family: "IBM Plex Mono", monospace;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink-faint);
}

.guide-lead[b-dwxp0hbbh2] { font-size: 1.05rem; color: var(--ink-soft); }

.guide-toc[b-dwxp0hbbh2] {
    margin: 0 0 2rem;
    padding: .7rem 1rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    box-shadow: inset 4px 0 0 var(--amber-deep);
    border-radius: var(--radius);
}

.guide-toc-title[b-dwxp0hbbh2] {
    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .9rem;
    color: var(--ink-soft);
}

.guide-toc ol[b-dwxp0hbbh2] {
    margin: .3rem 0 0;
    padding-left: 1.4rem;
    columns: 2 14rem;
    column-gap: 2rem;
}

.guide-toc li[b-dwxp0hbbh2] { margin: .1rem 0; }

.guide-section[b-dwxp0hbbh2] {
    margin-bottom: 2.4rem;
    scroll-margin-top: 1rem;
}

.guide-section > h2[b-dwxp0hbbh2] {
    padding-bottom: .3rem;
    border-bottom: 3px solid var(--amber-deep);
    color: var(--blue-ink);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.guide-section h3[b-dwxp0hbbh2] { margin: 0 0 .25rem; }

.guide-cycle[b-dwxp0hbbh2],
.guide-tips[b-dwxp0hbbh2] { padding-left: 1.4rem; max-width: var(--measure); }

.guide-cycle li[b-dwxp0hbbh2],
.guide-tips li[b-dwxp0hbbh2] { margin: .3rem 0; }

/* Расы — карточки в две колонки, на телефоне в одну. */

.guide-races[b-dwxp0hbbh2] {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    gap: .8rem;
}

.guide-races li[b-dwxp0hbbh2] {
    padding: .75rem .9rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.guide-races p[b-dwxp0hbbh2] { margin: .3rem 0 0; }

.guide-race-facts[b-dwxp0hbbh2] {
    font-family: "IBM Plex Mono", monospace;
    font-size: .76rem;
    color: var(--blue-ink);
}

/* Термины — словарь: термин слева, на узком экране сверху. */

.guide-terms[b-dwxp0hbbh2] {
    margin: 0;
    display: grid;
    grid-template-columns: 11rem 1fr;
    max-width: 52rem;
}

.guide-terms dt[b-dwxp0hbbh2],
.guide-terms dd[b-dwxp0hbbh2] {
    margin: 0;
    padding: .55rem 0;
    border-top: 1px solid var(--rule);
}

.guide-terms dt[b-dwxp0hbbh2] {
    padding-right: 1rem;
    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
}

/* Шаги — нумерованные строки с номером в синем квадрате. */

.guide-steps[b-dwxp0hbbh2] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    counter-reset: step;
}

.guide-steps li[b-dwxp0hbbh2] {
    counter-increment: step;
    position: relative;
    padding: .55rem 0 .55rem 3rem;
    border-top: 1px solid var(--rule);
}

.guide-steps li[b-dwxp0hbbh2]::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: .6rem;
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--blue);
    color: #fff;
    font-family: "IBM Plex Mono", monospace;
    font-weight: 600;
    border-radius: var(--radius);
}

.guide-steps p[b-dwxp0hbbh2] { margin: 0; }

.guide-pair[b-dwxp0hbbh2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: .5rem 1.5rem;
    max-width: 52rem;
}

.guide-pair h3[b-dwxp0hbbh2] { margin-top: .5rem; }
.guide-pair ul[b-dwxp0hbbh2] { margin: 0; padding-left: 1.2rem; }

@media (max-width: 600px) {
    .guide-terms[b-dwxp0hbbh2] { grid-template-columns: 1fr; }
    .guide-terms dd[b-dwxp0hbbh2] { border-top: none; padding-top: 0; }
}
/* /Components/Tutorial/Bar.razor.rz.scp.css */
.bar-row[b-43hvxtbra8] {
    display: grid;
    grid-template-columns: minmax(2rem, max-content) minmax(3rem, 1fr) auto;
    align-items: center;
    gap: .45rem;
    margin: .2rem 0;
    font-size: .85rem;
}

.bar-track[b-43hvxtbra8] {
    display: block;
    height: .7rem;
    background: var(--paper-sunk);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    overflow: hidden;
}

.bar-fill[b-43hvxtbra8] { display: block; height: 100%; background: var(--blue); transition: width .25s; }
.bar-fill.low[b-43hvxtbra8] { background: var(--rust); }
.bar-value[b-43hvxtbra8] { font-size: .8rem; }
/* /Components/Tutorial/BattleArena.razor.rz.scp.css */
.arena-choose p[b-j2wkxl92qq] { max-width: var(--measure); }
.arena-fighter[b-j2wkxl92qq] { font-size: .95rem; }

.enemy-cards[b-j2wkxl92qq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: .7rem;
    margin-top: .8rem;
}

.enemy-card[b-j2wkxl92qq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    padding: .7rem .8rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.enemy-card h4[b-j2wkxl92qq] { margin: 0; }
.enemy-card p[b-j2wkxl92qq] { margin: 0; font-size: .9rem; }
.enemy-card .btn[b-j2wkxl92qq] { margin-top: auto; }
.enemy-numbers[b-j2wkxl92qq] { font-family: "IBM Plex Mono", monospace; font-size: .76rem !important; color: var(--blue-ink); }

.arena[b-j2wkxl92qq] {
    padding: .8rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-top: 4px solid var(--rust);
    border-radius: var(--radius);
}

.arena-title[b-j2wkxl92qq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .2rem 1rem;
}

.arena-title h3[b-j2wkxl92qq] { margin: 0; color: var(--rust); }
.arena-round[b-j2wkxl92qq] { font-family: "IBM Plex Mono", monospace; font-size: .8rem; color: var(--ink-soft); }

.fighters[b-j2wkxl92qq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: .6rem;
    margin-top: .6rem;
}

.fighter[b-j2wkxl92qq] {
    padding: .5rem .7rem;
    background: var(--paper);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.fighter.active[b-j2wkxl92qq] { background: #fff; box-shadow: inset 4px 0 0 var(--amber-deep); }
.fighter h4[b-j2wkxl92qq] { margin: 0 0 .2rem; }
.fighter-stats[b-j2wkxl92qq] { margin: .25rem 0 0; font-size: .85rem; }

.fighter-tags[b-j2wkxl92qq] { display: flex; flex-wrap: wrap; gap: .25rem; margin: .25rem 0 0; font-size: .75rem; }
.fighter-tags span[b-j2wkxl92qq] { padding: 0 .35rem; background: var(--paper-sunk); border-radius: var(--radius); }

.last-event[b-j2wkxl92qq] {
    margin-top: .7rem;
    padding: .5rem .7rem;
    background: #fff;
    border-left: 4px solid var(--blue);
    animation: event-in-b-j2wkxl92qq .25s ease-out;
}

.last-event.side-enemy[b-j2wkxl92qq] { border-left-color: var(--rust); }
.last-event.side-rules[b-j2wkxl92qq] { border-left-color: var(--amber-deep); }
.last-title[b-j2wkxl92qq] { display: block; font-size: 1.05rem; }
.last-event p[b-j2wkxl92qq] { margin: .15rem 0 0; font-size: .88rem; max-width: none; }

.now[b-j2wkxl92qq] { margin-top: .8rem; }
.now h4[b-j2wkxl92qq] { margin: 0 0 .3rem; }
.now p[b-j2wkxl92qq] { max-width: none; }
.now > .btn[b-j2wkxl92qq] { margin-right: .4rem; }

.formula[b-j2wkxl92qq] {
    padding: .35rem .5rem;
    background: var(--paper-sunk);
    font-family: "IBM Plex Mono", monospace;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.action-row[b-j2wkxl92qq] { display: flex; flex-wrap: wrap; gap: .3rem; }

.learned[b-j2wkxl92qq] { margin-top: 1rem; }
.learned h5[b-j2wkxl92qq] { margin: 0 0 .25rem; }
.learned ul[b-j2wkxl92qq] { margin: 0; padding-left: 1.2rem; font-size: .92rem; }

.arena-quit[b-j2wkxl92qq] { display: block; margin-top: .8rem; font-size: .85rem; }

.battle-log[b-j2wkxl92qq] { margin-top: .6rem; font-size: .85rem; }
.battle-log summary[b-j2wkxl92qq] { cursor: pointer; color: var(--blue-ink); }
.battle-log ol[b-j2wkxl92qq] { margin: .4rem 0 0; padding-left: 1.5rem; }
.battle-log li[b-j2wkxl92qq] { margin-bottom: .4rem; }
.battle-log li span[b-j2wkxl92qq] { display: block; color: var(--ink-soft); font-size: .8rem; }
.battle-log li.side-enemy b[b-j2wkxl92qq] { color: var(--rust); }

@keyframes event-in-b-j2wkxl92qq {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .last-event[b-j2wkxl92qq] { animation: none; }
}

.hint-line[b-j2wkxl92qq] { margin: .3rem 0; font-size: .82rem; color: var(--ink-soft); }

.last-rolls[b-j2wkxl92qq] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1rem; margin: .3rem 0; }
/* /Components/Tutorial/CheckTrainer.razor.rz.scp.css */
.check-trainer[b-05vcms6zpe] {
    margin: .8rem 0 0;
    padding: .6rem .8rem;
    background: var(--paper-raised);
    border: 1px dashed var(--rule);
    border-radius: var(--radius);
}

.check-title[b-05vcms6zpe] { margin: 0 0 .4rem; }

.check-controls[b-05vcms6zpe] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem .9rem;
}

.check-controls label[b-05vcms6zpe] { display: flex; flex-direction: column; gap: .15rem; font-size: .8rem; color: var(--ink-soft); }
.check-controls select[b-05vcms6zpe] { margin: 0; padding: .25rem .3rem; max-width: 100%; }

.check-need[b-05vcms6zpe] { margin: .5rem 0 0; font-size: .92rem; }

.check-result[b-05vcms6zpe] { display: flex; align-items: center; gap: .6rem; margin: .5rem 0 0; }
.check-result.ok[b-05vcms6zpe] { color: var(--blue-ink); }
.check-result.fail[b-05vcms6zpe] { color: var(--rust); }
/* /Components/Tutorial/DiceRollView.razor.rz.scp.css */
.roll[b-79vv5j67q7] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; }

.roll-dice[b-79vv5j67q7] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .2rem;
    animation: roll-rattle-b-79vv5j67q7 .35s ease-out;
}

.roll-sum[b-79vv5j67q7] { font-family: "IBM Plex Mono", monospace; font-size: .85rem; }

@keyframes roll-rattle-b-79vv5j67q7 {
    0% { transform: rotate(-14deg) scale(.8); }
    35% { transform: rotate(10deg) scale(1.08); }
    70% { transform: rotate(-4deg); }
    100% { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .roll-dice[b-79vv5j67q7] { animation: none; }
}
/* /Components/Tutorial/DiceTray.razor.rz.scp.css */
.dice-tray[b-htb6o5e1c6] {
    margin: 1rem 0;
    padding: .8rem .9rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    border-radius: var(--radius);
}

.dice-buttons[b-htb6o5e1c6] { display: flex; flex-wrap: wrap; gap: .35rem; }

.die-button[b-htb6o5e1c6] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .1rem;
    min-width: 3rem;
    padding: .3rem .4rem;
    font-family: "IBM Plex Mono", monospace;
    font-size: .8rem;
    font-weight: 600;
    background: #fff;
    color: var(--blue-ink);
    border: 1px solid var(--blue);
    border-radius: var(--radius);
    cursor: pointer;
}

.die-icons[b-htb6o5e1c6] { display: inline-flex; }

.die-button:hover[b-htb6o5e1c6] { background: var(--paper-sunk); }
.die-button:focus-visible[b-htb6o5e1c6] { outline: 2px solid var(--blue); outline-offset: 2px; }

.dice-custom[b-htb6o5e1c6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .6rem;
}

.dice-custom-label[b-htb6o5e1c6] { font-size: .85rem; color: var(--ink-soft); }

.dice-custom input[b-htb6o5e1c6] {
    width: 7.5rem;
    margin: 0;
    padding: .25rem .4rem;
    font-family: "IBM Plex Mono", monospace;
}

.dice-error[b-htb6o5e1c6] { margin: .4rem 0 0; font-size: .85rem; color: var(--rust); }

.dice-result[b-htb6o5e1c6] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 3.4rem;
    margin-top: .6rem;
}

.dice-empty[b-htb6o5e1c6] { font-size: .9rem; color: var(--ink-faint); }

.dice-formula[b-htb6o5e1c6] { font-family: "IBM Plex Mono", monospace; font-size: .85rem; }

.dice-history[b-htb6o5e1c6] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .9rem;
    margin: .1rem 0 0;
    padding: 0;
    list-style: none;
    font-size: .8rem;
    color: var(--ink-soft);
}

.dice-history-title[b-htb6o5e1c6] { margin: .5rem 0 0; font-size: .8rem; color: var(--ink-faint); }
/* /Components/Tutorial/DieShape.razor.rz.scp.css */
.die[b-xanewk6xl4] {
    display: block;
    flex: none;
    width: 3.4rem;
    height: 3.4rem;
}

.die.small[b-xanewk6xl4] { width: 1.6rem; height: 1.6rem; }

.die-body[b-xanewk6xl4] {
    fill: var(--paper-sunk);
    stroke: var(--blue);
    stroke-width: 2;
    stroke-linejoin: round;
}

.die-front[b-xanewk6xl4] {
    fill: #fff;
    stroke: var(--blue);
    stroke-width: 2;
    stroke-linejoin: round;
}

.die-edge[b-xanewk6xl4] {
    fill: none;
    stroke: var(--blue);
    stroke-width: 1.5;
    stroke-linecap: round;
}
/* /Components/Tutorial/PlayerActions.razor.rz.scp.css */
h5[b-fqowj5srwg] { margin: .8rem 0 .25rem; font-size: .9rem; text-transform: uppercase; letter-spacing: .04em; color: var(--blue-ink); }

.hint-line[b-fqowj5srwg] { margin: .3rem 0 0; font-size: .82rem; color: var(--ink-soft); max-width: none; }

.weapon-list[b-fqowj5srwg] { margin: 0; padding: 0; list-style: none; }
.weapon-list li[b-fqowj5srwg] { padding: .35rem 0; border-top: 1px solid var(--rule); }
.weapon-head[b-fqowj5srwg] { display: flex; flex-wrap: wrap; gap: .1rem .6rem; align-items: baseline; margin-bottom: .25rem; }
.weapon-meta[b-fqowj5srwg] { font-size: .78rem; color: var(--ink-soft); }

.action-row[b-fqowj5srwg] { display: flex; flex-wrap: wrap; gap: .3rem; }
.end-turn[b-fqowj5srwg] { margin-top: .9rem; }
/* /Components/Tutorial/StepGuide.razor.rz.scp.css */
.step-guide[b-xq8qbd80qx] {
    margin: 0 0 1.2rem;
    padding: .6rem .9rem;
    background: var(--paper-raised);
    border: 1px solid var(--rule);
    box-shadow: inset 4px 0 0 var(--amber-deep);
    border-radius: var(--radius);
}

.step-guide summary[b-xq8qbd80qx] {
    cursor: pointer;
    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--blue-ink);
}

.step-guide p[b-xq8qbd80qx],
.step-guide ul[b-xq8qbd80qx],
.step-guide ol[b-xq8qbd80qx] { margin: .5rem 0 0; max-width: var(--measure); }

.step-guide ul[b-xq8qbd80qx],
.step-guide ol[b-xq8qbd80qx] { padding-left: 1.3rem; }
.step-guide li[b-xq8qbd80qx] { margin: .2rem 0; }

.now-values[b-xq8qbd80qx] { padding: .35rem .5rem; background: var(--paper-sunk); }
.check-note[b-xq8qbd80qx] { font-size: .85rem; color: var(--ink-soft); }