/* /Game/Collection/CollectionDialog.razor.rz.scp.css */
.collection-dialog-backdrop[b-stsl292dvz] {
    position: fixed;
    inset: 0;
    background: rgba(10, 6, 3, 0.72);
    display: grid;
    place-items: center;
    z-index: 60;
}

.collection-dialog[b-stsl292dvz] {
    width: min(86vw, 1100px);
    max-height: 86vh;
    background: var(--panel);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-1);
    padding: 16px 20px 20px;
    display: grid;
    gap: 12px;
    grid-template-rows: auto minmax(0, 1fr);
}

.collection-dialog-header[b-stsl292dvz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.collection-dialog-title[b-stsl292dvz] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: var(--font-display);
}

.collection-dialog-close[b-stsl292dvz] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: inherit;
    cursor: pointer;
}

.collection-dialog-body[b-stsl292dvz] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-anchor: none;
    scrollbar-width: thin;
    scrollbar-color: var(--gold-2) transparent;
}

.collection-dialog-body[b-stsl292dvz]::-webkit-scrollbar {
    width: 10px;
}

.collection-dialog-body[b-stsl292dvz]::-webkit-scrollbar-track {
    background: rgba(214, 168, 74, 0.12);
    border-radius: 999px;
}

.collection-dialog-body[b-stsl292dvz]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
    border-radius: 999px;
    border: 2px solid rgba(28, 18, 11, 0.6);
}

.collection-dialog-body[b-stsl292dvz]::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.08);
}

.collection-dialog-body[b-stsl292dvz]  .collection-shell {
    min-height: auto;
    padding: 0;
}
/* /Game/Collection/CollectionView.razor.rz.scp.css */
.collection-shell[b-qsvtg2snxc] {
    display: grid;
    gap: 16px;
    padding: 24px;
    min-height: 100vh;
    box-sizing: border-box;
}

.collection-search[b-qsvtg2snxc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.collection-search-input[b-qsvtg2snxc] {
    width: min(360px, 100%);
    flex: 0 1 360px;
    padding: 10px 12px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: inherit;
    font-family: inherit;
}

.collection-search-input:focus[b-qsvtg2snxc] {
    outline: 2px solid var(--gold-1);
    outline-offset: 2px;
}

.collection-filter[b-qsvtg2snxc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--gold-2);
    margin-left: auto;
}

.collection-filter input[b-qsvtg2snxc] {
    width: 16px;
    height: 16px;
    accent-color: var(--gold-2);
}

.collection-header[b-qsvtg2snxc] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.collection-kicker[b-qsvtg2snxc] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    color: var(--gold-2);
}

.collection-title[b-qsvtg2snxc] {
    margin: 4px 0 0;
    font-size: 1.6rem;
    font-family: var(--font-display);
}

.collection-grid[b-qsvtg2snxc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(var(--collection-card-width), var(--collection-card-width)));
    gap: var(--collection-card-gap);
    justify-content: center;
}

.collection-empty[b-qsvtg2snxc] {
    opacity: 0.7;
    text-align: center;
    padding: 24px;
    border: 1px dashed var(--stroke);
    border-radius: var(--radius-panel);
    background: rgba(28, 18, 11, 0.4);
}

.collection-section[b-qsvtg2snxc] {
    display: grid;
    gap: 12px;
    text-align: center;
}

.collection-section-frame[b-qsvtg2snxc] {
    display: inline-block;
    text-align: left;
}

.collection-section-header[b-qsvtg2snxc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 8px 6px 0;
}

.collection-section-title[b-qsvtg2snxc] {
    margin: 0;
    font-size: 1.1rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-display);
}

.collection-section-icon[b-qsvtg2snxc] {
    width: 72px;
    height: 72px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.collection-section-count[b-qsvtg2snxc] {
    font-size: 0.75rem;
    opacity: 0.6;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.golem-card[b-qsvtg2snxc] {
    display: grid;
    gap: 10px;
    border-radius: var(--radius-panel);
    border: var(--stroke-width) solid var(--stroke);
    background: var(--panel-70);
    padding: 12px;
    box-shadow: var(--shadow-1);
    transition: filter 160ms ease;
    overflow-anchor: none;
    cursor: pointer;
    color: inherit;
    text-align: left;
    font-family: inherit;
    appearance: none;
    width: 100%;
    max-width: 260px;
    max-height: 376px;
}

.golem-card:hover[b-qsvtg2snxc] {
    filter: brightness(1.05);
}

.golem-card.is-locked[b-qsvtg2snxc] {
    opacity: 0.55;
    filter: grayscale(0.85);
    cursor: default;
}

.golem-card.is-locked:hover[b-qsvtg2snxc] {
    filter: grayscale(0.85);
}

.golem-card-portrait[b-qsvtg2snxc] {
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-panel);
    border: var(--stroke-width) solid var(--stroke);
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 214, 140, 0.35), transparent 60%),
        linear-gradient(135deg, rgba(214, 168, 74, 0.2), rgba(28, 18, 11, 0.7));
    overflow: hidden;
    display: grid;
    place-items: center;
}

.golem-card.rarity-key .golem-card-portrait[b-qsvtg2snxc] {
    border-color: color-mix(in srgb, var(--rarity-color) 70%, var(--stroke));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rarity-color) 35%, transparent), var(--shadow-1);
}

:deep(.golem-card-portrait-image)[b-qsvtg2snxc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.golem-card-name[b-qsvtg2snxc] {
    font-weight: 800;
    font-size: 1rem;
    font-family: var(--font-display);
}

.golem-card-sub[b-qsvtg2snxc] {
    font-size: 0.8rem;
    opacity: 0.75;
}

.golem-card-locked[b-qsvtg2snxc] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--gold-2);
}

.golem-card-meta[b-qsvtg2snxc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.golem-pill[b-qsvtg2snxc] {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(28, 18, 11, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.golem-pill-icon[b-qsvtg2snxc] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    object-fit: cover;
    display: inline-block;
}

.golem-pill.is-tier[b-qsvtg2snxc] {
    background: var(--rarity-color, var(--gold-2));
    color: var(--brown-2);
    border-color: transparent;
}

@media (max-width: 720px) {
    .collection-shell[b-qsvtg2snxc] {
        padding: 18px;
    }

    .collection-grid[b-qsvtg2snxc] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 180px));
    }
}
/* /Game/Combat/CombatResolutionView.razor.rz.scp.css */
.combat-resolution[b-b8sg6y9ay5] {
    height: 100%;
    display: grid;
    place-items: center;
    padding: 24px;
    box-sizing: border-box;
}

.resolution-card[b-b8sg6y9ay5] {
    display: grid;
    gap: 20px;
    padding: 28px 32px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--stroke);
    background: var(--panel);
    box-shadow: var(--shadow-1);
    text-align: center;
    width: min(92vw, 720px);
}

.stagger-1[b-b8sg6y9ay5],
.stagger-2[b-b8sg6y9ay5],
.stagger-3[b-b8sg6y9ay5] {
    opacity: 0;
    transform: translateY(10px);
    animation: resolution-reveal-b-b8sg6y9ay5 420ms ease forwards;
}

.stagger-2[b-b8sg6y9ay5] {
    animation-delay: 140ms;
}

.stagger-3[b-b8sg6y9ay5] {
    animation-delay: 280ms;
}

@keyframes resolution-reveal-b-b8sg6y9ay5 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .stagger-1[b-b8sg6y9ay5],
    .stagger-2[b-b8sg6y9ay5],
    .stagger-3[b-b8sg6y9ay5] {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

.resolution-header[b-b8sg6y9ay5] {
    display: grid;
    gap: 10px;
}

.resolution-title[b-b8sg6y9ay5] {
    font-family: var(--font-display);
    font-size: 2rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.resolution-title.is-victory[b-b8sg6y9ay5] {
    color: #f3d07a;
    text-shadow: 0 0 16px rgba(243, 208, 122, 0.35);
}

.resolution-title.is-defeat[b-b8sg6y9ay5] {
    color: #f26b5e;
    text-shadow: 0 0 14px rgba(242, 95, 76, 0.35);
}

.resolution-subtitle[b-b8sg6y9ay5] {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    opacity: 0.85;
}

.resolution-boss[b-b8sg6y9ay5] {
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink);
    opacity: 0.8;
}

.resolution-section[b-b8sg6y9ay5] {
    display: grid;
    gap: 12px;
    padding-top: 6px;
}

.section-title[b-b8sg6y9ay5] {
    font-family: var(--font-display);
    font-size: 1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.85;
}

.section-title.is-defeat[b-b8sg6y9ay5] {
    color: #f26b5e;
    text-shadow: 0 0 12px rgba(242, 95, 76, 0.35);
}

.section-subtitle[b-b8sg6y9ay5] {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.7;
}

.rewards-list[b-b8sg6y9ay5] {
    display: flex;
    justify-content: center;
}

.reward-item[b-b8sg6y9ay5] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 8px;
    align-items: center;
    font-weight: 700;
    white-space: nowrap;
    padding: 10px 14px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
}

.reward-icon[b-b8sg6y9ay5] {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: var(--stroke-width) solid rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

.reward-icon.stone[b-b8sg6y9ay5] {
    background: linear-gradient(140deg, #bfa98a, #7b5b3c);
}

.reward-label[b-b8sg6y9ay5] {
    font-size: 0.75rem;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.reward-value[b-b8sg6y9ay5] {
    font-size: 0.95rem;
}

.resolution-formation[b-b8sg6y9ay5] {
    display: grid;
    place-items: center;
}

.formation-grid[b-b8sg6y9ay5] {
    --formation-gap: 24px;
    --formation-padding: 16px;
    --slot-size: clamp(74px, 13vw, 120px);
    width: fit-content;
    height: fit-content;
    aspect-ratio: 1 / 1;
    padding: var(--formation-padding);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, var(--slot-size));
    grid-template-rows: repeat(3, var(--slot-size));
    grid-template-areas:
        ". top ."
        "left center right"
        ". bottom .";
    gap: var(--formation-gap);
    place-items: center;
}

.resolution-slot[b-b8sg6y9ay5] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
    box-sizing: border-box;
    overflow: visible;
    display: grid;
    place-items: center;
    text-align: center;
}

.resolution-slot.is-empty[b-b8sg6y9ay5] {
    border-style: dashed;
    background: var(--panel-40);
}

.resolution-slot.is-defeat[b-b8sg6y9ay5] {
    border-color: rgba(242, 95, 76, 0.45);
    background: linear-gradient(140deg, rgba(242, 95, 76, 0.1), rgba(0, 0, 0, 0.4));
}

.resolution-slot.is-defeat[b-b8sg6y9ay5]::before,
.resolution-slot.is-defeat[b-b8sg6y9ay5]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    height: 6px;
    background: rgba(242, 95, 76, 0.85);
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(242, 95, 76, 0.35);
    transform-origin: center;
    pointer-events: none;
    z-index: 3;
}

.resolution-slot.is-defeat[b-b8sg6y9ay5]::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.resolution-slot.is-defeat[b-b8sg6y9ay5]::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.slot-top[b-b8sg6y9ay5] {
    grid-area: top;
}

.slot-left[b-b8sg6y9ay5] {
    grid-area: left;
}

.slot-right[b-b8sg6y9ay5] {
    grid-area: right;
}

.slot-bottom[b-b8sg6y9ay5] {
    grid-area: bottom;
}

.slot-portrait[b-b8sg6y9ay5] {
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 214, 140, 0.35), transparent 60%),
        linear-gradient(135deg, rgba(214, 168, 74, 0.2), rgba(28, 18, 11, 0.7));
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.35);
    display: grid;
    place-items: center;
}

.resolution-slot.is-defeat .slot-portrait[b-b8sg6y9ay5] {
    filter: grayscale(1);
}

.resolution-slot.is-defeat :deep(.slot-portrait-image)[b-b8sg6y9ay5] {
    filter: grayscale(1) brightness(0.8) blur(0.2px);
}

.slot-dead[b-b8sg6y9ay5] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    padding: 4px 8px;
    border-radius: var(--radius-button);
    border: 1px solid rgba(242, 95, 76, 0.4);
    background: rgba(0, 0, 0, 0.35);
    font-size: 0,625rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f26b5e;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.slot-dead-icon[b-b8sg6y9ay5] {
    font-size: 0.75rem;
    line-height: 1;
    text-shadow: 0 0 10px rgba(242, 95, 76, 0.55);
}

.slot-dead-label[b-b8sg6y9ay5] {
    font-size: 0.625rem;
    letter-spacing: 0.12em;
}

:deep(.slot-portrait-image)[b-b8sg6y9ay5] {
    width: 70%;
    height: 70%;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
}

.slot-empty[b-b8sg6y9ay5] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.slot-levelup[b-b8sg6y9ay5] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    white-space: nowrap;
}

.level-pill[b-b8sg6y9ay5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.25);
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.level-pill.is-next[b-b8sg6y9ay5] {
    background: linear-gradient(140deg, rgba(255, 214, 140, 0.45), rgba(122, 215, 240, 0.35));
    border: 1px solid rgba(243, 208, 122, 0.7);
    color: #ffe6a8;
    box-shadow: 0 0 10px rgba(243, 208, 122, 0.35);
}

.level-arrow[b-b8sg6y9ay5] {
    width: 18px;
    height: 2px;
    background: rgba(243, 208, 122, 0.9);
    position: relative;
    display: inline-block;
}

.level-arrow[b-b8sg6y9ay5]::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid rgba(255, 214, 140, 0.95);
    border-top: 2px solid rgba(255, 214, 140, 0.95);
    transform: translateY(-50%) rotate(45deg);
}

.resolution-actions[b-b8sg6y9ay5] {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 24px;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .resolution-card[b-b8sg6y9ay5] {
        padding: 22px;
        gap: 18px;
    }

    .resolution-title[b-b8sg6y9ay5] {
        font-size: 1.625rem;
    }

    .reward-item[b-b8sg6y9ay5] {
        padding: 8px 12px;
    }
}
/* /Game/Combat/CombatView.razor.rz.scp.css */
.combat-footer[b-snur2h2qxe] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.combat-view[b-snur2h2qxe] {
    display: grid;
    gap: 24px;
    padding: 24px 28px;
    height: 100vh;
    min-height: 100vh;
    box-sizing: border-box;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.combat-boss-panel[b-snur2h2qxe] {
    display: grid;
    grid-template-columns: 200px 1fr;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border-radius: var(--radius-lg);
    background: var(--panel);
    border: 1px solid var(--stroke);
    box-shadow: var(--shadow-1);
}

.combat-boss-panel.is-attacking[b-snur2h2qxe] {
    animation: boss-fear-pulse-b-snur2h2qxe 420ms ease-out;
}

.combat-boss-panel.is-active[b-snur2h2qxe] {
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.45), 0 12px 24px rgba(255, 107, 53, 0.25);
    border-color: rgba(255, 107, 53, 0.6);
}

.boss-hp-block[b-snur2h2qxe] {
    display: grid;
    gap: 10px;
}

.boss-hp-title[b-snur2h2qxe] {
    font-family: var(--font-display);
    font-size: 1.375rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.boss-hp-subtitle[b-snur2h2qxe] {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}

.boss-portrait[b-snur2h2qxe] {
    width: 100%;
    height: 150px;
    display: grid;
    place-items: center;
    position: relative;
    border-radius: 16px;
    background: linear-gradient(160deg, rgba(214, 168, 74, 0.18), rgba(0, 0, 0, 0.2));
    border: 1px solid rgba(214, 168, 74, 0.4);
}

.boss-portrait-image[b-snur2h2qxe] {
    width: 70%;
    height: 70%;
    object-fit: contain;
    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.35));
}

.boss-portrait-image.is-minor[b-snur2h2qxe] {
    filter:
        saturate(0.82)
        brightness(0.86)
        contrast(0.94)
        drop-shadow(0 10px 16px rgba(0, 0, 0, 0.35));
}

.boss-portrait-image.is-major[b-snur2h2qxe] {
    filter:
        saturate(1.16)
        brightness(1.05)
        contrast(1.06)
        drop-shadow(0 10px 16px rgba(0, 0, 0, 0.35))
        drop-shadow(0 0 8px rgba(255, 196, 94, 0.28));
}

.combat-formation[b-snur2h2qxe] {
    display: grid;
    align-items: center;
    justify-items: center;
    padding: 0;
    border-radius: var(--radius-lg);
    background: transparent;
    border: none;
    min-height: 0;
    overflow: visible;
}

.formation-grid[b-snur2h2qxe] {
    --formation-gap: 32px;
    --formation-padding: 20px;
    --slot-max: 120px;
    --slot-size: clamp(84px, 14vw, var(--slot-max));
    width: fit-content;
    height: fit-content;
    aspect-ratio: 1 / 1;
    padding: var(--formation-padding);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, var(--slot-size));
    grid-template-rows: repeat(3, var(--slot-size));
    grid-template-areas:
        ". top ."
        "left center right"
        ". bottom .";
    gap: var(--formation-gap);
    place-items: center;
}

.combat-slot[b-snur2h2qxe] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
    box-sizing: border-box;
    overflow: visible;
    display: grid;
    place-items: center;
    text-align: center;
}

.combat-slot.is-active[b-snur2h2qxe] {
    box-shadow: 0 0 0 2px rgba(92, 200, 255, 0.55), 0 10px 20px rgba(92, 200, 255, 0.25);
    border-color: rgba(92, 200, 255, 0.7);
}

.combat-slot.is-attacking[b-snur2h2qxe] {
    animation-duration: 360ms;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: both;
}

.combat-slot.is-boss-impact[b-snur2h2qxe] {
    animation: boss-impact-b-snur2h2qxe 420ms ease-out;
}

.combat-slot.is-dead[b-snur2h2qxe] {
    filter: grayscale(1) brightness(0.6);
    opacity: 0.7;
}

.combat-slot.is-dead .slot-portrait[b-snur2h2qxe] {
    animation: slot-fall-b-snur2h2qxe 520ms ease-out forwards;
}

.combat-boss-panel.is-dead .boss-portrait[b-snur2h2qxe] {
    animation: boss-fall-b-snur2h2qxe 620ms ease-out forwards;
    filter: grayscale(1) brightness(0.6);
}

.combat-boss-panel.is-dead .boss-portrait-image[b-snur2h2qxe] {
    opacity: 0.8;
}

.combat-slot.is-attacking.slot-top[b-snur2h2qxe],
.combat-slot.is-attacking.slot-left[b-snur2h2qxe],
.combat-slot.is-attacking.slot-right[b-snur2h2qxe],
.combat-slot.is-attacking.slot-bottom[b-snur2h2qxe] {
    animation-name: golem-charge-up-b-snur2h2qxe;
}

.combat-slot.is-empty[b-snur2h2qxe] {
    border-style: dashed;
    background: var(--panel-40);
}

.slot-top[b-snur2h2qxe] {
    grid-area: top;
}

.slot-left[b-snur2h2qxe] {
    grid-area: left;
}

.slot-right[b-snur2h2qxe] {
    grid-area: right;
}

.slot-bottom[b-snur2h2qxe] {
    grid-area: bottom;
}

@keyframes golem-charge-up-b-snur2h2qxe {
    0% { transform: translateY(0); }
    45% { transform: translateY(-14px) scale(1.03); }
    100% { transform: translateY(0); }
}

@keyframes boss-fear-pulse-b-snur2h2qxe {
    0% { transform: translateY(0); filter: brightness(1); }
    35% { transform: translateY(-4px) scale(1.01); filter: brightness(1.2) saturate(1.1); }
    60% { transform: translateY(2px); }
    100% { transform: translateY(0); filter: brightness(1); }
}

@keyframes boss-impact-b-snur2h2qxe {
    0% { transform: translateY(0); box-shadow: var(--shadow-1); }
    25% { transform: translateY(6px) scale(0.98); box-shadow: 0 0 0 2px rgba(255, 86, 86, 0.35), 0 10px 22px rgba(0, 0, 0, 0.4); }
    55% { transform: translateY(-2px); box-shadow: var(--shadow-1); }
    100% { transform: translateY(0); box-shadow: var(--shadow-1); }
}

@keyframes slot-fall-b-snur2h2qxe {
    0% { transform: translateY(0) scale(1); }
    100% { transform: translateY(8px) scale(0.98); }
}

@keyframes boss-fall-b-snur2h2qxe {
    0% { transform: translateY(0) scale(1); }
    100% { transform: translateY(10px) scale(0.98); }
}


.slot-hp[b-snur2h2qxe] {
    position: absolute;
    bottom: 100%;
    left: 6px;
    right: 6px;
    margin-bottom: 12px;
    display: grid;
    gap: 4px;
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.slot-portrait[b-snur2h2qxe] {
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 214, 140, 0.35), transparent 60%),
        linear-gradient(135deg, rgba(214, 168, 74, 0.2), rgba(28, 18, 11, 0.7));
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.35);
    display: grid;
    place-items: center;
}

:deep(.slot-portrait-image)[b-snur2h2qxe] {
    width: 70%;
    height: 70%;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
}

.slot-empty[b-snur2h2qxe] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.slot-label[b-snur2h2qxe] {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    font-size: 0.625rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
}

.damage-float[b-snur2h2qxe] {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
    animation: damage-float-b-snur2h2qxe 900ms ease-out forwards;
    pointer-events: none;
}

.damage-boss[b-snur2h2qxe] {
    color: #5cc8ff;
    font-size: 2.2rem;
    top: 10%;
    transform: translate(-50%, -50%);
}

.damage-golem[b-snur2h2qxe] {
    color: #ff6b35;
}

@keyframes damage-float-b-snur2h2qxe {
    0% { opacity: 1; transform: translate(-50%, 0); }
    65% { opacity: 0.95; }
    100% { opacity: 0; transform: translate(-50%, -22px); }
}

.hp-bar[b-snur2h2qxe] {
    position: relative;
    height: 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(214, 168, 74, 0.45);
    overflow: hidden;
}

.hp-fill[b-snur2h2qxe] {
    height: 100%;
    background: linear-gradient(90deg, #ff6b35, #f3d07a);
    transition: width 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.golem-bar .hp-fill[b-snur2h2qxe] {
    background: linear-gradient(90deg, #5cc8ff, #c8f7c5);
    transition: width 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hp-value[b-snur2h2qxe] {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.combat-debug[b-snur2h2qxe] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--radius-panel);
    background: var(--panel-70);
    border: 1px solid var(--stroke);
}

.combat-speed[b-snur2h2qxe] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 140ms ease, filter 140ms ease;
}

.combat-speed:hover[b-snur2h2qxe] {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

.combat-toggle[b-snur2h2qxe] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 140ms ease, filter 140ms ease;
}

.combat-toggle:hover[b-snur2h2qxe] {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

.combat-toggle .ph[b-snur2h2qxe] {
    font-size: 1rem;
    line-height: 1;
}

.combat-button[b-snur2h2qxe] {
    padding: 8px 12px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    transition: transform 140ms ease, filter 140ms ease;
}

.combat-button:disabled[b-snur2h2qxe] {
    opacity: 0.5;
    cursor: not-allowed;
}

.combat-button:hover:not(:disabled)[b-snur2h2qxe] {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

.combat-status[b-snur2h2qxe] {
    font-size: 0.875rem;
    letter-spacing: 0.04em;
    opacity: 0.85;
}

.combat-log[b-snur2h2qxe] {
    width: 100%;
    max-height: 160px;
    overflow-y: auto;
    display: grid;
    gap: 6px;
    padding: 6px 2px;
    border-top: 1px dashed rgba(214, 168, 74, 0.35);
    scrollbar-width: thin;
    scrollbar-color: var(--gold-2) transparent;
}

.combat-log[b-snur2h2qxe]::-webkit-scrollbar {
    width: 10px;
}

.combat-log[b-snur2h2qxe]::-webkit-scrollbar-track {
    background: rgba(214, 168, 74, 0.12);
    border-radius: 999px;
}

.combat-log[b-snur2h2qxe]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
    border-radius: 999px;
    border: 2px solid rgba(28, 18, 11, 0.6);
}

.combat-log[b-snur2h2qxe]::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.08);
}

.combat-log-entry[b-snur2h2qxe] {
    font-size: 0.75rem;
    opacity: 0.85;
}

@media (max-width: 900px) {
    .combat-boss-panel[b-snur2h2qxe] {
        grid-template-columns: 1fr;
    }

    .boss-portrait[b-snur2h2qxe] {
        height: 140px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .combat-slot.is-attacking[b-snur2h2qxe] {
        animation: none;
    }

    .combat-slot.is-boss-impact[b-snur2h2qxe],
    .combat-boss-panel.is-attacking[b-snur2h2qxe] {
        animation: none;
    }
}


/* /Game/Expedition/BossFloorDialog.razor.rz.scp.css */
.boss-floor-dialog-backdrop[b-eb0ls7cts1] {
    position: fixed;
    inset: 0;
    background: rgba(10, 6, 3, 0.7);
    display: grid;
    place-items: center;
    z-index: 50;
}

.boss-floor-dialog[b-eb0ls7cts1] {
    width: min(80vw, 960px);
    max-width: 80vw;
    max-height: 80vh;
    background: var(--panel);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-1);
    padding: 16px 28px 28px;
    display: grid;
    gap: 12px;
    font-family: var(--font-ui);
    overflow: hidden;
}

.boss-floor-dialog-header[b-eb0ls7cts1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boss-floor-dialog-title[b-eb0ls7cts1] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: var(--font-display);
}

.boss-floor-dialog-close[b-eb0ls7cts1] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: inherit;
    cursor: pointer;
}
/* /Game/Expedition/BossFloorView.razor.rz.scp.css */
.boss-floor-view[b-4rt510y08n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: var(--radius-panel);
    background: rgba(17, 20, 28, 0.28);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.boss-floor-header[b-4rt510y08n] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.boss-floor-title[b-4rt510y08n] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    letter-spacing: 0.02em;
}

.boss-floor-progress[b-4rt510y08n] {
    font-size: 0.8125rem;
    opacity: 0.7;
}

.boss-floor-empty[b-4rt510y08n] {
    padding: 10px 0;
    opacity: 0.6;
}

.boss-floor-layout[b-4rt510y08n] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.2fr);
    gap: 16px;
    align-items: start;
}

.boss-floor-tower[b-4rt510y08n] {
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: var(--gold-2) transparent;
}

.boss-floor-tower[b-4rt510y08n]::-webkit-scrollbar {
    width: 10px;
}

.boss-floor-tower[b-4rt510y08n]::-webkit-scrollbar-track {
    background: rgba(214, 168, 74, 0.12);
    border-radius: 999px;
}

.boss-floor-tower[b-4rt510y08n]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
    border-radius: 999px;
    border: 2px solid rgba(28, 18, 11, 0.6);
}

.boss-floor-tower[b-4rt510y08n]::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.08);
}

.boss-floor-tower[b-4rt510y08n] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 18px;
}

.boss-floor-tower[b-4rt510y08n]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, rgba(255, 200, 120, 0.1), rgba(255, 200, 120, 0.6), rgba(255, 200, 120, 0.1));
}

.boss-floor-node[b-4rt510y08n] {
    position: relative;
    display: grid;
    gap: 4px;
    padding: 10px 12px 10px 18px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 10, 16, 0.6);
    color: inherit;
    text-align: left;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.boss-floor-node[b-4rt510y08n]::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.boss-floor-node.is-unlocked:hover:not(:disabled)[b-4rt510y08n] {
    transform: translateY(-1px);
    border-color: rgba(255, 211, 130, 0.6);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

.boss-floor-node.is-selected[b-4rt510y08n] {
    border-color: rgba(255, 183, 77, 0.9);
    box-shadow: 0 0 0 1px rgba(255, 183, 77, 0.4);
}

.boss-floor-node.is-selected[b-4rt510y08n]::before {
    background: rgba(255, 183, 77, 0.9);
    border-color: rgba(255, 183, 77, 0.9);
}

.boss-floor-node.is-major[b-4rt510y08n] {
    border-color: rgba(255, 202, 107, 0.7);
    background: linear-gradient(180deg, rgba(56, 41, 18, 0.45), rgba(8, 10, 16, 0.72));
}

.boss-floor-node.is-major[b-4rt510y08n]::before {
    background: rgba(255, 202, 107, 0.95);
    border-color: rgba(255, 202, 107, 0.95);
}

.boss-floor-node.is-cleared[b-4rt510y08n] {
    background: rgba(19, 28, 20, 0.6);
    border-color: rgba(120, 200, 140, 0.5);
}

.boss-floor-node.is-cleared[b-4rt510y08n]::before {
    background: rgba(120, 200, 140, 0.9);
    border-color: rgba(120, 200, 140, 0.9);
}

.boss-floor-node:disabled[b-4rt510y08n] {
    opacity: 0.45;
    cursor: not-allowed;
}

.node-level[b-4rt510y08n] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.node-name[b-4rt510y08n] {
    font-family: var(--font-display);
    font-size: 0.9375rem;
}

.node-floor[b-4rt510y08n] {
    font-size: 0.75rem;
    opacity: 0.65;
}

.node-major-badge[b-4rt510y08n] {
    justify-self: start;
    margin-top: 2px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255, 202, 107, 0.75);
    background: rgba(255, 202, 107, 0.16);
    color: #ffd993;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.boss-floor-details[b-4rt510y08n] {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border-radius: var(--radius-panel);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(10, 12, 18, 0.5);
}

.details-title[b-4rt510y08n] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.details-name[b-4rt510y08n] {
    font-family: var(--font-display);
    font-size: 1.125rem;
}

.details-major-badge[b-4rt510y08n] {
    justify-self: start;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 202, 107, 0.75);
    background: rgba(255, 202, 107, 0.16);
    color: #ffd993;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.details-meta[b-4rt510y08n] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    opacity: 0.75;
}

.details-sep[b-4rt510y08n] {
    opacity: 0.5;
}

.details-stats[b-4rt510y08n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(80px, 1fr));
    gap: 8px;
}

.stat-card[b-4rt510y08n] {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(12, 16, 24, 0.6);
    padding: 8px 10px;
    text-align: center;
}

.stat-label[b-4rt510y08n] {
    font-size: 0.6875rem;
    opacity: 0.7;
    letter-spacing: 0.08em;
}

.stat-value[b-4rt510y08n] {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 4px;
}

.details-powers[b-4rt510y08n] {
    display: grid;
    gap: 8px;
}

.powers-label[b-4rt510y08n] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.powers-list[b-4rt510y08n] {
    display: grid;
    gap: 8px;
}

.power-item[b-4rt510y08n] {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(12, 16, 24, 0.6);
    padding: 8px 10px;
    font-size: 0.8125rem;
}

@media (max-width: 720px) {
    .boss-floor-layout[b-4rt510y08n] {
        grid-template-columns: 1fr;
    }
}
/* /Game/Expedition/BossPowerDpad.razor.rz.scp.css */
/* Styles now shared in wwwroot/css/app.css. */
/* /Game/Expedition/ExpeditionActionBar.razor.rz.scp.css */
.expedition-action-bar[b-9yrpt2mav3] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 10px 12px;
    gap: 12px;
    min-height: 42px;
    border-radius: var(--radius-panel);
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 0;
}

.action-left[b-9yrpt2mav3] {
    justify-self: start;
}

.action-center[b-9yrpt2mav3] {
    justify-self: center;
}

.action-right[b-9yrpt2mav3] {
    justify-self: end;
}

.expedition-action-bar :deep(.btn-front)[b-9yrpt2mav3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.expedition-action-bar :deep(.action-start-btn)[b-9yrpt2mav3] {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    position: relative;
    isolation: isolate;
}

.expedition-action-bar :deep(.action-start-btn .btn-front)[b-9yrpt2mav3] {
    padding: 12px 26px;
    font-size: 1rem;
}

.expedition-action-bar :deep(.action-start-btn .btn-front) i[b-9yrpt2mav3] {
    font-size: 1.1rem;
}

.expedition-action-bar :deep(.action-start-btn)[b-9yrpt2mav3]::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: calc(var(--radius-button) + 6px);
    background: radial-gradient(circle, rgba(243, 208, 122, 0.45) 0%, rgba(243, 208, 122, 0.0) 70%);
    filter: blur(8px);
    opacity: 0.45;
    z-index: 0;
    transition: opacity 180ms ease;
    pointer-events: none;
}

.expedition-action-bar :deep(.action-start-btn):hover[b-9yrpt2mav3]::after {
    opacity: 0.8;
}

.expedition-action-bar :deep(.action-start-btn .btn-shadow)[b-9yrpt2mav3] {
    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.45);
}

.expedition-action-bar :deep(.action-start-btn):hover .btn-front[b-9yrpt2mav3] {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.expedition-action-bar :deep(.action-start-btn):active .btn-front[b-9yrpt2mav3] {
    transform: translateY(1px);
    filter: brightness(0.98);
}
/* /Game/Expedition/ExpeditionBossPanel.razor.rz.scp.css */
.expedition-boss-panel[b-cxizstm5y6] {
    min-height: 120px;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-70);
    box-shadow: none;
    padding: 16px;
    display: grid;
    gap: 12px;
    font-family: var(--font-ui);
    min-width: 0;
}

.boss-hero[b-cxizstm5y6] {
    display: flex;
    gap: 16px;
    align-items: stretch;
    height: 100%;
}

.boss-portrait[b-cxizstm5y6] {
    width: 96px;
    height: 96px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 214, 140, 0.35), transparent 60%),
        linear-gradient(135deg, rgba(214, 168, 74, 0.2), rgba(28, 18, 11, 0.7));
    display: grid;
    place-items: center;
    box-shadow: var(--shadow-1);
    overflow: hidden;
    flex: 0 0 auto;
}

.boss-portrait-image[b-cxizstm5y6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.boss-portrait-image.is-minor[b-cxizstm5y6] {
    filter: saturate(0.8) brightness(0.82) contrast(0.92);
}

.boss-portrait-image.is-major[b-cxizstm5y6] {
    filter: saturate(1.14) brightness(1.04) contrast(1.05);
}

.boss-info[b-cxizstm5y6] {
    display: grid;
    gap: 8px;
    min-width: 0;
    max-height: 100%;
    overflow: hidden;
    flex: 0 0 auto;
    max-width: 320px;
}

.boss-header[b-cxizstm5y6] {
    display: grid;
    gap: 6px;
    justify-items: start;
    align-items: start;
}

.boss-title[b-cxizstm5y6] {
    display: grid;
    gap: 8px;
}

.boss-label[b-cxizstm5y6] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
    font-family: var(--font-display);
}

.boss-major-badge[b-cxizstm5y6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 196, 94, 0.7);
    background: rgba(255, 196, 94, 0.18);
    color: #ffd27d;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.boss-name[b-cxizstm5y6] {
    font-size: 1.15rem;
    font-weight: 700;
    font-family: var(--font-display);
}

.boss-meta[b-cxizstm5y6] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

.boss-stats[b-cxizstm5y6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.boss-stat[b-cxizstm5y6] {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.boss-stat-value[b-cxizstm5y6] {
    font-family: var(--font-display);
}

.boss-stat-icon[b-cxizstm5y6] {
    font-size: 0.85rem;
    line-height: 1;
}

.boss-level[b-cxizstm5y6],
.boss-element[b-cxizstm5y6] {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.element-icon[b-cxizstm5y6] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    display: inline-block;
    object-fit: cover;
    background: none;
    box-shadow: none;
}

.boss-powers[b-cxizstm5y6] {
    display: block;
    align-self: stretch;
    min-width: 0;
    max-height: 100%;
    overflow: visible;
    justify-self: start;
    flex: 1 1 auto;
    align-self: start;
}

.boss-powers-list[b-cxizstm5y6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    height: 100%;
    --ability-dpad-size: 100%;
    --boss-ability-card-min-height: 128px;
    overflow: visible;
}

:deep(.ability-card)[b-cxizstm5y6] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    min-height: var(--boss-ability-card-min-height);
    padding: 8px 10px;
    gap: 6px;
    box-sizing: border-box;
    overflow: visible;
    z-index: 1;
    cursor: pointer;
}

:deep(.ability-card:hover)[b-cxizstm5y6] {
    z-index: 30;
}

:deep(.boss-powers-list > .ability-card.ability-card--empty)[b-cxizstm5y6] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    min-height: var(--boss-ability-card-min-height);
    padding: 8px 10px;
    box-sizing: border-box;
    display: grid;
    place-items: center;
}

:deep(.ability-card[data-tooltip]::after)[b-cxizstm5y6] {
    bottom: auto;
    top: calc(100% + 8px);
}

:deep(.ability-card[data-tooltip]::before)[b-cxizstm5y6] {
    bottom: auto;
    top: 100%;
    transform: translate(-50%, 0);
}

:deep(.ability-title)[b-cxizstm5y6] {
    font-size: 0.62rem;
    letter-spacing: 0.06em;
}

:deep(.ability-dpad)[b-cxizstm5y6] {
    margin-top: 2px;
    max-width: 100%;
}


.boss-floor-mini[b-cxizstm5y6] {
    min-width: 0;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    padding: 10px 12px;
    display: grid;
    gap: 6px;
    justify-items: center;
    text-align: center;
    box-shadow: var(--shadow-1);
    align-self: stretch;
    box-sizing: border-box;
    flex: 0 0 220px;
}

.floor-row[b-cxizstm5y6] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.floor-row--boss[b-cxizstm5y6] {
    display: grid;
    grid-template-columns: 28px 1fr 28px;
    align-items: center;
    gap: 10px;
}

.floor-boss-center[b-cxizstm5y6] {
    display: grid;
    gap: 4px;
    justify-items: center;
    text-align: center;
}

.floor-boss-spacer[b-cxizstm5y6] {
    width: 28px;
    height: 1px;
}

.floor-mini-btn[b-cxizstm5y6] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: var(--ink);
    font-size: 0.6rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: grid;
    place-items: center;
    padding: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

.floor-mini-btn i[b-cxizstm5y6] {
    font-size: 1rem;
    line-height: 1;
}

.floor-row--controls[b-cxizstm5y6] {
    justify-content: space-between;
    gap: 10px;
}

.floor-btn[b-cxizstm5y6] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: var(--ink);
    display: grid;
    place-items: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

.floor-btn:disabled[b-cxizstm5y6] {
    opacity: 0.4;
    cursor: not-allowed;
}

.floor-current[b-cxizstm5y6] {
    font-size: 1rem;
    font-weight: 800;
    font-family: var(--font-display);
}

.floor-boss-name[b-cxizstm5y6] {
    font-size: 0.9rem;
    font-weight: 700;
    font-family: var(--font-display);
}

.floor-boss-level[b-cxizstm5y6] {
    font-size: 0.78rem;
    opacity: 0.8;
}

.floor-boss-major[b-cxizstm5y6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255, 196, 94, 0.7);
    background: rgba(255, 196, 94, 0.16);
    color: #ffd27d;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.floor-boss-stats[b-cxizstm5y6] {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
}

.floor-stat[b-cxizstm5y6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: var(--panel-70);
}

@media (max-width: 980px) {
    .boss-hero[b-cxizstm5y6] {
        flex-wrap: wrap;
    }

    .boss-powers[b-cxizstm5y6] {
        flex: 1 1 100%;
    }

    .boss-floor-mini[b-cxizstm5y6] {
        width: 100%;
        justify-items: start;
        text-align: left;
        flex: 1 1 100%;
    }

    .floor-controls[b-cxizstm5y6] {
        grid-template-columns: 28px auto 28px;
        justify-content: start;
    }
}
/* /Game/Expedition/ExpeditionDrawer.razor.rz.scp.css */
.expedition-drawer-shell[b-qew8kukihm] {
    position: relative;
    height: 100%;
    min-height: 0;
    z-index: 1;
    overflow: visible;
}


.expedition-drawer-surface[b-qew8kukihm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-60);
    box-shadow: var(--shadow-1);
    padding: 16px;
    gap: 12px;
    transition: transform 260ms ease, opacity 200ms ease;
    overflow: hidden;
}

.expedition-drawer-grid[b-qew8kukihm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: max-content;
    align-content: start;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
    flex: 1 1 auto;
    scrollbar-width: thin;
    scrollbar-color: var(--gold-2) transparent;
}

.expedition-drawer-grid[b-qew8kukihm]::-webkit-scrollbar {
    width: 10px;
}

.expedition-drawer-grid[b-qew8kukihm]::-webkit-scrollbar-track {
    background: rgba(214, 168, 74, 0.12);
    border-radius: 999px;
}

.expedition-drawer-grid[b-qew8kukihm]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--gold-1), var(--gold-2));
    border-radius: 999px;
    border: 2px solid rgba(28, 18, 11, 0.6);
}

.expedition-drawer-grid[b-qew8kukihm]::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.08);
}


.expedition-drawer-actions[b-qew8kukihm] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: center;
    padding-top: 12px;
    flex: 0 0 auto;
    gap: 12px;
    flex-wrap: wrap;
}

.expedition-left-actions[b-qew8kukihm] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.expedition-collection-button[b-qew8kukihm] {
    position: static;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    color: var(--gold-1);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
}

.expedition-menu-button[b-qew8kukihm] {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    color: var(--gold-1);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
}

.expedition-summon-button[b-qew8kukihm] {
    justify-self: center;
}

.expedition-wallet[b-qew8kukihm] {
    justify-self: end;
}

.expedition-collection-button i[b-qew8kukihm] {
    font-size: 1.1rem;
    line-height: 1;
}

.expedition-menu-button i[b-qew8kukihm] {
    font-size: 1.1rem;
    line-height: 1;
}

.expedition-collection-button:hover[b-qew8kukihm],
.expedition-menu-button:hover[b-qew8kukihm] {
    transform: translateY(-1px);
    filter: brightness(1.08);
    border-color: rgba(255, 255, 255, 0.25);
}

/* /Game/Expedition/ExpeditionFormation.razor.rz.scp.css */
.expedition-formation[b-om4ym168ka] {
    --formation-gap: 20px;
    --formation-padding: 20px;
    --slot-max: 104px;
    /* min-height: 400px; */
    height: max-content;
    border-radius: var(--radius-panel);
    /* border: var(--panel-stroke-width) solid var(--stroke); */
    background: transparent;
    box-shadow: none;
    display: grid;
    place-items: center;
    align-self: center;
    justify-self: center;
    padding: 0;
    box-sizing: border-box;
}

.formation-grid[b-om4ym168ka] {
    width: fit-content;
    height: fit-content;
    aspect-ratio: 1 / 1;
    padding: var(--formation-padding);
    box-sizing: border-box;
    display: grid;
    --slot-tile-size: var(--slot-max);
    --slot-header-height: 26px;
    --slot-footer-height: 30px;
    --slot-size: calc(var(--slot-tile-size) + var(--slot-header-height) + var(--slot-footer-height));
    grid-template-columns: repeat(3, var(--slot-size));
    grid-template-rows: repeat(3, var(--slot-size));
    gap: var(--formation-gap);
    place-items: center;
}

.formation-slot[b-om4ym168ka] {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-panel);
    border: none;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    display: grid;
    row-gap: 6px;
    grid-template-rows: var(--slot-header-height) var(--slot-tile-size) var(--slot-footer-height);
    align-items: center;
    justify-items: center;
    padding: 0;
}

.formation-slot.is-empty[b-om4ym168ka] {
    background: var(--panel-40);
}

.formation-slot.is-filled[b-om4ym168ka],
.formation-slot.is-filled .slot-content[b-om4ym168ka],
.formation-slot.is-filled :deep(.slot-portrait)[b-om4ym168ka] {
    cursor: grab;
}

.formation-slot.is-filled *[b-om4ym168ka] {
    cursor: grab;
}

.formation-slot.is-filled:active[b-om4ym168ka],
.formation-slot.is-filled:active .slot-content[b-om4ym168ka],
.formation-slot.is-filled:active :deep(.slot-portrait)[b-om4ym168ka] {
    cursor: grabbing;
}

.formation-slot.is-filled:active *[b-om4ym168ka] {
    cursor: grabbing;
}

.slot-empty[b-om4ym168ka] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.65rem;
    color: rgba(255, 214, 140, 0.7);
    text-align: center;
}

.slot-tooltip[b-om4ym168ka] {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, -10px);
    padding: 8px 10px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel);
    box-shadow: var(--shadow-1);
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease, transform 140ms ease;
    z-index: 6;
}

.slot-tooltip-title[b-om4ym168ka] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: var(--font-display);
}

.slot-tooltip-sub[b-om4ym168ka] {
    font-size: 0.8rem;
    opacity: 0.8;
}

.slot-content:hover .slot-tooltip[b-om4ym168ka] {
    opacity: 1;
    transform: translate(-50%, -16px);
}

:deep(.slot-portrait)[b-om4ym168ka] {
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 214, 140, 0.35), transparent 60%),
        linear-gradient(135deg, rgba(214, 168, 74, 0.2), rgba(28, 18, 11, 0.7));
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.35);
    object-fit: cover;
    display: block;
}

.slot-content[b-om4ym168ka] {
    width: var(--slot-tile-size);
    height: var(--slot-tile-size);
    position: relative;
    box-sizing: border-box;
    overflow: visible;
    display: grid;
    place-items: center;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
}

.slot-header[b-om4ym168ka] {
    width: var(--slot-tile-size);
    display: flex;
    justify-content: center;
    align-items: center;
}

.slot-bonuses[b-om4ym168ka] {
    width: fit-content;
    pointer-events: none;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.slot-bonus[b-om4ym168ka] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    border-radius: var(--radius-button);
    border: 2px solid var(--stroke);
    background: var(--panel-55);
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
    position: static;
    pointer-events: auto;
}

.slot-bonus-label[b-om4ym168ka] {
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    opacity: 0.85;
}

.bonus-icon[b-om4ym168ka] {
    font-size: 0.875rem;
    line-height: 1;
    display: inline-grid;
    place-items: center;
}

.bonus-atk[b-om4ym168ka] {
    color: var(--effect-attack);
}

.bonus-def[b-om4ym168ka] {
    color: var(--effect-support);
}

.slot-portrait-wrap[b-om4ym168ka] {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    display: grid;
}

.slot-level[b-om4ym168ka] {
    position: absolute;
    top: -2px;
    left: -2px;
    padding: 3px 8px;
    border-radius: var(--radius-panel);
    border: 1px solid #1b120b;
    background: linear-gradient(140deg, color-mix(in srgb, var(--gold-1) 60%, rgba(12, 8, 5, 0.65)), color-mix(in srgb, var(--gold-2) 70%, rgba(12, 8, 5, 0.7)));
    color: #1b120b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
    font-size: 0.68rem;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.slot-footer[b-om4ym168ka] {
    width: var(--slot-tile-size);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 2px 6px;
    margin-bottom: 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    background: linear-gradient(135deg, rgba(12, 8, 5, 0.95), rgba(56, 34, 16, 0.8));
    color: color-mix(in srgb, var(--ink) 88%, white 12%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.slot-element[b-om4ym168ka] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.slot-element-icon[b-om4ym168ka] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: var(--stroke-width) solid rgba(0, 0, 0, 0.35);
    object-fit: cover;
}

.slot-element-label[b-om4ym168ka] {
    white-space: nowrap;
}

.slot-trait[b-om4ym168ka] {
    display: inline-flex;
    align-items: center;
}

.slot-block-tooltip[b-om4ym168ka] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
    width: max-content;
    min-width: 0;
    max-width: none;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--stroke);
    background: var(--panel);
    box-shadow: var(--shadow-1);
    font-size: 0.85rem;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
    z-index: 8;
    text-align: center;
}

.slot-block-tooltip--single[b-om4ym168ka] {
    width: max-content;
    display: grid;
    gap: 6px;
    text-align: center;
    justify-items: center;
}

.slot-icon-tooltip-title[b-om4ym168ka] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.slot-icon-tooltip-sub[b-om4ym168ka] {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-bottom: 6px;
    font-family: var(--font-ui);
}

.slot-icon-tooltip-row[b-om4ym168ka] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.slot-tooltip-grid[b-om4ym168ka] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}

.slot-block-tooltip--powers[b-om4ym168ka] {
    width: max-content;
}

.slot-block-tooltip--powers .slot-tooltip-grid[b-om4ym168ka] {
    grid-template-columns: repeat(2, max-content);
}

.slot-block-tooltip--powers .slot-tooltip-col[b-om4ym168ka] {
    width: max-content;
}

.slot-block-tooltip--single .slot-tooltip-grid[b-om4ym168ka] {
    grid-template-columns: 1fr;
}

.slot-tooltip-col[b-om4ym168ka] {
    display: grid;
    gap: 6px;
    justify-items: center;
    width: max-content;
}

.slot-tooltip-col .slot-icon-tooltip-sub[b-om4ym168ka] {
    max-width: var(--ability-dpad-size, 130px);
}

.slot-tooltip-row[b-om4ym168ka] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    opacity: 0.9;
    margin-bottom: 6px;
    white-space: nowrap;
}

.slot-tooltip-icon[b-om4ym168ka] {
    font-size: 0.875rem;
    line-height: 1;
}

.slot-tooltip-text[b-om4ym168ka] {
    font-size: 0.82rem;
}

.slot-icon-tooltip-icon[b-om4ym168ka] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: var(--stroke-width) solid rgba(0, 0, 0, 0.35);
    object-fit: cover;
}

.slot-icon-tooltip-trait[b-om4ym168ka] {
    font-size: 1
em;
    line-height: 1;
}

.slot-icon-tooltip-label[b-om4ym168ka] {
    white-space: nowrap;
}

.slot-header[b-om4ym168ka],
.slot-footer[b-om4ym168ka] {
    position: relative;
}

.slot-header:hover .slot-block-tooltip[b-om4ym168ka],
.slot-footer:hover .slot-block-tooltip[b-om4ym168ka] {
    opacity: 1;
}

.slot-trait-icon[b-om4ym168ka] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(12, 8, 5, 0.95), rgba(56, 34, 16, 0.8));
    border: 1px solid rgba(0, 0, 0, 0.55);
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--ink) 92%, white 8%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.slot-top[b-om4ym168ka] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.slot-left[b-om4ym168ka] {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.slot-right[b-om4ym168ka] {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.slot-bottom[b-om4ym168ka] {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}
/* /Game/Expedition/ExpeditionResources.razor.rz.scp.css */
.expedition-resources[b-lo30amypxf] {
    display: inline-flex;
    align-items: center;
    align-self: start;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
}

.resource-item[b-lo30amypxf] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 8px;
    align-items: center;
    font-weight: 700;
    white-space: nowrap;
}

.resource-icon[b-lo30amypxf] {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: var(--stroke-width) solid rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

.resource-icon.gold[b-lo30amypxf] {
    background: linear-gradient(140deg, var(--gold-1), var(--gold-2));
}

.resource-icon.essence[b-lo30amypxf] {
    background: linear-gradient(140deg, #7ad7f0, #5aa6d6);
}

.resource-icon.stone[b-lo30amypxf] {
    background: linear-gradient(140deg, #bfa98a, #7b5b3c);
}

.resource-label[b-lo30amypxf] {
    font-size: 0.75rem;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.resource-value[b-lo30amypxf] {
    font-size: 0.95rem;
}
/* /Game/Expedition/ExpeditionView.razor.rz.scp.css */
.expedition-layout[b-eb0fa0bzb2] {
    --drawer-width: 420px;
    --drawer-gap: 24px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: var(--drawer-gap);
    padding: 24px;
    min-height: 100%;
    height: 100vh;
    align-items: stretch;
    box-sizing: border-box;
    transition: grid-template-columns 260ms ease;
    overflow: hidden;
}

.expedition-drawer[b-eb0fa0bzb2] {
    display: grid;
    height: 100%;
    min-height: 0;
    overflow: visible;
    width: max-content;
}

.expedition-body[b-eb0fa0bzb2] {
    display: grid;
    gap: 20px;
    align-content: start;
    min-height: 0;
    min-width: 0;
    grid-template-rows: auto 1fr auto;
}


.expedition-header[b-eb0fa0bzb2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: center;
    min-width: 0;
}

.drawer-closed[b-eb0fa0bzb2] {
    --drawer-width: 52px;
    --drawer-gap: 12px;
}

@media (max-width: 1100px) {
    .expedition-layout[b-eb0fa0bzb2] {
        grid-template-columns: 1fr;
    }

    .expedition-header[b-eb0fa0bzb2] {
        grid-template-columns: 1fr;
    }
}
/* /Game/GameMain.razor.rz.scp.css */

.debug-on[b-d5gtyq614t],
.debug-off[b-d5gtyq614t] {
    height: 100vh;
    min-height: 100vh;
    display: block;
}

.game-main-view-host[b-d5gtyq614t] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow-x: clip;
    transform: translateZ(0);
}

.game-main-transition-overlay[b-d5gtyq614t] {
    position: fixed;
    inset: 0;
    background: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 49;
}

.debug-on .debug-outline[b-d5gtyq614t] {
    outline: var(--panel-stroke-width) dashed var(--stroke);
    outline-offset: -1px;
}

.debug-toggle[b-d5gtyq614t] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 60;
    padding: 8px 12px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: inherit;
    cursor: pointer;
    font-weight: 700;
}

.debug-panel[b-d5gtyq614t] {
    position: fixed;
    bottom: 64px;
    right: 16px;
    z-index: 60;
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    box-shadow: var(--shadow-1);
}

.debug-label[b-d5gtyq614t] {
    display: grid;
    gap: 6px;
    font-size: 0,75em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink);
}

.debug-select[b-d5gtyq614t] {
    padding: 6px 8px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    color: inherit;
    font-weight: 700;
}

.debug-button[b-d5gtyq614t] {
    padding: 8px 10px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    color: inherit;
    cursor: pointer;
    font-weight: 700;
    transition: transform 140ms ease, filter 140ms ease;
}

.debug-button:hover[b-d5gtyq614t] {
    transform: translateY(-1px);
    filter: brightness(1.05);
}
/* /Game/StartMenu/StartMenuView.razor.rz.scp.css */
.start-menu-shell[b-3rhfj6kq0i] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    box-sizing: border-box;
}

.start-menu-transition-overlay[b-3rhfj6kq0i] {
    position: fixed;
    inset: 0;
    background: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 48;
}

.start-menu-card[b-3rhfj6kq0i] {
    width: min(640px, 100%);
    border: var(--panel-stroke-width) solid var(--stroke);
    border-radius: var(--radius-panel);
    background:
        radial-gradient(circle at 50% 0%, rgba(214, 168, 74, 0.2), transparent 58%),
        linear-gradient(180deg, rgba(38, 24, 14, 0.86), rgba(28, 18, 11, 0.9));
    box-shadow: var(--shadow-1);
    padding: 20px;
    display: grid;
    gap: 18px;
}

.start-menu-header[b-3rhfj6kq0i] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 8px;
}

.start-menu-emblem[b-3rhfj6kq0i] {
    width: min(210px, 72%);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.45));
}

.start-menu-title[b-3rhfj6kq0i] {
    margin: 0;
    position: relative;
    display: inline-block;
    font-family: "Uncial Antiqua", var(--font-display);
    font-size: clamp(2.2rem, 6vw, 3.35rem);
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f3d07a;
    text-shadow:
        0 3px 10px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(243, 208, 122, 0.38);
    animation: growlem-title-glow-b-3rhfj6kq0i 2.8s ease-in-out infinite;
}

.start-menu-title[b-3rhfj6kq0i]::before,
.start-menu-title[b-3rhfj6kq0i]::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 62%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 226, 145, 0.92), transparent);
}

.start-menu-title[b-3rhfj6kq0i]::before {
    top: -12px;
}

.start-menu-title[b-3rhfj6kq0i]::after {
    bottom: -10px;
}

@keyframes growlem-title-glow-b-3rhfj6kq0i {
    0%,
    100% {
        filter: drop-shadow(0 0 0 rgba(243, 208, 122, 0));
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(243, 208, 122, 0.55));
    }
}

.start-menu-subtitle[b-3rhfj6kq0i] {
    margin: 0;
    max-width: 48ch;
    color: var(--ink);
    opacity: 0.9;
}

.start-menu-actions[b-3rhfj6kq0i] {
    display: grid;
    gap: 16px;
}

.start-menu-action[b-3rhfj6kq0i] {
    width: 100%;
    min-height: 62px;
    border-radius: 12px;
    border: 1px solid rgba(214, 168, 74, 0.45);
    background:
        radial-gradient(circle at 85% 50%, rgba(214, 168, 74, 0.24), transparent 45%),
        linear-gradient(90deg, rgba(95, 57, 28, 0.75), rgba(38, 24, 14, 0.95));
    color: var(--ink);
    font-family: var(--font-ui);
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
}

.start-menu-action:hover:not(:disabled)[b-3rhfj6kq0i] {
    transform: translateY(-2px);
    filter: brightness(1.08);
    border-color: rgba(243, 208, 122, 0.7);
}

.start-menu-action:active:not(:disabled)[b-3rhfj6kq0i] {
    transform: translateY(0);
}

.start-menu-action i[b-3rhfj6kq0i] {
    font-size: 1.1rem;
    line-height: 1;
}

.start-menu-action--primary[b-3rhfj6kq0i] {
    border-color: rgba(243, 208, 122, 0.85);
    background:
        radial-gradient(circle at 80% 50%, rgba(255, 237, 183, 0.35), transparent 45%),
        linear-gradient(180deg, var(--gold-1), var(--gold-2));
    color: #ffffff;
    text-shadow:
        0 2px 0 #000000,
        0 -2px 0 #000000,
        2px 0 0 #000000,
        -2px 0 0 #000000,
        1px 1px 0 #000000,
        -1px 1px 0 #000000,
        1px -1px 0 #000000,
        -1px -1px 0 #000000;
}

.start-menu-action:disabled[b-3rhfj6kq0i] {
    opacity: 0.45;
    cursor: not-allowed;
    filter: grayscale(0.35);
}

.start-menu-action-sub[b-3rhfj6kq0i] {
    margin-top: -8px;
    font-size: 0.86rem;
    color: var(--gold-1);
    opacity: 0.92;
    text-align: center;
}

.start-menu-overlay[b-3rhfj6kq0i] {
    position: fixed;
    inset: 0;
    background: rgba(15, 10, 6, 0.7);
    display: grid;
    place-items: center;
    padding: 20px;
    z-index: 999;
}

.start-menu-panel[b-3rhfj6kq0i] {
    width: min(520px, 100%);
    border: var(--panel-stroke-width) solid var(--stroke);
    border-radius: var(--radius-panel);
    background: var(--panel);
    box-shadow: var(--shadow-1);
    padding: 18px;
    display: grid;
    gap: 10px;
}

.start-menu-panel h2[b-3rhfj6kq0i] {
    margin: 0;
    font-family: var(--font-display);
    color: var(--gold-1);
}

.start-menu-panel p[b-3rhfj6kq0i] {
    margin: 0;
    color: var(--ink);
    opacity: 0.9;
}

.start-menu-options-list[b-3rhfj6kq0i] {
    display: grid;
    gap: 10px;
}

.start-menu-switch-row[b-3rhfj6kq0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(214, 168, 74, 0.35);
    background: rgba(0, 0, 0, 0.2);
    color: var(--ink);
    font-weight: 700;
}

.start-menu-switch-row input[type="checkbox"][b-3rhfj6kq0i] {
    width: 20px;
    height: 20px;
    accent-color: var(--gold-2);
    cursor: pointer;
}

.start-menu-panel-close[b-3rhfj6kq0i] {
    justify-self: end;
    margin-top: 6px;
    min-width: 110px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(214, 168, 74, 0.45);
    background: linear-gradient(180deg, rgba(66, 43, 24, 0.9), rgba(36, 23, 13, 0.95));
    color: var(--ink);
    font-family: var(--font-ui);
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, filter 140ms ease, border-color 140ms ease;
}

.start-menu-panel-close:hover[b-3rhfj6kq0i] {
    transform: translateY(-1px);
    filter: brightness(1.08);
    border-color: rgba(243, 208, 122, 0.72);
}

.start-menu-panel-actions[b-3rhfj6kq0i] {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.start-menu-loading[b-3rhfj6kq0i] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    font-family: var(--font-ui);
}
/* /Game/Summon/SummonView.razor.rz.scp.css */
.summoner[b-w2cgk5an0d] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
    min-height: 100vh;
    box-sizing: border-box;
}

.scrolls[b-w2cgk5an0d] {
    display: grid;
    gap: 16px;
    align-content: start;
    grid-template-rows: auto auto auto 1fr auto;
    background: var(--panel-60);
    border: var(--panel-stroke-width) solid var(--stroke);
    border-radius: var(--radius-panel);
    padding: 18px;
    box-shadow: var(--shadow-1);
}

.summon-aside-header[b-w2cgk5an0d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.summon-aside-title[b-w2cgk5an0d] {
    display: grid;
    gap: 4px;
    width: 100%;
}

.summon-kicker-row[b-w2cgk5an0d] {
    width: 100%;
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    align-items: center;
    gap: 10px;
}

.summon-back-button[b-w2cgk5an0d] {
    padding: 4px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
}

:deep(.summon-back-button .btn-front)[b-w2cgk5an0d] {
    width: 32px;
    height: 32px;
    padding: 0;
}

.summon-kicker[b-w2cgk5an0d] {
    justify-self: center;
}

.summon-kicker-spacer[b-w2cgk5an0d] {
    width: 32px;
    height: 32px;
}

.summon-back-icon[b-w2cgk5an0d] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: block;
}

.summon-kicker[b-w2cgk5an0d] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7rem;
    color: var(--gold-2);
}

.summon-title[b-w2cgk5an0d] {
    margin: 0;
    font-size: 1.4rem;
    font-family: var(--font-display);
}

.summon-subtitle[b-w2cgk5an0d] {
    margin: 0;
    font-size: 0.85rem;
    opacity: 0.7;
}

.summon-type[b-w2cgk5an0d] {
    display: grid;
    gap: 12px;
}

.invoke-card[b-w2cgk5an0d] {
    --bg: rgba(18, 18, 24, 0.82);
    --border: rgba(255, 255, 255, 0.1);
    --text: rgba(255, 255, 255, 0.92);
    --muted: rgba(255, 255, 255, 0.62);
    --accent: #8aa3ff;
    --accent2: #b7c4ff;

    position: relative;
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 12px;
    width: 100%;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background:
        linear-gradient(160deg, rgba(243, 208, 122, 0.28), rgba(214, 168, 74, 0.12)),
        radial-gradient(140px 90px at 15% 15%, rgba(243, 208, 122, 0.35), transparent 70%),
        rgba(38, 24, 14, 0.82);
    color: var(--text);
    cursor: pointer;
    text-align: left;
    transform: translateZ(0);
    transition: transform 0.12s ease, border-color 0.12s ease, filter 0.12s ease;
}

.invoke-card:hover[b-w2cgk5an0d] {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.18);
}

.invoke-card:active[b-w2cgk5an0d] {
    transform: translateY(0px) scale(0.99);
}

.invoke-card:focus-visible[b-w2cgk5an0d] {
    outline: 2px solid color-mix(in oklab, var(--accent) 70%, white 30%);
    outline-offset: 2px;
}

.invoke-card.is-selected[b-w2cgk5an0d] {
    border-color: color-mix(in oklab, var(--accent) 80%, white 20%);
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--accent) 25%, transparent 75%);
}

.invoke-art[b-w2cgk5an0d] {
    width: 74px;
    height: 74px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 230, 179, 0.25), rgba(18, 12, 8, 0.95) 75%);
    border: 1px solid rgba(243, 208, 122, 0.35);
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.4);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.invoke-art img[b-w2cgk5an0d] {
    width: 86%;
    height: 86%;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
}

.invoke-body[b-w2cgk5an0d] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.invoke-top[b-w2cgk5an0d] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
}

.invoke-title[b-w2cgk5an0d] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.rarity-chip[b-w2cgk5an0d] {
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in oklab, var(--rarity-color, #ffffff) 55%, rgba(255, 255, 255, 0.08));
    background: color-mix(in oklab, var(--rarity-color, #ffffff) 18%, rgba(0, 0, 0, 0.25));
    color: color-mix(in oklab, var(--rarity-color, #ffffff) 88%, white 12%);
    white-space: nowrap;
}

.rarity-common[b-w2cgk5an0d] { --rarity-color: #5fbf6b; }
.rarity-rare[b-w2cgk5an0d] { --rarity-color: #4aa3ff; }
.rarity-epic[b-w2cgk5an0d] { --rarity-color: #b06bff; }
.rarity-ancestral[b-w2cgk5an0d] { --rarity-color: #ffb14a; }

.invoke-price[b-w2cgk5an0d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.18);
    font-weight: 800;
}

.stone-ico[b-w2cgk5an0d] {
    width: 16px;
    height: 16px;
    display: inline-block;
    object-fit: contain;
}

.invoke-sub[b-w2cgk5an0d] {
    display: grid;
    gap: 8px;
    align-items: start;
}

.invoke-desc[b-w2cgk5an0d] {
    color: var(--muted);
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.invoke-glow[b-w2cgk5an0d] {
    position: absolute;
    inset: -1px;
    border-radius: 16px;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(
        circle at 30% 30%,
        color-mix(in oklab, var(--accent) 40%, transparent),
        transparent 60%
    );
    transition: opacity 0.12s ease;
}

.invoke-card:hover .invoke-glow[b-w2cgk5an0d] {
    opacity: 0.55;
}

.invoke-card[data-rarity="common"][b-w2cgk5an0d] {
    --accent: #b7b7b7;
    --accent2: #e0e0e0;
}

.invoke-card[data-rarity="rare"][b-w2cgk5an0d] {
    --accent: #5aa7ff;
    --accent2: #a3d4ff;
}

.invoke-card[data-rarity="epic"][b-w2cgk5an0d] {
    --accent: #b06bff;
    --accent2: #e0b9ff;
}

.invoke-card[data-rarity="mythic"][b-w2cgk5an0d] {
    --accent: #ffb14a;
    --accent2: #ffe3a3;
}

.invoke-card[data-rarity="legendary"][b-w2cgk5an0d] {
    --accent: #ff7a4a;
    --accent2: #ffd0b0;
}

.invoke-card[data-rarity="ancestral"][b-w2cgk5an0d] {
    --accent: #ffb14a;
    --accent2: #ffe3a3;
}

.invoke-card.is-locked[b-w2cgk5an0d],
.invoke-card:disabled[b-w2cgk5an0d] {
    cursor: not-allowed;
    filter: grayscale(0.55) saturate(0.6) brightness(0.72);
    border-color: rgba(214, 168, 74, 0.18);
    background:
        linear-gradient(180deg, rgba(28, 18, 11, 0.6), rgba(28, 18, 11, 0.35)),
        radial-gradient(120px 80px at 15% 15%, rgba(214, 168, 74, 0.05), transparent 70%),
        rgba(18, 12, 8, 0.9);
}

.invoke-card.is-locked .invoke-price[b-w2cgk5an0d] {
    opacity: 0.55;
}

.invoke-card.is-locked[b-w2cgk5an0d]::after,
.invoke-card:disabled[b-w2cgk5an0d]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.05));
    pointer-events: none;
}

.invoke-card.is-locked .invoke-price[b-w2cgk5an0d],
.invoke-card:disabled .invoke-price[b-w2cgk5an0d] {
    opacity: 0.55;
}

.summon-details[b-w2cgk5an0d] {
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    padding: 12px;
    display: grid;
    gap: 10px;
}

.details-header[b-w2cgk5an0d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.details-title[b-w2cgk5an0d] {
    font-weight: 700;
    font-family: var(--font-display);
    width: fit-content;
    margin-bottom: 16px;
    align-self: flex-start;
}

.details-subtitle[b-w2cgk5an0d] {
    font-size: 0.85rem;
    opacity: 0.85;
}

.details-rates[b-w2cgk5an0d] {
    display: grid;
    gap: 6px;
}

.rate-row[b-w2cgk5an0d] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
}

.rate-label[b-w2cgk5an0d] {
    color: var(--rarity-color, inherit);
    min-width: 90px;
}

.rate-bar[b-w2cgk5an0d] {
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.rate-fill[b-w2cgk5an0d] {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--rarity-color, var(--gold-2));
    box-shadow: 0 0 10px color-mix(in oklab, var(--rarity-color, var(--gold-2)) 70%, transparent);
}

.details-note[b-w2cgk5an0d] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.summon-area[b-w2cgk5an0d] {
    --status-height: 176px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 18px;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: radial-gradient(circle at 50% 20%, rgba(214, 168, 74, 0.15), transparent 60%), var(--panel-70);
    box-shadow: var(--shadow-1);
    overflow: hidden;
}

.summon-main-column[b-w2cgk5an0d] {
    min-width: 0;
    display: grid;
    grid-template-rows: var(--status-height) minmax(420px, 1fr) auto;
    gap: 16px;
}

.summon-powers-float[b-w2cgk5an0d] {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: min(250px, 32%);
    z-index: 3;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    padding: 12px;
    display: grid;
    align-content: start;
    gap: 10px;
}

.summon-powers-title[b-w2cgk5an0d] {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold-2);
}

.summon-power-card[b-w2cgk5an0d] {
    display: grid;
    gap: 6px;
    justify-items: center;
    padding: 8px;
    border-radius: var(--radius-panel);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
}

.summon-power-label[b-w2cgk5an0d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.85;
}

.summon-power-icon[b-w2cgk5an0d] {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

.summon-power-trait-icon[b-w2cgk5an0d] {
    font-size: 0.92rem;
    line-height: 1;
}

:deep(.summon-button)[b-w2cgk5an0d] {
    justify-self: center;
    align-self: start;
    width: fit-content;
}

.summon-button-wrap[b-w2cgk5an0d] {
    display: grid;
    place-items: center;
    margin: 24px 0;
}
.summon-portal[b-w2cgk5an0d] {
    display: grid;
    place-items: center;
    position: relative;
    perspective: 800px;
    min-height: 420px;
}

.summon-rare-fx[b-w2cgk5an0d] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
    opacity: 0;
    z-index: 2;
    mix-blend-mode: screen;
}

.summon-rare-halo[b-w2cgk5an0d],
.summon-rare-ring[b-w2cgk5an0d],
.summon-rare-flare[b-w2cgk5an0d],
.summon-rare-sparks[b-w2cgk5an0d] {
    position: absolute;
    width: min(520px, 92%);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.summon-rare-halo[b-w2cgk5an0d] {
    background: radial-gradient(circle, color-mix(in oklab, var(--rare-color-2, #ffe9b0) 55%, transparent), transparent 70%);
    filter: blur(2px);
}

.summon-rare-ring[b-w2cgk5an0d] {
    border: 2px solid color-mix(in oklab, var(--rare-color, #ffb14a) 70%, transparent);
    box-shadow:
        0 0 24px color-mix(in oklab, var(--rare-color, #ffb14a) 55%, transparent),
        inset 0 0 18px color-mix(in oklab, var(--rare-color-2, #ffe9b0) 40%, transparent);
}

.summon-rare-flare[b-w2cgk5an0d] {
    width: min(280px, 60%);
    background: radial-gradient(circle, color-mix(in oklab, var(--rare-color, #ffb14a) 75%, white 20%), transparent 70%);
    filter: blur(1px);
}

.summon-rare-sparks[b-w2cgk5an0d] {
    background: repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--rare-color, #ffb14a) 65%, transparent) 0deg 6deg, transparent 6deg 14deg);
    mask: radial-gradient(circle, black 55%, transparent 70%);
    opacity: 0.85;
}

.portal-altar[b-w2cgk5an0d] {
    width: min(520px, 92%);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.35));
    transition: filter 300ms ease, transform 300ms ease;
}

.portal-altar.is-charging[b-w2cgk5an0d] {
    filter:
        drop-shadow(0 18px 28px rgba(0, 0, 0, 0.35))
        drop-shadow(0 0 28px rgba(214, 168, 74, 0.45));
    animation: altar-pulse-b-w2cgk5an0d 1.1s ease-in-out infinite, altar-shake-b-w2cgk5an0d 0.22s linear infinite;
}

.summon-area.summon-rare-mythic[b-w2cgk5an0d] {
    --rare-color: var(--rarity-mythic);
    --rare-color-2: #fff2c2;
}

.summon-area.summon-rare-legendary[b-w2cgk5an0d] {
    --rare-color: var(--rarity-legendary);
    --rare-color-2: #ffd5c4;
}

.summon-area.summon-rare-mythic .portal-avatar[b-w2cgk5an0d],
.summon-area.summon-rare-legendary .portal-avatar[b-w2cgk5an0d] {
    box-shadow:
        0 0 35px color-mix(in oklab, var(--rare-color, #ffb14a) 60%, transparent),
        0 0 70px color-mix(in oklab, var(--rare-color-2, #ffe9b0) 45%, transparent);
    border-color: color-mix(in oklab, var(--rare-color, #ffb14a) 85%, white 15%);
}

.portal-avatar[b-w2cgk5an0d] {
    position: absolute;
    top: 24%;
    left: 50%;
    width: min(180px, 38%);
    aspect-ratio: 1 / 1;
    transform: translateX(-50%) rotateX(10deg);
    border-radius: 50%;
    border: 2px solid var(--gold-2);
    background: radial-gradient(circle, rgba(214, 168, 74, 0.3), rgba(28, 18, 11, 0.8));
    display: grid;
    place-items: center;
    box-shadow: 0 0 18px rgba(214, 168, 74, 0.3);
    transform-style: preserve-3d;
    will-change: transform;
    transition: border-color 600ms ease, box-shadow 600ms ease;
}


@keyframes altar-pulse-b-w2cgk5an0d {
    0% {
        transform: translateY(0);
        filter:
            drop-shadow(0 18px 28px rgba(0, 0, 0, 0.35))
            drop-shadow(0 0 18px rgba(214, 168, 74, 0.35));
    }
    50% {
        transform: translateY(-4px);
        filter:
            drop-shadow(0 18px 28px rgba(0, 0, 0, 0.35))
            drop-shadow(0 0 34px rgba(214, 168, 74, 0.55));
    }
    100% {
        transform: translateY(0);
        filter:
            drop-shadow(0 18px 28px rgba(0, 0, 0, 0.35))
            drop-shadow(0 0 18px rgba(214, 168, 74, 0.35));
    }
}

@keyframes altar-shake-b-w2cgk5an0d {
    0% { transform: translate(0, 0) rotate(0deg); }
    20% { transform: translate(-1px, 1px) rotate(-0.2deg); }
    40% { transform: translate(1px, -1px) rotate(0.2deg); }
    60% { transform: translate(-1px, 0) rotate(-0.2deg); }
    80% { transform: translate(1px, 1px) rotate(0.2deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

.summon-instructions[b-w2cgk5an0d] {
    text-align: center;
    opacity: 0.85;
}

.summon-status[b-w2cgk5an0d] {
    height: var(--status-height);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.summon-instructions.summoning[b-w2cgk5an0d] {
    animation: summoning-flicker-b-w2cgk5an0d 1.2s ease-in-out infinite;
}

.summon-result[b-w2cgk5an0d] {
    position: relative;
    display: grid;
    gap: 12px;
    align-items: center;
    justify-items: center;
    text-align: center;
    padding: 16px 28px;
    border-radius: var(--radius-panel);
    border: 2px solid color-mix(in oklab, var(--rarity-color, var(--stroke)) 70%, rgba(0, 0, 0, 0.2));
    background: rgba(28, 18, 11, 0.7);
    box-shadow:
        0 0 0 2px color-mix(in oklab, var(--rarity-color, var(--gold-2)) 35%, transparent),
        0 10px 24px rgba(0, 0, 0, 0.35);
    width: min(420px, 100%);
    justify-self: center;
    animation: result-fade-in-b-w2cgk5an0d 320ms ease-out;
}

@keyframes result-fade-in-b-w2cgk5an0d {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.result-stats[b-w2cgk5an0d] {
    display: grid;
    gap: 6px;
}

.result-badge[b-w2cgk5an0d] {
    position: absolute;
    top: -14px;
    right: -18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.35);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.result-badge i[b-w2cgk5an0d] {
    font-size: 0.95rem;
    line-height: 1;
}

.result-badge-new[b-w2cgk5an0d] {
    color: #ffffff;
    border-color: #7a4f22;
    background: linear-gradient(140deg, var(--gold-1), var(--gold-2));
    text-shadow:
        0 2px 0 #000000,
        0 -2px 0 #000000,
        2px 0 0 #000000,
        -2px 0 0 #000000,
        1px 1px 0 #000000,
        -1px 1px 0 #000000,
        1px -1px 0 #000000,
        -1px -1px 0 #000000;
    box-shadow:
        0 0 10px rgba(243, 208, 122, 0.35),
        0 6px 12px rgba(0, 0, 0, 0.25),
        inset 0 0 0 2px rgba(0, 0, 0, 0.18);
    animation: new-badge-pop-b-w2cgk5an0d 380ms ease-out;
}

@keyframes new-badge-pop-b-w2cgk5an0d {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.result-role[b-w2cgk5an0d] {
    font-size: 0.9rem;
    opacity: 0.8;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.result-element-icon[b-w2cgk5an0d] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
}

.result-name[b-w2cgk5an0d] {
    font-weight: 800;
    font-size: 1.3rem;
    font-family: var(--font-display);
}


.result-rarity[b-w2cgk5an0d] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--rarity-color, var(--gold-2));
}

.portal-avatar.glow-common[b-w2cgk5an0d] {
    box-shadow: 0 0 18px color-mix(in oklab, var(--rarity-common) 45%, transparent);
    border-color: color-mix(in oklab, var(--rarity-common) 80%, transparent);
}

.portal-avatar.glow-rare[b-w2cgk5an0d] {
    box-shadow: 0 0 22px color-mix(in oklab, var(--rarity-rare) 55%, transparent);
    border-color: color-mix(in oklab, var(--rarity-rare) 85%, transparent);
}

.portal-avatar.glow-epic[b-w2cgk5an0d] {
    box-shadow: 0 0 26px color-mix(in oklab, var(--rarity-epic) 60%, transparent);
    border-color: color-mix(in oklab, var(--rarity-epic) 90%, transparent);
}

.portal-avatar.glow-mythic[b-w2cgk5an0d] {
    box-shadow: 0 0 32px color-mix(in oklab, var(--rarity-mythic) 60%, transparent);
    border-color: color-mix(in oklab, var(--rarity-mythic) 90%, transparent);
}

.portal-avatar.glow-legendary[b-w2cgk5an0d] {
    box-shadow: 0 0 36px color-mix(in oklab, var(--rarity-legendary) 65%, transparent);
    border-color: color-mix(in oklab, var(--rarity-legendary) 95%, transparent);
}

@keyframes summoning-flicker-b-w2cgk5an0d {
    0% {
        opacity: 0.7;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-2px);
    }
    100% {
        opacity: 0.7;
        transform: translateY(0);
    }
}


.summon-wallet[b-w2cgk5an0d] {
    min-height: var(--wallet-height, 44px);
    justify-self: end;
    font-size: 0.95rem;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.18);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.summon-wallet-row[b-w2cgk5an0d] {
    --wallet-height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.summon-wallet.summon-wallet-aside[b-w2cgk5an0d] {
    justify-self: end;
    align-self: end;
}

.summon-collection-button[b-w2cgk5an0d] {
    height: var(--wallet-height, 44px);
    min-width: var(--wallet-height, 44px);
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    color: var(--gold-1);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
}

.summon-collection-button i[b-w2cgk5an0d] {
    font-size: 1.05rem;
    line-height: 1;
}

.summon-collection-button:hover:not(:disabled)[b-w2cgk5an0d] {
    transform: translateY(-1px);
    filter: brightness(1.08);
    border-color: rgba(255, 255, 255, 0.25);
}

.summon-collection-button:disabled[b-w2cgk5an0d] {
    opacity: 0.55;
    cursor: not-allowed;
}

.stone-icon[b-w2cgk5an0d] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}

:deep(.summon-button .stone-icon)[b-w2cgk5an0d] {
    width: 32px;
    height: 32px;
    margin-left: 6px;
}

:deep(.btn.summon-button .btn-front)[b-w2cgk5an0d] {
    padding: 10px 18px;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px;
    align-items: center;
    line-height: 1.1;
}

:deep(.summon-button .summon-button-title)[b-w2cgk5an0d] {
    font-weight: 700;
    letter-spacing: 0.06em;
}

:deep(.summon-button .summon-button-cost)[b-w2cgk5an0d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    opacity: 0.9;
}

@media (max-width: 980px) {
    .summoner[b-w2cgk5an0d] {
        grid-template-columns: 1fr;
    }

    .summon-type[b-w2cgk5an0d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .summon-powers-float[b-w2cgk5an0d] {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 12px;
    }

    .summon-main-column[b-w2cgk5an0d] {
        grid-template-rows: var(--status-height) minmax(360px, 1fr) auto;
    }

    .summon-result[b-w2cgk5an0d] {
        justify-items: center;
        text-align: center;
    }
}
/* /Game/_Shared/GolemAbilityDpad.razor.rz.scp.css */
/* Styles now shared in wwwroot/css/app.css. */
/* /Game/_Shared/GolemDetailsDialog.razor.rz.scp.css */
.golem-dialog-backdrop[b-awfjls3tnx] {
    position: fixed;
    inset: 0;
    background: rgba(10, 6, 3, 0.7);
    display: grid;
    place-items: center;
    z-index: 50;
}

.golem-dialog[b-awfjls3tnx] {
    width: min(75vw, 900px);
    max-width: 75vw;
    background: var(--panel);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-1);
    padding: 16px 48px 48px;
    display: grid;
    gap: 12px;
    font-family: var(--font-ui);
}

.golem-dialog-header[b-awfjls3tnx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.golem-dialog-title[b-awfjls3tnx] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: var(--font-display);
}

.golem-dialog-close[b-awfjls3tnx] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-button);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    color: inherit;
    cursor: pointer;
}

.golem-dialog-hero[b-awfjls3tnx] {
    display: grid;
    grid-template-columns: 160px 1fr 120px;
    gap: 16px;
    align-items: center;
}

:deep(.golem-dialog-portrait)[b-awfjls3tnx] {
    width: 160px;
    height: 160px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    object-fit: cover;
    display: block;
    box-shadow: var(--shadow-1);
}

:deep(.golem-dialog-portrait.rarity-key)[b-awfjls3tnx] {
    border-color: color-mix(in srgb, var(--rarity-color) 70%, var(--stroke));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rarity-color) 35%, transparent), var(--shadow-1);
}

.golem-dialog-center[b-awfjls3tnx] {
    display: grid;
    gap: 10px;
    justify-items: flex-start;
    align-self: flex-start;
    text-align: center;
}

.golem-dialog-type[b-awfjls3tnx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 1.05rem;
    font-family: var(--font-display);
}

.golem-dialog-icon[b-awfjls3tnx] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    display: inline-block;
    object-fit: cover;
}

.golem-dialog-icon.type-icon[b-awfjls3tnx] {
    background: none;
    box-shadow: none;
}

.golem-dialog-icon.trait-icon[b-awfjls3tnx] {
    background: none;
    box-shadow: none;
}

.golem-dialog-sep[b-awfjls3tnx] {
    opacity: 0.5;
}

.golem-dialog-trait-text[b-awfjls3tnx],
.golem-dialog-type-text[b-awfjls3tnx] {
    font-size: 0.95rem;
}

.golem-dialog-rarity[b-awfjls3tnx] {
    display: inline-flex;
    gap: 6px;
    color: var(--rarity-color, var(--gold-2));
}

.star[b-awfjls3tnx] {
    width: 16px;
    height: 16px;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background: rgba(214, 168, 74, 0.2);
    border: 1px solid rgba(214, 168, 74, 0.5);
}

.star.filled[b-awfjls3tnx] {
    background: linear-gradient(140deg, var(--gold-1), var(--gold-2));
    border-color: rgba(214, 168, 74, 0.8);
}

.rarity-key .star.filled[b-awfjls3tnx] {
    background: var(--rarity-color);
    border-color: color-mix(in srgb, var(--rarity-color) 70%, transparent);
}

.golem-dialog-level[b-awfjls3tnx] {
    text-align: right;
    display: grid;
    gap: 6px;
    justify-items: start;
    align-self: flex-start;
}

.level-label[b-awfjls3tnx] {
    font-size: 0.8rem;
    opacity: 0.7;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.level-value[b-awfjls3tnx] {
    font-size: 2rem;
    font-weight: 800;
    font-family: var(--font-display);
}

.golem-dialog-powers[b-awfjls3tnx] {
    display: grid;
    gap: 10px;
}

.powers-label[b-awfjls3tnx] {
    font-size: 0.8rem;
    opacity: 0.7;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: var(--font-display);
}

.powers-grid[b-awfjls3tnx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.power-card[b-awfjls3tnx] {
    min-height: 72px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    padding: 8px 10px;
    font-weight: 600;
    font-size: 0.85rem;
    display: grid;
    gap: 8px;
    justify-items: center;
    text-align: center;
    line-height: 1.3;
}

.power-card-title[b-awfjls3tnx] {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: var(--font-display);
}

.power-card-desc[b-awfjls3tnx] {
    font-size: 0.85rem;
    font-family: var(--font-ui);
}

:deep(.power-highlight)[b-awfjls3tnx] {
    display: inline-block;
    padding: 0 6px;
    margin: 0 2px;
    border-radius: 999px;
    background: rgba(255, 204, 92, 0.18);
    border: 1px solid rgba(255, 204, 92, 0.5);
    color: #ffd28a;
    font-weight: 800;
    letter-spacing: 0.02em;
}

/* /Game/_Shared/GolemRender.razor.rz.scp.css */
.container[b-jrrbqwstq7] {
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 1/1;
}

.golem-render-image[b-jrrbqwstq7],
.golem-render-trait[b-jrrbqwstq7] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.portal-avatar-image[b-jrrbqwstq7] {
    opacity: 0;
    transform: scale(0.78);
    filter: blur(18px) brightness(0.35) saturate(0.2);
}

.portal-avatar-image.is-revealed[b-jrrbqwstq7] {
    animation: avatar-reveal-b-jrrbqwstq7 3000ms ease-out forwards;
}

@keyframes avatar-reveal-b-jrrbqwstq7 {
    0% {
        opacity: 1;
        transform: scale(0.78);
        filter: blur(18px) brightness(0.35) saturate(0.2);
    }
    20% {
        opacity: 1;
        transform: scale(0.84);
        filter: blur(16px) brightness(0.45) saturate(0.4);
    }
    35% {
        opacity: 1;
        transform: scale(0.9);
        filter: blur(12px) brightness(0.55) saturate(0.6);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0) brightness(1) saturate(1);
    }
}
/* /Game/_Shared/GolemTile.razor.rz.scp.css */
.golem-tile[b-xqi1qia5yu] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    width: min(100%, var(--golem-tile-max-width));
    height: auto;
    max-width: var(--golem-tile-max-width);
    min-height: var(--golem-tile-max-height);
    border-radius: var(--radius-panel);
    border: var(--stroke-width) solid var(--stroke);
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 4px;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    box-shadow: var(--shadow-1);
    transition: transform 140ms ease, filter 140ms ease;
    position: relative;
    gap: 8px;
    overflow: visible;
    background: var(--panel-70);
    align-content: start;
}

.golem-tile:hover[b-xqi1qia5yu] {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.golem-tile:focus-visible[b-xqi1qia5yu] {
    outline: 2px solid var(--gold-1);
    outline-offset: 2px;
}

.golem-tile-portrait[b-xqi1qia5yu] {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    margin: 0 2px;
    justify-self: center;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-panel);
    border: 2px solid var(--stroke);
    background:
        radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--rarity-color) 35%, transparent), transparent 60%),
        linear-gradient(135deg, color-mix(in srgb, var(--rarity-color) 20%, transparent), rgba(28, 18, 11, 0.7));
    width: calc(100% - 4px);
    height: auto;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative;
}

.golem-tile.rarity-key .golem-tile-portrait[b-xqi1qia5yu] {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rarity-color) 30%, transparent), var(--shadow-1);
}

:deep(.golem-tile-portrait-image)[b-xqi1qia5yu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-user-drag: none;
    pointer-events: none;
}

.golem-tile-level[b-xqi1qia5yu] {
    position: absolute;
    top: -2px;
    left: -2px;
    padding: 3px 8px;
    border-radius: var(--radius-panel);
    border: 1px solid #1b120b;
    background: linear-gradient(140deg, color-mix(in srgb, var(--gold-1) 60%, rgba(12, 8, 5, 0.65)), color-mix(in srgb, var(--gold-2) 70%, rgba(12, 8, 5, 0.7)));
    color: #1b120b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
    font-size: 0.68rem;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.golem-tile-slot[b-xqi1qia5yu] {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 2px solid rgba(0, 0, 0, 0.85);
    background: rgba(4, 2, 1, 0.9);
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.65),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    place-items: center;
    padding: 2px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
    pointer-events: none;
}

.golem-slot-dot[b-xqi1qia5yu] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.8),
        0 0 8px rgba(0, 0, 0, 0.45);
    color: transparent;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
    display: grid;
    place-items: center;
}

.golem-slot-dot[b-xqi1qia5yu]::after {
    content: attr(data-label);
    opacity: 0;
}

.golem-slot-dot.slot-1[b-xqi1qia5yu] { grid-column: 2; grid-row: 1; }
.golem-slot-dot.slot-2[b-xqi1qia5yu] { grid-column: 1; grid-row: 2; }
.golem-slot-dot.slot-3[b-xqi1qia5yu] { grid-column: 3; grid-row: 2; }
.golem-slot-dot.slot-4[b-xqi1qia5yu] { grid-column: 2; grid-row: 3; }

.golem-tile-slot.is-slot-1 .golem-slot-dot.slot-1[b-xqi1qia5yu],
.golem-tile-slot.is-slot-2 .golem-slot-dot.slot-2[b-xqi1qia5yu],
.golem-tile-slot.is-slot-3 .golem-slot-dot.slot-3[b-xqi1qia5yu],
.golem-tile-slot.is-slot-4 .golem-slot-dot.slot-4[b-xqi1qia5yu] {
    background: color-mix(in srgb, var(--gold-1) 90%, white);
    box-shadow:
        0 0 14px color-mix(in srgb, var(--gold-1) 90%, transparent),
        inset 0 0 0 1px rgba(0, 0, 0, 0.65);
    color: #1b120b;
}

.golem-tile-slot.is-slot-1 .golem-slot-dot.slot-1[b-xqi1qia5yu]::after,
.golem-tile-slot.is-slot-2 .golem-slot-dot.slot-2[b-xqi1qia5yu]::after,
.golem-tile-slot.is-slot-3 .golem-slot-dot.slot-3[b-xqi1qia5yu]::after,
.golem-tile-slot.is-slot-4 .golem-slot-dot.slot-4[b-xqi1qia5yu]::after {
    opacity: 1;
}

.golem-tile-name[b-xqi1qia5yu] {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
    justify-self: stretch;
    align-self: center;
    padding: 3px 8px;
    margin: 0 4px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    background: rgba(8, 6, 4, 0.65);
    font-size: 0.7rem;
    font-weight: 700;
    font-family: var(--font-display);
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--ink);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.golem-tile-footer[b-xqi1qia5yu] {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 2px 0 2px;
    width: 100%;
    box-sizing: border-box;
}

.golem-tile-type[b-xqi1qia5yu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    flex: 1 1 0;
    min-width: 0;
    color: color-mix(in srgb, var(--ink) 88%, white 12%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
    background: linear-gradient(135deg, rgba(12, 8, 5, 0.95), rgba(56, 34, 16, 0.8));
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    padding: 2px 6px;
}

.golem-tile-type-label[b-xqi1qia5yu] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.golem-tile-trait[b-xqi1qia5yu] {
    display: inline-flex;
    align-items: center;
}

.golem-tile-trait-icon[b-xqi1qia5yu] {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 22px;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(12, 8, 5, 0.95), rgba(56, 34, 16, 0.8));
    border: 1px solid rgba(0, 0, 0, 0.55);
    font-size: 1em;
    color: color-mix(in srgb, var(--ink) 92%, white 8%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.golem-tile-icon[b-xqi1qia5yu] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: var(--stroke-width) solid rgba(0, 0, 0, 0.35);
    display: inline-block;
    object-fit: cover;
    -webkit-user-drag: none;
    pointer-events: none;
}

.type-icon[b-xqi1qia5yu] {
    background: none;
    box-shadow: none;
}

.trait-icon[b-xqi1qia5yu] {
    background: none;
    box-shadow: none;
}
/* /Game/_Shared/MyButton.razor.rz.scp.css */
.btn[b-gck6lxp75m] {
    --btn-radius: var(--radius-button);
    --btn-front: var(--panel);
    --btn-edge: rgba(70, 50, 30, 0.8);
    --btn-shadow: rgba(0, 0, 0, 0.35);
    border-radius: var(--btn-radius);
    padding: 0;
    font-weight: 700;
    border: none;
    cursor: pointer;
    background: transparent;
    color: var(--ink);
    font-family: var(--font-ui);
    position: relative;
    outline-offset: 4px;
    transition: filter 200ms ease;
}

.btn-shadow[b-gck6lxp75m],
.btn-edge[b-gck6lxp75m] {
    position: absolute;
    inset: 0;
    border-radius: var(--btn-radius);
    z-index: 1;
}

.btn-shadow[b-gck6lxp75m] {
    background: var(--btn-shadow);
    filter: blur(2px);
    transform: translateY(2px);
    transition: transform 220ms ease;
}

.btn-edge[b-gck6lxp75m] {
    background: linear-gradient(
        to right,
        rgba(40, 26, 16, 0.9) 0%,
        rgba(90, 60, 30, 0.9) 8%,
        rgba(90, 60, 30, 0.9) 92%,
        rgba(40, 26, 16, 0.9) 100%
    );
    z-index: 2;
}

.btn-front[b-gck6lxp75m] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--btn-radius);
    background: var(--btn-front);
    color: inherit;
    transform: translateY(-4px);
    transition: transform 220ms ease;
    z-index: 3;
    line-height: 1;
}

.btn:disabled[b-gck6lxp75m] {
    opacity: 0.55;
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='%23f26b5e' stroke-width='2'/><line x1='7' y1='7' x2='17' y2='17' stroke='%23f26b5e' stroke-width='2'/></svg>") 12 12, not-allowed;
}

.btn-primary[b-gck6lxp75m] {
    color: var(--brown-2);
    --btn-front: linear-gradient(140deg, var(--gold-1), var(--gold-2));
    --btn-edge: linear-gradient(
        to right,
        #7a4f22 0%,
        #b1782f 10%,
        #b1782f 90%,
        #5e3a18 100%
    );
    --btn-shadow: rgba(0, 0, 0, 0.45);
}

.btn-ghost[b-gck6lxp75m] {
    --btn-front: var(--panel);
    --btn-edge: linear-gradient(
        to right,
        rgba(35, 22, 13, 0.9) 0%,
        rgba(65, 40, 20, 0.9) 10%,
        rgba(65, 40, 20, 0.9) 90%,
        rgba(25, 16, 10, 0.9) 100%
    );
}

.btn-md[b-gck6lxp75m] {
    font-size: 0.95rem;
}

.btn-lg[b-gck6lxp75m] {
    font-size: 1rem;
}

.btn:hover:not(:disabled)[b-gck6lxp75m] {
    filter: brightness(1.05);
}

.btn:hover:not(:disabled) .btn-front[b-gck6lxp75m] {
    transform: translateY(-6px);
}

.btn:hover:not(:disabled) .btn-shadow[b-gck6lxp75m] {
    transform: translateY(4px);
}

.btn:active:not(:disabled) .btn-front[b-gck6lxp75m] {
    transform: translateY(-2px);
}

.btn:active:not(:disabled) .btn-shadow[b-gck6lxp75m] {
    transform: translateY(1px);
}

.btn.summon-button[b-gck6lxp75m] {
    justify-self: center;
    align-self: start;
    width: fit-content;
    display: inline-flex;
    margin: 0 8px;
}

.btn.summon-button .btn-front[b-gck6lxp75m] {
    flex-direction: column;
    gap: 6px;
    align-items: center;
    line-height: 1.1;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 8px;
    color: #ffffff;
    text-shadow:
        0 2px 0 #000000,
        0 -2px 0 #000000,
        2px 0 0 #000000,
        -2px 0 0 #000000,
        1px 1px 0 #000000,
        -1px 1px 0 #000000,
        1px -1px 0 #000000,
        -1px -1px 0 #000000;
}
/* /Game/_Shared/StoneWallet.razor.rz.scp.css */
.summon-wallet[b-xvhyk1g7d5] {
    min-height: var(--wallet-height, 44px);
    justify-self: end;
    font-size: 0.95rem;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.18);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.summon-wallet.summon-wallet-aside[b-xvhyk1g7d5] {
    justify-self: end;
    align-self: end;
}

.stone-icon[b-xvhyk1g7d5] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}
/* /Pages/AudioLab.razor.rz.scp.css */
.audio-lab[b-npwtcitxz1] {
    min-height: 100vh;
    padding: 24px;
    box-sizing: border-box;
    display: grid;
    gap: 16px;
}

.audio-lab-header h1[b-npwtcitxz1] {
    margin: 0;
    color: var(--gold-1);
    font-family: var(--font-display);
}

.audio-lab-header p[b-npwtcitxz1] {
    margin: 6px 0 0;
    opacity: 0.9;
}

.audio-lab-controls[b-npwtcitxz1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: var(--panel-stroke-width) solid var(--stroke);
    border-radius: var(--radius-panel);
    background: var(--panel-60);
}

.audio-lab-toggle[b-npwtcitxz1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(214, 168, 74, 0.35);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.audio-lab-toggle input[b-npwtcitxz1] {
    width: 18px;
    height: 18px;
    accent-color: var(--gold-2);
}

.audio-lab-volume[b-npwtcitxz1] {
    display: grid;
    gap: 6px;
    min-width: 260px;
}

.audio-lab-grid[b-npwtcitxz1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.audio-lab-group[b-npwtcitxz1] {
    border: var(--panel-stroke-width) solid var(--stroke);
    border-radius: var(--radius-panel);
    background: var(--panel-60);
    padding: 12px;
    display: grid;
    gap: 10px;
}

.audio-lab-group h2[b-npwtcitxz1] {
    margin: 0;
    font-size: 1rem;
    color: var(--gold-1);
}

.audio-lab-list[b-npwtcitxz1] {
    display: grid;
    gap: 8px;
}

.audio-lab-play[b-npwtcitxz1] {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(214, 168, 74, 0.45);
    background: linear-gradient(180deg, rgba(70, 46, 26, 0.92), rgba(37, 24, 14, 0.95));
    color: var(--ink);
    font-family: var(--font-ui);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: transform 140ms ease, filter 140ms ease;
}

.audio-lab-play:hover[b-npwtcitxz1] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
/* /Pages/GolemCreator.razor.rz.scp.css */
.main-container[b-12a5oj9ctz] {
    display: flex;
    flex-wrap: wrap;
}

.golem-rend[b-12a5oj9ctz] {
    height: 100px;
    width: 100px;
}
/* /Pages/GolemTileTest.razor.rz.scp.css */
.golem-tile-test[b-13n2t6i3pi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    min-height: 100%;
}

.golem-tile-test-header h1[b-13n2t6i3pi] {
    margin: 0 0 6px 0;
    font-family: var(--font-display);
    font-size: 1.6rem;
}

.golem-tile-test-header p[b-13n2t6i3pi] {
    margin: 0;
    opacity: 0.75;
}

.golem-tile-test-grid[b-13n2t6i3pi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 16px;
    align-items: start;
    justify-items: center;
    padding: 16px;
    border-radius: var(--radius-panel);
    border: var(--panel-stroke-width) solid var(--stroke);
    background: linear-gradient(140deg, rgba(20, 12, 6, 0.6), rgba(62, 38, 16, 0.35));
}

.golem-tile-test-meta[b-13n2t6i3pi] {
    display: flex;
    gap: 16px;
    font-size: 0.85rem;
    opacity: 0.8;
}
/* /Pages/Home.razor.rz.scp.css */
div[b-j9gslzinp4] {
    color: red;
}
/* /Pages/ListBoss.razor.rz.scp.css */
.boss-list-page[b-cacs3frzlr] {
    padding: 18px;
    display: grid;
    gap: 14px;
}

.boss-list-header h1[b-cacs3frzlr] {
    margin: 0;
    font-size: 1.2rem;
}

.boss-list-header p[b-cacs3frzlr] {
    margin: 4px 0 0;
    opacity: 0.8;
    font-size: 0.9rem;
}

.boss-list-grid[b-cacs3frzlr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px;
}

.boss-family-card[b-cacs3frzlr] {
    border: 1px solid var(--stroke);
    background: var(--panel-70);
    border-radius: 12px;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.boss-family-title[b-cacs3frzlr] {
    font-weight: 700;
    font-family: var(--font-display);
}

.boss-family-id[b-cacs3frzlr] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.boss-variant-row[b-cacs3frzlr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.boss-variant-card[b-cacs3frzlr] {
    border: 1px solid var(--stroke);
    background: var(--panel-55);
    border-radius: 10px;
    padding: 8px;
    display: grid;
    gap: 6px;
    justify-items: center;
    text-align: center;
}

.boss-variant-label[b-cacs3frzlr] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.8;
}

.boss-variant-image[b-cacs3frzlr] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid var(--stroke);
}

.boss-variant-image.is-minor[b-cacs3frzlr] {
    filter: saturate(0.8) brightness(0.82) contrast(0.92);
}

.boss-variant-image.is-major[b-cacs3frzlr] {
    filter: saturate(1.14) brightness(1.04) contrast(1.05);
}

.boss-variant-name[b-cacs3frzlr] {
    font-size: 0.8rem;
    font-weight: 600;
}