/* /Components/Editor/AdministrativeDeleteButton.razor.rz.scp.css */
.admin-delete-area[b-b1zr3w4kpm] {
    position: absolute;
    z-index: 7;
    right: clamp(12px, 2.2vw, 34px);
    bottom: calc(100% + 14px);
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.admin-delete-button[b-b1zr3w4kpm] {
    appearance: none;
    box-sizing: border-box;
    position: relative;
    display: grid;
    width: 88px;
    aspect-ratio: 1;
    padding: 8px 7px 7px;
    overflow: hidden;
    border: 0;
    border-radius: 9px;
    background: url("/assets/ui/buttons/square-green.png") center / 100% 100% no-repeat;
    box-shadow: 0 5px 0 rgb(0 0 0 / 58%);
    color: #fff;
    cursor: pointer;
    grid-template-rows: auto 1fr auto;
    place-items: center;
    transition: transform 70ms ease, filter 70ms ease;
}

.admin-delete-button:hover:not(:disabled)[b-b1zr3w4kpm] {
    filter: brightness(1.1);
    transform: scale(1.05);
}

.admin-delete-button:active:not(:disabled)[b-b1zr3w4kpm] {
    transform: scale(0.94);
}

.admin-delete-button:focus-visible[b-b1zr3w4kpm] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.admin-delete-button:disabled[b-b1zr3w4kpm] {
    cursor: wait;
    filter: grayscale(0.65) brightness(0.7);
}

.admin-delete-button.is-active[b-b1zr3w4kpm] {
    background-image: url("/assets/ui/buttons/square-blue.png");
}

.admin-delete-kicker[b-b1zr3w4kpm] {
    position: relative;
    z-index: 2;
    color: #fff36a;
    font-size: 0.58rem;
    font-weight: 1000;
    letter-spacing: 0.11em;
    line-height: 1;
    text-shadow:
        1px 2px 0 #111,
        -1px -1px 0 #111,
        1px -1px 0 #111,
        -1px 1px 0 #111;
}

.admin-delete-icon[b-b1zr3w4kpm] {
    position: absolute;
    z-index: 0;
    width: 62%;
    height: auto;
    opacity: 0.68;
    filter: drop-shadow(2px 3px 0 rgb(0 0 0 / 42%));
    pointer-events: none;
}

.admin-delete-label[b-b1zr3w4kpm] {
    position: relative;
    z-index: 2;
    align-self: end;
}

@media (max-width: 760px) {
    .admin-delete-area[b-b1zr3w4kpm] {
        right: 7px;
        bottom: calc(100% + 9px);
        gap: 6px;
    }

    .admin-delete-button[b-b1zr3w4kpm] {
        width: 66px;
        padding: 6px 5px 5px;
        border-radius: 7px;
        box-shadow: 0 3px 0 rgb(0 0 0 / 58%);
    }

    .admin-delete-kicker[b-b1zr3w4kpm] {
        font-size: 0.44rem;
    }

    .admin-delete-label[b-b1zr3w4kpm] {
        transform: scale(0.76);
    }
}
/* /Components/Editor/ColorTriggerSettings.razor.rz.scp.css */
.color-trigger-backdrop[b-stamajhpmx] {
    position: fixed;
    z-index: 200;
    inset: 0;
    display: grid;
    padding: 16px;
    background: rgb(2 8 18 / 68%);
    backdrop-filter: blur(4px);
    place-items: center;
}

.color-trigger-backdrop[hidden][b-stamajhpmx] {
    display: none;
}

.color-trigger-settings[b-stamajhpmx] {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(1480px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    min-height: min(760px, calc(100vh - 32px));
    overflow: auto;
    padding: clamp(14px, 2vw, 26px) clamp(16px, 2.4vw, 34px) 18px;
    border: 5px solid #fff;
    border-radius: 18px;
    outline: 4px solid #090806;
    background: #a55734;
    box-shadow:
        inset 0 0 0 4px #6f311d,
        inset 0 10px 0 rgb(255 191 104 / 38%),
        0 9px 0 rgb(0 0 0 / 58%);
    color: white;
    gap: 10px;
}

.dialog-heading[b-stamajhpmx] {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.dialog-info[b-stamajhpmx] {
    display: block;
    width: 54px;
    height: auto;
    aspect-ratio: 1;
    filter: drop-shadow(0 4px 0 rgb(0 0 0 / 38%));
}

.dialog-info-button[b-stamajhpmx] {
    display: block;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.dialog-info-button:hover .dialog-info[b-stamajhpmx] {
    transform: translateY(-2px) scale(1.04);
    filter: brightness(1.08) drop-shadow(0 6px 0 rgb(0 0 0 / 34%));
}

.dialog-info-button:active .dialog-info[b-stamajhpmx] {
    transform: translateY(2px) scale(0.98);
    filter: brightness(0.96) drop-shadow(0 2px 0 rgb(0 0 0 / 42%));
}

.dialog-info-button:focus-visible[b-stamajhpmx] {
    border-radius: 50%;
    outline: 3px solid #fff36a;
    outline-offset: 4px;
}

.color-dialog-content[b-stamajhpmx] {
    display: grid;
    grid-template-columns: minmax(190px, 0.8fr) minmax(310px, 1.5fr) minmax(205px, 0.9fr);
    min-height: 0;
    align-items: center;
    gap: clamp(18px, 3vw, 46px);
}

.color-number-panel[b-stamajhpmx],
.trigger-options-panel[b-stamajhpmx] {
    display: grid;
    align-content: center;
    gap: 30px;
}

.selected-color-preview[b-stamajhpmx] {
    display: block;
    width: clamp(86px, 8vw, 120px);
    aspect-ratio: 1;
    border: 4px solid white;
    background: var(--selected-color);
    box-shadow: 0 4px 0 rgb(0 0 0 / 38%);
}

.rgb-fields[b-stamajhpmx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(52px, 1fr));
    gap: 10px;
}

.rgb-fields label[b-stamajhpmx],
.hex-field[b-stamajhpmx],
.duration-field[b-stamajhpmx],
.color-target-field[b-stamajhpmx] {
    display: grid;
    justify-items: center;
    gap: 8px;
}

.rgb-fields input[b-stamajhpmx],
.color-hex-input[b-stamajhpmx],
.duration-field input[b-stamajhpmx] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 9px 8px;
    border: 0;
    border-radius: 8px;
    background: rgb(92 40 23 / 72%);
    box-shadow: inset 0 2px 0 rgb(0 0 0 / 28%);
    color: white;
    font-family:
        Arial Black,
        Arial,
        sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.35rem);
    font-weight: 900;
    text-align: center;
    text-shadow: 1px 2px 0 #000;
    user-select: text;
}

.hex-field[b-stamajhpmx] {
    justify-items: stretch;
}

.hex-field[b-stamajhpmx] >  .geometry-dash-text {
    justify-self: center;
}

.color-hex-input[b-stamajhpmx] {
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.color-hex-input.is-invalid[b-stamajhpmx] {
    outline: 3px solid #ff5757;
}

.color-value-field[b-stamajhpmx] {
    display: grid;
    min-width: 0;
    place-items: center;
}

.gd-color-picker[b-stamajhpmx] {
    width: min(100%, 450px);
    aspect-ratio: 1;
    touch-action: none;
}

.hue-wheel-surface[b-stamajhpmx] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: crosshair;
    outline: none;
    touch-action: none;
}

.hue-wheel-image[b-stamajhpmx] {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
}

.color-plane[b-stamajhpmx] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 73.333%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    background: var(--picker-color);
    cursor: crosshair;
    outline: none;
    touch-action: none;
    transform: translate(-50%, -50%);
}

.color-plane-base[b-stamajhpmx],
.color-plane-layer[b-stamajhpmx] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.color-plane-base[b-stamajhpmx] {
    background: var(--picker-color);
}

.color-plane-layer[b-stamajhpmx] {
    object-fit: contain;
    user-select: none;
}

.picker-handle[b-stamajhpmx] {
    position: absolute;
    z-index: 3;
    display: block;
    width: 8.667%;
    height: auto;
    pointer-events: none;
    filter: drop-shadow(0 1px 1px rgb(0 0 0 / 55%));
    transform: translate(-50%, -50%);
    user-select: none;
}

.hue-picker-handle[b-stamajhpmx] {
    z-index: 2;
}

.color-picker-handle[b-stamajhpmx] {
    width: 11.82%;
}

.trigger-options-panel[b-stamajhpmx] {
    gap: 48px;
}

.color-target-options[b-stamajhpmx] {
    display: grid;
    width: 100%;
    gap: 12px;
}

.color-target-options button[b-stamajhpmx],
.dialog-confirm[b-stamajhpmx] {
    display: grid;
    min-height: 54px;
    padding: 9px 14px;
    border: 4px solid white;
    border-radius: 12px;
    background: linear-gradient(#a9a9a9, #777);
    box-shadow:
        inset 0 0 0 3px #222,
        0 4px 0 rgb(0 0 0 / 52%);
    cursor: pointer;
    place-items: center;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.color-target-options button.is-active[b-stamajhpmx] {
    background: linear-gradient(#9aed31, #58c712);
}

.color-target-options button:hover[b-stamajhpmx],
.dialog-confirm:hover[b-stamajhpmx] {
    filter: brightness(1.1);
    transform: scale(1.04);
}

.color-target-options button:active[b-stamajhpmx],
.dialog-confirm:active[b-stamajhpmx] {
    transform: scale(0.95);
}

.duration-field input[b-stamajhpmx] {
    width: min(150px, 100%);
    font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.dialog-footer[b-stamajhpmx] {
    display: flex;
    justify-content: center;
}

.dialog-confirm[b-stamajhpmx] {
    min-width: 205px;
    min-height: 82px;
    background: linear-gradient(#a4f03b, #62c91a);
}

.color-target-options button:focus-visible[b-stamajhpmx],
.dialog-confirm:focus-visible[b-stamajhpmx],
.hue-wheel-surface:focus-visible[b-stamajhpmx],
.color-plane:focus-visible[b-stamajhpmx],
.color-hex-input:focus-visible[b-stamajhpmx],
.rgb-fields input:focus-visible[b-stamajhpmx],
.duration-field input:focus-visible[b-stamajhpmx] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

@media (max-width: 850px) {
    .color-trigger-settings[b-stamajhpmx] {
        min-height: 0;
    }

    .dialog-heading[b-stamajhpmx] {
        transform: scale(0.78);
    }

    .color-dialog-content[b-stamajhpmx] {
        grid-template-columns: minmax(150px, 0.8fr) minmax(240px, 1.25fr);
    }

    .trigger-options-panel[b-stamajhpmx] {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .gd-color-picker[b-stamajhpmx] {
        width: min(100%, 330px);
    }
}

@media (max-width: 560px) {
    .color-trigger-backdrop[b-stamajhpmx] {
        padding: 8px;
    }

    .color-trigger-settings[b-stamajhpmx] {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        max-height: calc(100dvh - 16px);
        padding: 12px;
        border-width: 3px;
        border-radius: 12px;
    }

    .dialog-heading[b-stamajhpmx] {
        min-height: 42px;
        gap: 10px;
        transform: scale(0.62);
    }

    .dialog-info[b-stamajhpmx] {
        width: 44px;
    }

    .color-dialog-content[b-stamajhpmx] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .color-number-panel[b-stamajhpmx] {
        grid-template-columns: 70px 1fr;
        gap: 12px;
    }

    .selected-color-preview[b-stamajhpmx] {
        grid-row: 1 / 3;
        width: 68px;
    }

    .rgb-fields[b-stamajhpmx] {
        grid-column: 2;
    }

    .hex-field[b-stamajhpmx] {
        grid-column: 2;
    }

    .gd-color-picker[b-stamajhpmx] {
        width: min(72vw, 300px);
    }

    .trigger-options-panel[b-stamajhpmx] {
        grid-column: auto;
    }

    .dialog-confirm[b-stamajhpmx] {
        min-width: 130px;
        min-height: 54px;
    }
}
/* /Components/Editor/CooldownDisplay.razor.rz.scp.css */
.cooldown-display[b-y6iw4w136i] {
    position: fixed;
    z-index: 18;
    top: 108px;
    right: 18px;
    display: grid;
    min-width: 142px;
    padding: 7px 17px 8px;
    border: 3px solid #fff;
    border-radius: 12px;
    background: linear-gradient(180deg, #37689c, #142d51);
    box-shadow:
        inset 0 0 0 2px #07101d,
        0 5px 0 rgb(0 0 0 / 55%);
    text-align: center;
    pointer-events: none;
}

.cooldown-display small[b-y6iw4w136i] {
    margin-bottom: 3px;
    opacity: 0.82;
}

.cooldown-display.is-ready[b-y6iw4w136i] {
    background: linear-gradient(180deg, #80e52a, #3da80d);
}

.cooldown-display.is-waiting[b-y6iw4w136i] {
    background: linear-gradient(180deg, #f1ca26, #b36d08);
}

.cooldown-display.is-urgent[b-y6iw4w136i] {
    background: linear-gradient(180deg, #f15b3f, #a61c16);
    animation: cooldown-pulse-b-y6iw4w136i 700ms ease-in-out infinite alternate;
}

@keyframes cooldown-pulse-b-y6iw4w136i {
    to {
        filter: brightness(1.22);
        transform: scale(1.04);
    }
}

@media (max-width: 760px) {
    .cooldown-display[b-y6iw4w136i] {
        top: calc(84px + env(safe-area-inset-top));
        right: calc(10px + env(safe-area-inset-right));
        min-width: 110px;
        padding: 5px 10px 6px;
    }
}
/* /Components/Editor/DeleteSelection.razor.rz.scp.css */
.delete-selection-area[b-vh98pmcrxp] {
    display: contents;
}

.delete-selection-button[b-vh98pmcrxp] {
    appearance: none;
    box-sizing: border-box;
    position: relative;
    display: grid;
    width: clamp(76px, 6.8vw, 108px);
    aspect-ratio: 1;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: clamp(7px, 0.7vw, 11px);
    background: url("/assets/ui/buttons/square-green.png") center / 100% 100% no-repeat;
    box-shadow: 0 5px 0 rgb(0 0 0 / 58%);
    color: white;
    cursor: pointer;
    place-items: center;
    font-family:
        Arial Black,
        Arial,
        Helvetica,
        sans-serif;
    font-size: clamp(0.68rem, 1.05vw, 0.98rem);
    font-weight: 1000;
    letter-spacing: 0.015em;
    text-shadow:
        2px 2px 0 #111,
        -1px -1px 0 #111,
        1px -1px 0 #111,
        -1px 1px 0 #111;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.delete-selection-button:hover[b-vh98pmcrxp] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.delete-selection-button:active[b-vh98pmcrxp] {
    transform: scale(0.93);
}

.delete-selection-button:focus-visible[b-vh98pmcrxp] {
    outline: 3px solid #fff36a;
    outline-offset: 2px;
}

.delete-selection-button.is-active[b-vh98pmcrxp] {
    background-image: url("/assets/ui/buttons/square-blue.png");
}

.delete-selection-decoration[b-vh98pmcrxp] {
    position: absolute;
    z-index: 0;
    display: block;
    width: 58%;
    height: auto;
    pointer-events: none;
    opacity: 0.48;
    filter: drop-shadow(2px 3px 0 rgb(0 0 0 / 38%));
    image-rendering: auto;
}

.delete-selection-label[b-vh98pmcrxp] {
    position: relative;
    z-index: 1;
}

@media (max-width: 760px) {
    .delete-selection-button[b-vh98pmcrxp] {
        width: 52px;
        border-radius: 7px;
        box-shadow: 0 3px 0 rgb(0 0 0 / 58%);
        font-size: 0.61rem;
    }

    .delete-selection-label[b-vh98pmcrxp] {
        transform: scale(0.66);
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .delete-selection-button[b-vh98pmcrxp] {
        width: 46px;
    }
}
/* /Components/Editor/DeselectButton.razor.rz.scp.css */
.deselect-area[b-w4bmqyswq3] {
    position: fixed;
    z-index: 7;
    top: calc((100% - var(--toolbar-height)) / 2);
    right: calc(clamp(12px, 1.6vw, 30px) + clamp(68px, 6vw, 94px) + clamp(8px, 1vw, 14px));
    transform: translateY(-50%);
}

.deselect-button[b-w4bmqyswq3] {
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: clamp(68px, 6vw, 94px);
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    background: transparent;
    filter: drop-shadow(0 5px 0 rgb(0 0 0 / 58%));
    cursor: pointer;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.deselect-button:hover[b-w4bmqyswq3] {
    transform: scale(1.06);
    filter: brightness(1.12) drop-shadow(0 5px 0 rgb(0 0 0 / 58%));
}

.deselect-button:active[b-w4bmqyswq3] {
    transform: scale(0.94);
}

.deselect-button:focus-visible[b-w4bmqyswq3] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.deselect-button img[b-w4bmqyswq3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

@media (max-width: 760px) {
    .deselect-area[b-w4bmqyswq3] {
        right: calc(60px + env(safe-area-inset-right));
    }

    .deselect-button[b-w4bmqyswq3] {
        width: 44px;
        filter: drop-shadow(0 3px 0 rgb(0 0 0 / 58%));
    }
}
/* /Components/Editor/EditObjectButton.razor.rz.scp.css */
.edit-object-area[b-7k0yo5goc2] {
    position: fixed;
    z-index: 7;
    top: calc((100% - var(--toolbar-height)) / 2);
    right: clamp(12px, 1.6vw, 30px);
    transform: translateY(-50%);
}

.edit-object-area[hidden][b-7k0yo5goc2] {
    display: none;
}

.edit-object-button[b-7k0yo5goc2] {
    appearance: none;
    display: block;
    width: clamp(68px, 6vw, 94px);
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 5px 0 rgb(0 0 0 / 58%));
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.edit-object-button:hover[b-7k0yo5goc2] {
    transform: scale(1.07);
    filter: brightness(1.12) drop-shadow(0 5px 0 rgb(0 0 0 / 58%));
}

.edit-object-button:active[b-7k0yo5goc2],
.edit-object-button.is-active[b-7k0yo5goc2] {
    transform: scale(0.94);
}

.edit-object-button:focus-visible[b-7k0yo5goc2] {
    border-radius: 10px;
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.edit-object-button img[b-7k0yo5goc2] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

@media (max-width: 760px) {
    .edit-object-area[b-7k0yo5goc2] {
        right: calc(8px + env(safe-area-inset-right));
    }

    .edit-object-button[b-7k0yo5goc2] {
        width: 44px;
        filter: drop-shadow(0 3px 0 rgb(0 0 0 / 58%));
    }
}
/* /Components/Editor/EditorDialogueSecrets.razor.rz.scp.css */
.timeline-glue-action[b-o02cjsu59h] {
    position: fixed;
    z-index: 1401;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
}
button[b-o02cjsu59h] {
    font-weight: 800;
}
/* /Components/Editor/EditorModeTabs.razor.rz.scp.css */
.editor-mode-tabs[b-ntsiqbmsh9] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: clamp(10px, 2vw, 32px);
    display: flex;
    gap: clamp(8px, 0.8vw, 14px);
    transform: translateY(-50%);
}

.editor-mode-tabs button[b-ntsiqbmsh9] {
    position: relative;
    appearance: none;
    box-sizing: border-box;
    display: grid;
    width: clamp(76px, 6.8vw, 108px);
    aspect-ratio: 1;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: clamp(7px, 0.7vw, 11px);
    background: url("/assets/ui/buttons/square-green.png") center / 100% 100% no-repeat;
    box-shadow: 0 5px 0 rgb(0 0 0 / 58%);
    color: white;
    cursor: pointer;
    place-items: center;
    font-family:
        Arial Black,
        Arial,
        Helvetica,
        sans-serif;
    font-size: clamp(0.74rem, 1.15vw, 1.08rem);
    font-weight: 1000;
    letter-spacing: 0.015em;
    text-shadow:
        2px 2px 0 #111,
        -1px -1px 0 #111,
        1px -1px 0 #111,
        -1px 1px 0 #111;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.editor-mode-tabs button:hover[b-ntsiqbmsh9] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.editor-mode-tabs button.is-active[b-ntsiqbmsh9] {
    background-image: url("/assets/ui/buttons/square-blue.png");
}

.mode-decoration[b-ntsiqbmsh9] {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.mode-decoration-build[b-ntsiqbmsh9] {
    box-sizing: border-box;
    width: 56%;
    aspect-ratio: 1;
    border: clamp(3px, 0.3vw, 5px) solid rgb(0 0 0 / 22%);
    box-shadow: inset 0 0 0 2px rgb(255 255 255 / 9%);
}

.mode-decoration-edit[b-ntsiqbmsh9] {
    width: 63%;
    height: auto;
    opacity: 0.25;
    filter: brightness(0);
    image-rendering: auto;
}

.mode-label[b-ntsiqbmsh9] {
    position: relative;
    z-index: 1;
}

.editor-mode-tabs button:focus-visible[b-ntsiqbmsh9] {
    outline: 3px solid #fff36a;
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .editor-mode-tabs[b-ntsiqbmsh9] {
        top: auto;
        bottom: calc(8px + env(safe-area-inset-bottom));
        left: 8px;
        gap: 6px;
        transform: none;
    }

    .editor-mode-tabs button[b-ntsiqbmsh9] {
        width: 52px;
        border-radius: 7px;
        box-shadow: 0 3px 0 rgb(0 0 0 / 58%);
        font-size: 0.68rem;
    }

    .mode-label[b-ntsiqbmsh9] {
        transform: scale(0.66);
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .editor-mode-tabs[b-ntsiqbmsh9] {
        bottom: calc(6px + env(safe-area-inset-bottom));
    }

    .editor-mode-tabs button[b-ntsiqbmsh9] {
        width: 46px;
    }
}
/* /Components/Editor/EditorStatus.razor.rz.scp.css */
.editor-status[b-wefur3r7zg] {
    position: absolute;
    z-index: 5;
    top: 16px;
    right: 18px;
    display: grid;
    min-width: 112px;
    padding: 8px 12px;
    border: 2px solid rgb(255 255 255 / 55%);
    border-radius: 9px;
    background: rgb(5 16 35 / 72%);
    box-shadow: 0 3px 0 rgb(0 0 0 / 35%);
    text-align: right;
    text-shadow: 1px 2px 0 #000;
    pointer-events: none;
}

.editor-status strong[b-wefur3r7zg] {
    font-size: 0.95rem;
}

.editor-status span[b-wefur3r7zg] {
    color: #8fd8ff;
    font-size: 0.78rem;
}

@media (max-width: 760px) {
    .editor-status[b-wefur3r7zg] {
        top: 10px;
        right: 10px;
    }

    .editor-status span:last-child[b-wefur3r7zg] {
        display: none;
    }
}
/* /Components/Editor/EditorToolbar.razor.rz.scp.css */
.object-toolbar[b-kct7mlt1us] {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: var(--toolbar-height);
    padding: clamp(7px, 1vh, 11px) clamp(10px, 2vw, 30px) 15px;
    border-top: 3px solid #f8f8f8;
    background:
        linear-gradient(rgb(8 9 12 / 8%), rgb(8 9 12 / 18%)),
        url("/assets/ui/editor/toolbar/toolbar-background.png") repeat-x center / auto 100%;
    box-shadow:
        0 -5px 0 rgb(0 0 0 / 55%),
        0 -12px 24px rgb(0 0 0 / 24%);
}

.palette-heading[b-kct7mlt1us] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 12px;
    min-height: 24px;
    text-align: center;
    text-shadow: 1px 2px 0 #000;
}

.palette-heading strong[b-kct7mlt1us] {
    font-size: clamp(0.82rem, 1.2vw, 1rem);
}

.palette-pages[b-kct7mlt1us] {
    position: absolute;
    bottom: 4px;
    left: 50%;
    min-height: 14px;
    color: rgb(255 255 255 / 62%);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    transform: translateX(-50%);
}

@media (max-width: 760px) {
    .object-toolbar[b-kct7mlt1us] {
        padding: 7px 4px calc(10px + env(safe-area-inset-bottom));
    }

    .palette-heading[b-kct7mlt1us] {
        min-height: 21px;
    }

    .palette-pages[b-kct7mlt1us] {
        display: none;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .object-toolbar[b-kct7mlt1us] {
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
    }
}
/* /Components/Editor/EditorViewport.razor.rz.scp.css */
.editor-grid[b-5lmqxm5hey] {
    display: block;
    width: 100%;
    height: calc(100% - var(--toolbar-height));
    cursor: grab;
    touch-action: none;
    outline: none;
}

.editor-grid:active[b-5lmqxm5hey] {
    cursor: grabbing;
}

.editor-music-toggle[b-5lmqxm5hey] {
    position: absolute;
    z-index: 7;
    top: calc((100% - var(--toolbar-height)) / 2 - clamp(132px, 14vw, 196px));
    left: clamp(12px, 2vw, 32px);
    width: clamp(60px, 6vw, 88px);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 5px 2px rgb(0 0 0 / 48%));
    transition:
        filter 100ms ease,
        transform 100ms ease;
}

.editor-music-toggle:hover[b-5lmqxm5hey] {
    filter: brightness(1.1) drop-shadow(0 5px 2px rgb(0 0 0 / 52%));
    transform: scale(1.06);
}

.editor-music-toggle:active[b-5lmqxm5hey] {
    transform: scale(0.94);
}

.editor-music-toggle:focus-visible[b-5lmqxm5hey] {
    border-radius: 12px;
    outline: 3px solid white;
    outline-offset: 2px;
}

.editor-music-toggle img[b-5lmqxm5hey] {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.editor-music-toggle.is-playing[b-5lmqxm5hey] {
    filter: drop-shadow(0 0 8px #31d9ff) drop-shadow(0 5px 2px rgb(0 0 0 / 48%));
}

@media (max-width: 760px) {
    .editor-music-toggle[b-5lmqxm5hey] {
        top: calc((100% - var(--toolbar-height)) / 2 - 108px);
        left: calc(8px + env(safe-area-inset-left));
        width: 48px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .editor-music-toggle[b-5lmqxm5hey] {
        top: calc((100% - var(--toolbar-height)) / 2 - 92px);
        width: 42px;
    }
}
/* /Components/Editor/FreeRotationOverlay.razor.rz.scp.css */
.free-rotation-value[b-3riowclrkt] {
    position: absolute;
    z-index: 7;
    box-sizing: border-box;
    display: grid;
    width: 108px;
    height: 54px;
    padding: 4px 9px;
    border: 2px solid rgb(73 132 199 / 72%);
    border-radius: 11px;
    background: rgb(8 28 58 / 78%);
    box-shadow: 0 3px 0 rgb(0 0 0 / 28%);
    transform: translateY(-50%);
    user-select: text;
}

.free-rotation-value input[b-3riowclrkt] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: transparent;
    caret-color: #fff;
    font: inherit;
    font-size: 1.18rem;
    font-weight: 900;
    text-align: center;
    text-shadow: 1px 2px 0 #000;
    appearance: textfield;
}

.free-rotation-display[b-3riowclrkt] {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.free-rotation-value input[b-3riowclrkt]::-webkit-inner-spin-button,
.free-rotation-value input[b-3riowclrkt]::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.free-rotation-value:focus-within[b-3riowclrkt] {
    border-color: #fff;
    box-shadow:
        0 0 0 2px rgb(32 196 255 / 82%),
        0 3px 0 rgb(0 0 0 / 28%);
}
/* /Components/Editor/GeometryDashText.razor.rz.scp.css */
.geometry-dash-text[b-9jdwcb593d] {
    display: inline-flex;
    flex: none;
    contain: layout style;
}

.geometry-dash-text.can-wrap[b-9jdwcb593d] {
    display: flex;
    min-width: 0;
    max-width: 100%;
    width: fit-content;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 5px var(--gd-word-gap);
}

.glyph-word[b-9jdwcb593d] {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

.geometry-dash-text.is-centered[b-9jdwcb593d],
.geometry-dash-text.is-centered .glyph-word[b-9jdwcb593d] {
    justify-content: center;
    text-align: center;
}

.glyph-slot[b-9jdwcb593d] {
    position: relative;
    display: block;
    flex: none;
}

.glyph-image[b-9jdwcb593d] {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
}
.geometry-dash-text-accessible[b-9jdwcb593d] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Editor/LevelTimeline.razor.rz.scp.css */
.level-timeline[b-1ffltdadjm] {
    position: absolute;
    z-index: 5;
    top: clamp(10px, 1.8vh, 22px);
    left: 50%;
    display: flex;
    align-items: center;
    width: min(58vw, 860px);
    transform: translateX(-50%);
}

.timeline-track[b-1ffltdadjm] {
    --timeline-position: 2.2%;
    position: relative;
    flex: 1;
    height: clamp(24px, 2.6vw, 34px);
    border-radius: 999px;
    background: #10151d;
    cursor: default;
    outline: none;
    touch-action: none;
}

.timeline-frame[b-1ffltdadjm] {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
}

.timeline-handle[b-1ffltdadjm] {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: var(--timeline-position);
    width: clamp(54px, 5.5vw, 76px);
    aspect-ratio: 1;
    filter: drop-shadow(0 5px 2px rgb(0 0 0 / 42%));
    transform: translate(-50%, -50%);
    cursor: grab;
    pointer-events: auto;
    touch-action: none;
}

.timeline-handle:active[b-1ffltdadjm] {
    cursor: grabbing;
}

.timeline-handle img[b-1ffltdadjm] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.timeline-track:focus-visible .timeline-handle[b-1ffltdadjm] {
    filter: drop-shadow(0 0 6px #fff36a) drop-shadow(0 5px 2px rgb(0 0 0 / 42%));
}

@media (max-width: 760px) {
    .level-timeline[b-1ffltdadjm] {
        top: 8px;
        width: calc(100vw - 150px);
        margin-left: -38px;
    }
}
.timeline-track.is-broken .timeline-handle[b-1ffltdadjm] {
    visibility: hidden;
}
.timeline-track.is-glued[b-1ffltdadjm]::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 25% 4%;
    border-radius: 999px;
    background: repeating-linear-gradient(110deg, #f9e7a7b3 0 14px, #f9e7a74d 14px 24px);
    pointer-events: none;
}

.timeline-track.is-disabled[b-1ffltdadjm] {
    cursor: not-allowed;
    filter: grayscale(.18) saturate(.72);
    opacity: .82;
    pointer-events: none;
}

.timeline-track.is-disabled .timeline-handle[b-1ffltdadjm] {
    cursor: not-allowed;
    filter: grayscale(.55) brightness(.78) drop-shadow(0 3px 2px rgb(0 0 0 / 48%));
}
/* /Components/Editor/MovementControls.razor.rz.scp.css */
.edit-panel[b-cekm3wi29k] {
    display: grid;
    min-height: 0;
    place-content: center;
    justify-items: center;
    gap: 5px;
}

.edit-panel[hidden][b-cekm3wi29k] {
    display: none;
}

.pending-position[b-cekm3wi29k] {
    min-width: 190px;
    color: rgb(255 255 255 / 68%);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 16px;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
}

.edit-panel.is-active .pending-position[b-cekm3wi29k] {
    color: #fff36a;
}

.movement-buttons[b-cekm3wi29k] {
    display: grid;
    grid-template-columns: repeat(4, clamp(48px, 4.6vw, 66px));
    grid-template-rows: repeat(2, clamp(48px, 4.6vw, 66px));
    gap: clamp(5px, 0.7vw, 9px);
}

.movement-buttons button[b-cekm3wi29k] {
    box-sizing: border-box;
    position: relative;
    display: grid;
    place-items: center;
    width: clamp(48px, 4.6vw, 66px);
    height: clamp(48px, 4.6vw, 66px);
    min-width: 0;
    padding: 13px;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 9px;
    background: linear-gradient(#9aed31, #58c712);
    box-shadow:
        inset 0 0 0 3px #172013,
        0 3px 0 rgb(0 0 0 / 58%);
    cursor: pointer;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.movement-buttons button:hover:not(:disabled)[b-cekm3wi29k] {
    z-index: 2;
    transform: scale(1.07);
    filter: brightness(1.12);
}

.movement-buttons button:active:not(:disabled)[b-cekm3wi29k] {
    transform: scale(0.93);
}

.movement-buttons button:focus-visible[b-cekm3wi29k] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.movement-buttons button:disabled[b-cekm3wi29k] {
    cursor: default;
    background: linear-gradient(#6b9b43, #426d2a);
    opacity: 0.82;
}

.movement-buttons button.is-grid-limit:not(:disabled)[b-cekm3wi29k] {
    background: linear-gradient(#6b9b43, #426d2a);
    opacity: 0.82;
}

.movement-buttons img[b-cekm3wi29k] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: 68%;
    max-height: 68%;
    object-fit: contain;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.movement-buttons .rotate-object-button > img[b-cekm3wi29k] {
    max-width: 62%;
    max-height: 62%;
}

.movement-buttons .free-rotation-button[b-cekm3wi29k] {
    padding: 10px;
}

.movement-buttons .free-rotation-button > img[b-cekm3wi29k] {
    max-width: 74%;
    max-height: 74%;
}

.movement-buttons .free-rotation-button.is-selected[b-cekm3wi29k] {
    transform: scale(0.94);
    filter: brightness(1.16);
}

.movement-buttons .scale-object-button[b-cekm3wi29k] {
    padding: 6px;
}

.movement-buttons .scale-object-button > img[b-cekm3wi29k] {
    max-width: 82%;
    max-height: 82%;
}

.movement-buttons .scale-object-button.is-selected[b-cekm3wi29k] {
    transform: scale(0.94);
    filter: brightness(1.16);
}

@media (max-width: 760px) {
    .pending-position[b-cekm3wi29k] {
        display: none;
    }

    .movement-buttons[b-cekm3wi29k] {
        grid-template-columns: repeat(4, 44px);
        grid-template-rows: repeat(2, 44px);
        gap: 4px;
    }

    .movement-buttons button[b-cekm3wi29k] {
        width: 44px;
        height: 44px;
        padding: 7px;
    }

    .movement-buttons .free-rotation-button[b-cekm3wi29k] {
        padding: 5px;
    }

    .movement-buttons .scale-object-button[b-cekm3wi29k] {
        padding: 4px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .movement-buttons[b-cekm3wi29k] {
        grid-template-columns: repeat(4, 38px);
        grid-template-rows: repeat(2, 38px);
        gap: 2px;
    }

    .movement-buttons button[b-cekm3wi29k] {
        width: 38px;
        height: 38px;
    }
}
/* /Components/Editor/ObjectPalette.razor.rz.scp.css */
.palette-content[b-sbz75zln2m] {
    position: relative;
    display: flex;
    min-height: 0;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 1.3vw, 20px);
}

.palette-content[hidden][b-sbz75zln2m] {
    display: none;
}

.object-palette[b-sbz75zln2m] {
    display: grid;
    grid-template-columns: repeat(6, clamp(52px, 5.1vw, 78px));
    grid-template-rows: repeat(2, clamp(52px, 5.1vw, 78px));
    grid-auto-flow: row;
    gap: clamp(5px, 0.7vw, 10px);
    align-content: center;
    justify-content: center;
}

.object-button[b-sbz75zln2m] {
    box-sizing: border-box;
    position: relative;
    display: grid;
    place-items: center;
    width: clamp(52px, 5.1vw, 78px);
    height: clamp(52px, 5.1vw, 78px);
    padding: 11%;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 3px 1px rgb(0 0 0 / 55%));
    transition:
        transform 80ms ease,
        filter 80ms ease;
}

.object-button:hover[b-sbz75zln2m] {
    z-index: 2;
    transform: scale(1.08);
    filter: brightness(1.13) drop-shadow(0 4px 2px rgb(0 0 0 / 58%));
}

.object-button:active[b-sbz75zln2m] {
    transform: scale(0.94);
}

.object-button:focus-visible[b-sbz75zln2m],
.palette-navigation:focus-visible[b-sbz75zln2m] {
    border-radius: 12px;
    outline: 3px solid #fff36a;
    outline-offset: 2px;
}

.object-button-frame[b-sbz75zln2m] {
    position: absolute;
    inset: 0;
    background: url("/assets/ui/buttons/button-square-gray.png") center / contain no-repeat;
    pointer-events: none;
}

.object-button > img[b-sbz75zln2m] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.object-button[data-object-type$="_portal"] > img[b-sbz75zln2m] {
    max-width: 46%;
    max-height: 76%;
}

.object-button[data-object-type$="_trigger"] > img[b-sbz75zln2m] {
    max-width: 50%;
    max-height: 65%;
}

.object-button[data-object-type$="_speed"] > img[b-sbz75zln2m],
.object-button[data-object-type$="_pad"] > img[b-sbz75zln2m] {
    max-width: 73%;
    max-height: 58%;
}

.object-button.is-selected[b-sbz75zln2m] {
    filter: drop-shadow(0 3px 1px rgb(0 0 0 / 55%));
}

.object-button.is-selected .object-button-frame[b-sbz75zln2m] {
    filter: brightness(0.78);
}

.object-button.is-selected:hover[b-sbz75zln2m] {
    transform: scale(1.08);
    filter: brightness(1.06) drop-shadow(0 4px 2px rgb(0 0 0 / 58%));
}

.trigger-label[b-sbz75zln2m] {
    position: absolute;
    z-index: 2;
    right: 15%;
    bottom: 13%;
    color: #fff;
    font-size: clamp(0.48rem, 0.65vw, 0.65rem);
    font-weight: 900;
    text-shadow: 1px 1px 0 #000;
    pointer-events: none;
}

.palette-navigation[b-sbz75zln2m] {
    flex: 0 0 auto;
    width: clamp(44px, 4.3vw, 66px);
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 4px 2px rgb(0 0 0 / 55%));
    transition:
        transform 80ms ease,
        opacity 80ms ease;
}

.palette-navigation img[b-sbz75zln2m] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.palette-navigation-next img[b-sbz75zln2m] {
    transform: scaleX(-1);
}

.palette-navigation:hover:not(:disabled)[b-sbz75zln2m] {
    transform: scale(1.09);
}

.palette-navigation:active:not(:disabled)[b-sbz75zln2m] {
    transform: scale(0.93);
}

.palette-navigation:disabled[b-sbz75zln2m] {
    cursor: default;
    opacity: 0.24;
}

.object-button[hidden][b-sbz75zln2m] {
    display: none;
}

@media (max-width: 760px) {
    .palette-content[b-sbz75zln2m] {
        gap: 3px;
    }

    .object-palette[b-sbz75zln2m] {
        grid-template-columns: repeat(6, 44px);
        grid-template-rows: repeat(2, 44px);
        gap: 3px;
    }

    .object-button[b-sbz75zln2m] {
        width: 44px;
        height: 44px;
    }

    .palette-navigation[b-sbz75zln2m] {
        width: 44px;
    }
}

@media (max-width: 520px) and (orientation: portrait) {
    .object-palette[b-sbz75zln2m] {
        grid-template-columns: repeat(4, clamp(44px, 12vw, 52px));
        grid-template-rows: repeat(3, clamp(44px, 12vw, 52px));
    }

    .object-button[b-sbz75zln2m] {
        width: clamp(44px, 12vw, 52px);
        height: clamp(44px, 12vw, 52px);
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .object-palette[b-sbz75zln2m] {
        grid-template-columns: repeat(6, 38px);
        grid-template-rows: repeat(2, 38px);
    }

    .object-button[b-sbz75zln2m] {
        width: 38px;
        height: 38px;
    }

    .palette-navigation[b-sbz75zln2m] {
        width: 40px;
    }
}
/* /Components/Editor/OutOfBoundsExperience.razor.rz.scp.css */
.bounds-experience[b-wsug0rh33m] {
    --bounds-toolbar-height: clamp(160px, 22vh, 214px);
    position: fixed;
    z-index: 1200;
    inset: 0;
    overflow: hidden;
    background: #07111d;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
}

.bounds-canvas[b-wsug0rh33m] {
    position: absolute;
    inset: 0 0 var(--bounds-toolbar-height);
    display: block;
    width: 100%;
    height: calc(100% - var(--bounds-toolbar-height));
    outline: 0;
    touch-action: none;
}

.bounds-depth[b-wsug0rh33m],
.bounds-fog[b-wsug0rh33m],
.bounds-vignette[b-wsug0rh33m] {
    position: absolute;
    inset: 0 0 var(--bounds-toolbar-height);
    pointer-events: none;
}

.bounds-depth[b-wsug0rh33m] {
    background:
        radial-gradient(ellipse at 52% 45%, transparent 15%, rgb(1 8 15 / 24%) 72%),
        linear-gradient(120deg, rgb(72 166 190 / 4%), transparent 42%, rgb(117 78 170 / 5%));
    mix-blend-mode: screen;
}

.bounds-fog[b-wsug0rh33m] {
    background:
        linear-gradient(90deg, rgb(4 12 20 / 70%), transparent 14% 86%, rgb(4 12 20 / 70%)),
        linear-gradient(0deg, rgb(4 10 17 / 50%), transparent 28% 78%, rgb(4 10 17 / 32%));
}

.bounds-vignette[b-wsug0rh33m] {
    box-shadow: inset 0 0 120px 34px rgb(0 4 9 / 74%);
}

.bounds-experience.is-room-transitioning .bounds-depth[b-wsug0rh33m] {
    animation: bounds-room-fold-b-wsug0rh33m 520ms ease both;
}

.bounds-experience.is-room-transitioning .bounds-canvas[b-wsug0rh33m] {
    filter: blur(2px) brightness(.72);
    transform: scaleX(.985);
}

.bounds-experience.is-collapsing .bounds-fog[b-wsug0rh33m] {
    animation: bounds-coordinate-fog-b-wsug0rh33m 1.15s ease-in-out infinite alternate;
}

.bounds-experience.is-collapsing .bounds-readout[b-wsug0rh33m] {
    color: #eaffff;
    text-shadow: 0 0 12px #68efff;
}

.bounds-experience.is-collapsing .bounds-toolbar[b-wsug0rh33m] {
    filter: saturate(.45) hue-rotate(152deg) brightness(.68);
}

@keyframes bounds-room-fold-b-wsug0rh33m {
    0%, 100% { opacity: 1; transform: scaleX(1); }
    48% { opacity: .32; transform: scaleX(.93); }
}

@keyframes bounds-coordinate-fog-b-wsug0rh33m {
    from { opacity: .48; transform: translateX(-4px); }
    to { opacity: .78; transform: translateX(5px); }
}

.bounds-readout[b-wsug0rh33m] {
    position: absolute;
    z-index: 5;
    top: max(70px, calc(env(safe-area-inset-top) + 58px));
    right: 20px;
    display: grid;
    min-width: 150px;
    gap: 4px;
    color: rgb(194 241 246 / 68%);
    font: 700 clamp(0.58rem, 1vw, 0.72rem)/1.3 monospace;
    text-align: right;
    text-shadow: 0 0 7px #45d8e888;
}

.bounds-readout small[b-wsug0rh33m] {
    color: rgb(155 173 190 / 48%);
    font-size: 0.55rem;
}

.bounds-toolbar[b-wsug0rh33m] {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(260px, 1.5fr) minmax(180px, .7fr) auto;
    grid-template-rows: auto 1fr;
    height: var(--bounds-toolbar-height);
    gap: 9px 18px;
    padding: 12px clamp(12px, 2vw, 30px) 14px;
    border-top: 3px solid rgb(226 250 255 / 55%);
    background:
        linear-gradient(rgb(2 14 22 / 26%), rgb(1 7 13 / 58%)),
        url("/assets/ui/editor/toolbar/toolbar-background.png") repeat-x center / auto 100%;
    box-shadow: 0 -5px 0 rgb(0 0 0 / 56%), 0 -20px 48px rgb(0 0 0 / 32%);
    filter: saturate(.66) hue-rotate(152deg);
}

.bounds-toolbar > *[b-wsug0rh33m] {
    filter: hue-rotate(-152deg) saturate(1.5);
}

.bounds-modes[b-wsug0rh33m] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(75px, 150px));
    justify-content: center;
    gap: 7px;
}

.bounds-modes button[b-wsug0rh33m],
.bounds-palette button[b-wsug0rh33m] {
    border: 2px solid rgb(227 244 250 / 36%);
    border-radius: 7px;
    background: linear-gradient(#344757, #182734);
    box-shadow: 0 3px 0 rgb(0 0 0 / 46%);
    color: white;
    cursor: pointer;
}

.bounds-modes button[b-wsug0rh33m] {
    min-height: 34px;
}

.bounds-modes button.is-active[b-wsug0rh33m],
.bounds-palette button.is-selected[b-wsug0rh33m] {
    border-color: #b4fbff;
    background: linear-gradient(#337d87, #17414e);
    box-shadow: 0 0 13px rgb(92 235 255 / 30%), 0 3px 0 #07131a;
}

.bounds-palette[b-wsug0rh33m] {
    display: grid;
    grid-template-columns: repeat(6, minmax(42px, 62px));
    align-content: center;
    justify-content: center;
    gap: 8px;
}

.bounds-palette[hidden][b-wsug0rh33m] { display: none; }

.bounds-palette button[b-wsug0rh33m] {
    aspect-ratio: 1;
    padding: 6px;
}

.bounds-palette img[b-wsug0rh33m] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.bounds-selection[b-wsug0rh33m],
.bounds-hint[b-wsug0rh33m] {
    align-self: center;
    margin: 0;
    text-align: center;
    text-shadow: 1px 2px 0 #000;
}

.bounds-selection[b-wsug0rh33m] {
    color: #e8fcff;
    font-size: clamp(.7rem, 1.1vw, .9rem);
    font-weight: 800;
}

.bounds-hint[b-wsug0rh33m] {
    color: rgb(207 226 232 / 68%);
    font: 700 clamp(.62rem, 1vw, .78rem)/1.45 monospace;
}

.bounds-validate[b-wsug0rh33m] {
    align-self: center;
    display: grid;
    width: 88px;
    justify-items: center;
    gap: 2px;
    border: 0;
    background: transparent;
    color: white;
    cursor: pointer;
    font-weight: 900;
    text-shadow: 1px 2px 0 #000;
}

.bounds-validate img[b-wsug0rh33m] {
    width: 56px;
    filter: drop-shadow(0 3px 1px rgb(0 0 0 / 52%));
}

.bounds-validate:disabled[b-wsug0rh33m] {
    cursor: default;
    filter: grayscale(1);
    opacity: .34;
}

.bounds-phase-seamless .bounds-toolbar[b-wsug0rh33m],
.bounds-phase-seamless .bounds-readout[b-wsug0rh33m] {
    opacity: 0;
    pointer-events: none;
}

.bounds-phase-seamless .bounds-canvas[b-wsug0rh33m] {
    animation: bounds-seamless-canvas-b-wsug0rh33m 1.8s cubic-bezier(.22, .72, .35, 1) both;
}

.bounds-phase-seamless .bounds-depth[b-wsug0rh33m],
.bounds-phase-seamless .bounds-fog[b-wsug0rh33m],
.bounds-phase-seamless .bounds-vignette[b-wsug0rh33m] {
    animation: bounds-seamless-atmosphere-b-wsug0rh33m 1.8s ease-out both;
}

@keyframes bounds-seamless-canvas-b-wsug0rh33m {
    0% { filter: saturate(1.25) brightness(1.2); opacity: .82; }
    38% { filter: saturate(.92) brightness(.98); opacity: 1; }
    100% { filter: none; opacity: 1; }
}

@keyframes bounds-seamless-atmosphere-b-wsug0rh33m {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 760px) {
    .bounds-experience[b-wsug0rh33m] { --bounds-toolbar-height: 250px; }

    .bounds-toolbar[b-wsug0rh33m] {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto 1fr;
        gap: 7px 10px;
        padding: 8px 8px calc(10px + env(safe-area-inset-bottom));
    }

    .bounds-modes[b-wsug0rh33m] { grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); }
    .bounds-palette[b-wsug0rh33m] { grid-column: 1 / -1; grid-template-columns: repeat(6, 42px); }
    .bounds-selection[b-wsug0rh33m] { grid-column: 1; }
    .bounds-hint[b-wsug0rh33m] { display: none; }
    .bounds-validate[b-wsug0rh33m] { grid-column: 2; grid-row: 3; width: 66px; }
    .bounds-validate img[b-wsug0rh33m] { width: 46px; }
    .bounds-readout[b-wsug0rh33m] { top: 60px; right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .bounds-experience *[b-wsug0rh33m], .bounds-experience *[b-wsug0rh33m]::before, .bounds-experience *[b-wsug0rh33m]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}
/* /Components/Editor/OutOfBoundsFinalAnomaly.razor.rz.scp.css */
.bounds-final-anomaly[b-dxtn5p2xdq] {
    --retreat: 0px;
    position: fixed;
    z-index: 24;
    top: clamp(110px, 30vh, 330px);
    left: 0;
    display: grid;
    width: clamp(48px, 5.5vw, 76px);
    height: clamp(48px, 5.5vw, 76px);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: crosshair;
    filter: saturate(.78) drop-shadow(0 0 8px rgb(120 238 255 / 60%));
    opacity: .9;
    place-items: center;
    transform: translateX(calc(-18% - var(--retreat)));
    transition: transform 460ms cubic-bezier(.22, .8, .35, 1), opacity 420ms ease, filter 220ms ease;
}

.bounds-final-anomaly.retreat-1[b-dxtn5p2xdq] { --retreat: 8px; }
.bounds-final-anomaly.retreat-2[b-dxtn5p2xdq] { --retreat: 16px; }
.bounds-final-anomaly.retreat-3[b-dxtn5p2xdq] { --retreat: 24px; }
.bounds-final-anomaly.retreat-4[b-dxtn5p2xdq] { --retreat: 125px; opacity: 0; }

.bounds-final-anomaly img[b-dxtn5p2xdq] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    animation: bounds-last-object-b-dxtn5p2xdq 1.7s ease-in-out infinite alternate;
}

.bounds-final-anomaly small[b-dxtn5p2xdq] {
    position: absolute;
    top: calc(100% + 5px);
    left: 38%;
    width: max-content;
    color: #bffaff;
    font: 700 .6rem/1 monospace;
    text-shadow: 0 0 7px #55eaff;
    pointer-events: none;
}

.bounds-final-anomaly__trace[b-dxtn5p2xdq] {
    position: absolute;
    right: 60%;
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(119 237 255 / 75%));
    opacity: .6;
    pointer-events: none;
}

@keyframes bounds-last-object-b-dxtn5p2xdq {
    from { transform: translateY(-2px) rotate(-2deg); }
    to { transform: translateY(3px) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
    .bounds-final-anomaly[b-dxtn5p2xdq],
    .bounds-final-anomaly img[b-dxtn5p2xdq] { animation: none; transition-duration: 80ms; }
}
/* /Components/Editor/PlacementConfirmation.razor.rz.scp.css */
.confirm-placement-area[b-w30n56krjj] {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: clamp(12px, 3vw, 54px);
    display: grid;
    min-width: clamp(78px, 7vw, 104px);
    padding-left: clamp(14px, 2vw, 28px);
    place-items: center;
    gap: 4px;
    transform: translateY(-50%);
}

.confirm-placement-button[b-w30n56krjj] {
    appearance: none;
    box-sizing: border-box;
    display: grid;
    width: clamp(68px, 6vw, 94px);
    height: clamp(68px, 6vw, 94px);
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: clamp(7px, 0.7vw, 11px);
    background: url("/assets/ui/buttons/square-green.png") center / 100% 100% no-repeat;
    box-shadow: 0 5px 0 rgb(0 0 0 / 58%);
    cursor: pointer;
    place-items: center;
    transition:
        transform 70ms ease,
        filter 70ms ease;
}

.confirm-placement-button:hover:not(:disabled)[b-w30n56krjj] {
    transform: scale(1.07);
    filter: brightness(1.12);
}

.confirm-placement-button:active:not(:disabled)[b-w30n56krjj] {
    transform: scale(0.93);
}

.confirm-placement-button:focus-visible[b-w30n56krjj] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.confirm-placement-button:disabled[b-w30n56krjj] {
    cursor: default;
    filter: grayscale(0.78) brightness(0.62);
    opacity: 0.62;
}

.confirm-placement-button img[b-w30n56krjj] {
    display: block;
    width: 58%;
    height: auto;
    pointer-events: none;
    filter: drop-shadow(2px 3px 0 rgb(0 0 0 / 45%));
    image-rendering: auto;
}

.confirm-placement-area small[b-w30n56krjj] {
    color: white;
    font-size: 0.65rem;
    font-weight: 1000;
    letter-spacing: 0.04em;
    text-shadow: 1px 2px 0 #000;
}

@media (max-width: 760px) {
    .confirm-placement-area[b-w30n56krjj] {
        top: auto;
        bottom: calc(8px + env(safe-area-inset-bottom));
        right: 5px;
        min-width: 52px;
        padding-left: 7px;
        gap: 2px;
        transform: none;
    }

    .confirm-placement-button[b-w30n56krjj] {
        width: 52px;
        height: 52px;
    }

    .confirm-placement-button img[b-w30n56krjj] {
        width: 60%;
    }

    .confirm-placement-area small[b-w30n56krjj] {
        display: none;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .confirm-placement-area[b-w30n56krjj] {
        bottom: calc(6px + env(safe-area-inset-bottom));
    }

    .confirm-placement-button[b-w30n56krjj] {
        width: 46px;
        height: 46px;
    }
}
/* /Components/Editor/ScaleOverlay.razor.rz.scp.css */
.scale-overlay[b-lq4fpnbt6i] {
    --scale-track-height: min(35.62px, calc(60vw / 19.09));
    position: absolute;
    z-index: 5;
    top: clamp(38px, 6.5vh, 72px);
    left: 50%;
    display: grid;
    width: min(60vw, 680px);
    gap: clamp(18px, 3vh, 34px);
    transform: translateX(-50%);
    pointer-events: none;
}

.scale-overlay[hidden][b-lq4fpnbt6i] {
    display: none;
}

.scale-axis[b-lq4fpnbt6i] {
    display: grid;
    gap: clamp(5px, 1vh, 10px);
}

.scale-heading[b-lq4fpnbt6i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 1.5vw, 20px);
}

.scale-label[b-lq4fpnbt6i] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.scale-value-editor[b-lq4fpnbt6i] {
    position: relative;
    box-sizing: border-box;
    display: grid;
    width: clamp(112px, 13vw, 148px);
    height: clamp(54px, 6vw, 68px);
    place-items: center;
    border-radius: 12px;
    background: rgb(4 28 69 / 70%);
    pointer-events: auto;
}

.scale-value[b-lq4fpnbt6i] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    color: transparent;
    caret-color: #fff;
    font-size: 1.3rem;
    text-align: center;
    appearance: textfield;
}

.scale-value-display[b-lq4fpnbt6i] {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.scale-value[b-lq4fpnbt6i]::-webkit-inner-spin-button,
.scale-value[b-lq4fpnbt6i]::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.scale-value-editor:focus-within[b-lq4fpnbt6i] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

.screen-reader-only[b-lq4fpnbt6i] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.scale-slider[b-lq4fpnbt6i] {
    width: 100%;
    height: var(--scale-thumb-size);
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    cursor: ew-resize;
    pointer-events: auto;
    appearance: none;
}

.scale-slider[b-lq4fpnbt6i]::-webkit-slider-runnable-track {
    height: var(--scale-track-height);
    border: 0;
    background: url("/assets/ui/editor/transforms/scale-slider-track.png") center / 100% 100% no-repeat;
}

.scale-slider[b-lq4fpnbt6i]::-webkit-slider-thumb {
    width: var(--scale-thumb-size);
    height: var(--scale-thumb-size);
    margin-top: calc((var(--scale-track-height) - var(--scale-thumb-size)) / 2);
    border: 0;
    background: url("/assets/ui/editor/transforms/free-rotation-handle.png") center / contain no-repeat;
    filter: drop-shadow(0 3px 1px rgb(0 0 0 / 55%));
    appearance: none;
}

.scale-slider[b-lq4fpnbt6i]::-moz-range-track {
    height: var(--scale-track-height);
    border: 0;
    background: url("/assets/ui/editor/transforms/scale-slider-track.png") center / 100% 100% no-repeat;
}

.scale-slider[b-lq4fpnbt6i]::-moz-range-progress {
    background: transparent;
}

.scale-slider[b-lq4fpnbt6i]::-moz-range-thumb {
    width: var(--scale-thumb-size);
    height: var(--scale-thumb-size);
    border: 0;
    background: url("/assets/ui/editor/transforms/free-rotation-handle.png") center / contain no-repeat;
    filter: drop-shadow(0 3px 1px rgb(0 0 0 / 55%));
}

.scale-slider:focus-visible[b-lq4fpnbt6i]::-webkit-slider-thumb {
    filter: drop-shadow(0 0 4px #fff36a) drop-shadow(0 3px 1px rgb(0 0 0 / 55%));
}

@media (max-width: 760px) {
    .scale-overlay[b-lq4fpnbt6i] {
        --scale-track-height: min(25.14px, calc(68vw / 19.09));
        top: 35px;
        width: min(68vw, 480px);
        gap: 8px;
    }

    .scale-axis[b-lq4fpnbt6i] {
        gap: 4px;
    }

    .scale-value-editor[b-lq4fpnbt6i] {
        width: 92px;
        height: 44px;
        border-radius: 8px;
    }
}
/* /Components/Editor/ZoomControls.razor.rz.scp.css */
.zoom-controls[b-gf4yyhhqqh] {
    position: absolute;
    z-index: 5;
    top: calc((100% - var(--toolbar-height)) / 2);
    left: clamp(12px, 2vw, 32px);
    display: grid;
    gap: clamp(8px, 1.2vh, 16px);
    transform: translateY(-50%);
    pointer-events: none;
}

.zoom-controls button[b-gf4yyhhqqh] {
    width: clamp(60px, 6vw, 88px);
    height: clamp(60px, 6vw, 88px);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    filter: drop-shadow(0 4px 2px rgb(0 0 0 / 45%));
    transition:
        transform 90ms ease,
        filter 90ms ease;
}

.zoom-controls button:hover[b-gf4yyhhqqh] {
    transform: scale(1.08);
    filter: brightness(1.08) drop-shadow(0 5px 2px rgb(0 0 0 / 50%));
}

.zoom-controls button:active[b-gf4yyhhqqh] {
    transform: scale(0.94);
}

.zoom-controls button:focus-visible[b-gf4yyhhqqh] {
    border-radius: 50%;
    outline: 3px solid white;
    outline-offset: 3px;
}

.zoom-controls img[b-gf4yyhhqqh] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 760px) {
    .zoom-controls[b-gf4yyhhqqh] {
        left: calc(8px + env(safe-area-inset-left));
        gap: 8px;
    }

    .zoom-controls button[b-gf4yyhhqqh] {
        width: 48px;
        height: 48px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .zoom-controls[b-gf4yyhhqqh] {
        gap: 5px;
    }

    .zoom-controls button[b-gf4yyhhqqh] {
        width: 42px;
        height: 42px;
    }
}
/* /Components/Events/MissingEventCounter.razor.rz.scp.css */
.missing-event-counter[b-h6gsntyroq] {
    --archive-pull: 0;
    position: relative;
    display: inline-grid;
    min-width: 92px;
    padding: 5px 2px;
    overflow: visible;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: default;
    font: inherit;
    text-align: right;
    user-select: none;
    touch-action: none;
}

.missing-event-counter__normal[b-h6gsntyroq],
.missing-event-counter__ghost[b-h6gsntyroq] {
    grid-area: 1 / 1;
    pointer-events: none;
}

.missing-event-counter__ghost[b-h6gsntyroq] {
    color: #bff9ff;
    opacity: 0;
    text-shadow: -1px 0 #ff4fbb, 1px 0 #50eaff;
}

.missing-event-counter__trace[b-h6gsntyroq] {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    width: max-content;
    color: rgb(153 228 237 / 0%);
    font: 700 .48rem/1 monospace;
    pointer-events: none;
}

.missing-event-counter.is-pressing .missing-event-counter__ghost[b-h6gsntyroq] {
    opacity: .16;
}

.missing-event-counter.is-glitching .missing-event-counter__normal[b-h6gsntyroq] {
    animation: missing-count-normal-b-h6gsntyroq 260ms steps(1, end);
}

.missing-event-counter.is-glitching .missing-event-counter__ghost[b-h6gsntyroq] {
    animation: missing-count-ghost-b-h6gsntyroq 260ms steps(1, end);
}

.missing-event-counter.is-aware[b-h6gsntyroq] { cursor: grab; }
.missing-event-counter.is-aware:active[b-h6gsntyroq] { cursor: grabbing; }

.missing-event-counter.is-aware .missing-event-counter__trace[b-h6gsntyroq] {
    color: rgb(153 228 237 / 18%);
}

.missing-event-counter.is-pulling .missing-event-counter__normal[b-h6gsntyroq] {
    opacity: calc(1 - var(--archive-pull));
}

.missing-event-counter.is-pulling .missing-event-counter__ghost[b-h6gsntyroq] {
    opacity: calc(.2 + var(--archive-pull) * .8);
    transform: translateY(calc(var(--archive-pull) * 62px));
}

.missing-event-counter.is-pulling[b-h6gsntyroq]::after {
    position: absolute;
    z-index: -1;
    top: 70%;
    right: 28px;
    width: 1px;
    height: calc(var(--archive-pull) * 76px);
    background: linear-gradient(rgb(96 235 250 / 55%), transparent);
    content: "";
}

@keyframes missing-count-normal-b-h6gsntyroq {
    0%, 22%, 68%, 100% { opacity: 1; transform: translateX(0); }
    23%, 67% { opacity: 0; transform: translateX(-2px); }
}

@keyframes missing-count-ghost-b-h6gsntyroq {
    0%, 22%, 68%, 100% { opacity: 0; transform: translateX(2px); }
    23%, 67% { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .missing-event-counter__normal[b-h6gsntyroq],
    .missing-event-counter__ghost[b-h6gsntyroq] { animation-duration: 1ms !important; }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-header[b-cbueeqe6n5],
.fan-project[b-cbueeqe6n5],
.support-panel[b-cbueeqe6n5] {
    width: min(var(--ui-width), 100%);
    margin-right: auto;
    margin-left: auto;
}

.fan-project[b-cbueeqe6n5] {
    display: grid;
    align-items: center;
    margin-bottom: 24px;
    border-color: #78dce8;
    background:
        linear-gradient(115deg, rgb(35 95 115 / 38%), transparent 52%),
        var(--ui-surface);
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 28px;
}

.fan-project-mark[b-cbueeqe6n5] {
    width: 108px;
    height: 108px;
    object-fit: contain;
    image-rendering: pixelated;
    filter: drop-shadow(0 6px 0 rgb(3 15 32 / 72%));
}

.fan-project-copy h2[b-cbueeqe6n5] {
    margin: 0 0 12px;
    color: #f8fcff;
    font-size: clamp(1.15rem, 2.6vw, 1.7rem);
    letter-spacing: 0.025em;
    line-height: 1.2;
}

.fan-project-copy p[b-cbueeqe6n5],
.about-card p[b-cbueeqe6n5],
.support-intro p[b-cbueeqe6n5] {
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

.fan-project-copy p + p[b-cbueeqe6n5],
.about-card p + p[b-cbueeqe6n5] {
    margin-top: 10px;
}

.fan-project-copy small[b-cbueeqe6n5] {
    display: block;
    margin-top: 8px;
    color: var(--ui-muted);
    font-size: 0.72rem;
    line-height: 1.5;
}

.about-grid[b-cbueeqe6n5] {
    display: grid;
    align-items: stretch;
    margin-bottom: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.about-card[b-cbueeqe6n5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-card-heading[b-cbueeqe6n5] {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ui-line);
}

.about-card-heading h2[b-cbueeqe6n5] {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1;
}

.legal-facts[b-cbueeqe6n5] {
    display: grid;
    margin: 0;
    gap: 10px;
}

.legal-facts div[b-cbueeqe6n5] {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border-left: 3px solid #6fdde7;
    background: var(--ui-inset);
}

.legal-facts dt[b-cbueeqe6n5] {
    color: var(--ui-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.legal-facts dd[b-cbueeqe6n5] {
    margin: 0;
    color: var(--ui-text);
    font-size: 0.83rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.legal-facts a[b-cbueeqe6n5],
.direct-contact a[b-cbueeqe6n5] {
    color: #8ff4fb;
    text-underline-offset: 3px;
}

.plain-list[b-cbueeqe6n5] {
    display: grid;
    margin: 0;
    padding-left: 18px;
    list-style: square;
    gap: 11px;
}

.plain-list li[b-cbueeqe6n5] {
    color: var(--ui-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.plain-list li[b-cbueeqe6n5]::marker {
    color: var(--ui-gold);
}

.about-note[b-cbueeqe6n5] {
    margin-top: auto !important;
    padding-top: 12px;
    border-top: 1px solid var(--ui-line);
    font-size: 0.78rem !important;
}

.support-panel[b-cbueeqe6n5] {
    display: grid;
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    gap: 28px;
}

.support-intro[b-cbueeqe6n5] {
    display: flex;
    flex-direction: column;
    padding-right: 28px;
    border-right: 1px solid var(--ui-line);
}

.support-intro h2[b-cbueeqe6n5] {
    margin: 0 0 14px;
    font-size: 1rem;
    line-height: 1;
}

.direct-contact[b-cbueeqe6n5] {
    display: grid;
    margin-top: auto;
    padding-top: 22px;
    gap: 4px;
}

.direct-contact span[b-cbueeqe6n5] {
    color: var(--ui-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.direct-contact a[b-cbueeqe6n5] {
    font-size: 0.9rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.feedback-form[b-cbueeqe6n5] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.feedback-form label[b-cbueeqe6n5] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.feedback-kind[b-cbueeqe6n5],
.feedback-message-field[b-cbueeqe6n5],
.feedback-actions[b-cbueeqe6n5],
.feedback-form .arcade-message[b-cbueeqe6n5] {
    grid-column: 1 / -1;
}

.feedback-kind[b-cbueeqe6n5] {
    display: grid;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.feedback-kind legend[b-cbueeqe6n5] {
    margin-bottom: 7px;
    grid-column: 1 / -1;
}

.feedback-kind-button[b-cbueeqe6n5] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 2px solid rgb(255 236 218 / 38%);
    border-radius: 9px;
    background: rgb(64 27 17 / 40%);
    color: var(--ui-muted);
    cursor: pointer;
    font: 800 0.72rem/1.2 var(--ui-font);
}

.feedback-kind-button.selected[b-cbueeqe6n5] {
    border-color: #f6dc72;
    background: #5b431f;
    box-shadow: inset 0 0 0 2px rgb(255 229 124 / 14%);
    color: #fff7cf;
}

.idea-symbol[b-cbueeqe6n5],
.bug-symbol[b-cbueeqe6n5] {
    display: grid;
    width: 23px;
    height: 23px;
    border: 2px solid currentcolor;
    border-radius: 5px;
    font-size: 0.9rem;
    place-items: center;
}

.bug-symbol[b-cbueeqe6n5] {
    border-radius: 50%;
}

.feedback-form textarea.arcade-input[b-cbueeqe6n5] {
    width: 100%;
    min-height: 150px;
    resize: vertical;
}

.arcade-label small[b-cbueeqe6n5] {
    color: var(--ui-muted);
    font-size: 0.58rem;
}

.feedback-count[b-cbueeqe6n5] {
    justify-self: end;
    color: var(--ui-muted);
    font-size: 0.68rem;
}

.feedback-actions[b-cbueeqe6n5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 4px;
}

.feedback-actions > span[b-cbueeqe6n5] {
    color: var(--ui-muted);
    font-size: 0.7rem;
}

.feedback-honeypot[b-cbueeqe6n5] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.feedback-sign-in[b-cbueeqe6n5] {
    display: grid;
    min-height: 240px;
    justify-items: center;
    align-content: center;
    padding: 24px;
    border: 1px dashed rgb(255 230 202 / 38%);
    border-radius: 12px;
    background: rgb(67 28 16 / 27%);
    text-align: center;
    gap: 10px;
}

.feedback-sign-in strong[b-cbueeqe6n5] {
    color: #fff0b7;
    font-size: 0.86rem;
}

.feedback-sign-in p[b-cbueeqe6n5] {
    max-width: 46ch;
    margin: 0 0 8px;
    color: var(--ui-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.feedback-lock[b-cbueeqe6n5] {
    position: relative;
    width: 38px;
    height: 31px;
    border: 3px solid #fff0b7;
    border-radius: 7px;
    background: #a6602d;
    box-shadow: 0 4px 0 #3c1b10;
}

.feedback-lock[b-cbueeqe6n5]::before {
    position: absolute;
    bottom: 25px;
    left: 7px;
    width: 18px;
    height: 17px;
    border: 3px solid #fff0b7;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    content: "";
}

@media (max-width: 960px) {
    .about-grid[b-cbueeqe6n5] {
        grid-template-columns: 1fr 1fr;
    }

    .about-card:last-child[b-cbueeqe6n5] {
        grid-column: 1 / -1;
    }

    .support-panel[b-cbueeqe6n5] {
        grid-template-columns: 1fr;
    }

    .support-intro[b-cbueeqe6n5] {
        padding-right: 0;
        padding-bottom: 22px;
        border-right: 0;
        border-bottom: 1px solid var(--ui-line);
    }

    .direct-contact[b-cbueeqe6n5] {
        margin-top: 18px;
        padding-top: 0;
    }
}

@media (max-width: 640px) {
    .fan-project[b-cbueeqe6n5] {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 16px;
    }

    .fan-project-mark[b-cbueeqe6n5] {
        width: 70px;
        height: 70px;
    }

    .fan-project-copy p[b-cbueeqe6n5] {
        font-size: 0.78rem;
    }

    .about-grid[b-cbueeqe6n5],
    .feedback-form[b-cbueeqe6n5] {
        grid-template-columns: 1fr;
    }

    .about-card:last-child[b-cbueeqe6n5],
    .feedback-kind[b-cbueeqe6n5],
    .feedback-message-field[b-cbueeqe6n5],
    .feedback-actions[b-cbueeqe6n5],
    .feedback-form .arcade-message[b-cbueeqe6n5] {
        grid-column: auto;
    }

    .feedback-kind[b-cbueeqe6n5] {
        grid-template-columns: 1fr;
    }

    .feedback-kind legend[b-cbueeqe6n5] {
        grid-column: auto;
    }

    .feedback-actions[b-cbueeqe6n5] {
        align-items: stretch;
        flex-direction: column;
    }

    .feedback-actions .arcade-button[b-cbueeqe6n5] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .fan-project[b-cbueeqe6n5] {
        display: block;
    }

    .fan-project-mark[b-cbueeqe6n5] {
        margin: 0 auto 22px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .fan-project-mark[b-cbueeqe6n5] {
        animation: fan-cube-idle-b-cbueeqe6n5 4.8s ease-in-out infinite;
    }
}

@keyframes fan-cube-idle-b-cbueeqe6n5 {
    0%,
    100% {
        transform: translateY(0) rotate(-3deg);
    }

    50% {
        transform: translateY(-5px) rotate(2deg);
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-header[b-71k0tisuo7],
.admin-layout[b-71k0tisuo7],
.users-panel[b-71k0tisuo7],
.moderation-panel[b-71k0tisuo7],
.admin-message[b-71k0tisuo7] {
    width: min(var(--ui-width), 100%);
    margin-right: auto;
    margin-left: auto;
}

.admin-layout[b-71k0tisuo7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--ui-space);
}

.event-list-panel[b-71k0tisuo7] {
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.admin-event-list[b-71k0tisuo7],
.admin-user-list[b-71k0tisuo7] {
    display: grid;
    gap: 10px;
}

.admin-event-list[b-71k0tisuo7] {
    grid-auto-rows: max-content;
    contain: size;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    padding: 4px 8px 8px 4px;
    scrollbar-gutter: stable;
}

.admin-event-item[b-71k0tisuo7] {
    display: grid;
    min-width: 0;
    gap: 8px;
    padding: 16px;
    border: 1px solid rgb(244 218 195 / 42%);
    border-radius: 10px;
    background: var(--ui-inset);
    color: var(--ui-text);
    cursor: pointer;
    font-family: var(--ui-font);
    text-align: left;
    transition:
        background 140ms ease,
        border-color 140ms ease;
}

.admin-event-item.selected[b-71k0tisuo7] {
    border-color: var(--ui-gold);
    background: #643b25;
    box-shadow: inset 4px 0 0 var(--ui-gold);
}

.admin-event-name[b-71k0tisuo7] {
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.event-status[b-71k0tisuo7],
.owner-badge[b-71k0tisuo7],
.admin-badge[b-71k0tisuo7],
.banned-badge[b-71k0tisuo7] {
    justify-self: start;
}

.event-status-open[b-71k0tisuo7],
.admin-badge[b-71k0tisuo7] {
    border-color: #92b56d;
    background: #345329;
    color: #d5f7b9;
}

.event-status-closed[b-71k0tisuo7],
.banned-badge[b-71k0tisuo7] {
    border-color: #c79686;
    background: #66392f;
    color: #ffe2d5;
}

.owner-badge[b-71k0tisuo7] {
    border-color: #74b8c2;
    background: #245968;
    color: #d0f7fb;
}

.admin-event-date[b-71k0tisuo7] {
    color: var(--ui-muted);
    font-size: 0.74rem;
    line-height: 1.5;
}

.panel-heading-actions[b-71k0tisuo7],
.event-form-actions[b-71k0tisuo7],
.admin-user-state[b-71k0tisuo7],
.admin-user-actions[b-71k0tisuo7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.panel-heading-actions[b-71k0tisuo7],
.admin-user-actions[b-71k0tisuo7] {
    justify-content: flex-end;
}

.admin-role-action[b-71k0tisuo7] {
    position: relative;
    display: inline-flex;
}

.admin-role-tooltip[b-71k0tisuo7] {
    position: absolute;
    z-index: 30;
    right: 0;
    bottom: calc(100% + 10px);
    display: grid;
    width: min(280px, calc(100vw - 32px));
    gap: 5px;
    padding: 11px 12px;
    border: 2px solid #ffe48a;
    border-radius: 8px;
    background: #182b43;
    color: #f4f7ff;
    box-shadow: 0 4px 0 #0b111c, 0 0 18px #66d9ff3d;
    font-size: 0.72rem;
    line-height: 1.35;
    pointer-events: none;
    opacity: 0;
    translate: 0 4px;
    transition: opacity 120ms ease, translate 120ms ease;
}

.admin-role-tooltip[b-71k0tisuo7]::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 100%;
    border: 7px solid transparent;
    border-top-color: #ffe48a;
}

.admin-role-tooltip strong[b-71k0tisuo7] {
    color: #ffe66c;
    font-size: 0.76rem;
}

.admin-role-tooltip small[b-71k0tisuo7] {
    color: #a9c1d7;
    font-size: 0.68rem;
}

.admin-role-action:hover .admin-role-tooltip[b-71k0tisuo7],
.admin-role-action:focus-within .admin-role-tooltip[b-71k0tisuo7] {
    opacity: 1;
    translate: 0;
}

.event-form[b-71k0tisuo7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.event-field-help[b-71k0tisuo7] {
    color: var(--ui-muted);
    font-size: 0.68rem;
    line-height: 1.45;
}

.event-form label[b-71k0tisuo7] {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.event-form input[b-71k0tisuo7],
.event-form textarea[b-71k0tisuo7],
.event-form select[b-71k0tisuo7] {
    width: 100%;
}

.event-form textarea[b-71k0tisuo7] {
    min-height: 90px;
    resize: vertical;
}

.full-field[b-71k0tisuo7] {
    grid-column: 1 / -1;
}

.event-music-picker[b-71k0tisuo7] {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: rgb(50 20 12 / 18%);
}

.event-music-picker legend[b-71k0tisuo7] {
    padding: 0 7px;
}

.event-music-row[b-71k0tisuo7] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.event-music-upload[b-71k0tisuo7] {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
}

.event-music-upload[b-71k0tisuo7]  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.event-music-file[b-71k0tisuo7] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 4px;
}

.event-music-file strong[b-71k0tisuo7] {
    overflow: hidden;
    color: var(--ui-text);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-music-file small[b-71k0tisuo7],
.event-music-offset small[b-71k0tisuo7] {
    color: var(--ui-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.event-music-help[b-71k0tisuo7] {
    display: grid;
    padding: 11px 13px;
    border: 1px solid rgb(255 220 92 / 48%);
    border-radius: 8px;
    background: rgb(28 12 8 / 30%);
    color: var(--ui-text);
    font-size: 0.72rem;
    line-height: 1.55;
    gap: 4px;
}

.event-music-help strong[b-71k0tisuo7] {
    color: #ffdc5c;
    font-size: 0.7rem;
    letter-spacing: 0.035em;
}

.event-music-help kbd[b-71k0tisuo7],
.event-music-help code[b-71k0tisuo7] {
    padding: 2px 5px;
    border: 1px solid rgb(255 255 255 / 26%);
    border-radius: 4px;
    background: rgb(7 15 28 / 48%);
    color: #fff;
    font:
        700 0.69rem/1.35 ui-monospace,
        SFMono-Regular,
        Consolas,
        monospace;
}

.event-music-offset[b-71k0tisuo7] {
    display: grid;
    max-width: 290px;
    gap: 7px;
}

.event-music-remove[b-71k0tisuo7] {
    min-width: 96px;
}

.event-music-picker:disabled[b-71k0tisuo7] {
    filter: grayscale(0.35);
    opacity: 0.65;
}

.event-form-actions[b-71k0tisuo7] {
    padding-top: 18px;
    border-top: 1px solid var(--ui-line);
}

.admin-confirm-backdrop[b-71k0tisuo7] {
    position: fixed;
    z-index: 250;
    inset: 0;
    display: grid;
    padding: 18px;
    background: rgb(2 8 18 / 76%);
    backdrop-filter: blur(4px);
    place-items: center;
}

.admin-confirm-dialog[b-71k0tisuo7] {
    display: grid;
    box-sizing: border-box;
    width: min(520px, 100%);
    gap: 10px;
    padding: 26px;
    border: 4px solid #fff;
    text-align: center;
}

.admin-confirm-dialog p[b-71k0tisuo7] {
    margin: 0;
    color: var(--ui-text);
    font-size: 0.9rem;
    line-height: 1.5;
}

.admin-confirm-dialog p:first-of-type[b-71k0tisuo7] {
    margin-top: 8px;
}

.admin-confirm-actions[b-71k0tisuo7] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
}

.admin-confirm-actions button[b-71k0tisuo7] {
    min-width: 150px;
}

@media (max-width: 520px) {
    .admin-confirm-dialog[b-71k0tisuo7] {
        padding: 22px 14px;
    }

    .admin-confirm-actions[b-71k0tisuo7] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .admin-confirm-actions button[b-71k0tisuo7] {
        width: 100%;
    }
}

.users-panel[b-71k0tisuo7],
.feedback-panel[b-71k0tisuo7],
.moderation-panel[b-71k0tisuo7] {
    margin-top: 28px;
}

.feedback-total[b-71k0tisuo7] {
    padding: 6px 9px;
    border: 1px solid rgb(255 226 107 / 42%);
    border-radius: 7px;
    background: var(--ui-inset);
    color: var(--ui-gold) !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
}

.feedback-empty[b-71k0tisuo7] {
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.88rem;
}

.admin-feedback-list[b-71k0tisuo7] {
    display: grid;
    max-height: 640px;
    gap: 12px;
    padding-right: 6px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.admin-feedback-row[b-71k0tisuo7] {
    display: grid;
    gap: 11px;
    padding: 16px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
}

.admin-feedback-row header[b-71k0tisuo7],
.admin-feedback-row footer[b-71k0tisuo7] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-feedback-row header[b-71k0tisuo7] {
    justify-content: space-between;
}

.admin-feedback-row h3[b-71k0tisuo7] {
    margin: 0;
    color: #fff4c6;
    font-size: 0.94rem;
    overflow-wrap: anywhere;
}

.admin-feedback-row p[b-71k0tisuo7] {
    margin: 0;
    color: var(--ui-text);
    font-size: 0.82rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.admin-feedback-row time[b-71k0tisuo7],
.admin-feedback-row footer > span[b-71k0tisuo7] {
    color: var(--ui-muted);
    font-size: 0.7rem;
}

.admin-feedback-row footer > span[b-71k0tisuo7] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
    gap: 4px 9px;
}

.admin-feedback-row footer a[b-71k0tisuo7] {
    color: #91edf4;
    overflow-wrap: anywhere;
    text-underline-offset: 3px;
}

.feedback-kind[b-71k0tisuo7] {
    padding: 5px 8px;
    border: 1px solid;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.05em;
}

.feedback-kind-idea[b-71k0tisuo7] {
    border-color: #93df83;
    background: #28532d;
    color: #d7ffb8;
}

.feedback-kind-bug[b-71k0tisuo7] {
    border-color: #ed968f;
    background: #642f31;
    color: #ffe0d8;
}

.feedback-page[b-71k0tisuo7] {
    max-width: 240px;
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-search[b-71k0tisuo7] {
    display: flex;
    margin-bottom: 18px;
}

.user-search input[b-71k0tisuo7] {
    width: 100%;
}

.admin-user-row[b-71k0tisuo7] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
}

.admin-user-identity[b-71k0tisuo7] {
    display: grid;
    min-width: 180px;
    flex: 1;
    gap: 4px;
}

.admin-user-avatar[b-71k0tisuo7] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 2px solid #ffe5a9;
    border-radius: 10px;
    object-fit: cover;
    background: #15263c;
    box-shadow:
        0 3px 0 #160d08,
        0 0 15px #6ccfff29;
}

.admin-user-avatar-fallback[b-71k0tisuo7] {
    display: grid;
    place-items: center;
    color: #fff5bd;
    font-weight: 900;
    font-size: 1.25rem;
}

.admin-user-identity strong[b-71k0tisuo7] {
    font-size: 0.92rem;
}

.admin-user-identity small[b-71k0tisuo7] {
    color: var(--ui-text);
    font-size: 0.78rem;
}

.admin-user-identity span[b-71k0tisuo7] {
    color: var(--ui-muted);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.environment-picker[b-71k0tisuo7] {
    min-width: 0;
    margin: 4px 0 0;
    padding: 0;
    border: 0;
}

.environment-picker legend[b-71k0tisuo7] {
    margin-bottom: 12px;
}

.environment-options[b-71k0tisuo7] {
    display: grid;
    max-height: 294px;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    padding: 12px;
    overflow-y: auto;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    background: var(--ui-inset);
    scrollbar-gutter: stable;
}

.environment-option[b-71k0tisuo7] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 8px;
    grid-template-rows: 74px auto;
    padding: 6px;
    border: 2px solid #92949b;
    border-radius: 9px;
    background: #1c2b40;
    color: var(--ui-text);
    cursor: pointer;
    transition:
        border-color 140ms ease,
        background 140ms ease;
}

.environment-option img[b-71k0tisuo7] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.environment-option span[b-71k0tisuo7] {
    overflow: hidden;
    font-size: 0.6rem;
    font-weight: 800;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.environment-option.selected[b-71k0tisuo7] {
    border-color: #b9ed69;
    background: #335126;
    box-shadow: 0 0 0 2px rgb(185 237 105 / 22%);
}

.environment-picker:disabled .environment-option[b-71k0tisuo7] {
    cursor: not-allowed;
    filter: grayscale(0.45);
    opacity: 0.6;
}

.ground-options[b-71k0tisuo7] {
    max-height: 244px;
}

.ground-option[b-71k0tisuo7] {
    grid-template-rows: 60px auto;
}

.ground-option img[b-71k0tisuo7] {
    background: linear-gradient(#246aa8, #14355b);
    object-fit: contain;
}

.moderation-revision[b-71k0tisuo7] {
    padding: 6px 9px;
    border: 1px solid var(--ui-line);
    border-radius: 7px;
    background: var(--ui-inset);
    color: var(--ui-gold);
    font-size: 0.72rem;
    font-weight: 800;
}

.moderation-locked[b-71k0tisuo7],
.moderation-empty[b-71k0tisuo7] {
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.moderation-history[b-71k0tisuo7] {
    display: grid;
    max-height: 440px;
    gap: 8px;
    padding-right: 6px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.moderation-history-row[b-71k0tisuo7] {
    display: grid;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--ui-line);
    border-radius: 9px;
    background: var(--ui-inset);
    grid-template-columns: 48px 110px minmax(120px, 1.3fr) 90px minmax(110px, 1fr) 112px;
}

.moderation-history-row > span[b-71k0tisuo7],
.moderation-history-row time[b-71k0tisuo7] {
    min-width: 0;
    overflow: hidden;
    color: var(--ui-muted);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.moderation-history-row > strong[b-71k0tisuo7],
.moderation-history-row .moderation-action[b-71k0tisuo7] {
    color: var(--ui-gold);
    font-weight: 700;
}

.admin-message[b-71k0tisuo7] {
    margin-bottom: 24px;
}

@media (hover: hover) and (pointer: fine) {
    .admin-event-item:hover:not(.selected)[b-71k0tisuo7] {
        border-color: #ffe0ac;
        background: rgb(67 28 16 / 50%);
    }

    .environment-option:hover:not(:disabled)[b-71k0tisuo7] {
        border-color: var(--ui-gold);
    }
}

@media (max-width: 1000px) {
    .moderation-history-row[b-71k0tisuo7] {
        grid-template-columns: 44px 95px minmax(100px, 1fr) 80px 100px;
    }

    .moderation-history-row > span:nth-of-type(4)[b-71k0tisuo7] {
        display: none;
    }
}

@media (max-width: 820px) {
    .admin-layout[b-71k0tisuo7] {
        grid-template-columns: 1fr;
    }

    .admin-event-list[b-71k0tisuo7] {
        max-height: 360px;
        contain: none;
    }

    .event-list-panel[b-71k0tisuo7] {
        max-height: 460px;
    }
}

@media (max-width: 600px) {
    .event-form[b-71k0tisuo7] {
        grid-template-columns: 1fr;
    }

    .full-field[b-71k0tisuo7] {
        grid-column: auto;
    }

    .event-music-row[b-71k0tisuo7] {
        align-items: stretch;
        flex-direction: column;
    }

    .event-music-upload[b-71k0tisuo7],
    .event-music-remove[b-71k0tisuo7] {
        width: 100%;
    }

    .panel-heading-actions[b-71k0tisuo7],
    .admin-user-actions[b-71k0tisuo7] {
        justify-content: flex-start;
    }

    .admin-feedback-row footer[b-71k0tisuo7] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-feedback-row footer .arcade-button[b-71k0tisuo7] {
        width: 100%;
    }

    .admin-user-identity[b-71k0tisuo7] {
        min-width: 0;
        flex-basis: 100%;
    }

    .moderation-history-row[b-71k0tisuo7] {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 7px 12px;
    }

    .moderation-history-row > span:nth-of-type(2)[b-71k0tisuo7],
    .moderation-history-row > span:nth-of-type(3)[b-71k0tisuo7],
    .moderation-history-row time[b-71k0tisuo7] {
        display: block;
        grid-column: 2;
    }

    .moderation-history-row time[b-71k0tisuo7] {
        white-space: normal;
    }
}
.admin-preview-controls[b-71k0tisuo7] {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}
.is-admin-preview .admin-layout[b-71k0tisuo7] {
    animation: admin-door-enter-b-71k0tisuo7 0.5s ease-out;
}
@keyframes admin-door-enter-b-71k0tisuo7 {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .is-admin-preview .admin-layout[b-71k0tisuo7] {
        animation: none;
    }
}
/* /Components/Pages/BadgeUnlockPreview.razor.rz.scp.css */
.badge-preview-page[b-ggpz4p78xw] {
    min-height: 100dvh;
    padding: 92px 20px 64px;
}

.badge-preview-shell[b-ggpz4p78xw] {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.badge-preview-header[b-ggpz4p78xw] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / 17%);
}

.badge-preview-header > div[b-ggpz4p78xw] {
    display: grid;
    gap: 10px;
}

.badge-preview-header h1[b-ggpz4p78xw],
.badge-preview-header p[b-ggpz4p78xw] {
    margin: 0;
}

.badge-preview-header p[b-ggpz4p78xw] {
    color: #d8e5ef;
    line-height: 1.55;
}

.badge-preview-kicker[b-ggpz4p78xw] {
    color: #7ff5e0;
    font: 900 0.62rem/1 var(--ui-font);
    letter-spacing: 0.2em;
}

.badge-preview-grid[b-ggpz4p78xw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 28px;
    align-items: start;
}

@media (max-width: 900px) {
    .badge-preview-grid[b-ggpz4p78xw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .badge-preview-page[b-ggpz4p78xw] {
        padding: 78px 9px 36px;
    }
    .badge-preview-shell[b-ggpz4p78xw] {
        padding-inline: 10px;
    }
    .badge-preview-header[b-ggpz4p78xw] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/EventHistory.razor.rz.scp.css */
.history-page[b-d8fxh87qog],
.history-state-page[b-d8fxh87qog] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: #0c1c35;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
}

.history-page[b-d8fxh87qog] {
    --toolbar-height: clamp(132px, 17vh, 164px);
}

.history-state-page[b-d8fxh87qog] {
    display: grid;
    place-content: center;
    gap: 22px;
    text-align: center;
}

.history-header[b-d8fxh87qog] {
    position: fixed;
    z-index: 20;
    top: 12px;
    left: 72px;
    display: flex;
    max-width: min(620px, 48vw);
    align-items: center;
    gap: 8px;
    padding: 5px;
    border: 2px solid white;
    border-radius: 11px;
    background: linear-gradient(180deg, rgb(28 59 96 / 96%), rgb(8 24 48 / 96%));
    box-shadow: 0 4px 0 rgb(0 0 0 / 55%);
}

.history-event-name[b-d8fxh87qog] {
    display: grid;
    min-height: 30px;
    min-width: 0;
    padding: 0 11px;
    overflow: hidden;
    border-radius: 6px;
    background: linear-gradient(180deg, #31dce5, #1398b0);
    place-items: center;
}

.history-link-button[b-d8fxh87qog] {
    display: grid;
    min-height: 31px;
    padding: 0 11px;
    border: 2px solid white;
    border-radius: 7px;
    background: linear-gradient(180deg, #777, #424242);
    box-shadow: 0 2px 0 #171717;
    color: white;
    text-decoration: none;
    place-items: center;
    transition:
        filter 80ms ease,
        transform 80ms ease;
}

.history-live-button[b-d8fxh87qog] {
    background: linear-gradient(180deg, #91eb31, #4cbd12);
    box-shadow: 0 2px 0 #1d600e;
}

.history-results-button[b-d8fxh87qog] {
    background: linear-gradient(180deg, #ffb52f, #dc7416);
    box-shadow: 0 2px 0 #793708;
}

.history-link-button:hover[b-d8fxh87qog] {
    filter: brightness(1.12);
    transform: scale(1.04);
}

.history-controls[b-d8fxh87qog] {
    position: fixed;
    z-index: 20;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    height: var(--toolbar-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.5vw, 24px);
    padding: 15px clamp(14px, 4vw, 52px);
    border-top: 3px solid white;
    background:
        linear-gradient(rgb(6 16 31 / 82%), rgb(3 8 17 / 94%)),
        url("/assets/ui/editor/toolbar/toolbar-background.png") center / cover;
    box-shadow: 0 -5px 0 rgb(0 0 0 / 55%);
}

.history-revision-control[b-d8fxh87qog] {
    display: grid;
    width: min(570px, 46vw);
    justify-items: center;
    gap: 13px;
}

.history-playback-controls[b-d8fxh87qog] {
    display: grid;
    flex: 0 0 auto;
    justify-items: center;
    gap: 9px;
}

.history-playback-button[b-d8fxh87qog] {
    display: grid;
    box-sizing: border-box;
    min-width: 108px;
    min-height: 42px;
    padding: 0 14px;
    border: 3px solid white;
    border-radius: 9px;
    background: linear-gradient(180deg, #91eb31, #4cbd12);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 28%),
        0 4px 0 #1d600e;
    cursor: pointer;
    place-items: center;
    transition:
        filter 80ms ease,
        transform 80ms ease;
}

.history-playback-button.is-playing[b-d8fxh87qog] {
    background: linear-gradient(180deg, #ffb52f, #dc7416);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 28%),
        0 4px 0 #793708;
}

.history-playback-button:hover:not(:disabled)[b-d8fxh87qog] {
    filter: brightness(1.12);
    transform: scale(1.04);
}

.history-playback-button:disabled[b-d8fxh87qog] {
    cursor: default;
    filter: grayscale(1) brightness(0.65);
}

.history-speed-controls[b-d8fxh87qog] {
    display: flex;
    gap: 5px;
}

.history-speed-button[b-d8fxh87qog] {
    display: grid;
    box-sizing: border-box;
    width: 42px;
    min-height: 27px;
    padding: 0;
    border: 2px solid white;
    border-radius: 6px;
    background: linear-gradient(180deg, #596b82, #26374c);
    box-shadow: 0 2px 0 #07101d;
    color: white;
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 900;
    place-items: center;
    text-shadow: 1px 1px 0 #000;
}

.history-speed-button.is-selected[b-d8fxh87qog] {
    background: linear-gradient(180deg, #31dce5, #1398b0);
    box-shadow: 0 2px 0 #075364;
}

.history-revision-details[b-d8fxh87qog] {
    box-sizing: border-box;
    display: flex;
    width: min(300px, 22vw);
    min-height: 78px;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 2px solid white;
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(31 68 111 / 97%), rgb(8 28 55 / 97%));
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 12%),
        0 4px 0 rgb(0 0 0 / 55%);
}

.history-author-avatar[b-d8fxh87qog] {
    box-sizing: border-box;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 3px solid white;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 3px 0 rgb(0 0 0 / 50%);
}

.history-author-link[b-d8fxh87qog] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex: 1;
    gap: 10px;
    color: white;
    text-decoration: none;
}

.history-author-link[href]:hover strong[b-d8fxh87qog] {
    color: #fff16a;
}

.history-author-avatar-default[b-d8fxh87qog] {
    display: grid;
    background: linear-gradient(145deg, #30e1e8, #11649e);
    font-size: 1.3rem;
    font-weight: 900;
    place-items: center;
    text-shadow: 2px 2px 0 #061a33;
}

.history-change-summary[b-d8fxh87qog] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.history-change-summary strong[b-d8fxh87qog],
.history-change-summary span[b-d8fxh87qog] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-change-summary strong[b-d8fxh87qog] {
    font-size: 0.88rem;
    text-shadow: 1px 1px 0 #000;
}

.history-change-summary span[b-d8fxh87qog] {
    color: #cde5ff;
    font-size: 0.68rem;
    font-weight: 800;
}

.history-change-start[b-d8fxh87qog] {
    width: 100%;
    justify-items: center;
    text-align: center;
}

.history-revision-control input[type="range"][b-d8fxh87qog] {
    width: 100%;
    height: 18px;
    margin: 0;
    accent-color: #7ee61d;
    cursor: pointer;
}

.history-step[b-d8fxh87qog] {
    width: clamp(46px, 5vw, 66px);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 4px 1px rgb(0 0 0 / 60%));
    transition:
        filter 80ms ease,
        transform 80ms ease;
}

.history-step img[b-d8fxh87qog] {
    display: block;
    width: 100%;
}

.history-step-next img[b-d8fxh87qog] {
    transform: scaleX(-1);
}

.history-step:hover:not(:disabled)[b-d8fxh87qog] {
    filter: brightness(1.15) drop-shadow(0 4px 1px rgb(0 0 0 / 60%));
    transform: scale(1.08);
}

.history-step:disabled[b-d8fxh87qog] {
    cursor: default;
    filter: grayscale(1) brightness(0.55);
    opacity: 0.65;
}

.history-error[b-d8fxh87qog] {
    position: fixed;
    z-index: 25;
    top: 76px;
    left: 50%;
    max-width: min(90vw, 620px);
    padding: 10px 16px;
    border: 2px solid white;
    border-radius: 9px;
    background: rgb(126 27 27 / 94%);
    box-shadow: 0 3px 0 rgb(0 0 0 / 45%);
    font-weight: 800;
    text-align: center;
    transform: translateX(-50%);
}

@media (max-width: 1180px) {
    .history-controls[b-d8fxh87qog] {
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .history-playback-button[b-d8fxh87qog] {
        min-width: 92px;
    }

    .history-revision-control[b-d8fxh87qog] {
        width: min(460px, 46vw);
    }

    .history-revision-details[b-d8fxh87qog] {
        width: min(250px, 23vw);
        padding: 8px;
    }

    .history-author-avatar[b-d8fxh87qog] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 760px) {
    .history-page[b-d8fxh87qog] {
        --toolbar-height: calc(220px + env(safe-area-inset-bottom));
    }

    .history-header[b-d8fxh87qog] {
        top: calc(59px + env(safe-area-inset-top));
        left: calc(7px + env(safe-area-inset-left));
        max-width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right));
    }

    .history-event-name[b-d8fxh87qog] {
        display: none;
    }

    .history-revision-control[b-d8fxh87qog] {
        width: min(55vw, 520px);
    }

    .history-controls[b-d8fxh87qog] {
        align-content: center;
        flex-wrap: wrap;
        gap: 8px 12px;
        padding: 10px;
    }

    .history-playback-controls[b-d8fxh87qog] {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .history-playback-button[b-d8fxh87qog] {
        min-width: 92px;
        min-height: 44px;
    }

    .history-revision-details[b-d8fxh87qog] {
        width: min(92vw, 380px);
        min-height: 58px;
        order: 5;
    }

    .history-author-avatar[b-d8fxh87qog] {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .history-page[b-d8fxh87qog] {
        --toolbar-height: calc(190px + env(safe-area-inset-bottom));
    }
}
/* /Components/Pages/EventResults.razor.rz.scp.css */
.results-summary[b-ai0ae6zknp],
.results-panel[b-ai0ae6zknp] {
    width: min(var(--ui-width), 100%);
    margin-right: auto;
    margin-left: auto;
}

.results-header > div[b-ai0ae6zknp] {
    min-width: 0;
    flex: 1;
}

.results-event-name[b-ai0ae6zknp] {
    margin-top: 16px;
}

.results-summary[b-ai0ae6zknp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.result-stat[b-ai0ae6zknp] {
    display: grid;
    min-height: 120px;
    gap: 10px;
    align-content: center;
    padding: 20px;
    text-align: center;
}

.result-stat span[b-ai0ae6zknp] {
    color: var(--ui-muted);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.result-stat strong[b-ai0ae6zknp] {
    color: var(--ui-gold);
    font-size: 2rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.results-panel[b-ai0ae6zknp] {
    margin-bottom: 28px;
}

.results-level-preview[b-ai0ae6zknp] {
    --toolbar-height: 0px;
    position: relative;
    height: clamp(300px, 48vh, 520px);
    overflow: hidden;
    border: 1px solid var(--ui-line);
    border-radius: 11px;
    background: #145ab2;
    box-shadow: inset 0 0 0 2px rgb(0 0 0 / 20%);
}

.activity-grid[b-ai0ae6zknp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.activity-grid[b-ai0ae6zknp]  .activity-stat {
    display: grid;
    min-height: 92px;
    gap: 9px;
    align-content: center;
    padding: 14px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
    text-align: center;
}

.activity-grid[b-ai0ae6zknp]  .activity-stat span {
    color: var(--ui-muted);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.activity-grid[b-ai0ae6zknp]  .activity-stat strong {
    color: var(--ui-text);
    font-size: 1.45rem;
    font-variant-numeric: tabular-nums;
}

.contributors-list[b-ai0ae6zknp] {
    display: grid;
    gap: 10px;
}

.contributor-row[b-ai0ae6zknp] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--ui-line);
    border-radius: 11px;
    background: var(--ui-inset);
}

.contributor-rank[b-ai0ae6zknp] {
    min-width: 32px;
    color: var(--ui-gold);
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
}

.contributor-identity[b-ai0ae6zknp] {
    display: flex;
    min-width: 180px;
    align-items: center;
    flex: 1;
    gap: 12px;
    color: var(--ui-text);
    text-decoration: none;
}

.contributor-name[b-ai0ae6zknp] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.contributor-name strong[b-ai0ae6zknp] {
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.contributor-name span[b-ai0ae6zknp],
.contributor-row > span[b-ai0ae6zknp] {
    color: var(--ui-muted);
    font-size: 0.73rem;
}

.contributor-name span[b-ai0ae6zknp] {
    font-size: 0.66rem;
    line-height: 1.5;
}

.contributor-total[b-ai0ae6zknp] {
    color: var(--ui-gold);
    font-weight: 700;
}

.contributor-identity[b-ai0ae6zknp]  .contributor-avatar {
    box-sizing: border-box;
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 2px solid #deedfa;
    border-radius: 50%;
    background: var(--ui-button-cyan);
    object-fit: cover;
    place-items: center;
    box-shadow: 0 3px 0 rgb(0 0 0 / 24%);
}

.contributor-identity[b-ai0ae6zknp]  .contributor-avatar-default {
    font-size: 1rem;
    font-weight: 800;
}

.results-state[b-ai0ae6zknp] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
}

.empty-results[b-ai0ae6zknp] {
    margin: 0;
    padding: 20px 0;
    color: var(--ui-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

@media (hover: hover) and (pointer: fine) {
    .contributor-identity:hover strong[b-ai0ae6zknp] {
        color: var(--ui-cyan);
    }
}

@media (max-width: 800px) {
    .results-summary[b-ai0ae6zknp],
    .activity-grid[b-ai0ae6zknp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .results-summary[b-ai0ae6zknp] {
        gap: 12px;
    }

    .result-stat[b-ai0ae6zknp] {
        min-height: 102px;
        padding: 14px 10px;
    }

    .result-stat span[b-ai0ae6zknp] {
        font-size: 0.59rem;
    }

    .result-stat strong[b-ai0ae6zknp] {
        font-size: 1.7rem;
    }

    .contributor-row[b-ai0ae6zknp] {
        gap: 12px;
        padding: 14px;
    }

    .contributor-identity[b-ai0ae6zknp] {
        min-width: 0;
        flex-basis: calc(100% - 48px);
    }

    .contributor-row > span[b-ai0ae6zknp] {
        font-size: 0.68rem;
    }

    .results-level-preview[b-ai0ae6zknp] {
        height: 300px;
    }
}
/* /Components/Pages/Events.razor.rz.scp.css */
.events-page[b-ivm7fujvu5] {
    background: transparent;
}

.events-header-actions[b-ivm7fujvu5] {
    max-width: 570px;
}

.events-grid[b-ivm7fujvu5],
.upcoming-grid[b-ivm7fujvu5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ui-space);
}

.upcoming-events[b-ivm7fujvu5],
.past-events[b-ivm7fujvu5],
.current-event-banner[b-ivm7fujvu5] {
    width: min(var(--ui-width), 100%);
    margin-right: auto;
    margin-left: auto;
}

.upcoming-events[b-ivm7fujvu5],
.current-event-banner[b-ivm7fujvu5] {
    margin-bottom: 36px;
}

.current-event-banner[b-ivm7fujvu5] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 16px 24px 16px 16px;
    border-color: #a4d282;
    background: linear-gradient(115deg, #203f39, #152c43 65%);
}

.current-event-preview[b-ivm7fujvu5] {
    position: relative;
    flex: 0 0 148px;
    height: 112px;
    overflow: hidden;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background-color: #2565a9;
    background-position: center;
    background-size: cover;
}

.current-event-preview img[b-ivm7fujvu5] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 26px;
    object-fit: cover;
}

.current-event-copy[b-ivm7fujvu5] {
    min-width: 0;
    flex: 1;
}

.current-event-copy .event-card-title[b-ivm7fujvu5] {
    margin-top: 12px;
}

.current-event-copy p[b-ivm7fujvu5] {
    margin: 8px 0 0;
    color: var(--ui-muted);
    font-size: 0.88rem;
}

.current-event-countdown[b-ivm7fujvu5] {
    display: flex;
    width: fit-content;
    align-items: baseline;
    gap: 10px;
    margin-top: 13px;
    padding: 6px 10px;
    border: 1px solid rgb(164 210 130 / 48%);
    border-radius: 7px;
    background: rgb(5 19 33 / 52%);
}

.current-event-countdown span[b-ivm7fujvu5] {
    color: #b9dca4;
    font-size: 0.6rem;
    font-weight: 900;
    letter-spacing: 0.09em;
}

.current-event-countdown strong[b-ivm7fujvu5] {
    color: white;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.03em;
}

.upcoming-card[b-ivm7fujvu5],
.event-card[b-ivm7fujvu5] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    color: var(--ui-text);
    text-decoration: none;
    transition:
        border-color 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease;
}

.upcoming-card.arcade-panel[b-ivm7fujvu5],
.event-card.arcade-panel[b-ivm7fujvu5] {
    padding: 0;
}

.upcoming-card.is-next[b-ivm7fujvu5] {
    border-color: #e9d788;
}

.upcoming-preview[b-ivm7fujvu5],
.event-card-preview[b-ivm7fujvu5] {
    position: relative;
    min-height: 156px;
    overflow: hidden;
    border-bottom: 1px solid var(--ui-line);
    background-color: #2463a1;
    background-position: center;
    background-size: cover;
}

.upcoming-preview[b-ivm7fujvu5]::after,
.event-card-preview[b-ivm7fujvu5]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 15%, rgb(4 15 32 / 32%));
    content: "";
    pointer-events: none;
}

.upcoming-preview img[b-ivm7fujvu5],
.event-card-preview img[b-ivm7fujvu5] {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    object-fit: cover;
}

.event-card-preview .arcade-pill[b-ivm7fujvu5],
.upcoming-badge[b-ivm7fujvu5] {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    padding: 6px 10px;
    border: 1px solid rgb(236 244 255 / 55%);
    border-radius: 7px;
    background: rgb(8 22 40 / 88%);
    color: #e2ecf8;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.is-next .upcoming-badge[b-ivm7fujvu5] {
    border-color: #e9d788;
    color: var(--ui-gold);
}

.upcoming-content[b-ivm7fujvu5],
.event-card-content[b-ivm7fujvu5] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
}

.event-card-title[b-ivm7fujvu5] {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1;
}

.upcoming-content p[b-ivm7fujvu5],
.event-card-description[b-ivm7fujvu5] {
    display: -webkit-box;
    min-height: 44px;
    margin: 0;
    overflow: hidden;
    color: var(--ui-muted);
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.6;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.upcoming-countdown[b-ivm7fujvu5] {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid rgb(233 215 136 / 36%);
    border-radius: 10px;
    background: var(--ui-inset);
    text-align: center;
}

.upcoming-countdown span[b-ivm7fujvu5] {
    color: var(--ui-muted);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.upcoming-countdown strong[b-ivm7fujvu5] {
    color: var(--ui-gold);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.upcoming-content time[b-ivm7fujvu5] {
    color: var(--ui-muted);
    font-size: 0.75rem;
    text-align: center;
}

.upcoming-details[b-ivm7fujvu5],
.event-card-details[b-ivm7fujvu5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
}

.upcoming-details span[b-ivm7fujvu5],
.event-card-details span[b-ivm7fujvu5],
.event-card-details time[b-ivm7fujvu5] {
    padding: 5px 8px;
    border: 1px solid var(--ui-line);
    border-radius: 6px;
    background: var(--ui-inset);
    color: var(--ui-muted);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.event-card-action[b-ivm7fujvu5] {
    align-self: stretch;
    margin-top: 4px;
}

.missing-event-count[b-ivm7fujvu5] {
    color: rgb(200 244 249 / 74%);
    text-shadow: -1px 0 rgb(255 70 181 / 35%), 1px 0 rgb(73 230 255 / 42%);
}

.missing-event-card[b-ivm7fujvu5] {
    border-color: rgb(117 196 211 / 34%);
    background: linear-gradient(145deg, rgb(13 29 42 / 96%), rgb(11 20 31 / 98%));
    animation: missing-event-materialize-b-ivm7fujvu5 620ms cubic-bezier(.2, .8, .2, 1) both;
}

.missing-event-preview[b-ivm7fujvu5] {
    background:
        linear-gradient(rgb(4 14 23 / 35%), rgb(2 8 14 / 80%)),
        radial-gradient(circle at 72% 38%, rgb(77 189 207 / 8%), transparent 28%),
        #050c13;
}

.missing-event-grid[b-ivm7fujvu5] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgb(127 221 231 / 9%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(127 221 231 / 9%) 1px, transparent 1px);
    background-position: 7px 9px;
    background-size: 27px 27px;
    mask-image: linear-gradient(90deg, #000, rgb(0 0 0 / 75%) 55%, transparent 96%);
}

.missing-event-object[b-ivm7fujvu5] {
    position: absolute;
    right: 18%;
    bottom: 31%;
    width: 8px;
    height: 8px;
    border: 1px solid rgb(158 240 247 / 35%);
    opacity: .38;
    transform: rotate(9deg);
}

.missing-event-card .arcade-pill[b-ivm7fujvu5] {
    border-style: dashed;
    color: rgb(216 235 239 / 66%);
}

.missing-event-card .event-card-description[b-ivm7fujvu5] {
    color: rgb(169 190 199 / 62%);
    font-family: monospace;
}

.missing-event-card .event-card-details span[b-ivm7fujvu5] {
    border-style: dashed;
    color: rgb(181 218 224 / 65%);
}

.missing-event-action[b-ivm7fujvu5] {
    border-color: rgb(137 235 246 / 72%);
    background: linear-gradient(#367b87, #164653);
}

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

@keyframes missing-event-materialize-b-ivm7fujvu5 {
    0% { opacity: 0; filter: blur(5px); transform: translateY(-13px) scaleY(.94); }
    55% { opacity: .55; filter: blur(1px); transform: translateY(2px) scaleY(1.01); }
    100% { opacity: 1; filter: none; transform: none; }
}

.events-state[b-ivm7fujvu5] {
    width: min(var(--ui-width), 100%);
    min-height: 360px;
    margin: 0 auto;
}

@media (hover: hover) and (pointer: fine) {
    .event-card:hover[b-ivm7fujvu5] {
        transform: translateY(-4px);
        border-color: var(--ui-cyan);
        box-shadow:
            var(--ui-panel-shadow),
            0 0 20px rgb(80 214 235 / 9%);
    }
}

@media (max-width: 1000px) {
    .events-grid[b-ivm7fujvu5],
    .upcoming-grid[b-ivm7fujvu5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .current-event-banner[b-ivm7fujvu5] {
        flex-wrap: wrap;
    }
}

@media (max-width: 620px) {
    .events-grid[b-ivm7fujvu5],
    .upcoming-grid[b-ivm7fujvu5] {
        grid-template-columns: 1fr;
    }

    .current-event-banner[b-ivm7fujvu5] {
        gap: 16px;
        padding: 16px;
    }

    .current-event-preview[b-ivm7fujvu5] {
        flex-basis: 80px;
        height: 100px;
    }

    .current-event-banner > a[b-ivm7fujvu5] {
        width: 100%;
    }

    .upcoming-content[b-ivm7fujvu5],
    .event-card-content[b-ivm7fujvu5] {
        padding: 18px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.editor-page[b-jrweomdvve] {
    --toolbar-height: clamp(188px, 24vh, 242px);
    position: fixed;
    inset: 0;
    height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
    background: #0c1c35;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
}

.visually-hidden[b-jrweomdvve] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.editor-state-page[b-jrweomdvve] {
    display: grid;
    padding: 76px 18px 28px;
    place-content: center;
    text-align: center;
}

.editor-state-card[b-jrweomdvve] {
    display: grid;
    box-sizing: border-box;
    width: min(620px, calc(100vw - 36px));
    min-height: 270px;
    justify-items: center;
    align-content: center;
    gap: 18px;
    padding: clamp(28px, 5vw, 48px);
}

.editor-state-card p[b-jrweomdvve] {
    max-width: 48ch;
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.94rem;
    line-height: 1.65;
}

.editor-state-actions[b-jrweomdvve] {
    justify-content: center;
}

.google-login[b-jrweomdvve] {
    color: white;
    font-weight: 800;
    text-decoration: none;
}

.google-login[b-jrweomdvve] {
    padding: 9px 15px;
    border: 2px solid white;
    border-radius: 8px;
    background: #52c928;
    box-shadow: 0 3px 0 #1e6410;
}

.editor-auth-guard[b-jrweomdvve] {
    position: fixed;
    z-index: 19;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--toolbar-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: rgb(7 7 10 / 88%);
}

.event-end-clock[b-jrweomdvve] {
    position: fixed;
    z-index: 18;
    top: calc(76px + env(safe-area-inset-top));
    left: calc(14px + env(safe-area-inset-left));
    display: grid;
    width: 108px;
    box-sizing: border-box;
    gap: 4px;
    padding: 8px 6px 9px;
    border: 3px solid #f2f2f2;
    border-radius: 8px;
    background:
        linear-gradient(rgb(0 0 0 / 8%), rgb(0 0 0 / 8%)),
        url("/assets/ui/editor/toolbar/toolbar-background.png") center / auto 100%;
    box-shadow:
        0 0 0 2px #08090c,
        0 5px 0 #08090c;
    text-align: center;
    pointer-events: none;
}

.event-end-label[b-jrweomdvve] {
    display: flex;
    justify-content: center;
}

.event-end-clock strong[b-jrweomdvve] {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 1000;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.025em;
    line-height: 1.15;
    text-shadow:
        1px 2px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000;
}

.admin-area-selection-help[b-jrweomdvve] {
    position: fixed;
    z-index: 18;
    right: clamp(12px, 2.2vw, 34px);
    bottom: calc(var(--toolbar-height) + 116px);
    display: grid;
    min-width: 176px;
    min-height: 36px;
    box-sizing: border-box;
    padding: 7px 12px;
    border: 3px solid #f2f2f2;
    border-radius: 8px;
    background: url("/assets/ui/editor/toolbar/toolbar-background.png") center / auto 100%;
    box-shadow: 0 0 0 2px #08090c, 0 5px 0 #08090c;
    place-items: center;
    pointer-events: none;
}

.editor-persistence-message[b-jrweomdvve] {
    position: fixed;
    z-index: 31;
    top: 72px;
    left: 50%;
    max-width: min(90vw, 620px);
    padding: 10px 16px;
    border: 2px solid white;
    border-radius: 9px;
    background: rgb(126 27 27 / 94%);
    box-shadow: 0 3px 0 rgb(0 0 0 / 45%);
    font-weight: 700;
    text-align: center;
    transform: translateX(-50%);
}

.recent-overwrite-backdrop[b-jrweomdvve] {
    position: fixed;
    z-index: 200;
    inset: 0;
    display: grid;
    padding: 20px;
    background: rgb(2 8 18 / 68%);
    backdrop-filter: blur(4px);
    place-items: center;
}

.recent-overwrite-dialog[b-jrweomdvve] {
    box-sizing: border-box;
    width: min(520px, 100%);
    padding: 24px;
    border: 4px solid white;
    border-radius: 16px;
    background: #a95834;
    box-shadow:
        inset 0 0 0 3px #6b301d,
        0 8px 0 rgb(0 0 0 / 60%);
    color: white;
    text-align: center;
}

.recent-overwrite-dialog p[b-jrweomdvve] {
    margin: 15px 0 0;
    font-size: 1rem;
    font-weight: 800;
    text-shadow: 1px 2px 0 #3a170d;
}

.recent-overwrite-dialog p + p[b-jrweomdvve] {
    margin-top: 5px;
}

.recent-overwrite-actions[b-jrweomdvve] {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 23px;
}

.recent-overwrite-actions button[b-jrweomdvve] {
    display: grid;
    min-width: 145px;
    min-height: 44px;
    padding: 0 14px;
    border: 2px solid white;
    border-radius: 9px;
    color: white;
    cursor: pointer;
    place-items: center;
}

.recent-overwrite-cancel[b-jrweomdvve] {
    background: linear-gradient(180deg, #ff6d5d, #cf2f2f);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 20%),
        0 4px 0 #701919;
}

.recent-overwrite-confirm[b-jrweomdvve] {
    background: linear-gradient(180deg, #91eb31, #4cbd12);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 22%),
        0 4px 0 #1d600e;
}

.administrative-delete-confirm[b-jrweomdvve] {
    background: linear-gradient(180deg, #ff6654, #b91f27);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 18%),
        0 4px 0 #671018;
}

.recent-overwrite-actions button:hover:not(:disabled)[b-jrweomdvve] {
    filter: brightness(1.12);
    transform: scale(1.03);
}

.recent-overwrite-actions button:disabled[b-jrweomdvve] {
    cursor: wait;
    filter: grayscale(0.7);
}

@media (max-width: 760px) {
    .editor-page[b-jrweomdvve] {
        --toolbar-height: calc(278px + env(safe-area-inset-bottom));
    }

    .editor-auth-guard[b-jrweomdvve] {
        box-sizing: border-box;
        flex-direction: column;
        gap: 12px;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .event-end-clock[b-jrweomdvve] {
        top: calc(70px + env(safe-area-inset-top));
        left: calc(8px + env(safe-area-inset-left));
        width: 102px;
        padding: 6px 7px 7px;
    }

    .admin-area-selection-help[b-jrweomdvve] {
        right: 7px;
        bottom: calc(var(--toolbar-height) + 84px);
        min-width: 140px;
        min-height: 30px;
        padding: 5px 8px;
    }

    .editor-persistence-message[b-jrweomdvve] {
        top: calc(65px + env(safe-area-inset-top));
        width: calc(100vw - 90px);
        padding: 8px 10px;
        font-size: 0.78rem;
    }

    .recent-overwrite-backdrop[b-jrweomdvve] {
        padding: 12px;
    }

    .recent-overwrite-dialog[b-jrweomdvve] {
        max-height: calc(100dvh - 24px);
        padding: 20px 14px;
        overflow-y: auto;
    }

    .recent-overwrite-actions[b-jrweomdvve] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .recent-overwrite-actions button[b-jrweomdvve] {
        width: 100%;
        min-height: 48px;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .editor-page[b-jrweomdvve] {
        --toolbar-height: calc(184px + env(safe-area-inset-bottom));
    }
}
/* /Components/Pages/Leaderboard.razor.rz.scp.css */
.leaderboard-panel[b-f7xoas02ct] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
}
.leaderboard-filter[b-f7xoas02ct] {
    display: grid;
    position: relative;
    z-index: 5;
    width: min(820px, 100%);
    grid-template-columns: minmax(280px, 1.15fr) minmax(235px, 0.85fr);
    align-items: end;
    gap: 13px;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid rgb(116 158 188 / 28%);
    border-radius: 14px;
    background:
        linear-gradient(110deg, rgb(42 82 109 / 18%), transparent 58%),
        rgb(8 24 40 / 35%);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 5%),
        0 4px 0 rgb(3 13 23 / 18%);
}

.leaderboard-filter[b-f7xoas02ct]  .arcade-dropdown {
    display: grid;
    min-width: 0;
}

.leaderboard-list[b-f7xoas02ct] {
    display: grid;
    gap: 13px;
}

.leaderboard-row[b-f7xoas02ct] {
    position: relative;
    display: grid;
    grid-template-columns: 62px minmax(220px, 1.15fr) minmax(510px, 2fr);
    align-items: center;
    gap: 18px;
    padding: 14px 16px 14px 12px;
    overflow: hidden;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background:
        linear-gradient(90deg, rgb(52 91 119 / 18%), transparent 34%),
        var(--ui-inset);
    color: var(--ui-text);
    text-decoration: none;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 5%),
        0 5px 0 rgb(3 12 22 / 28%);
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        background 140ms ease,
        border-color 140ms ease;
}

.leaderboard-row.is-event-ranking[b-f7xoas02ct] {
    grid-template-columns: 62px minmax(220px, 1.15fr) minmax(440px, 2fr);
}

.leaderboard-row[b-f7xoas02ct]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #567794;
    content: "";
    opacity: 0.65;
}

.leaderboard-rank-1[b-f7xoas02ct] {
    border-color: #c9ac4c;
    background:
        radial-gradient(circle at 8% 50%, rgb(255 221 101 / 18%), transparent 24%),
        linear-gradient(108deg, #4b4022, #182b40 58%, #13263d);
    box-shadow:
        inset 0 1px 0 rgb(255 241 176 / 22%),
        0 5px 0 rgb(44 32 5 / 42%),
        0 12px 28px rgb(0 0 0 / 20%);
}

.leaderboard-rank-1[b-f7xoas02ct]::before {
    background: #ffdc65;
    box-shadow: 0 0 13px rgb(255 220 101 / 58%);
}

.leaderboard-rank-2[b-f7xoas02ct] {
    border-color: #849bae;
    background:
        radial-gradient(circle at 8% 50%, rgb(210 229 242 / 13%), transparent 23%),
        linear-gradient(108deg, #34495b, #14283e 58%);
}

.leaderboard-rank-2[b-f7xoas02ct]::before {
    background: #c8d9e5;
}

.leaderboard-rank-3[b-f7xoas02ct] {
    border-color: #b78861;
    background:
        radial-gradient(circle at 8% 50%, rgb(218 145 91 / 15%), transparent 23%),
        linear-gradient(108deg, #4b352b, #15283e 58%);
}

.leaderboard-rank-3[b-f7xoas02ct]::before {
    background: #d58f5b;
}

.leaderboard-rank[b-f7xoas02ct] {
    display: grid;
    align-content: center;
    gap: 4px;
    color: var(--ui-gold);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.leaderboard-rank > span[b-f7xoas02ct] {
    font-size: 1.25rem;
}

.leaderboard-rank > small[b-f7xoas02ct] {
    color: var(--ui-muted);
    font-size: 0.47rem;
    letter-spacing: 0.08em;
}

.leaderboard-player[b-f7xoas02ct] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    gap: 14px;
    padding-right: 18px;
    border-right: 1px solid rgb(121 157 185 / 16%);
}

.leaderboard-avatar-shell[b-f7xoas02ct] {
    display: grid;
    width: 58px;
    height: 58px;
    border: 1px solid rgb(220 238 251 / 28%);
    border-radius: 15px;
    background: rgb(7 18 31 / 42%);
    box-shadow: inset 0 0 0 3px rgb(255 255 255 / 4%);
    place-items: center;
}

.leaderboard-avatar[b-f7xoas02ct] {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: 2px solid #deedfa;
    border-radius: 50%;
    background: var(--ui-button-cyan);
    object-fit: cover;
    box-shadow: 0 3px 0 rgb(0 0 0 / 24%);
}

.leaderboard-avatar-default[b-f7xoas02ct] {
    display: grid;
    font-size: 1.1rem;
    font-weight: 800;
    place-items: center;
}

.leaderboard-name[b-f7xoas02ct] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.leaderboard-name-heading[b-f7xoas02ct] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.leaderboard-name-heading > strong[b-f7xoas02ct] {
    color: #fff;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.leaderboard-level[b-f7xoas02ct] {
    --level-emblem-size: 52px;
    --level-text-scale: 0.55;
    display: inline-flex;
    flex: none;
    align-items: center;
}

.leaderboard-player-subtitle[b-f7xoas02ct],
.leaderboard-value > span[b-f7xoas02ct] {
    color: var(--ui-muted);
    font-size: 0.65rem;
    line-height: 1.5;
}

.leaderboard-player-subtitle[b-f7xoas02ct] {
    letter-spacing: 0.08em;
}

.leaderboard-value[b-f7xoas02ct] {
    display: grid;
    min-width: 0;
    gap: 5px;
    text-align: center;
}

.leaderboard-stats[b-f7xoas02ct] {
    display: grid;
    grid-template-columns: repeat(6, minmax(64px, 1fr));
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgb(121 157 185 / 23%);
    border-radius: 10px;
    background: rgb(6 18 31 / 34%);
}

.leaderboard-row.is-event-ranking .leaderboard-stats[b-f7xoas02ct] {
    grid-template-columns: repeat(5, minmax(64px, 1fr));
}

.leaderboard-value > strong[b-f7xoas02ct] {
    color: var(--ui-text);
    font-size: 1.06rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    text-shadow: 0 0 12px rgb(193 232 255 / 8%);
}

.leaderboard-value[b-f7xoas02ct] {
    align-content: center;
    padding: 10px 7px;
    border-left: 1px solid rgb(121 157 185 / 18%);
}

.leaderboard-value:first-child[b-f7xoas02ct] {
    border-left: 0;
}

.leaderboard-xp > strong[b-f7xoas02ct] {
    color: var(--ui-cyan);
}

.leaderboard-badges > strong[b-f7xoas02ct] {
    color: var(--ui-gold);
}

.leaderboard-state[b-f7xoas02ct] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
}

.leaderboard-empty[b-f7xoas02ct] {
    margin: 0;
    padding: 40px 16px;
    color: var(--ui-muted);
    font-size: 0.9rem;
    text-align: center;
}

@media (hover: hover) and (pointer: fine) {
    .leaderboard-row:hover[b-f7xoas02ct] {
        border-color: var(--ui-cyan);
        background:
            linear-gradient(90deg, rgb(63 139 174 / 18%), transparent 45%),
            rgb(26 59 82 / 64%);
        box-shadow:
            inset 0 1px 0 rgb(255 255 255 / 8%),
            0 7px 0 rgb(3 12 22 / 30%),
            0 14px 28px rgb(0 0 0 / 18%),
            0 0 20px rgb(70 209 243 / 7%);
        transform: translateY(-2px);
    }

    .leaderboard-rank-1:hover[b-f7xoas02ct] {
        border-color: #e4c35b;
        background:
            radial-gradient(circle at 8% 50%, rgb(255 221 101 / 21%), transparent 25%),
            linear-gradient(108deg, #554823, #1b3045 58%, #14293f);
    }

    .leaderboard-rank-2:hover[b-f7xoas02ct] {
        border-color: #aabfce;
    }

    .leaderboard-rank-3:hover[b-f7xoas02ct] {
        border-color: #d09a6d;
    }
}

@media (max-width: 1120px) {
    .leaderboard-row[b-f7xoas02ct] {
        grid-template-columns: 52px minmax(190px, 0.9fr) minmax(430px, 1.8fr);
        gap: 13px;
    }

    .leaderboard-row.is-event-ranking[b-f7xoas02ct] {
        grid-template-columns: 52px minmax(190px, 0.9fr) minmax(380px, 1.8fr);
    }

    .leaderboard-player[b-f7xoas02ct] {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 10px;
    }

    .leaderboard-avatar-shell[b-f7xoas02ct] {
        width: 50px;
        height: 50px;
    }

    .leaderboard-avatar[b-f7xoas02ct] {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 880px) {
    .leaderboard-filter[b-f7xoas02ct] {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .leaderboard-row[b-f7xoas02ct] {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 14px 12px;
        gap: 12px;
    }

    .leaderboard-row.is-event-ranking[b-f7xoas02ct] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .leaderboard-stats[b-f7xoas02ct] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .leaderboard-row.is-event-ranking .leaderboard-stats[b-f7xoas02ct] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .leaderboard-value[b-f7xoas02ct],
    .leaderboard-value:first-child[b-f7xoas02ct] {
        border-top: 1px solid rgb(121 157 185 / 18%);
        border-left: 1px solid rgb(121 157 185 / 18%);
    }

    .leaderboard-name-heading > strong[b-f7xoas02ct] {
        font-size: 0.88rem;
    }

    .leaderboard-player-subtitle[b-f7xoas02ct] {
        font-size: 0.62rem;
    }

    .leaderboard-player[b-f7xoas02ct] {
        padding-right: 0;
        border-right: 0;
    }
}

@media (max-width: 520px) {
    .leaderboard-filter[b-f7xoas02ct] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .leaderboard-row[b-f7xoas02ct],
    .leaderboard-row.is-event-ranking[b-f7xoas02ct] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .leaderboard-player[b-f7xoas02ct] {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .leaderboard-avatar-shell[b-f7xoas02ct] {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .leaderboard-avatar[b-f7xoas02ct] {
        width: 37px;
        height: 37px;
    }

    .leaderboard-level[b-f7xoas02ct] {
        --level-emblem-size: 46px;
    }

    .leaderboard-stats[b-f7xoas02ct],
    .leaderboard-row.is-event-ranking .leaderboard-stats[b-f7xoas02ct] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/LimboQuest.razor.rz.scp.css */
.limbo-page[b-fdb230elnb] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 90px 18px 48px;
}
.limbo-shell[b-fdb230elnb] {
    width: min(820px, 100%);
    min-height: 520px;
    text-align: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 0, #173348, #07121f 58%, #030810);
    border-color: #89f7d2;
    box-shadow:
        0 0 0 5px #030810,
        0 0 45px #40ffd52b;
}
.limbo-shell header[b-fdb230elnb] {
    display: grid;
    gap: 12px;
    justify-items: center;
    margin-bottom: 30px;
}
.limbo-kicker[b-fdb230elnb] {
    color: #8fffe0;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.3em;
}
.limbo-message[b-fdb230elnb] {
    display: grid;
    justify-items: center;
    gap: 18px;
    margin: 80px auto;
    max-width: 580px;
    color: #d8e5ef;
    line-height: 1.7;
}
.limbo-game[b-fdb230elnb] {
    display: grid;
    justify-items: center;
    gap: 22px;
}
.limbo-game h2[b-fdb230elnb] {
    margin: 0;
    color: #fff;
    letter-spacing: 0.12em;
}
.limbo-game > p[b-fdb230elnb] {
    min-height: 28px;
    margin: 0;
    color: #a9bbca;
}
.limbo-choice-timer[b-fdb230elnb] {
    display: inline-block;
    min-width: 4.5rem;
    margin-left: 0.6rem;
    padding: 0.1rem 0.45rem;
    border: 1px solid #f8dc86;
    border-radius: 0.4rem;
    background: #48311a;
    color: #ffe8a0;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.limbo-keys[b-fdb230elnb] {
    position: relative;
    width: min(640px, 94%);
    aspect-ratio: 4 / 1.65;
}
.limbo-key[b-fdb230elnb] {
    position: absolute;
    left: calc(var(--key-column) * 25%);
    top: calc(var(--key-row) * 50%);
    width: 25%;
    height: 50%;
    padding: 14px;
    border: 0;
    background: transparent;
    transition:
        left 0.29s ease-in-out,
        top 0.29s ease-in-out,
        filter 0.18s,
        transform 0.18s;
}
.limbo-key:not(:disabled)[b-fdb230elnb] {
    cursor: pointer;
}
.limbo-key img[b-fdb230elnb] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 6px 2px #0009) brightness(0.75);
}
.limbo-key.is-correct img[b-fdb230elnb] {
    filter: drop-shadow(0 0 14px #20ff62) brightness(1.4) sepia(1) saturate(6) hue-rotate(68deg);
    transform: scale(1.09);
}
.limbo-keys.is-moving .limbo-key img[b-fdb230elnb] {
    animation: key-rattle-b-fdb230elnb 0.26s ease-in-out infinite alternate;
}
.limbo-echo[b-fdb230elnb] {
    display: grid;
    grid-template-columns: repeat(2, 120px);
    gap: 18px;
}
.limbo-echo button[b-fdb230elnb] {
    width: 120px;
    aspect-ratio: 1;
    border: 4px solid #dff5ff;
    border-radius: 20px;
    filter: brightness(0.42);
    box-shadow:
        inset 0 0 22px #0009,
        0 7px 0 #020911;
    transition: 0.12s;
}
.limbo-echo button:not(:disabled)[b-fdb230elnb] {
    cursor: pointer;
}
.limbo-echo button.is-lit[b-fdb230elnb],
.limbo-echo button:active[b-fdb230elnb] {
    filter: brightness(1.55);
    transform: translateY(4px);
    box-shadow: 0 0 28px currentColor;
}
.echo-0[b-fdb230elnb] {
    background: #ff3e72;
    color: #ff3e72;
}
.echo-1[b-fdb230elnb] {
    background: #26e9ff;
    color: #26e9ff;
}
.echo-2[b-fdb230elnb] {
    background: #b0ff3e;
    color: #b0ff3e;
}
.echo-3[b-fdb230elnb] {
    background: #a15cff;
    color: #a15cff;
}
.needle-track[b-fdb230elnb] {
    position: relative;
    width: min(650px, 92%);
    height: 44px;
    border: 3px solid #dceeff;
    border-radius: 24px;
    background: #06111e;
    overflow: hidden;
    box-shadow: inset 0 0 12px #000;
}
.needle-zone[b-fdb230elnb] {
    position: absolute;
    left: 42%;
    width: 16%;
    inset-block: 0;
    background: #48ff7190;
    box-shadow: 0 0 20px #48ff71;
}
.needle-marker[b-fdb230elnb] {
    position: absolute;
    left: 0;
    top: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 14px #40dfff;
    animation: needle-run-b-fdb230elnb var(--needle-speed) linear infinite alternate;
}
.limbo-final[b-fdb230elnb] {
    max-width: 480px;
    margin: 0 auto;
}
.limbo-final input[b-fdb230elnb] {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: 0.25em;
}
.limbo-error[b-fdb230elnb] {
    min-height: 24px;
    color: #ffb98d;
}
.limbo-complete[b-fdb230elnb] {
    display: grid;
    justify-items: center;
    gap: 18px;
    --badge-emblem-size: 180px;
    color: #dbefff;
}
@keyframes key-rattle-b-fdb230elnb {
    to {
        transform: rotate(3deg) scale(1.03);
    }
}
@keyframes needle-run-b-fdb230elnb {
    to {
        left: calc(100% - 30px);
    }
}
@media (max-width: 560px) {
    .limbo-page[b-fdb230elnb] {
        padding-inline: 8px;
    }
    .limbo-shell[b-fdb230elnb] {
        padding-inline: 12px;
    }
    .limbo-key[b-fdb230elnb] {
        padding: 6px;
    }
    .limbo-echo[b-fdb230elnb] {
        grid-template-columns: repeat(2, 92px);
    }
    .limbo-echo button[b-fdb230elnb] {
        width: 92px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .limbo-keys.is-moving .limbo-key img[b-fdb230elnb] {
        animation: none;
    }
    .needle-marker[b-fdb230elnb] {
        animation-duration: calc(var(--needle-speed) * 1.7);
    }
}
.badge-reward-link[b-fdb230elnb] {
    display: inline-flex;
    border-radius: 50%;
    color: inherit;
    transition: filter 160ms ease, transform 160ms ease;
}

.badge-reward-link:hover[b-fdb230elnb],
.badge-reward-link:focus-visible[b-fdb230elnb] {
    filter: brightness(1.18);
    transform: translateY(-2px);
}

.badge-reward-link:focus-visible[b-fdb230elnb] {
    outline: 3px solid #75ffe1;
    outline-offset: 5px;
}
/* /Components/Pages/MissingEventEditor.razor.rz.scp.css */
.missing-editor-page[b-ztdalqplnm] {
    --toolbar-height: clamp(188px, 24vh, 242px);
    --missing-depth: 0;
    position: fixed;
    inset: 0;
    height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
    background: #0c1c35;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    transition: filter 900ms ease;
}

.missing-editor-depth[b-ztdalqplnm] {
    position: fixed;
    z-index: 4;
    inset: 0 0 var(--toolbar-height);
    background:
        linear-gradient(90deg, transparent 72%, rgb(2 10 18 / 12%)),
        radial-gradient(ellipse at 82% 45%, rgb(94 218 231 / 4%), transparent 32%);
    opacity: calc(var(--missing-depth) * .82);
    pointer-events: none;
    transition: opacity 700ms ease;
}

.missing-editor-page[b-ztdalqplnm]::after {
    position: fixed;
    z-index: 4;
    inset: 0 0 var(--toolbar-height);
    background:
        repeating-linear-gradient(90deg, transparent 0 8.8%, rgb(105 224 238 / 5%) 8.86% 8.91%),
        linear-gradient(112deg, transparent 0 61%, rgb(1 8 15 / 12%) 72%, transparent 87%);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 900ms ease;
}

.missing-depth-8[b-ztdalqplnm]::after,
.missing-depth-9[b-ztdalqplnm]::after,
.missing-depth-10[b-ztdalqplnm]::after { opacity: .18; }

.missing-depth-11[b-ztdalqplnm]::after,
.missing-depth-12[b-ztdalqplnm]::after,
.missing-depth-13[b-ztdalqplnm]::after { opacity: .34; }

.missing-depth-14[b-ztdalqplnm]::after,
.missing-depth-15[b-ztdalqplnm]::after,
.missing-depth-16[b-ztdalqplnm]::after { opacity: .58; }

.missing-depth-10[b-ztdalqplnm],
.missing-depth-11[b-ztdalqplnm],
.missing-depth-12[b-ztdalqplnm] { filter: saturate(.94) brightness(.98); }

.missing-depth-13[b-ztdalqplnm],
.missing-depth-14[b-ztdalqplnm] { filter: saturate(.84) brightness(.94); }

.missing-depth-15[b-ztdalqplnm],
.missing-depth-16[b-ztdalqplnm] { filter: saturate(.7) brightness(.88) hue-rotate(3deg); }

.missing-depth-7[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-8[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-9[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-10[b-ztdalqplnm]  .timeline-track.is-disabled {
    opacity: .62;
}

.missing-depth-11[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-12[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-13[b-ztdalqplnm]  .timeline-track.is-disabled {
    opacity: .42;
    transform: scaleX(.992);
}

.missing-depth-14[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-15[b-ztdalqplnm]  .timeline-track.is-disabled,
.missing-depth-16[b-ztdalqplnm]  .timeline-track.is-disabled {
    opacity: .25;
    transform: scaleX(.975) skewX(-.3deg);
}

.missing-editor-page.is-unthreading[b-ztdalqplnm] {
    animation: missing-editor-unthread-b-ztdalqplnm 850ms cubic-bezier(.5, 0, .7, 1) both;
}

.missing-editor-page.is-unthreading .missing-editor-depth[b-ztdalqplnm] {
    background:
        repeating-linear-gradient(90deg, transparent 0 11%, rgb(114 234 243 / 12%) 11.15% 11.3%),
        linear-gradient(90deg, transparent, rgb(2 9 16 / 74%));
    animation: missing-grid-continue-b-ztdalqplnm 850ms ease-in both;
}

@keyframes missing-editor-unthread-b-ztdalqplnm {
    0% { filter: none; }
    62% { filter: saturate(.78) brightness(.88); }
    100% { filter: saturate(.58) brightness(.68); }
}

@keyframes missing-grid-continue-b-ztdalqplnm {
    from { opacity: 0; transform: translateX(7%); }
    to { opacity: 1; transform: translateX(-3%); }
}

@media (max-width: 760px) {
    .missing-editor-page[b-ztdalqplnm] { --toolbar-height: clamp(214px, 35vh, 276px); }
}

@media (prefers-reduced-motion: reduce) {
    .missing-editor-page[b-ztdalqplnm],
    .missing-editor-depth[b-ztdalqplnm] { animation-duration: 80ms !important; }
}
/* /Components/Pages/PlayerProfile.razor.rz.scp.css */
.player-hero[b-cib5y42kgr] {
    position: relative;
    gap: 24px;
    margin-bottom: 28px;
    padding: 24px 26px;
    overflow: hidden;
    border: 1px solid #668aa5;
    border-radius: 18px;
    background:
        radial-gradient(circle at 10% 50%, rgb(84 222 255 / 12%), transparent 26%),
        linear-gradient(125deg, rgb(31 67 94 / 96%), rgb(18 37 58 / 96%));
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 10%),
        inset 0 0 38px rgb(35 112 151 / 9%),
        0 7px 0 rgb(3 14 25 / 30%),
        0 18px 36px rgb(0 0 0 / 15%);
}

.player-hero[b-cib5y42kgr]::before {
    position: absolute;
    top: -34px;
    right: 34%;
    width: 92px;
    height: 92px;
    border: 2px solid rgb(116 221 255 / 7%);
    box-shadow: 74px 64px 0 -18px rgb(110 214 255 / 4%);
    transform: rotate(45deg);
    content: "";
    pointer-events: none;
}

.player-hero[b-cib5y42kgr]::after {
    position: absolute;
    right: 18%;
    bottom: -46px;
    width: 170px;
    height: 86px;
    border: 2px solid rgb(111 225 255 / 10%);
    transform: rotate(-12deg);
    content: "";
    pointer-events: none;
}

.player-identity[b-cib5y42kgr] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 24px;
}

.player-avatar-shell[b-cib5y42kgr] {
    display: grid;
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    border: 1px solid rgb(190 235 255 / 24%);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgb(61 160 204 / 30%) 0 52%, transparent 53%),
        linear-gradient(145deg, rgb(11 32 51 / 88%), rgb(24 62 86 / 74%));
    box-shadow:
        inset 0 0 0 5px rgb(5 21 35 / 28%),
        0 6px 0 rgb(3 13 23 / 24%),
        0 0 24px rgb(67 211 255 / 12%);
    place-items: center;
}

.player-identity-copy[b-cib5y42kgr] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.player-identity p[b-cib5y42kgr] {
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.8rem;
}

.player-profile-kicker[b-cib5y42kgr] {
    color: var(--ui-cyan);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.16em;
}

.player-profile-kickers[b-cib5y42kgr] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.player-first-completion[b-cib5y42kgr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 5px;
    border: 1px solid #f7cf55;
    border-radius: 6px;
    background: linear-gradient(180deg, #72531e, #3e2a10);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 24%),
        0 2px 0 #1d1207,
        0 0 12px rgb(255 207 74 / 15%);
    color: #fff1a1;
    font-size: 0.53rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1;
}

.player-first-completion > b[b-cib5y42kgr] {
    display: grid;
    width: 22px;
    height: 18px;
    border: 1px solid #fff0a0;
    border-radius: 4px;
    background: #d99520;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 28%);
    color: #291707;
    font-size: 0.61rem;
    place-items: center;
}

.player-name-row[b-cib5y42kgr] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.player-level-chip[b-cib5y42kgr] {
    border-color: rgb(255 225 107 / 45%);
    background: rgb(127 86 28 / 35%);
    color: var(--ui-gold);
    box-shadow: 0 0 14px rgb(255 217 95 / 10%);
}

.player-avatar[b-cib5y42kgr] {
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    flex: none;
    border: 3px solid #dff7ff;
    box-shadow:
        0 0 0 4px rgb(57 133 177 / 42%),
        0 5px 0 rgb(3 14 25 / 34%),
        0 0 24px rgb(64 211 255 / 18%);
}

.player-navigation[b-cib5y42kgr] {
    position: relative;
    z-index: 1;
    align-self: center;
    padding: 10px;
    border: 1px solid rgb(122 167 197 / 20%);
    border-radius: 13px;
    background: rgb(7 23 39 / 24%);
    box-shadow: inset 0 1px rgb(255 255 255 / 4%);
}

.player-avatar-default[b-cib5y42kgr] {
    display: grid;
    color: white;
    font-size: 2.2rem;
    font-weight: 800;
    place-items: center;
}

.player-progression[b-cib5y42kgr],
.player-summary[b-cib5y42kgr],
.player-panel[b-cib5y42kgr] {
    width: min(var(--ui-width), 100%);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 28px;
}

.player-progression[b-cib5y42kgr] {
    display: grid;
    grid-template-columns: 126px minmax(0, 720px);
    min-height: 178px;
    align-items: center;
    justify-content: center;
    gap: 30px;
    border-color: #83acc7;
    background:
        radial-gradient(circle at 11% 50%, rgb(104 229 255 / 14%), transparent 26%),
        linear-gradient(120deg, #244a64, #172f49 52%, #13243b);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 10%),
        0 8px 0 rgb(4 15 26 / 30%),
        0 18px 42px rgb(0 0 0 / 16%);
}

.player-level-medal[b-cib5y42kgr] {
    --level-emblem-size: 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 10px 8px rgb(0 0 0 / 28%)) drop-shadow(0 0 16px rgb(255 214 83 / 16%));
}

.player-xp-card[b-cib5y42kgr] {
    display: grid;
    min-width: 0;
    gap: 13px;
    padding: 20px 22px;
    border: 1px solid rgb(139 190 220 / 38%);
    border-radius: 15px;
    background:
        linear-gradient(110deg, rgb(9 27 45 / 78%), rgb(15 38 59 / 66%)),
        repeating-linear-gradient(135deg, transparent 0 14px, rgb(120 215 255 / 3%) 14px 15px);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 7%),
        0 5px 0 rgb(4 15 26 / 24%);
}

.player-xp-title[b-cib5y42kgr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 5px 16px;
}

.player-xp-title > span[b-cib5y42kgr] {
    grid-column: 1 / -1;
    color: var(--ui-cyan);
    font-size: 0.57rem;
    font-weight: 900;
    letter-spacing: 0.13em;
}

.player-xp-title > strong[b-cib5y42kgr] {
    color: #fff;
    font-size: 1.15rem;
    letter-spacing: 0.04em;
}

.player-xp-title > small[b-cib5y42kgr] {
    color: var(--ui-muted);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.progress-heading[b-cib5y42kgr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 12px;
    color: var(--ui-text);
    font-size: 0.85rem;
}

.progress-heading span[b-cib5y42kgr] {
    color: var(--ui-gold);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.6;
}

.progress-track[b-cib5y42kgr] {
    box-sizing: border-box;
    height: 24px;
    padding: 3px;
    overflow: hidden;
    border: 2px solid #91b3cd;
    border-radius: 999px;
    background: linear-gradient(180deg, #132a41, #0e2034);
    box-shadow:
        inset 0 2px 4px rgb(0 0 0 / 34%),
        0 1px 0 rgb(255 255 255 / 7%);
}

.progress-track > span[b-cib5y42kgr] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #51ca62, #84ef66 58%, #dff675);
    box-shadow:
        inset 0 2px 0 rgb(255 255 255 / 34%),
        0 0 13px rgb(111 237 102 / 35%);
    transition: width 240ms ease;
}

.player-xp-footnote[b-cib5y42kgr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--ui-muted);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.player-summary[b-cib5y42kgr] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.player-summary[b-cib5y42kgr]  .stat-card {
    --stat-accent: var(--ui-cyan);
    box-sizing: border-box;
    display: grid;
    position: relative;
    min-height: 104px;
    align-content: center;
    gap: 9px;
    padding: 14px 8px;
    overflow: hidden;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    background:
        radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--stat-accent) 14%, transparent), transparent 55%),
        linear-gradient(145deg, #1e3b55, #14283e);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 6%),
        0 5px 0 rgb(0 0 0 / 24%);
    text-align: center;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.player-summary[b-cib5y42kgr]  .stat-card::after {
    position: absolute;
    right: 18%;
    bottom: -4px;
    left: 18%;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--stat-accent);
    box-shadow: 0 0 10px color-mix(in srgb, var(--stat-accent) 48%, transparent);
    content: "";
    opacity: 0.7;
}

.player-summary[b-cib5y42kgr]  .stat-card:nth-child(2) {
    --stat-accent: #76f197;
}

.player-summary[b-cib5y42kgr]  .stat-card:nth-child(3) {
    --stat-accent: #c993ff;
}

.player-summary[b-cib5y42kgr]  .stat-card:nth-child(4) {
    --stat-accent: #ffd46f;
}

.player-summary[b-cib5y42kgr]  .stat-card:nth-child(5) {
    --stat-accent: #7aaeff;
}

.player-summary[b-cib5y42kgr]  .stat-card:nth-child(6) {
    --stat-accent: #ff8585;
}

.player-summary[b-cib5y42kgr]  .stat-card span {
    color: var(--ui-muted);
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.player-summary[b-cib5y42kgr]  .stat-card strong {
    color: var(--stat-accent);
    font-size: 1.6rem;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 15px color-mix(in srgb, var(--stat-accent) 20%, transparent);
}

.player-badge-title[b-cib5y42kgr] {
    align-items: center;
}

.creator-badge-vault[b-cib5y42kgr] {
    position: relative;
    min-height: 150px;
    overflow: hidden;
    border-color: #4f4774;
    background:
        repeating-linear-gradient(0deg, transparent 0 5px, rgb(112 235 255 / 3%) 5px 6px),
        radial-gradient(circle at 50% 120%, rgb(120 34 214 / 22%), transparent 52%),
        #090d19;
    box-shadow:
        inset 0 0 42px rgb(75 231 255 / 5%),
        0 7px 0 rgb(1 4 11 / 38%);
    isolation: isolate;
}

.creator-badge-vault[b-cib5y42kgr]::before,
.creator-badge-vault[b-cib5y42kgr]::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    pointer-events: none;
}

.creator-badge-vault[b-cib5y42kgr]::before {
    background: repeating-linear-gradient(90deg, transparent 0 54px, rgb(67 237 255 / 5%) 54px 55px);
    transform: skewX(-8deg) scale(1.08);
    animation: creator-vault-grid-b-cib5y42kgr 9s linear infinite;
}

.creator-badge-vault[b-cib5y42kgr]::after {
    background: linear-gradient(90deg, transparent 0 28%, rgb(92 232 255 / 8%) 31% 34%, transparent 37% 66%, rgb(145 42 255 / 9%) 70% 73%, transparent 77%);
    background-size: 180% 100%;
    mix-blend-mode: screen;
    animation: creator-vault-scan-b-cib5y42kgr 5.4s steps(1, end) infinite;
}

.creator-vault-toggle[b-cib5y42kgr] {
    display: grid;
    position: relative;
    z-index: 3;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 14px;
    padding: 6px 4px 18px;
    border: 0;
    border-bottom: 1px solid rgb(104 235 255 / 12%);
    background: transparent;
    color: #c9fbff;
    cursor: pointer;
    text-align: left;
}

.creator-vault-title[b-cib5y42kgr],
.creator-vault-status[b-cib5y42kgr] {
    position: relative;
    font-weight: 1000;
    letter-spacing: .13em;
    text-shadow: -2px 0 #8d28ff, 2px 0 #1eeeff;
    animation: creator-vault-text-b-cib5y42kgr 4.1s steps(1, end) infinite;
}

.creator-vault-title[b-cib5y42kgr] {
    font-size: 1.25rem;
}

.creator-vault-status[b-cib5y42kgr] {
    color: #aa8dff;
    font-size: .72rem;
    animation-delay: -1.7s;
}

.creator-vault-title[b-cib5y42kgr]::before,
.creator-vault-title[b-cib5y42kgr]::after,
.creator-vault-status[b-cib5y42kgr]::before,
.creator-vault-status[b-cib5y42kgr]::after {
    position: absolute;
    inset: 0;
    content: attr(data-text);
    pointer-events: none;
}

.creator-vault-title[b-cib5y42kgr]::before,
.creator-vault-status[b-cib5y42kgr]::before {
    color: #53efff;
    clip-path: inset(8% 0 58% 0);
    opacity: .62;
    transform: translateX(-2px);
    animation: creator-vault-copy-top-b-cib5y42kgr 3.7s steps(1, end) infinite;
}

.creator-vault-title[b-cib5y42kgr]::after,
.creator-vault-status[b-cib5y42kgr]::after {
    color: #a33cff;
    clip-path: inset(62% 0 7% 0);
    opacity: .66;
    transform: translateX(2px);
    animation: creator-vault-copy-bottom-b-cib5y42kgr 4.3s steps(1, end) infinite;
}

.creator-vault-chevron[b-cib5y42kgr] {
    width: 10px;
    height: 10px;
    border-right: 3px solid #6eefff;
    border-bottom: 3px solid #6eefff;
    filter: drop-shadow(0 0 4px #7c35ff);
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform 180ms ease;
}

.creator-badge-vault.is-open .creator-vault-chevron[b-cib5y42kgr] {
    transform: rotate(225deg) translate(-2px, -2px);
}

.creator-vault-noise[b-cib5y42kgr] {
    position: absolute;
    z-index: 1;
    inset: 48px 12px 5px;
    overflow: hidden;
    pointer-events: none;
}

.creator-vault-noise.has-secret[b-cib5y42kgr] {
    z-index: 5;
}

.creator-vault-noise > i[b-cib5y42kgr] {
    position: absolute;
    color: rgb(109 239 255 / 34%);
    font-size: clamp(1rem, 3vw, 2.2rem);
    font-style: normal;
    font-weight: 1000;
    text-shadow: 2px 0 #8d2fff99, -2px 0 #25efff80;
    animation: creator-question-drift-b-cib5y42kgr 7s steps(1, end) infinite;
}

.creator-vault-noise > i:nth-child(1)[b-cib5y42kgr] { top: 13%; left: 4%; animation-delay: -1s; }
.creator-vault-noise > i:nth-child(2)[b-cib5y42kgr] { top: 52%; left: 18%; animation-delay: -5s; animation-duration: 8.5s; }
.creator-vault-noise > i:nth-child(3)[b-cib5y42kgr] { top: 8%; left: 37%; animation-delay: -3.2s; animation-duration: 6.1s; }
.creator-vault-noise > i:nth-child(4)[b-cib5y42kgr] { top: 61%; left: 55%; animation-delay: -6.4s; animation-duration: 9.3s; }
.creator-vault-noise > i:nth-child(5)[b-cib5y42kgr] { top: 16%; right: 24%; animation-delay: -2.3s; animation-duration: 7.7s; }
.creator-vault-noise > i:nth-child(6)[b-cib5y42kgr] { top: 55%; right: 9%; animation-delay: -4.8s; animation-duration: 6.8s; }
.creator-vault-noise > i:nth-child(7)[b-cib5y42kgr] { top: 4%; right: 2%; animation-delay: -7.1s; animation-duration: 10s; }

.creator-vault-secret[b-cib5y42kgr] {
    position: absolute;
    width: 34px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgb(109 239 255 / 34%);
    font: 1000 clamp(1rem, 3vw, 2.2rem) / 1 sans-serif;
    text-shadow: 2px 0 #8d2fff99, -2px 0 #25efff80;
    pointer-events: auto;
    cursor: default;
    animation:
        creator-question-drift-b-cib5y42kgr 8.2s steps(1, end) -3.7s infinite,
        creator-secret-hint-b-cib5y42kgr 9.6s steps(1, end) -6.1s infinite;
}

.creator-vault-secret:hover[b-cib5y42kgr],
.creator-vault-secret:focus-visible[b-cib5y42kgr] {
    color: #c9fbff;
    outline: 0;
    text-shadow: -4px 0 #9f38ff, 4px 0 #36efff, 0 0 10px #6cefff;
}

.creator-vault-secret-slot-0[b-cib5y42kgr] { top: 31%; left: 8%; }
.creator-vault-secret-slot-1[b-cib5y42kgr] { top: 68%; left: 31%; }
.creator-vault-secret-slot-2[b-cib5y42kgr] { top: 20%; left: 48%; }
.creator-vault-secret-slot-3[b-cib5y42kgr] { top: 72%; right: 31%; }
.creator-vault-secret-slot-4[b-cib5y42kgr] { top: 37%; right: 11%; }
.creator-vault-secret-slot-5[b-cib5y42kgr] { top: 8%; right: 43%; }

.creator-vault-content[b-cib5y42kgr] {
    display: grid;
    position: relative;
    z-index: 4;
    min-height: 255px;
    place-items: center;
    padding: 24px 12px 10px;
}

.creator-vault-content.is-searching[b-cib5y42kgr] {
    pointer-events: none;
}

.creator-vault-search-copy[b-cib5y42kgr] {
    display: grid;
    place-items: center;
    gap: 8px;
    color: rgb(138 131 164 / 38%);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-align: center;
}

.creator-vault-search-copy > b[b-cib5y42kgr] {
    color: rgb(110 238 255 / 18%);
    font-size: 3.4rem;
    line-height: .8;
    text-shadow: 3px 0 rgb(141 47 255 / 20%), -3px 0 rgb(37 239 255 / 18%);
}

.creator-profile-secret[b-cib5y42kgr] {
    width: min(100%, 410px);
    min-height: 165px;
    border-color: #7451a6;
    background:
        repeating-linear-gradient(0deg, transparent 0 4px, rgb(95 240 255 / 5%) 4px 5px),
        linear-gradient(135deg, #19102c, #0b1724 64%, #25103c);
    box-shadow:
        inset 0 1px rgb(255 255 255 / 9%),
        0 5px 0 #04030b,
        0 0 26px rgb(89 225 255 / 10%);
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.creator-profile-secret:hover[b-cib5y42kgr],
.creator-profile-secret:focus-visible[b-cib5y42kgr] {
    border-color: #5ff3ff;
    background:
        repeating-linear-gradient(0deg, transparent 0 4px, rgb(159 75 255 / 7%) 4px 5px),
        linear-gradient(135deg, #251443, #0b2030 64%, #351350);
    box-shadow:
        inset 0 1px rgb(255 255 255 / 12%),
        0 7px 0 #04030b,
        0 0 30px rgb(92 235 255 / 20%);
    transform: translateY(-2px);
}

.creator-profile-secret:focus-visible[b-cib5y42kgr] {
    outline: 3px solid #69efff;
    outline-offset: 3px;
}

.creator-profile-secret:disabled[b-cib5y42kgr] {
    cursor: wait;
    opacity: .75;
}

.creator-profile-secret:not(.is-owned) .badge-copy p[b-cib5y42kgr] {
    color: #8a83a4;
    letter-spacing: .12em;
}

.creator-vault-message[b-cib5y42kgr] {
    margin: 15px 0 0;
    color: #8cefff;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.6;
    text-align: center;
}

@keyframes creator-vault-grid-b-cib5y42kgr {
    to { transform: translateX(55px) skewX(-8deg) scale(1.08); }
}

@keyframes creator-vault-scan-b-cib5y42kgr {
    0%, 66%, 100% { background-position: 180% 0; opacity: .45; }
    70% { background-position: 30% 0; opacity: 1; }
    75% { background-position: -120% 0; opacity: .25; }
}

@keyframes creator-vault-text-b-cib5y42kgr {
    0%, 77%, 81%, 100% { transform: translate(0); opacity: 1; }
    78% { transform: translate(-2px, 1px) skewX(5deg); opacity: .65; }
    79% { transform: translate(3px, -1px) skewX(-4deg); opacity: 1; }
    80% { transform: translate(-1px, 0); opacity: .8; }
}

@keyframes creator-vault-copy-top-b-cib5y42kgr {
    0%, 69%, 74%, 100% { transform: translateX(-2px); opacity: .3; }
    70% { transform: translateX(4px); opacity: .9; }
    72% { transform: translateX(-5px); opacity: .6; }
}

@keyframes creator-vault-copy-bottom-b-cib5y42kgr {
    0%, 81%, 86%, 100% { transform: translateX(2px); opacity: .35; }
    82% { transform: translateX(-5px); opacity: .9; }
    84% { transform: translateX(6px); opacity: .55; }
}

@keyframes creator-question-drift-b-cib5y42kgr {
    0%, 100% { transform: translate(0) rotate(-3deg); opacity: .2; }
    24% { transform: translate(8px, -4px) rotate(3deg); opacity: .5; }
    25% { transform: translate(-4px, 1px) skewX(12deg); opacity: .12; }
    28% { transform: translate(9px, -3px) rotate(2deg); opacity: .55; }
    67% { transform: translate(-7px, 5px) rotate(-4deg); opacity: .3; }
}

@keyframes creator-secret-hint-b-cib5y42kgr {
    0%, 79%, 83%, 100% { filter: none; opacity: 1; }
    80% { filter: brightness(1.8); opacity: .45; }
    81% { filter: hue-rotate(55deg); opacity: 1; }
    82% { filter: none; opacity: .7; }
}

.badge-collection-heading[b-cib5y42kgr] {
    display: grid;
    gap: 8px;
}

.badge-collection-heading > strong[b-cib5y42kgr] {
    color: var(--ui-gold);
    font-size: 0.67rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.08em;
}

.badge-collection-progress[b-cib5y42kgr] {
    box-sizing: border-box;
    position: relative;
    height: 22px;
    padding: 3px;
    margin: 7px 0 22px;
    overflow: hidden;
    border: 1px solid #7192ad;
    border-radius: 999px;
    background:
        repeating-linear-gradient(135deg, rgb(115 153 181 / 7%) 0 8px, transparent 8px 16px),
        linear-gradient(180deg, #1c344b, #13283d);
    box-shadow:
        inset 0 2px 5px rgb(0 0 0 / 34%),
        0 1px 0 rgb(255 255 255 / 6%);
}

.badge-collection-progress > span[b-cib5y42kgr] {
    display: block;
    position: relative;
    height: 100%;
    width: var(--progress-width);
    min-width: min(var(--progress-width), 9px);
    overflow: hidden;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            #53d879,
            #51e8d8 34%,
            color-mix(in srgb, #a467ff var(--progress-mix), #6cf2d8) 68%,
            color-mix(in srgb, #ffd866 var(--progress-mix), #8cf7df)
        );
    background-size: 220% 100%;
    box-shadow:
        inset 0 2px 0 rgb(255 255 255 / 34%),
        0 0 var(--progress-glow-size) rgb(87 239 216 / var(--progress-glow));
    animation: badge-progress-flow-b-cib5y42kgr var(--progress-speed) linear infinite;
    transition: width 300ms ease;
}

.badge-collection-progress > span[b-cib5y42kgr]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgb(255 255 255 / 55%) 48%, transparent 74%);
    content: "";
    opacity: var(--progress-sheen-opacity);
    transform: translateX(-120%);
    animation: badge-progress-sweep-b-cib5y42kgr var(--progress-sweep-speed) ease-in-out infinite;
}

.badge-collection-progress.is-complete[b-cib5y42kgr] {
    border-color: #ffe477;
    box-shadow:
        inset 0 2px 5px rgb(0 0 0 / 28%),
        0 0 18px rgb(255 218 96 / 36%);
}

.badge-collection-progress.is-complete > span[b-cib5y42kgr] {
    animation:
        badge-progress-flow-b-cib5y42kgr var(--progress-speed) linear infinite,
        badge-progress-complete-b-cib5y42kgr 2.8s ease-in-out infinite;
}

@keyframes badge-progress-flow-b-cib5y42kgr {
    to {
        background-position: -220% 0;
    }
}

@keyframes badge-progress-sweep-b-cib5y42kgr {
    55%,
    100% {
        transform: translateX(140%);
    }
}

@keyframes badge-progress-complete-b-cib5y42kgr {
    50% {
        filter: brightness(1.2) saturate(1.14);
    }
}

.badge-accordions[b-cib5y42kgr] {
    display: grid;
    gap: 11px;
}

.badge-accordion[b-cib5y42kgr] {
    --category-accent: #7ff5e0;
    --category-face: #29465c;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--category-accent) 38%, #49657d);
    border-radius: 12px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--category-face) 44%, #13263a), #102136 70%);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 5%),
        0 4px 0 rgb(0 0 0 / 20%);
}

.badge-accordion-toggle[b-cib5y42kgr] {
    display: grid;
    width: 100%;
    grid-template-columns: 18px minmax(145px, 1fr) minmax(80px, 180px) auto;
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    border: 0;
    background: transparent;
    color: var(--ui-text);
    cursor: pointer;
    text-align: left;
    transition: background 160ms ease;
}

.badge-accordion-toggle:hover[b-cib5y42kgr],
.badge-accordion-toggle:focus-visible[b-cib5y42kgr] {
    background: color-mix(in srgb, var(--category-accent) 10%, transparent);
}

.badge-accordion-toggle:focus-visible[b-cib5y42kgr] {
    outline: 3px solid var(--category-accent);
    outline-offset: -4px;
}

.badge-accordion-toggle > strong[b-cib5y42kgr] {
    color: #fff;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
}

.badge-accordion-chevron[b-cib5y42kgr] {
    width: 9px;
    height: 9px;
    border-right: 3px solid var(--category-accent);
    border-bottom: 3px solid var(--category-accent);
    transform: rotate(-45deg);
    transition: transform 180ms ease;
}

.badge-accordion.is-open .badge-accordion-chevron[b-cib5y42kgr] {
    transform: rotate(45deg) translate(-2px, -2px);
}

.badge-accordion-progress[b-cib5y42kgr] {
    height: 9px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid rgb(151 184 207 / 34%);
    border-radius: 999px;
    background:
        repeating-linear-gradient(135deg, rgb(124 161 187 / 8%) 0 5px, transparent 5px 10px),
        #172c40;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 28%);
}

.badge-accordion-progress > i[b-cib5y42kgr] {
    display: block;
    height: 100%;
    width: var(--progress-width);
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--category-accent) 76%, #fff),
        var(--category-accent),
        color-mix(in srgb, var(--category-accent) var(--progress-category-mix), #fff)
    );
    background-size: 190% 100%;
    box-shadow: 0 0 var(--progress-glow-size) color-mix(in srgb, var(--category-accent) 58%, transparent);
    animation: badge-progress-flow-b-cib5y42kgr var(--progress-speed) linear infinite;
    transition: width 240ms ease;
}

.badge-accordion-count[b-cib5y42kgr] {
    min-width: 58px;
    color: var(--category-accent);
    font-size: 0.68rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.badge-accordion-content[b-cib5y42kgr] {
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    transition:
        grid-template-rows 220ms ease,
        visibility 0s linear 220ms;
}

.badge-accordion.is-open .badge-accordion-content[b-cib5y42kgr] {
    grid-template-rows: 1fr;
    visibility: visible;
    transition:
        grid-template-rows 220ms ease,
        visibility 0s;
}

.badge-accordion-content-inner[b-cib5y42kgr] {
    min-height: 0;
    overflow: hidden;
}

.badge-accordion-content-inner > .badge-grid[b-cib5y42kgr],
.badge-category-empty[b-cib5y42kgr] {
    margin: 0 14px 15px;
    padding-top: 15px;
    border-top: 1px solid color-mix(in srgb, var(--category-accent) 25%, var(--ui-line));
}

.badge-category-empty[b-cib5y42kgr] {
    color: var(--ui-muted);
    font-size: 0.72rem;
    line-height: 1.6;
}

.badge-grid[b-cib5y42kgr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 235px), 1fr));
    gap: 14px;
}

.player-badge[b-cib5y42kgr] {
    --badge-accent: #ffd16b;
    --badge-emblem-size: 70px;
    display: grid;
    position: relative;
    grid-template-columns: 80px minmax(0, 1fr);
    min-width: 0;
    align-items: center;
    gap: 16px;
    padding: 16px 15px;
    overflow: hidden;
    border: 1px solid #425c76;
    border-radius: 13px;
    background: linear-gradient(135deg, #1c344c, #112237);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 6%),
        0 4px 0 rgb(5 15 26 / 35%);
    transition:
        border-color 160ms ease,
        transform 160ms ease,
        background 160ms ease;
    color: var(--ui-text);
    text-decoration: none;
}

.player-badge[b-cib5y42kgr]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 2px;
    background: var(--badge-accent);
    opacity: 0.55;
}

.player-badge.is-animated[b-cib5y42kgr]::after {
    height: 3px;
    background: var(--badge-spectrum);
    background-size: 200% 100%;
    opacity: 1;
    animation: badge-spectrum-b-cib5y42kgr 8s linear infinite;
}

.badge-rarity-label[b-cib5y42kgr] {
    width: fit-content;
    padding: 3px 7px;
    border: 1px solid rgb(210 197 255 / 35%);
    border-radius: 5px;
    background: rgb(116 88 165 / 18%);
    color: #e8deff;
    font-size: 0.53rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

@keyframes badge-spectrum-b-cib5y42kgr {
    to {
        background-position: 200% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .player-badge.is-animated[b-cib5y42kgr]::after {
        animation: none;
    }
}

.badge-artwork[b-cib5y42kgr] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-copy[b-cib5y42kgr] {
    display: grid;
    min-width: 0;
    gap: 9px;
    justify-items: center;
    text-align: center;
}

.badge-copy h3[b-cib5y42kgr] {
    display: grid;
    width: 100%;
    justify-items: center;
    text-align: center;
}

.badge-category[b-cib5y42kgr],
.badge-collection-count[b-cib5y42kgr] {
    color: var(--badge-accent, var(--ui-muted));
    font-size: 0.57rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.badge-collection-count[b-cib5y42kgr] {
    margin-left: auto;
    padding: 6px 10px;
    border: 1px solid var(--ui-line);
    border-radius: 7px;
    background: var(--ui-inset);
}

.badge-copy h3[b-cib5y42kgr],
.badge-copy p[b-cib5y42kgr] {
    margin: 0;
}

.badge-copy p[b-cib5y42kgr],
.player-empty[b-cib5y42kgr] {
    color: var(--ui-muted);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.6;
}

.badge-copy p[b-cib5y42kgr] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.player-empty[b-cib5y42kgr] {
    margin: 0;
    padding: 12px 0;
}

.contribution-list[b-cib5y42kgr],
.activity-list[b-cib5y42kgr] {
    display: grid;
    gap: 10px;
}

.contribution-row[b-cib5y42kgr],
.activity-row[b-cib5y42kgr] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--ui-line);
    border-radius: 11px;
    background:
        linear-gradient(100deg, rgb(48 91 121 / 15%), transparent 44%),
        var(--ui-inset);
    color: var(--ui-muted);
    font-size: 0.75rem;
    text-decoration: none;
    transition:
        background 140ms ease,
        border-color 140ms ease,
        transform 140ms ease,
        box-shadow 140ms ease;
}

.contribution-row[b-cib5y42kgr] {
    display: grid;
    grid-template-columns: 48px minmax(180px, 1fr) repeat(3, minmax(72px, 0.35fr));
}

.contribution-rank[b-cib5y42kgr] {
    min-width: 38px;
    color: var(--ui-gold);
    font-size: 1.1rem;
    font-weight: 700;
}

.contribution-event[b-cib5y42kgr],
.activity-description[b-cib5y42kgr] {
    display: grid;
    min-width: 170px;
    flex: 1;
    gap: 5px;
}

.contribution-metric[b-cib5y42kgr] {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 7px 10px;
    border-left: 1px solid rgb(122 159 187 / 18%);
    text-align: center;
}

.contribution-metric > strong[b-cib5y42kgr] {
    color: var(--ui-gold);
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.contribution-metric > small[b-cib5y42kgr] {
    color: var(--ui-muted);
    font-size: 0.53rem;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.contribution-event strong[b-cib5y42kgr],
.activity-description strong[b-cib5y42kgr] {
    color: var(--ui-text);
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.activity-description span[b-cib5y42kgr] {
    font-size: 0.68rem;
    line-height: 1.6;
}

.activity-action[b-cib5y42kgr] {
    box-sizing: border-box;
    min-width: 90px;
    padding: 6px 8px;
    border: 1px solid rgb(113 232 242 / 28%);
    border-radius: 7px;
    background: #204d63;
    color: #d4f7ff;
    font-size: 0.66rem;
    font-weight: 700;
    text-align: center;
}

.activity-action-delete[b-cib5y42kgr] {
    border-color: #ab7070;
    background: #5b3034;
    color: #ffdfd6;
}

.activity-action-replace[b-cib5y42kgr],
.activity-action-move_replace[b-cib5y42kgr] {
    border-color: #9f7cc2;
    background: #493359;
    color: #ead7ff;
}

.activity-row time[b-cib5y42kgr] {
    color: var(--ui-muted);
    font-size: 0.7rem;
}

.player-state[b-cib5y42kgr] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
}

@media (hover: hover) and (pointer: fine) {
    .player-summary[b-cib5y42kgr]  .stat-card:hover {
        border-color: color-mix(in srgb, var(--stat-accent) 58%, var(--ui-line));
        box-shadow:
            inset 0 1px 0 rgb(255 255 255 / 9%),
            0 7px 0 rgb(0 0 0 / 25%),
            0 12px 24px rgb(0 0 0 / 12%);
        transform: translateY(-2px);
    }

    .player-badge.is-link:hover[b-cib5y42kgr] {
        border-color: var(--badge-accent);
        background: linear-gradient(135deg, #24445f, #142b43);
        transform: translateY(-2px);
    }

    .contribution-row:hover[b-cib5y42kgr],
    .activity-row:hover[b-cib5y42kgr] {
        border-color: var(--ui-cyan);
        background: rgb(32 73 100 / 48%);
        box-shadow: 0 5px 0 rgb(3 14 25 / 22%);
        transform: translateY(-1px);
    }
}

@media (max-width: 1000px) {
    .player-progression[b-cib5y42kgr] {
        grid-template-columns: 110px minmax(0, 1fr);
    }

    .player-summary[b-cib5y42kgr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .contribution-row[b-cib5y42kgr] {
        grid-template-columns: 44px minmax(150px, 1fr) repeat(3, minmax(65px, 0.35fr));
        gap: 9px;
    }
}

@media (max-width: 900px) {
    .player-hero[b-cib5y42kgr] {
        align-items: stretch;
    }

    .player-navigation[b-cib5y42kgr] {
        width: fit-content;
        align-self: flex-start;
    }
}

@media (max-width: 600px) {
    .player-hero[b-cib5y42kgr] {
        padding: 20px 18px;
    }

    .player-identity[b-cib5y42kgr] {
        align-items: center;
        gap: 16px;
    }

    .player-avatar-shell[b-cib5y42kgr] {
        width: 78px;
        height: 78px;
        flex-basis: 78px;
    }

    .player-avatar[b-cib5y42kgr] {
        width: 64px;
        height: 64px;
    }

    .player-navigation[b-cib5y42kgr] {
        box-sizing: border-box;
        width: 100%;
        padding: 8px;
    }

    .player-summary[b-cib5y42kgr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .player-progression[b-cib5y42kgr] {
        gap: 18px;
        grid-template-columns: 80px minmax(0, 1fr);
        padding: 18px 14px;
    }

    .player-level-medal[b-cib5y42kgr] {
        --level-emblem-size: 80px;
        --level-text-scale: 0.84;
    }

    .player-xp-card[b-cib5y42kgr] {
        gap: 11px;
        padding: 15px 14px;
    }

    .player-xp-title[b-cib5y42kgr] {
        grid-template-columns: 1fr;
    }

    .player-xp-title > small[b-cib5y42kgr] {
        display: none;
    }

    .player-xp-footnote[b-cib5y42kgr] {
        display: grid;
        gap: 5px;
    }

    .contribution-event[b-cib5y42kgr],
    .activity-description[b-cib5y42kgr] {
        min-width: 0;
        flex-basis: calc(100% - 104px);
    }

    .contribution-row[b-cib5y42kgr] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .contribution-metric[b-cib5y42kgr] {
        border-top: 1px solid rgb(122 159 187 / 18%);
        border-left: 0;
    }

    .contribution-metric:nth-last-child(3)[b-cib5y42kgr] {
        grid-column: 1 / -1;
    }

    .activity-row time[b-cib5y42kgr] {
        width: 100%;
        padding-left: 104px;
    }

    .player-badge-title[b-cib5y42kgr] {
        align-items: flex-start;
    }

    .creator-badge-vault[b-cib5y42kgr] {
        min-height: 132px;
        padding: 16px 12px;
    }

    .creator-vault-toggle[b-cib5y42kgr] {
        gap: 9px;
        padding-bottom: 14px;
    }

    .creator-vault-title[b-cib5y42kgr] {
        font-size: 1rem;
    }

    .creator-vault-content[b-cib5y42kgr] {
        min-height: 230px;
        padding: 19px 0 4px;
    }

    .creator-profile-secret[b-cib5y42kgr] {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
        padding: 13px 10px;
    }

    .badge-accordion-toggle[b-cib5y42kgr] {
        grid-template-columns: 18px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 14px 12px;
    }

    .badge-accordion-progress[b-cib5y42kgr] {
        display: none;
    }

    .badge-accordion-toggle > strong[b-cib5y42kgr] {
        font-size: 0.64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .badge-accordion-content[b-cib5y42kgr],
    .badge-accordion-chevron[b-cib5y42kgr],
    .badge-collection-progress > span[b-cib5y42kgr],
    .badge-collection-progress > span[b-cib5y42kgr]::after,
    .badge-accordion-progress > i[b-cib5y42kgr],
    .player-summary[b-cib5y42kgr]  .stat-card {
        animation: none;
        transition: none;
    }

    .creator-badge-vault[b-cib5y42kgr]::before,
    .creator-badge-vault[b-cib5y42kgr]::after,
    .creator-vault-title[b-cib5y42kgr],
    .creator-vault-status[b-cib5y42kgr],
    .creator-vault-title[b-cib5y42kgr]::before,
    .creator-vault-title[b-cib5y42kgr]::after,
    .creator-vault-status[b-cib5y42kgr]::before,
    .creator-vault-status[b-cib5y42kgr]::after,
    .creator-vault-noise > i[b-cib5y42kgr],
    .creator-vault-secret[b-cib5y42kgr] {
        animation: none;
    }
}
/* /Components/Pages/ProfileSetup.razor.rz.scp.css */
.profile-page[b-374bxw06o4] {
    display: grid;
    place-items: center;
}

.profile-dialog.arcade-panel[b-374bxw06o4] {
    width: min(820px, 100%);
    padding: clamp(22px, 4vw, 36px);
}

.profile-header[b-374bxw06o4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--ui-line);
}

.profile-header h1[b-374bxw06o4] {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1;
}

.profile-info-icon[b-374bxw06o4] {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: contain;
    filter: drop-shadow(0 4px 0 rgb(0 0 0 / 38%));
}

.profile-introduction[b-374bxw06o4] {
    max-width: 56ch;
    margin: 0 auto 28px;
    color: var(--ui-muted);
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.65;
    text-align: center;
}

.profile-onboarding[b-374bxw06o4] {
    box-sizing: border-box;
    width: 100%;
    max-width: 650px;
    margin: -4px auto 27px;
}

.profile-onboarding-header[b-374bxw06o4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
    padding: 0 2px 7px;
    border-bottom: 1px solid rgb(255 225 107 / 24%);
}

.profile-onboarding-header[b-374bxw06o4]::after {
    content: none;
}

.profile-onboarding-header .arcade-eyebrow[b-374bxw06o4] {
    padding-left: 0;
    color: #ffe56f;
    font-size: .69rem;
    text-shadow: 0 2px 0 #4f260f;
    white-space: nowrap;
}

.profile-onboarding-header .arcade-eyebrow[b-374bxw06o4]::before {
    content: none;
}

.profile-onboarding-header small[b-374bxw06o4] {
    color: rgb(246 238 225 / 72%);
    font-size: .65rem;
    line-height: 1.35;
    text-align: right;
}

.profile-onboarding-grid[b-374bxw06o4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.profile-onboarding-grid.is-single[b-374bxw06o4] {
    display: grid;
}

.profile-onboarding-grid.is-single .profile-onboarding-card--audio[b-374bxw06o4] {
    width: 100%;
}

.profile-onboarding-card[b-374bxw06o4] {
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 72px;
    width: 100%;
    max-width: 100%;
    gap: 12px;
    padding: 10px 15px;
    border: 2px solid rgb(237 218 199 / 42%);
    border-radius: 10px;
    background: var(--ui-inset);
    box-shadow:
        inset 4px 0 0 #49cbd8,
        inset 0 -3px 0 rgb(43 17 10 / 18%),
        0 3px 0 rgb(43 17 10 / 34%);
}

.profile-onboarding-card--audio[b-374bxw06o4] {
    grid-template-columns: 50px minmax(0, 1fr);
    min-height: 62px;
    padding-block: 8px;
    box-shadow:
        inset 4px 0 0 #ffd45c,
        inset 0 -3px 0 rgb(43 17 10 / 18%),
        0 3px 0 rgb(43 17 10 / 34%);
}

.profile-onboarding-card strong[b-374bxw06o4] {
    display: block;
    margin: 0;
    color: #fff4bd;
    font: 800 .69rem/1.35 var(--ui-font);
    letter-spacing: .035em;
    text-shadow: 0 2px 0 rgb(38 14 8 / 72%);
}

.profile-onboarding-card--desktop strong[b-374bxw06o4] {
    color: #9ff8ff;
    margin-bottom: 4px;
    text-shadow: 0 2px 0 #0c3442;
}

.profile-onboarding-card p[b-374bxw06o4] {
    margin: 0;
    color: rgb(247 243 235 / 78%);
    font-size: .68rem;
    line-height: 1.42;
}

.profile-onboarding-copy[b-374bxw06o4] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.profile-onboarding-icon[b-374bxw06o4] {
    position: relative;
    width: 46px;
    height: 42px;
}

.profile-onboarding-icon--desktop[b-374bxw06o4] {
    animation: profile-onboarding-desktop-float-b-374bxw06o4 4.4s ease-in-out infinite;
}

.onboarding-monitor[b-374bxw06o4] {
    position: absolute;
    top: 1px;
    left: 4px;
    width: 38px;
    height: 25px;
    border: 3px solid #f3e6d7;
    border-radius: 2px;
    background: #28506a;
    box-shadow:
        inset 0 0 0 2px rgb(109 222 232 / 22%),
        0 3px 0 #2c160f;
}

.onboarding-monitor[b-374bxw06o4]::before {
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: 5px;
    width: 21px;
    height: 2px;
    border: 0;
    background: rgb(180 244 249 / 48%);
    content: "";
}

.onboarding-monitor i[b-374bxw06o4] {
    position: absolute;
    bottom: -8px;
    left: 13px;
    width: 8px;
    height: 7px;
    border-bottom: 3px solid #d9ffff;
    background: #d9ffff;
    clip-path: polygon(35% 0, 65% 0, 70% 70%, 100% 70%, 100% 100%, 0 100%, 0 70%, 30% 70%);
}

.onboarding-keyboard[b-374bxw06o4] {
    position: absolute;
    bottom: 1px;
    left: 2px;
    width: 42px;
    height: 9px;
    border: 2px solid #f3e6d7;
    border-radius: 2px;
    background:
        repeating-linear-gradient(90deg, transparent 0 6px, rgb(228 247 247 / 46%) 6px 7px),
        #315b6e;
    box-shadow: 0 2px 0 #2c160f;
    transform: skewX(-7deg);
}

.profile-onboarding-icon--audio[b-374bxw06o4] {
    width: 46px;
    height: 40px;
    animation: profile-onboarding-speaker-pulse-b-374bxw06o4 3.2s ease-in-out infinite;
}

.profile-onboarding-icon--audio[b-374bxw06o4]::before {
    content: none;
}

.profile-onboarding-icon--audio[b-374bxw06o4]::after {
    content: none;
}

.onboarding-speaker[b-374bxw06o4] {
    position: absolute;
    z-index: 2;
    top: 9px;
    left: 2px;
    width: 29px;
    height: 23px;
    background: #ffd65c;
    clip-path: polygon(0 31%, 30% 31%, 76% 0, 76% 100%, 30% 69%, 0 69%);
    filter: drop-shadow(0 3px 0 #572d13);
}

.onboarding-wave[b-374bxw06o4] {
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 24px;
    width: 10px;
    height: 22px;
    border: 2px solid transparent;
    border-right-color: #f3e6d7;
    border-radius: 50%;
    opacity: .78;
    animation: profile-onboarding-wave-b-374bxw06o4 2.1s ease-out infinite;
}

.onboarding-wave--two[b-374bxw06o4] {
    left: 29px;
    width: 14px;
    animation-delay: .52s;
}

@keyframes profile-onboarding-desktop-float-b-374bxw06o4 {
    0%, 100% { transform: translateY(1px) rotate(-.5deg); }
    50% { transform: translateY(-2px) rotate(.7deg); }
}

@keyframes profile-onboarding-speaker-pulse-b-374bxw06o4 {
    0%, 100% { transform: translateY(0) scale(.985); }
    50% { transform: translateY(-1px) scale(1.025); }
}

@keyframes profile-onboarding-wave-b-374bxw06o4 {
    0% { opacity: 0; transform: scale(.72); }
    35% { opacity: .78; }
    100% { opacity: 0; transform: scale(1.16); }
}

.profile-state[b-374bxw06o4] {
    display: grid;
    min-height: 210px;
    place-items: center;
}

.profile-message[b-374bxw06o4] {
    margin-bottom: 22px;
}

.profile-field[b-374bxw06o4],
.profile-avatar-fieldset[b-374bxw06o4],
.profile-upload-field[b-374bxw06o4],
.profile-preferences-fieldset[b-374bxw06o4],
.profile-audio-fieldset[b-374bxw06o4],
.profile-replay-fieldset[b-374bxw06o4],
.profile-colors-fieldset[b-374bxw06o4] {
    max-width: 650px;
    margin: 0 auto 28px;
}

.profile-field[b-374bxw06o4] {
    display: grid;
    gap: 9px;
}

.profile-field input[b-374bxw06o4] {
    width: 100%;
}

.profile-field small[b-374bxw06o4] {
    color: var(--ui-muted);
    font-size: 0.74rem;
    line-height: 1.5;
}

.profile-username-help[b-374bxw06o4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    flex-wrap: wrap;
}

.reserved-dialogue-previews[b-374bxw06o4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.reserved-dialogue-preview[b-374bxw06o4] {
    padding: 5px 8px;
    border: 1px solid rgb(255 224 137 / 48%);
    border-radius: 4px;
    background: #45291e;
    box-shadow: 0 2px 0 #26140f;
    color: #ffe38a;
    cursor: pointer;
    font: 800 0.58rem var(--ui-font);
    letter-spacing: 0.035em;
}

.reserved-dialogue-preview:hover[b-374bxw06o4],
.reserved-dialogue-preview:focus-visible[b-374bxw06o4] {
    border-color: #fff0b0;
    background: #563326;
}

.reserved-dialogue-preview:active[b-374bxw06o4] {
    translate: 0 1px;
    box-shadow: 0 1px 0 #26140f;
}

.profile-avatar-fieldset[b-374bxw06o4] {
    padding: 0;
    border: 0;
}

.profile-avatar-fieldset legend[b-374bxw06o4] {
    margin-bottom: 14px;
}

.profile-avatar-options[b-374bxw06o4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.profile-avatar-card[b-374bxw06o4] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 166px;
    gap: 14px;
    padding: 20px 12px;
    border: 2px solid rgb(237 218 199 / 55%);
    border-radius: 12px;
    background: var(--ui-inset);
    color: var(--ui-text);
    cursor: pointer;
    font: 800 0.7rem var(--ui-font);
    letter-spacing: 0.04em;
    place-items: center;
    transition:
        background 140ms ease,
        border-color 140ms ease;
}

.profile-avatar-card.is-selected[b-374bxw06o4] {
    border-color: var(--ui-gold);
    background: #4b512f;
    box-shadow: inset 0 0 0 2px rgb(255 225 107 / 14%);
}

.profile-avatar-card.is-selected[b-374bxw06o4]::after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: grid;
    width: 20px;
    height: 20px;
    border: 1px solid #f5df8d;
    border-radius: 50%;
    background: #587834;
    color: #fff6cc;
    font-size: 0.72rem;
    content: "\2713";
    place-items: center;
}

.profile-avatar-card img[b-374bxw06o4],
.profile-default-avatar[b-374bxw06o4],
.profile-custom-avatar[b-374bxw06o4] {
    box-sizing: border-box;
    width: 82px;
    height: 82px;
    border: 3px solid #f3e6d7;
    border-radius: 50%;
    background: var(--ui-button-cyan);
    object-fit: cover;
    box-shadow: 0 4px 0 rgb(0 0 0 / 24%);
}

.profile-default-avatar[b-374bxw06o4],
.profile-custom-avatar[b-374bxw06o4] {
    display: grid;
    color: white;
    font-size: 2.2rem;
    font-weight: 800;
    place-items: center;
}

.profile-custom-avatar[b-374bxw06o4] {
    background: var(--ui-button-gold);
}

.profile-upload-field[b-374bxw06o4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 16px;
    border: 1px dashed var(--ui-line);
    border-radius: 10px;
    color: var(--ui-muted);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.profile-upload-button[b-374bxw06o4] {
    overflow: hidden;
}

.profile-upload-button[b-374bxw06o4]  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.profile-upload-button:focus-within[b-374bxw06o4] {
    outline: var(--ui-focus);
    outline-offset: 4px;
}

.profile-preferences-fieldset[b-374bxw06o4],
.profile-audio-fieldset[b-374bxw06o4],
.profile-replay-fieldset[b-374bxw06o4],
.profile-colors-fieldset[b-374bxw06o4] {
    padding: 0;
    border: 0;
}

.profile-preferences-fieldset legend[b-374bxw06o4],
.profile-audio-fieldset legend[b-374bxw06o4],
.profile-replay-fieldset legend[b-374bxw06o4],
.profile-colors-fieldset legend[b-374bxw06o4] {
    margin-bottom: 14px;
}

.profile-preference-list[b-374bxw06o4] {
    display: grid;
    gap: 10px;
}

.profile-preference-card[b-374bxw06o4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 15px 17px;
    border: 2px solid rgb(237 218 199 / 42%);
    border-radius: 11px;
    background: var(--ui-inset);
    cursor: pointer;
}

.profile-preference-card > span:first-child[b-374bxw06o4] {
    display: grid;
    gap: 6px;
}

.profile-preference-card strong[b-374bxw06o4] {
    color: var(--ui-text);
    font: 800 0.72rem/1.35 var(--ui-font);
    letter-spacing: 0.035em;
}

.profile-preference-card small[b-374bxw06o4],
.profile-color-progress[b-374bxw06o4] {
    color: var(--ui-muted);
    font-size: 0.74rem;
    line-height: 1.45;
}

.profile-preference-card:focus-within[b-374bxw06o4] {
    outline: var(--ui-focus);
    outline-offset: 3px;
}

.profile-color-progress[b-374bxw06o4] {
    margin: -4px 0 13px;
}

.profile-color-options[b-374bxw06o4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.profile-color-card[b-374bxw06o4] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 128px;
    align-content: start;
    gap: 7px;
    padding: 10px 10px 12px;
    overflow: hidden;
    border: 2px solid rgb(244 200 163 / 48%);
    border-radius: 13px;
    background:
        radial-gradient(circle at 50% 0, color-mix(in srgb, var(--username-color) 10%, transparent), transparent 52%),
        linear-gradient(145deg, #713a25, #4d2519 72%);
    color: var(--ui-text);
    box-shadow:
        inset 0 0 0 2px rgb(255 237 214 / 7%),
        0 4px 0 #2d120b;
    cursor: pointer;
    place-items: center;
    transition:
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.profile-color-card.is-selected[b-374bxw06o4] {
    border-color: white;
    box-shadow:
        inset 0 0 0 3px var(--username-color),
        0 4px 0 color-mix(in srgb, var(--username-accent) 44%, #2d120b),
        0 0 20px color-mix(in srgb, var(--username-color) 48%, transparent);
    transform: translateY(-2px);
}

.profile-color-card.is-locked[b-374bxw06o4] {
    border-color: #3c1b13;
    background:
        radial-gradient(circle at 50% 0, color-mix(in srgb, var(--username-color) 6%, transparent), transparent 52%),
        linear-gradient(145deg, #51281c, #351811 72%);
    box-shadow:
        inset 0 0 0 2px rgb(255 230 205 / 5%),
        0 4px 0 #251009;
    cursor: not-allowed;
    opacity: 1;
}

.profile-color-selected[b-374bxw06o4] {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 7px;
    display: none;
    width: 22px;
    height: 22px;
    border: 2px solid white;
    border-radius: 50%;
    background: #68dc22;
    color: white;
    font:
        1000 0.72rem/18px Arial,
        sans-serif;
    box-shadow: 0 2px 0 #245d0d;
    text-shadow: 0 1px 0 #245d0d;
}

.profile-color-card.is-selected .profile-color-selected[b-374bxw06o4] {
    display: block;
}

.profile-color-preview[b-374bxw06o4] {
    position: relative;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    min-height: 57px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--username-color) 56%, #d7a47c);
    border-radius: 9px;
    background:
        radial-gradient(
            circle at 50% 115%,
            color-mix(in srgb, var(--username-accent) 18%, transparent),
            transparent 58%
        ),
        linear-gradient(145deg, #2b1510, #422319);
    box-shadow:
        inset 0 0 15px #160905,
        0 2px 0 rgb(0 0 0 / 38%);
    place-items: center;
}

.profile-color-preview span[b-374bxw06o4] {
    max-width: calc(100% - 14px);
    overflow: hidden;
    background: linear-gradient(
        100deg,
        var(--username-color) 0%,
        var(--username-accent) 34%,
        #fff 50%,
        var(--username-color) 66%,
        var(--username-accent) 100%
    );
    background-size: 260% 100%;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--username-color) 68%, transparent));
    font: 900 clamp(0.74rem, 1.4vw, 0.92rem) / 1 var(--ui-font);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-color-card.is-gradient .profile-color-preview span[b-374bxw06o4] {
    animation: profile-gradient-flow-b-374bxw06o4 2.8s ease-in-out infinite;
}

.profile-color-card.is-prismatic .profile-color-preview span[b-374bxw06o4] {
    background-image: linear-gradient(90deg, #42f5ff, #776dff, #ff50da, #ffe85e, #5cff91, #42f5ff);
    background-size: 300% 100%;
    animation: profile-gradient-flow-b-374bxw06o4 1.9s linear infinite;
}

.profile-color-card strong[b-374bxw06o4] {
    color: var(--username-color);
    font: 800 0.68rem/1.2 var(--ui-font);
    text-align: center;
}

.profile-color-card small[b-374bxw06o4] {
    color: var(--ui-muted);
    font-size: 0.62rem;
    font-weight: 800;
}

.profile-color-card.is-locked small[b-374bxw06o4] {
    color: var(--username-color);
    filter: saturate(0.8) brightness(1.08);
}

.profile-color-card.is-locked .profile-color-preview[b-374bxw06o4],
.profile-color-card.is-locked strong[b-374bxw06o4] {
    filter: saturate(0.8) brightness(0.78);
}

@media (hover: hover) and (pointer: fine) {
    .profile-color-card:hover:not(:disabled, .is-selected)[b-374bxw06o4] {
        border-color: var(--username-color);
        box-shadow:
            inset 0 0 0 2px color-mix(in srgb, var(--username-color) 20%, transparent),
            0 5px 0 #2d120b,
            0 0 15px color-mix(in srgb, var(--username-color) 28%, transparent);
        transform: translateY(-2px);
    }
}

@keyframes profile-gradient-flow-b-374bxw06o4 {
    0% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.profile-actions[b-374bxw06o4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 22px;
    border-top: 1px solid var(--ui-line);
}

.profile-save[b-374bxw06o4] {
    min-width: 180px;
}

@media (hover: hover) and (pointer: fine) {
    .profile-avatar-card:hover:not(.is-selected)[b-374bxw06o4] {
        border-color: var(--ui-gold);
        background: rgb(67 28 16 / 45%);
    }
}

@media (max-width: 600px) {
    .profile-header[b-374bxw06o4] {
        gap: 12px;
    }

    .profile-info-icon[b-374bxw06o4] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .profile-avatar-options[b-374bxw06o4] {
        grid-template-columns: 1fr;
    }

    .profile-onboarding[b-374bxw06o4] {
        margin-bottom: 24px;
    }

    .profile-onboarding-header[b-374bxw06o4] {
        display: grid;
        gap: 5px;
    }

    .profile-onboarding-header small[b-374bxw06o4] {
        text-align: left;
    }

    .profile-onboarding-grid[b-374bxw06o4] {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .profile-onboarding-card[b-374bxw06o4] {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: 0;
        gap: 10px;
        padding: 10px 11px;
    }

    .profile-onboarding-card--audio[b-374bxw06o4] {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: 58px;
        padding-block: 7px;
    }

    .profile-onboarding-grid.is-single .profile-onboarding-card--audio[b-374bxw06o4] {
        width: 100%;
    }

    .profile-color-options[b-374bxw06o4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-avatar-card[b-374bxw06o4] {
        min-height: 96px;
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 16px;
        padding: 16px;
        text-align: left;
    }

    .profile-avatar-card img[b-374bxw06o4],
    .profile-default-avatar[b-374bxw06o4],
    .profile-custom-avatar[b-374bxw06o4] {
        width: 64px;
        height: 64px;
    }

    .profile-save[b-374bxw06o4],
    .profile-logout[b-374bxw06o4] {
        min-width: 0;
        flex: 1;
    }
}

@media (max-width: 360px) {
    .profile-onboarding-header[b-374bxw06o4] {
        gap: 4px;
        padding-inline: 0;
    }

    .profile-onboarding-header small[b-374bxw06o4] {
        font-size: .62rem;
    }

    .profile-onboarding-card[b-374bxw06o4] {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px;
        padding: 9px;
    }

    .profile-onboarding-card--audio[b-374bxw06o4] {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .profile-onboarding-card strong[b-374bxw06o4] {
        font-size: .65rem;
    }

    .profile-onboarding-card p[b-374bxw06o4] {
        font-size: .66rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-onboarding-icon[b-374bxw06o4],
    .onboarding-wave[b-374bxw06o4] {
        animation: none;
    }
}
/* /Components/Pages/Quarantine.razor.rz.scp.css */
.quarantine-page[b-gz4wryittz] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    min-height: 100dvh;
    padding: clamp(72px, 10vh, 110px) 18px 28px;
    overflow: auto;
    background: radial-gradient(circle at 50% 42%, #201014 0, #09090d 38%, #020204 76%), #000;
    color: #e8fff2;
    font-family: var(--ui-font);
    place-items: center;
}

.quarantine-page[b-gz4wryittz]::before {
    position: fixed;
    z-index: 4;
    inset: 0;
    border: 10px solid #17080b;
    box-shadow:
        inset 0 0 70px #000,
        inset 0 0 0 2px #ff3e5980;
    content: "";
    pointer-events: none;
}

.quarantine-page.is-under-attack[b-gz4wryittz]::after {
    position: fixed;
    z-index: 6;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            transparent 0 12%,
            #ff294415 12.5% 13%,
            transparent 13.5% 72%,
            #43ffc315 72.5% 73%,
            transparent 73.5%
        ),
        repeating-linear-gradient(0deg, transparent 0 17px, #fff 18px, transparent 19px);
    content: "";
    mix-blend-mode: screen;
    opacity: var(--tear-opacity, 0.05);
    pointer-events: none;
    animation: quarantine-screen-tear-b-gz4wryittz 2.8s steps(1, end) infinite;
}

.quarantine-page.damage-1[b-gz4wryittz] {
    --collapse-level: 1;
    --tear-opacity: 0.05;
    --rgb-opacity: 0.14;
    --glitch-shift: 2px;
    --collapse-skew: 0.25deg;
    --debris-opacity: 0.3;
    --debris-drift: 3px;
}
.quarantine-page.damage-2[b-gz4wryittz] {
    --collapse-level: 2;
    --tear-opacity: 0.075;
    --rgb-opacity: 0.2;
    --glitch-shift: 4px;
    --collapse-skew: 0.5deg;
    --debris-opacity: 0.48;
    --debris-drift: 6px;
}
.quarantine-page.damage-3[b-gz4wryittz] {
    --collapse-level: 3;
    --tear-opacity: 0.1;
    --rgb-opacity: 0.28;
    --glitch-shift: 6px;
    --collapse-skew: 0.75deg;
    --debris-opacity: 0.66;
    --debris-drift: 9px;
}
.quarantine-page.damage-4[b-gz4wryittz] {
    --collapse-level: 4;
    --tear-opacity: 0.125;
    --rgb-opacity: 0.36;
    --glitch-shift: 8px;
    --collapse-skew: 1deg;
    --debris-opacity: 0.84;
    --debris-drift: 12px;
}

.quarantine-page.is-under-attack .quarantine-terminal[b-gz4wryittz] {
    transform-origin: 50% 100%;
    animation: quarantine-collapse-glitch-b-gz4wryittz 2.6s steps(1, end) infinite;
}

.quarantine-page.damage-2 .quarantine-terminal[b-gz4wryittz] {
    rotate: -0.35deg;
    translate: -2px 3px;
}
.quarantine-page.damage-3 .quarantine-terminal[b-gz4wryittz] {
    rotate: 0.65deg;
    translate: 5px 7px;
}
.quarantine-page.damage-4 .quarantine-terminal[b-gz4wryittz] {
    rotate: -1.15deg;
    translate: -7px 13px;
    box-shadow:
        -13px 27px 70px #000,
        7px 0 #ff314e40,
        inset 0 0 35px #ff1e3b1f;
}

.quarantine-page.is-catastrophic[b-gz4wryittz] {
    animation: quarantine-background-fail-b-gz4wryittz 2.1s steps(1, end) infinite;
}

.quarantine-page.is-catastrophic .quarantine-noise[b-gz4wryittz] {
    opacity: 0.9;
    animation: quarantine-static-slip-b-gz4wryittz 0.34s steps(2, end) infinite;
}

.quarantine-page.damage-2 .quarantine-header[b-gz4wryittz] {
    translate: calc(-50% - 2px) 1px;
    transform: skewX(-1deg);
}
.quarantine-page.damage-3 .quarantine-header[b-gz4wryittz] {
    translate: calc(-50% + 7px) 3px;
    transform: skewX(2deg);
}
.quarantine-page.damage-4 .quarantine-header[b-gz4wryittz] {
    translate: calc(-50% - 11px) 6px;
    transform: skewX(-4deg);
}

.quarantine-page.is-entering[b-gz4wryittz] {
    animation: quarantine-entry-b-gz4wryittz 0.9s steps(2, end);
}

.quarantine-noise[b-gz4wryittz] {
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent 0 3px, #ffffff08 4px);
    mix-blend-mode: screen;
    opacity: 0.45;
    pointer-events: none;
}

.collapse-debris[b-gz4wryittz] {
    position: fixed;
    z-index: 5;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.collapse-debris span[b-gz4wryittz] {
    --debris-x: 50%;
    --debris-size: 7px;
    position: absolute;
    top: -24px;
    left: var(--debris-x);
    width: var(--debris-size);
    height: calc(var(--debris-size) * 0.7);
    border: 1px solid #ff5369;
    background: #101d1a;
    box-shadow: 0 0 5px #ff4057;
    opacity: var(--debris-opacity, 0.3);
    animation: quarantine-debris-b-gz4wryittz var(--debris-time, 4.2s) linear var(--debris-delay, 0s) infinite;
}

.collapse-debris span:nth-child(3n)[b-gz4wryittz] {
    border-color: #43ffc0;
    box-shadow: 0 0 5px #43ffc0;
}
.collapse-debris span:nth-child(4n)[b-gz4wryittz] {
    --debris-size: 12px;
}
.collapse-debris span:nth-child(1)[b-gz4wryittz] {
    --debris-x: 4%;
    --debris-delay: -0.5s;
}
.collapse-debris span:nth-child(2)[b-gz4wryittz] {
    --debris-x: 11%;
    --debris-delay: -2.3s;
    --debris-time: 5.1s;
}
.collapse-debris span:nth-child(3)[b-gz4wryittz] {
    --debris-x: 18%;
    --debris-delay: -1.1s;
}
.collapse-debris span:nth-child(4)[b-gz4wryittz] {
    --debris-x: 26%;
    --debris-delay: -3.4s;
    --debris-time: 5.7s;
}
.collapse-debris span:nth-child(5)[b-gz4wryittz] {
    --debris-x: 33%;
    --debris-delay: -0.2s;
}
.collapse-debris span:nth-child(6)[b-gz4wryittz] {
    --debris-x: 41%;
    --debris-delay: -2.8s;
    --debris-time: 4.8s;
}
.collapse-debris span:nth-child(7)[b-gz4wryittz] {
    --debris-x: 48%;
    --debris-delay: -1.6s;
}
.collapse-debris span:nth-child(8)[b-gz4wryittz] {
    --debris-x: 55%;
    --debris-delay: -4.1s;
    --debris-time: 5.5s;
}
.collapse-debris span:nth-child(9)[b-gz4wryittz] {
    --debris-x: 62%;
    --debris-delay: -0.8s;
}
.collapse-debris span:nth-child(10)[b-gz4wryittz] {
    --debris-x: 69%;
    --debris-delay: -3.1s;
    --debris-time: 4.6s;
}
.collapse-debris span:nth-child(11)[b-gz4wryittz] {
    --debris-x: 76%;
    --debris-delay: -1.9s;
}
.collapse-debris span:nth-child(12)[b-gz4wryittz] {
    --debris-x: 83%;
    --debris-delay: -4.4s;
    --debris-time: 5.9s;
}
.collapse-debris span:nth-child(13)[b-gz4wryittz] {
    --debris-x: 91%;
    --debris-delay: -1.3s;
}
.collapse-debris span:nth-child(14)[b-gz4wryittz] {
    --debris-x: 97%;
    --debris-delay: -3.7s;
    --debris-time: 4.9s;
}
.collapse-debris span:nth-child(15)[b-gz4wryittz] {
    --debris-x: 22%;
    --debris-delay: -4.7s;
}
.collapse-debris span:nth-child(16)[b-gz4wryittz] {
    --debris-x: 45%;
    --debris-delay: -3.9s;
    --debris-time: 6.1s;
}
.collapse-debris span:nth-child(17)[b-gz4wryittz] {
    --debris-x: 66%;
    --debris-delay: -5.2s;
}
.collapse-debris span:nth-child(18)[b-gz4wryittz] {
    --debris-x: 88%;
    --debris-delay: -2.5s;
    --debris-time: 5.3s;
}

.rgb-collapse-glitch[b-gz4wryittz] {
    position: fixed;
    z-index: 7;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.rgb-collapse-glitch span[b-gz4wryittz] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #00f5e22b, transparent 46%, #ff173d2e 54%, transparent);
    backdrop-filter: saturate(1.7) contrast(1.15) hue-rotate(var(--rgb-hue, 0deg));
    mix-blend-mode: screen;
    opacity: var(--rgb-opacity, 0.14);
    animation: quarantine-rgb-slice-b-gz4wryittz var(--rgb-time, 3.1s) steps(1, end) var(--rgb-delay, 0s) infinite;
}

.rgb-collapse-glitch span:nth-child(1)[b-gz4wryittz] {
    clip-path: inset(4% 0 81%);
    --rgb-hue: 65deg;
    --rgb-shift: 13px;
    --rgb-delay: -0.4s;
}
.rgb-collapse-glitch span:nth-child(2)[b-gz4wryittz] {
    clip-path: inset(22% 0 58%);
    --rgb-hue: -70deg;
    --rgb-shift: -18px;
    --rgb-delay: -1.9s;
    --rgb-time: 3.7s;
}
.rgb-collapse-glitch span:nth-child(3)[b-gz4wryittz] {
    clip-path: inset(46% 0 39%);
    --rgb-hue: 115deg;
    --rgb-shift: 21px;
    --rgb-delay: -2.6s;
}
.rgb-collapse-glitch span:nth-child(4)[b-gz4wryittz] {
    clip-path: inset(63% 0 22%);
    --rgb-hue: -120deg;
    --rgb-shift: -14px;
    --rgb-delay: -1.1s;
    --rgb-time: 4.1s;
}
.rgb-collapse-glitch span:nth-child(5)[b-gz4wryittz] {
    clip-path: inset(79% 0 8%);
    --rgb-hue: 45deg;
    --rgb-shift: 26px;
    --rgb-delay: -3.2s;
}
.rgb-collapse-glitch span:nth-child(6)[b-gz4wryittz] {
    clip-path: inset(91% 0 2%);
    --rgb-hue: -55deg;
    --rgb-shift: -22px;
    --rgb-delay: -0.7s;
    --rgb-time: 2.8s;
}

.quarantine-page.is-catastrophic .rgb-collapse-glitch span[b-gz4wryittz] {
    opacity: 0.48;
    animation-duration: 1.55s;
}

.catastrophe-effects[b-gz4wryittz] {
    position: fixed;
    z-index: 8;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.catastrophe-effects[b-gz4wryittz]::after {
    position: absolute;
    inset: -5%;
    border-radius: 12%;
    box-shadow:
        inset 0 0 90px 35px #000,
        inset 0 0 180px 55px #3600188c,
        inset 0 0 260px 80px #001c2080;
    content: "";
    animation: catastrophe-edges-b-gz4wryittz 1.6s ease-in-out infinite alternate;
}

.digital-black-hole[b-gz4wryittz] {
    position: absolute;
    width: clamp(150px, 25vw, 300px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        #000 0 24%,
        #080009 25% 31%,
        #ff2456 33%,
        #ffb431 39%,
        #38ffe0 43%,
        transparent 55%
    );
    box-shadow:
        0 0 24px #ff315e,
        0 0 65px #ff792e8c,
        0 0 110px #31f9d054;
    filter: contrast(1.35) saturate(1.45);
    mix-blend-mode: normal;
    animation: digital-black-hole-drift-b-gz4wryittz 3.6s ease-in-out infinite alternate;
}

.digital-black-hole[b-gz4wryittz]::before {
    position: absolute;
    inset: -16%;
    border: 9px solid transparent;
    border-top-color: #ff315e;
    border-right-color: #ffb631;
    border-bottom-color: #3affe0;
    border-radius: 50%;
    content: "";
    filter: blur(2px) drop-shadow(0 0 9px #ff4d50);
    animation: digital-accretion-spin-b-gz4wryittz 0.7s linear infinite;
}

.digital-black-hole[b-gz4wryittz]::after {
    position: absolute;
    inset: 20%;
    border: 3px solid #fff9;
    border-radius: 50%;
    background: #000;
    box-shadow:
        inset 12px -6px 18px #5a003a,
        0 0 12px #fff;
    content: "";
    animation: black-hole-core-b-gz4wryittz 0.8s steps(2, end) infinite;
}

.digital-black-hole i[b-gz4wryittz] {
    position: absolute;
    inset: -30%;
    border-radius: 50%;
    background: repeating-conic-gradient(from 12deg, transparent 0 11deg, #fff 12deg, transparent 13deg 29deg);
    opacity: 0.28;
    -webkit-mask: radial-gradient(circle, transparent 0 46%, #000 48% 54%, transparent 57%);
    mask: radial-gradient(circle, transparent 0 46%, #000 48% 54%, transparent 57%);
    animation: digital-accretion-spin-b-gz4wryittz 1.3s linear infinite reverse;
}

.black-hole-primary[b-gz4wryittz] {
    top: -70px;
    right: -68px;
}
.black-hole-secondary[b-gz4wryittz] {
    bottom: -82px;
    left: -62px;
    width: clamp(120px, 19vw, 230px);
    animation-delay: -1.8s;
    scale: 0.82;
}

.digital-explosion[b-gz4wryittz] {
    --explosion-size: clamp(95px, 16vw, 190px);
    position: absolute;
    width: var(--explosion-size);
    height: var(--explosion-size);
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0 3%, #fff7a6 4% 8%, #ff9c24 11% 21%, #ff264f 25% 35%, transparent 58%);
    filter: blur(0.4px) drop-shadow(0 0 16px #ff6a20);
    mix-blend-mode: screen;
    opacity: 0;
    animation: digital-explosion-b-gz4wryittz 2.8s ease-out var(--explosion-delay, 0s) infinite;
}

.digital-explosion[b-gz4wryittz]::before,
.digital-explosion[b-gz4wryittz]::after {
    position: absolute;
    inset: 34%;
    border: 3px solid #ffd758;
    border-radius: 50%;
    content: "";
    animation: explosion-shockwave-b-gz4wryittz 2.8s ease-out var(--explosion-delay, 0s) infinite;
}

.digital-explosion[b-gz4wryittz]::after {
    border-color: #4dffe2;
    animation-delay: calc(var(--explosion-delay, 0s) + 0.16s);
}

.explosion-one[b-gz4wryittz] {
    top: 14%;
    left: 5%;
    --explosion-delay: -0.4s;
}
.explosion-two[b-gz4wryittz] {
    top: 61%;
    right: 8%;
    --explosion-delay: -1.65s;
    --explosion-size: clamp(80px, 13vw, 155px);
}
.explosion-three[b-gz4wryittz] {
    bottom: 3%;
    left: 36%;
    --explosion-delay: -2.3s;
    --explosion-size: clamp(70px, 11vw, 130px);
}

.catastrophe-flash[b-gz4wryittz] {
    position: absolute;
    inset: 0;
    background: white;
    mix-blend-mode: overlay;
    opacity: 0;
    animation: catastrophe-flash-b-gz4wryittz 4.2s steps(1, end) infinite;
}

.quarantine-page.is-catastrophic .collapse-debris span[b-gz4wryittz] {
    animation-name: catastrophe-debris-sucked-b-gz4wryittz;
    animation-duration: 3s;
}

.quarantine-header[b-gz4wryittz] {
    position: fixed;
    z-index: 3;
    top: 20px;
    left: 50%;
    display: flex;
    width: min(920px, calc(100% - 52px));
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid #ff465d78;
    background: #090a0eee;
    box-shadow: 0 0 25px #ff18352b;
    color: #ff5d70;
    font-size: clamp(0.58rem, 2vw, 0.75rem);
    letter-spacing: 0.12em;
    translate: -50% 0;
}

.quarantine-code[b-gz4wryittz] {
    color: #6bf7bd;
}

.quarantine-terminal[b-gz4wryittz] {
    position: relative;
    z-index: 2;
    width: min(780px, 100%);
    padding: clamp(20px, 4vw, 38px);
    border: 2px solid #4b1821;
    border-radius: 5px;
    background: linear-gradient(145deg, #11141be8, #08090dea);
    box-shadow:
        0 20px 70px #000,
        inset 0 0 35px #ff1e3b0d;
    text-align: center;
}

.terminal-heading[b-gz4wryittz] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #47323a;
    color: #8aa397;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

.danger-text[b-gz4wryittz] {
    color: #ff3f58;
    animation: danger-pulse-b-gz4wryittz 0.8s steps(2) infinite;
}

.quarantine-terminal h1[b-gz4wryittz] {
    margin: 24px 0 10px;
    color: #fff;
    font-size: clamp(1.25rem, 5vw, 2.4rem);
    letter-spacing: 0.05em;
    text-shadow:
        3px 0 #ff2645,
        -3px 0 #27f5c3;
}

.quarantine-terminal p[b-gz4wryittz] {
    color: #bdd3c8;
    line-height: 1.6;
}

.fire-spam-instructions[b-gz4wryittz] {
    max-width: 520px;
    margin: 8px auto -8px;
    color: #8ea99d !important;
    font-size: 0.76rem;
}

.fire-spam-instructions strong[b-gz4wryittz] {
    color: #ffcf54;
}

.fire-hole[b-gz4wryittz] {
    --fire-scale: 1;
    --fire-opacity: 1;
    --fire-glow-soft: 0.22;
    --fire-glow-strong: 0.42;
    position: relative;
    display: block;
    width: min(420px, 100%);
    height: 250px;
    margin: 26px auto 12px;
    overflow: hidden;
    border: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    font: inherit;
    touch-action: manipulation;
    user-select: none;
}

.fire-hole:focus-visible[b-gz4wryittz] {
    outline: 3px solid #78ffd0;
    outline-offset: 5px;
}

.hole-depth[b-gz4wryittz] {
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 270px;
    height: 92px;
    border: 2px solid #2a2022;
    border-radius: 50%;
    background: radial-gradient(ellipse, #000 0 48%, #090708 66%, #201619 76%, transparent 78%);
    box-shadow:
        inset 0 12px 25px #000,
        0 -5px 18px rgb(255 61 28 / var(--fire-glow-soft));
    transform: translateX(-50%);
}

.gd-fire[b-gz4wryittz] {
    position: absolute;
    z-index: 2;
    inset: 0 0 27px;
    display: grid;
    place-items: end center;
    opacity: var(--fire-opacity);
    pointer-events: none;
    transform: scale(var(--fire-scale));
    transform-origin: 50% 94%;
    transition:
        opacity 0.07s linear,
        transform 0.07s linear;
}

.gd-fire[b-gz4wryittz]::before {
    position: absolute;
    bottom: 12px;
    width: 170px;
    height: 105px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgb(255 129 38 / var(--fire-glow-strong)), transparent 70%);
    content: "";
    filter: blur(12px);
}

.gd-fire > img[b-gz4wryittz] {
    position: relative;
    width: 150px;
    filter: drop-shadow(0 0 6px #fff18a) drop-shadow(0 0 18px #ff451d) drop-shadow(0 0 34px #ff2015b8);
    animation: gd-fire-flicker-b-gz4wryittz 0.22s ease-in-out infinite alternate;
}

.fire-hole.is-failed .gd-fire[b-gz4wryittz] {
    transition-duration: 0.72s;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}
.fire-hole.is-complete .gd-fire[b-gz4wryittz] {
    opacity: 0;
    transform: scale(0.03);
    transition-duration: 0.22s;
}

.fire-readout[b-gz4wryittz] {
    display: flex;
    justify-content: center;
    gap: 24px;
    color: #807377;
    font:
        700 0.72rem Consolas,
        monospace;
}

.fire-readout b[b-gz4wryittz] {
    color: #ffb05f;
    font-size: 0.88rem;
}

.killbot-grid[b-gz4wryittz] {
    display: grid;
    max-width: 570px;
    margin: 26px auto 20px;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

.killbot-cell[b-gz4wryittz] {
    aspect-ratio: 1.25;
    border: 1px solid #2b5648;
    border-radius: 2px;
    background: #091812;
    color: #39745f;
    cursor: pointer;
    font: 900 clamp(0.8rem, 3vw, 1.25rem) monospace;
}

.killbot-cell:hover[b-gz4wryittz] {
    border-color: #67cda8;
    background: #10281e;
}
.killbot-cell.is-infected[b-gz4wryittz] {
    border-color: #ff5870;
    background: #5f0d1b;
    color: #fff;
    box-shadow:
        0 0 16px #ff2948a8,
        inset 0 0 14px #ff2048;
    animation: infected-jump-b-gz4wryittz 0.3s steps(2) infinite;
}

.killbot-cell.is-decoy[b-gz4wryittz] {
    border-color: #ff9d31;
    background: #4b2810;
    color: #ffd070;
    box-shadow:
        0 0 13px #ff8b24a8,
        inset 0 0 12px #ff7a1e75;
    animation: killbot-decoy-b-gz4wryittz 0.23s steps(2, end) infinite alternate;
}

.killbot-deadline[b-gz4wryittz] {
    height: 5px;
    max-width: 570px;
    margin: -9px auto 14px;
    overflow: hidden;
    border: 1px solid #71303a;
    background: #15070a;
}

.killbot-deadline span[b-gz4wryittz] {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ff314e, #ffb02e);
    box-shadow: 0 0 10px #ff314e;
    transform-origin: left;
    animation: killbot-deadline-b-gz4wryittz 0.9s linear forwards;
}

.purge-progress[b-gz4wryittz] {
    height: 8px;
    margin: 22px auto 12px;
    overflow: hidden;
    border: 1px solid #345246;
    background: #050a08;
}
.purge-progress span[b-gz4wryittz] {
    display: block;
    width: var(--purge-progress);
    height: 100%;
    background: linear-gradient(90deg, #25d99b, #c6ff65);
    box-shadow: 0 0 12px #25d99b;
    transition: width 0.2s;
}
.killbot-console > strong[b-gz4wryittz] {
    color: #77f5c5;
    font-size: 0.72rem;
}

.site-integrity[b-gz4wryittz] {
    display: grid;
    max-width: 570px;
    margin: 0 auto 14px;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    gap: 9px;
    color: #ff9ba8;
    font-size: 0.58rem;
    letter-spacing: 0.08em;
}

.site-integrity > div[b-gz4wryittz] {
    height: 7px;
    overflow: hidden;
    border: 1px solid #71303a;
    background: #120609;
}
.site-integrity i[b-gz4wryittz] {
    display: block;
    width: var(--site-integrity);
    height: 100%;
    background: linear-gradient(90deg, #ff314e, #ffb02e, #64f5bd);
    transition: width 0.3s ease;
}

.code-console[b-gz4wryittz] {
    border-color: #23634e;
    box-shadow:
        0 20px 70px #000,
        inset 0 0 45px #27e8a710;
}

.virus-code[b-gz4wryittz] {
    display: grid;
    max-width: 680px;
    margin: 25px auto 18px;
    overflow: hidden;
    border: 1px solid #285845;
    border-radius: 4px;
    background: repeating-linear-gradient(0deg, transparent 0 27px, #67ffbb08 28px), #050b09;
    box-shadow:
        inset 0 0 28px #000,
        0 0 22px #2cffaa12;
    color: #d6eee4;
    font:
        700 clamp(0.68rem, 2vw, 0.9rem) / 1.85 Consolas,
        "Courier New",
        monospace;
    text-align: left;
}

.virus-code > div[b-gz4wryittz] {
    display: flex;
    min-height: 37px;
    align-items: center;
    white-space: nowrap;
}

.virus-code i[b-gz4wryittz] {
    display: inline-grid;
    width: 42px;
    align-self: stretch;
    place-items: center;
    border-right: 1px solid #1f3c31;
    background: #0b1612;
    color: #456e5c;
    font-style: normal;
    font-weight: 500;
}

.virus-code code[b-gz4wryittz] {
    padding-inline: 6px 0;
    color: #d6eee4;
    font: inherit;
}
.virus-code b[b-gz4wryittz] {
    color: #ff6f8a;
}
.virus-code em[b-gz4wryittz] {
    color: #ffd568;
    font-style: normal;
}

.code-slot[b-gz4wryittz] {
    min-width: 122px;
    margin: 2px 3px;
    padding: 4px 8px;
    border: 1px solid #43e2aa;
    border-radius: 3px;
    background: #0d3025;
    color: #7dffd1;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 800;
    line-height: inherit;
    text-align: center;
    box-shadow: inset 0 0 10px #42ffaf12;
    transition:
        border-color 0.12s,
        background 0.12s,
        transform 0.12s;
}

.code-slot:hover[b-gz4wryittz],
.code-slot:focus-visible[b-gz4wryittz] {
    border-color: #d5fff0;
    background: #16523d;
    outline: none;
}
.code-slot:active[b-gz4wryittz] {
    transform: translateY(2px);
}
.code-slot.is-wrong[b-gz4wryittz] {
    border-color: #ff4059;
    background: #49131c;
    color: #ff9fac;
    animation: code-error-b-gz4wryittz 0.28s steps(2) 2;
}

.code-cursor[b-gz4wryittz] {
    display: inline-block;
    width: 8px;
    height: 16px;
    margin-left: 8px;
    background: #68ffc0;
    vertical-align: middle;
    animation: code-cursor-b-gz4wryittz 0.8s steps(1) infinite;
}

.patch-output[b-gz4wryittz] {
    display: grid;
    max-width: 680px;
    min-height: 58px;
    margin: 0 auto 18px;
    padding: 9px 12px;
    align-content: center;
    justify-items: start;
    gap: 4px;
    border-left: 3px solid #43e2aa;
    background: #07100de8;
    color: #85bda7;
    text-align: left;
}

.patch-output span[b-gz4wryittz] {
    color: #43e2aa;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
}
.patch-output code[b-gz4wryittz] {
    color: inherit;
    font:
        650 0.75rem/1.45 Consolas,
        "Courier New",
        monospace;
}
.patch-output.is-error[b-gz4wryittz] {
    border-color: #ff4059;
    color: #ff9baa;
}
.patch-output.is-error span[b-gz4wryittz] {
    color: #ff4059;
}
.patch-run[b-gz4wryittz] {
    min-width: 170px;
}

.quarantine-standby[b-gz4wryittz] {
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
}
.quarantine-standby small[b-gz4wryittz] {
    color: #64736c;
}
.quarantine-spinner[b-gz4wryittz] {
    width: 72px;
    height: 72px;
    border: 5px solid #311018;
    border-top-color: #ff4159;
    border-radius: 50%;
    animation: spin-b-gz4wryittz 0.8s linear infinite;
}

.quarantine-complete[b-gz4wryittz] {
    display: grid;
    justify-items: center;
    gap: 20px;
    border-color: #36ca98;
    box-shadow:
        0 20px 70px #000,
        0 0 45px #31f0ad24;
}
.quarantine-complete[b-gz4wryittz]  .badge-emblem {
    width: 126px;
}
.quarantine-complete p[b-gz4wryittz] {
    margin: 0;
}

@keyframes quarantine-entry-b-gz4wryittz {
    0% {
        opacity: 0;
        filter: contrast(3) hue-rotate(120deg);
        clip-path: inset(48% 0 48%);
    }
    28% {
        opacity: 1;
        clip-path: inset(12% 0 51%);
        translate: 18px 0;
    }
    52% {
        clip-path: inset(60% 0 4%);
        translate: -10px 0;
    }
    76% {
        filter: contrast(2) hue-rotate(-40deg);
        clip-path: inset(4% 0 8%);
    }
    100% {
        filter: none;
        clip-path: inset(0);
        translate: 0;
    }
}
@keyframes danger-pulse-b-gz4wryittz {
    50% {
        opacity: 0.45;
    }
}
@keyframes gd-fire-flicker-b-gz4wryittz {
    from {
        transform: translate(-2px, 1px) scale(0.96, 1.03) rotate(-1deg);
        filter: brightness(0.94);
    }
    to {
        transform: translate(2px, -3px) scale(1.04, 0.97) rotate(1deg);
        filter: brightness(1.18);
    }
}
@keyframes infected-jump-b-gz4wryittz {
    50% {
        translate: 2px -2px;
    }
}
@keyframes killbot-decoy-b-gz4wryittz {
    from {
        filter: brightness(0.85);
        transform: translateY(1px);
    }
    to {
        filter: brightness(1.35);
        transform: translateY(-1px);
    }
}
@keyframes killbot-deadline-b-gz4wryittz {
    to {
        transform: scaleX(0);
        filter: hue-rotate(-25deg);
    }
}
@keyframes code-cursor-b-gz4wryittz {
    50% {
        opacity: 0;
    }
}
@keyframes code-error-b-gz4wryittz {
    50% {
        translate: 3px 0;
    }
}
@keyframes spin-b-gz4wryittz {
    to {
        rotate: 1turn;
    }
}
@keyframes quarantine-collapse-glitch-b-gz4wryittz {
    0%,
    77%,
    100% {
        clip-path: inset(0);
        filter: none;
    }
    78% {
        clip-path: inset(12% 0 63%);
        transform: translateX(var(--glitch-shift));
        filter: hue-rotate(75deg) contrast(1.5);
    }
    80% {
        clip-path: inset(58% 0 8%);
        transform: translateX(calc(0px - var(--glitch-shift)));
        filter: saturate(2);
    }
    82% {
        clip-path: inset(0);
        transform: none;
        filter: none;
    }
    94% {
        transform: skewX(var(--collapse-skew));
    }
    95% {
        transform: none;
    }
}
@keyframes quarantine-screen-tear-b-gz4wryittz {
    0%,
    72%,
    100% {
        clip-path: inset(0);
        transform: translateX(0);
    }
    73% {
        clip-path: inset(18% 0 70%);
        transform: translateX(16px);
    }
    75% {
        clip-path: inset(62% 0 14%);
        transform: translateX(-12px);
    }
    77% {
        clip-path: inset(0);
        transform: translateX(0);
    }
}
@keyframes quarantine-debris-b-gz4wryittz {
    0% {
        transform: translate(0, -25px) rotate(0);
    }
    42% {
        transform: translate(var(--debris-drift), 38vh) rotate(150deg);
    }
    100% {
        transform: translate(calc(0px - var(--debris-drift)), 105vh) rotate(430deg);
    }
}
@keyframes quarantine-rgb-slice-b-gz4wryittz {
    0%,
    68%,
    100% {
        transform: translateX(0);
        filter: none;
    }
    69% {
        transform: translateX(var(--rgb-shift));
        filter: contrast(1.8) saturate(2.4);
    }
    73% {
        transform: translateX(calc(0px - var(--rgb-shift)));
        filter: hue-rotate(90deg) contrast(1.5);
    }
    77% {
        transform: translateX(0);
        filter: none;
    }
}
@keyframes quarantine-background-fail-b-gz4wryittz {
    0%,
    74%,
    100% {
        background-position: 50% 42%;
        filter: none;
    }
    75% {
        background-position: calc(50% + 18px) 39%;
        filter: hue-rotate(55deg) contrast(1.4);
    }
    78% {
        background-position: calc(50% - 13px) 46%;
        filter: hue-rotate(-45deg) saturate(1.8);
    }
    81% {
        background-position: 50% 42%;
        filter: none;
    }
}
@keyframes quarantine-static-slip-b-gz4wryittz {
    from {
        transform: translateY(-4px) scaleX(1.02);
    }
    to {
        transform: translateY(5px) scaleX(0.99);
    }
}
@keyframes digital-black-hole-drift-b-gz4wryittz {
    from {
        transform: translate(-5px, 4px) rotate(-5deg) scale(0.92);
    }
    to {
        transform: translate(8px, -7px) rotate(7deg) scale(1.08);
    }
}
@keyframes digital-accretion-spin-b-gz4wryittz {
    to {
        rotate: 1turn;
    }
}
@keyframes black-hole-core-b-gz4wryittz {
    0%,
    100% {
        transform: scale(0.88);
        filter: contrast(2);
    }
    50% {
        transform: scale(1.08);
        filter: contrast(4) hue-rotate(90deg);
    }
}
@keyframes digital-explosion-b-gz4wryittz {
    0%,
    57% {
        opacity: 0;
        transform: scale(0.05);
    }
    59% {
        opacity: 0.95;
        transform: scale(0.35);
    }
    68% {
        opacity: 0.72;
        transform: scale(1);
    }
    82%,
    100% {
        opacity: 0;
        transform: scale(1.55);
    }
}
@keyframes explosion-shockwave-b-gz4wryittz {
    0%,
    57% {
        opacity: 0;
        transform: scale(0.2);
    }
    59% {
        opacity: 1;
    }
    82%,
    100% {
        opacity: 0;
        transform: scale(4.2);
    }
}
@keyframes catastrophe-flash-b-gz4wryittz {
    0%,
    67%,
    70%,
    91%,
    94%,
    100% {
        opacity: 0;
    }
    68% {
        opacity: 0.26;
    }
    92% {
        opacity: 0.13;
    }
}
@keyframes catastrophe-edges-b-gz4wryittz {
    from {
        transform: scale(1);
        opacity: 0.72;
    }
    to {
        transform: scale(0.96);
        opacity: 1;
    }
}
@keyframes catastrophe-debris-sucked-b-gz4wryittz {
    0% {
        transform: translate(0, -15px) rotate(0) scale(1);
        opacity: 0.85;
    }
    58% {
        transform: translate(45vw, 27vh) rotate(280deg) scale(0.7);
        opacity: 1;
    }
    100% {
        transform: translate(82vw, 18vh) rotate(760deg) scale(0);
        opacity: 0;
    }
}

@media (max-width: 560px) {
    .quarantine-page[b-gz4wryittz] {
        padding-inline: 10px;
    }
    .quarantine-header[b-gz4wryittz] {
        width: calc(100% - 30px);
    }
    .fire-hole[b-gz4wryittz] {
        height: 220px;
    }
    .hole-depth[b-gz4wryittz] {
        width: 230px;
    }
    .killbot-grid[b-gz4wryittz] {
        gap: 5px;
    }
    .virus-code[b-gz4wryittz] {
        overflow-x: auto;
    }
    .virus-code > div[b-gz4wryittz] {
        min-width: 610px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quarantine-page[b-gz4wryittz],
    .danger-text[b-gz4wryittz],
    .killbot-cell.is-infected[b-gz4wryittz],
    .quarantine-spinner[b-gz4wryittz],
    .gd-fire > img[b-gz4wryittz],
    .killbot-cell.is-decoy[b-gz4wryittz],
    .killbot-deadline span[b-gz4wryittz],
    .code-cursor[b-gz4wryittz],
    .code-slot.is-wrong[b-gz4wryittz],
    .quarantine-page.is-under-attack .quarantine-terminal[b-gz4wryittz],
    .quarantine-page.is-under-attack[b-gz4wryittz]::after,
    .collapse-debris span[b-gz4wryittz],
    .rgb-collapse-glitch span[b-gz4wryittz],
    .quarantine-page.is-catastrophic[b-gz4wryittz],
    .quarantine-page.is-catastrophic .quarantine-noise[b-gz4wryittz],
    .digital-black-hole[b-gz4wryittz],
    .digital-black-hole[b-gz4wryittz]::before,
    .digital-black-hole[b-gz4wryittz]::after,
    .digital-black-hole i[b-gz4wryittz],
    .digital-explosion[b-gz4wryittz],
    .digital-explosion[b-gz4wryittz]::before,
    .digital-explosion[b-gz4wryittz]::after,
    .catastrophe-flash[b-gz4wryittz],
    .catastrophe-effects[b-gz4wryittz]::after {
        animation: none;
    }
}
.badge-reward-link[b-gz4wryittz] {
    display: inline-flex;
    border-radius: 50%;
    color: inherit;
    transition: filter 160ms ease, transform 160ms ease;
}

.badge-reward-link:hover[b-gz4wryittz],
.badge-reward-link:focus-visible[b-gz4wryittz] {
    filter: brightness(1.18);
    transform: translateY(-2px);
}

.badge-reward-link:focus-visible[b-gz4wryittz] {
    outline: 3px solid #7ff5e0;
    outline-offset: 5px;
}
/* /Components/Pages/UnfinishedEscape.razor.rz.scp.css */
.unfinished-boot[b-rivyblos2e] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #fff;
    color: #111;
    font: 16px monospace;
}
.unfinished-zone[b-rivyblos2e] {
    --ink: #15151a;
    position: fixed;
    inset: 0;
    z-index: 1200;
    overflow: hidden;
    background: #fff;
    color: var(--ink);
    font-family: Consolas, "Courier New", monospace;
    transition:
        background 1.2s,
        color 1.2s;
    isolation: isolate;
}
.unfinished-zone[b-rivyblos2e]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -4;
    background:
        repeating-linear-gradient(0deg, #0000 0 29px, #1111 30px),
        repeating-linear-gradient(90deg, #0000 0 29px, #1111 30px);
    opacity: 0.45;
}
.unfinished-debug[b-rivyblos2e],
.unfinished-tree[b-rivyblos2e] {
    position: absolute;
    font-size: 11px;
    opacity: 0.38;
    pointer-events: none;
}
.unfinished-debug[b-rivyblos2e] {
    top: 70px;
    right: 18px;
    text-align: right;
}
.unfinished-tree[b-rivyblos2e] {
    bottom: 12px;
    left: 14px;
}
.unfinished-room[b-rivyblos2e] {
    position: relative;
    width: min(720px, calc(100% - 36px));
    min-height: 410px;
    margin: 8vh auto 0;
    padding: 38px;
    border: 1px solid #777;
    background: #f8f8f8;
    box-shadow: 12px 12px 0 #ddd;
}
.unfinished-room h1[b-rivyblos2e] {
    font:
        700 clamp(21px, 4vw, 34px) Georgia,
        serif;
    margin: 8px 0 22px;
}
.unfinished-room p[b-rivyblos2e] {
    line-height: 1.55;
}
.room-label[b-rivyblos2e] {
    position: absolute;
    top: -14px;
    left: 13px;
    padding: 4px 8px;
    border: 1px solid #999;
    background: #fff;
    font-size: 11px;
}
.raw-button[b-rivyblos2e],
.raw-input[b-rivyblos2e] {
    border: 2px outset #bbb;
    background: #eee;
    color: #111;
    padding: 10px 15px;
    font: 700 14px Arial;
    cursor: pointer;
}
.raw-button:active[b-rivyblos2e] {
    border-style: inset;
}
.raw-input[b-rivyblos2e] {
    cursor: text;
    background: #fff;
    min-width: 220px;
}
.answer-form[b-rivyblos2e] {
    display: flex;
    gap: 8px;
    margin-top: 22px;
}
.puzzle-feedback[b-rivyblos2e] {
    color: #b00036;
    font-weight: 700;
}
.runaway-button[b-rivyblos2e] {
    position: relative;
    transition: transform 90ms;
}
.context-blueprint[b-rivyblos2e] {
    height: 180px;
    display: grid;
    place-items: center;
    border: 8px double #184f90;
    background: #d9edff;
    color: #184f90;
    font-weight: 900;
    user-select: none;
}
.fake-loader[b-rivyblos2e] {
    position: relative;
    height: 68px;
    border: 2px inset #aaa;
    background: #ddd;
    margin: 40px 0;
}
.fake-loader > div[b-rivyblos2e] {
    position: absolute;
    inset: 7px 1% 7px 7px;
    background: #65b43b;
}
.loader-value[b-rivyblos2e] {
    position: absolute;
    left: 45%;
    top: 23px;
    color: #fff;
    cursor: grab;
}
.loader-target[b-rivyblos2e] {
    position: absolute;
    right: -4px;
    top: -28px;
    border: 1px dashed #777;
    padding: 3px;
}
.fake-captcha[b-rivyblos2e] {
    display: grid;
    grid-template-columns: repeat(3, 84px);
    gap: 3px;
    margin: 16px 0;
}
.captcha-cell[b-rivyblos2e] {
    height: 84px;
    border: 2px solid #fff;
    background: #77b9e9;
    position: relative;
}
.captcha-cell.selected[b-rivyblos2e] {
    outline: 5px solid #2d80ef;
    z-index: 1;
}
.spike[b-rivyblos2e] {
    position: absolute;
    left: 20px;
    bottom: 12px;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-bottom: 48px solid #f7f7f7;
    filter: drop-shadow(0 2px #111);
}
.spike-1[b-rivyblos2e] {
    transform: translateX(9px) rotate(7deg);
}
.spike-4[b-rivyblos2e] {
    transform: scaleX(0.35);
}
.spike-7[b-rivyblos2e] {
    clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%);
}
.cursor-key[b-rivyblos2e] {
    padding: 15px;
    border: 2px solid #9a7728;
    background: #ffe06e;
}
.cursor-lock[b-rivyblos2e] {
    position: absolute;
    right: 70px;
    bottom: 70px;
    width: 90px;
    height: 110px;
    border: 9px solid #555;
    border-radius: 40px 40px 8px 8px;
    display: grid;
    place-items: center;
    background: #aaa;
}
.dark-proof[b-rivyblos2e] {
    padding: 45px;
    margin: 16px 0;
    background: #050505;
    color: #111;
    font-size: 24px;
    text-align: center;
}
.unfinished-room label[b-rivyblos2e] {
    display: block;
    margin: 8px 0;
}
.broken-clue[b-rivyblos2e] {
    display: block;
    width: 260px;
    min-height: 80px;
    border: 1px dashed #999;
}
.terms-scroll[b-rivyblos2e] {
    height: 210px;
    overflow: auto;
    border: 1px solid;
    padding: 15px;
    background: #fff;
    font: 12px serif;
}
.shop-card[b-rivyblos2e] {
    display: grid;
    gap: 10px;
    padding: 25px;
    border: 1px solid #aaa;
}
.shop-card strong[b-rivyblos2e] {
    font-size: 32px;
}
.mirror-coupon[b-rivyblos2e] {
    transform: scaleX(-1);
    width: max-content;
    color: #8b2067;
}
.support-chat[b-rivyblos2e] {
    height: 190px;
    overflow: auto;
    border: 1px solid #888;
    background: #fff;
    padding: 10px;
}
.support-chat p[b-rivyblos2e] {
    margin: 5px;
}
.fake-search[b-rivyblos2e] {
    text-align: center;
}
.fake-search > b[b-rivyblos2e] {
    font: 50px Arial;
    color: #4b7bea;
}
.fake-search > b span[b-rivyblos2e] {
    color: #e7473c;
}
.fake-search article[b-rivyblos2e] {
    text-align: left;
    margin: 15px;
}
.revision-list[b-rivyblos2e] {
    display: grid;
    gap: 5px;
}
.revision-list button[b-rivyblos2e] {
    text-align: left;
    padding: 10px;
}
.revision-diff[b-rivyblos2e] {
    background: #20242b;
    color: #b8ffb8;
    padding: 15px;
}
.fake-desktop[b-rivyblos2e] {
    height: 280px;
    background: linear-gradient(135deg, #1976d2, #75c9e8);
    position: relative;
    padding: 20px;
}
.desktop-icon[b-rivyblos2e] {
    display: grid;
    width: 90px;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    gap: 4px;
}
.desktop-icon span[b-rivyblos2e] {
    font-size: 42px;
}
.desktop-icon.manual[b-rivyblos2e] {
    position: absolute;
    top: 110px;
    left: 18px;
}
.desktop-window[b-rivyblos2e] {
    position: absolute;
    inset: 45px 80px;
    background: #eee;
    color: #111;
    border: 2px outset #fff;
    padding: 15px;
    box-shadow: 4px 4px #0008;
}
.properties[b-rivyblos2e] {
    inset: 100px 35px 25px 210px;
}
.history-door[b-rivyblos2e] {
    height: 190px;
    border: 20px solid #aaa;
    background: #222;
    color: white;
    display: grid;
    place-items: center;
    font-size: 28px;
}
.konami-console[b-rivyblos2e] {
    padding: 30px;
    background: #111;
    color: #39ff80;
}
.phase-2[b-rivyblos2e] {
    background: #f2f1ed;
}
.phase-2 .unfinished-room[b-rivyblos2e] {
    transform: rotate(-0.25deg);
    box-shadow: 15px 14px 0 #cab;
}
.phase-2[b-rivyblos2e]::after {
    content: "MISSING: footer.dll";
    position: absolute;
    left: 4%;
    bottom: 18%;
    color: #d45;
    transform: rotate(-12deg);
}
.phase-3[b-rivyblos2e] {
    background: radial-gradient(circle at 80% 35%, #28304a, #ddd 45%, #ece7dd 75%);
    color: #171724;
}
.phase-3 .unfinished-room[b-rivyblos2e] {
    background: #e9e8eaee;
    box-shadow: -16px 17px 0 #59617c88;
}
.phase-3 .unfinished-tree[b-rivyblos2e] {
    animation: float-broken-b-rivyblos2e 5s ease-in-out infinite;
}
.phase-4[b-rivyblos2e] {
    color: #e9efff;
    background: #03050c;
}
.phase-4[b-rivyblos2e]::before {
    opacity: 0.12;
    background: repeating-linear-gradient(90deg, #fff0 0 80px, #6d75ff25 81px);
}
.phase-4 .unfinished-room[b-rivyblos2e] {
    background: #101426d9;
    border-color: #7480bc;
    box-shadow: 18px -12px 0 #482b6188;
}
.unfinished-stars[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: 0;
    background-image: radial-gradient(#fff 1px, transparent 2px), radial-gradient(#9cf 1px, transparent 2px);
    background-size:
        81px 81px,
        127px 127px;
    background-position:
        0 0,
        40px 20px;
    transition: opacity 1s;
}
.phase-3 .unfinished-stars[b-rivyblos2e] {
    opacity: 0.25;
}
.phase-4 .unfinished-stars[b-rivyblos2e],
.phase-5 .unfinished-stars[b-rivyblos2e] {
    opacity: 1;
    animation: star-drift-b-rivyblos2e 16s linear infinite;
}
.unfinished-void[b-rivyblos2e] {
    position: absolute;
    right: -12vw;
    bottom: -20vw;
    width: 55vw;
    aspect-ratio: 1;
    z-index: -2;
    opacity: 0;
    border-radius: 50%;
    background: #000;
    box-shadow:
        0 0 35px 12px #8256ff,
        0 0 110px 35px #268dff55;
    transition:
        opacity 1s,
        transform 1s;
}
.phase-3 .unfinished-void[b-rivyblos2e] {
    opacity: 0.25;
    transform: scale(0.25);
}
.phase-4 .unfinished-void[b-rivyblos2e],
.phase-5 .unfinished-void[b-rivyblos2e] {
    opacity: 1;
}
.unfinished-void i[b-rivyblos2e] {
    position: absolute;
    inset: -15%;
    border: 2px solid #bc97ff55;
    border-radius: 48%;
    animation: void-spin-b-rivyblos2e 9s linear infinite;
}
.unfinished-return[b-rivyblos2e] {
    height: 100vh;
    display: grid;
    place-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: radial-gradient(ellipse 42% 52% at 34% 50%, rgb(40 191 255 / 10%), transparent 72%);
    isolation: isolate;
}
.unfinished-return[b-rivyblos2e]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: repeating-linear-gradient(112deg, transparent 0 8%, rgb(132 204 255 / 5%) 8.2%, transparent 8.6% 17%);
    mask-image: radial-gradient(ellipse at 35% 50%, #000, transparent 68%);
    animation: return-pull-b-rivyblos2e 3.8s ease-in-out infinite;
}
.unfinished-return[b-rivyblos2e]::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 150;
    pointer-events: none;
    background: radial-gradient(
        circle at 35% 53%,
        #fff 0,
        #b8f5ff 17%,
        #61dfff 34%,
        rgb(20 75 117 / 68%) 54%,
        transparent 76%
    );
    opacity: 0;
    transform: scale(0.22);
}
.return-portal[b-rivyblos2e] {
    position: relative;
    z-index: 5;
    width: min(350px, 67vw);
    border: 0;
    background: none;
    color: #eaffff;
    font:
        700 12px Consolas,
        monospace;
    letter-spacing: 0.16em;
    filter: drop-shadow(0 0 10px #8ff6ff) drop-shadow(0 0 36px #23c9ff99);
    cursor: pointer;
    transform: translateX(-15vw);
    transition: filter 0.25s;
}
.return-portal[b-rivyblos2e]::before {
    content: "";
    position: absolute;
    inset: 5% -18% 2%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(ellipse, #8df5ff38, transparent 68%);
    filter: blur(18px);
    animation: return-aura-b-rivyblos2e 2.2s ease-in-out infinite;
}
.return-portal:hover[b-rivyblos2e] {
    filter: drop-shadow(0 0 16px #fff) drop-shadow(0 0 52px #22ddff);
}
.return-portal:disabled[b-rivyblos2e] {
    cursor: default;
}
.return-portal img[b-rivyblos2e] {
    display: block;
    width: 100%;
    animation: portal-breathe-b-rivyblos2e 1.45s ease-in-out infinite;
    transform-origin: center;
}
.return-portal span[b-rivyblos2e] {
    display: block;
    position: relative;
    margin-top: -30px;
    text-shadow: 0 0 9px #27eaff;
}
.return-signal[b-rivyblos2e] {
    position: absolute;
    left: 35%;
    bottom: 11%;
    z-index: 4;
    color: #90efff;
    font:
        10px Consolas,
        monospace;
    letter-spacing: 0.24em;
    opacity: 0.72;
    transform: translateX(-50%);
    animation: return-signal-b-rivyblos2e 2.1s steps(2) infinite;
}
.return-wreckage[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.return-fragment[b-rivyblos2e] {
    position: absolute;
    padding: 6px 9px;
    border: 1px dashed rgb(177 207 255 / 32%);
    background: rgb(11 16 29 / 72%);
    color: rgb(205 223 255 / 62%);
    font:
        10px Consolas,
        monospace;
    box-shadow: 0 0 16px #5984c622;
    animation: return-debris-drift-b-rivyblos2e var(--drift, 6s) ease-in-out infinite alternate;
}
.fragment-a[b-rivyblos2e] {
    left: 7%;
    top: 19%;
    --drift: 5.4s;
    transform: rotate(-7deg);
}
.fragment-b[b-rivyblos2e] {
    left: 19%;
    bottom: 13%;
    --drift: 7.1s;
    transform: rotate(5deg);
}
.fragment-c[b-rivyblos2e] {
    right: 8%;
    top: 15%;
    --drift: 4.8s;
    transform: rotate(12deg);
}
.fragment-d[b-rivyblos2e] {
    right: 21%;
    bottom: 18%;
    --drift: 6.4s;
    transform: rotate(-11deg);
}
.phase-7 .unfinished-debug[b-rivyblos2e],
.phase-7 .unfinished-tree[b-rivyblos2e] {
    opacity: 0.2;
    animation: return-background-pull-b-rivyblos2e 5s ease-in-out infinite;
}
.phase-7 .unfinished-void[b-rivyblos2e] {
    width: 112vmax;
    right: -25vmax;
    bottom: -38vmax;
    opacity: 1;
    filter: drop-shadow(0 0 18px rgb(187 207 255 / 35%)) drop-shadow(0 0 72px rgb(72 83 125 / 29%));
    animation: return-void-surge-b-rivyblos2e 3.2s ease-in-out infinite alternate;
}
.is-escaping .return-portal[b-rivyblos2e] {
    animation: return-portal-escape-b-rivyblos2e 1.05s cubic-bezier(0.2, 0.72, 0.22, 1) forwards;
}
.is-escaping .return-portal img[b-rivyblos2e] {
    animation: none;
}
.is-escaping .unfinished-return[b-rivyblos2e]::after {
    animation: return-flash-b-rivyblos2e 1.05s ease-in forwards;
}
.is-escaping .unfinished-void[b-rivyblos2e] {
    animation: return-void-last-pull-b-rivyblos2e 1.05s ease-in forwards;
}
.is-escaping .return-wreckage[b-rivyblos2e] {
    animation: return-world-stretch-b-rivyblos2e 1.05s ease-in forwards;
}
.ambient-layer[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
.ambient-event[b-rivyblos2e] {
    position: absolute;
    z-index: 20;
    padding: 5px;
    background: #fff;
    color: #111;
    border: 1px solid;
    font: 11px monospace;
    animation: ambient-cross-b-rivyblos2e var(--time, 4s) linear forwards;
}
.ambient-event.block[b-rivyblos2e] {
    width: 38px;
    height: 38px;
    background: #4fd1ff;
    border: 5px outset #77e7ff;
}
.ambient-event.flash[b-rivyblos2e] {
    inset: 0;
    background: #000;
    border: 0;
    opacity: 0.15;
    animation: ambient-flash-b-rivyblos2e 0.16s forwards;
}

/* The world accumulates damage instead of swapping between unrelated backgrounds. */
.context-blueprint[b-rivyblos2e] {
    grid-template-columns: repeat(3, 1fr);
}
.context-blueprint strong[b-rivyblos2e] {
    grid-column: 1/-1;
}
.blueprint-node[b-rivyblos2e] {
    opacity: 0;
    pointer-events: none;
    border: 2px solid #184f90;
    background: #fff;
    padding: 12px;
}
.context-blueprint.is-open .blueprint-node[b-rivyblos2e] {
    opacity: 1;
    pointer-events: auto;
}
.context-blueprint.node-1 [data-blueprint-node="2"][b-rivyblos2e],
.context-blueprint.node-2 [data-blueprint-node="0"][b-rivyblos2e] {
    background: #7ff0bd;
    box-shadow: 0 0 12px #30c582;
}
.loader-checks[b-rivyblos2e] {
    display: flex;
    gap: 8px;
    opacity: 0.15;
    pointer-events: none;
}
.loader-checks.visible[b-rivyblos2e] {
    opacity: 1;
    pointer-events: auto;
}
.loader-checks button.done[b-rivyblos2e] {
    background: #62da8d;
}
.cursor-lock[b-rivyblos2e] {
    width: 64px;
    height: 76px;
    border-width: 7px;
    transition: 0.25s;
}
.cursor-lock.unlocked[b-rivyblos2e] {
    border-color: #4acb85;
    background: #bfffd8;
    transform: translateY(-8px);
}
.lock-one[b-rivyblos2e] {
    right: 210px;
    bottom: 58px;
}
.lock-two[b-rivyblos2e] {
    right: 120px;
    bottom: 82px;
}
.lock-three[b-rivyblos2e] {
    right: 30px;
    bottom: 52px;
}
.tape-deck[b-rivyblos2e] {
    display: grid;
    gap: 14px;
    padding: 20px;
    background: #222;
    color: #fff;
    border: 5px ridge #777;
}
.tape-deck > .active[b-rivyblos2e] {
    box-shadow: 0 0 0 3px #70efff;
}
.tone-pads[b-rivyblos2e] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.tone-pads button[b-rivyblos2e] {
    height: 70px;
    border: 4px outset #fff;
    font-weight: 900;
}
.tone-0[b-rivyblos2e] {
    background: #ff5b70;
}
.tone-1[b-rivyblos2e] {
    background: #ffd85b;
}
.tone-2[b-rivyblos2e] {
    background: #54e5a4;
}
.tone-3[b-rivyblos2e] {
    background: #64a5ff;
}
.absurd-form[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}
.absurd-form input[b-rivyblos2e],
.absurd-form select[b-rivyblos2e],
.absurd-form button[b-rivyblos2e] {
    padding: 9px;
}
.cascade-stack[b-rivyblos2e] {
    display: grid;
    gap: 6px;
    margin: 18px 0;
}
.cascade-stack > div[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 5px;
    padding: 10px;
    border: 1px solid;
    background: #fff;
    color: #111;
}
.constellation-grid[b-rivyblos2e] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 20px;
    background: #060a18;
}
.constellation-grid button[b-rivyblos2e] {
    aspect-ratio: 1;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0 5%, #88bfff 7%, transparent 25%);
    color: #dce8ff;
}
.constellation-grid button.lit[b-rivyblos2e] {
    filter: drop-shadow(0 0 10px #fff);
    background: radial-gradient(circle, #fff 0 13%, #67eaff 15%, transparent 42%);
}
.alignment-view[b-rivyblos2e] {
    position: relative;
    height: 120px;
    overflow: hidden;
    background: #050817;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
}
.alignment-view span[b-rivyblos2e] {
    position: absolute;
    top: 45px;
    transition: 0.15s;
}
.alignment-view span:nth-child(1)[b-rivyblos2e] {
    left: calc(6% + (var(--alignment) * 0.28%));
}
.alignment-view span:nth-child(2)[b-rivyblos2e] {
    left: calc(42% - (var(--alignment) * 0.18%));
}
.alignment-view span:nth-child(3)[b-rivyblos2e] {
    left: calc(62% - (var(--alignment) * 0.16%));
}
.alignment-view span:nth-child(4)[b-rivyblos2e] {
    left: calc(92% - (var(--alignment) * 0.38%));
}
.alignment-slider[b-rivyblos2e] {
    width: 100%;
}
.rupture-controls[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.rupture-controls button[b-rivyblos2e] {
    min-height: 70px;
    border: 3px outset #aaa;
    background: #252b37;
    color: #fff;
}
.phase-4[b-rivyblos2e],
.phase-5[b-rivyblos2e],
.phase-6[b-rivyblos2e] {
    color: #e9efff;
    background: #03050c;
}
.phase-4[b-rivyblos2e]::before,
.phase-5[b-rivyblos2e]::before,
.phase-6[b-rivyblos2e]::before {
    opacity: 0.12;
    background: repeating-linear-gradient(90deg, #fff0 0 80px, #6d75ff25 81px);
}
.phase-4 .unfinished-room[b-rivyblos2e],
.phase-5 .unfinished-room[b-rivyblos2e],
.phase-6 .unfinished-room[b-rivyblos2e] {
    background: #101426df;
    border-color: #7480bc;
    box-shadow: 18px -12px 0 #482b6188;
}
.phase-5 .unfinished-room[b-rivyblos2e] {
    transform: perspective(900px) rotateY(-1deg) translateX(-2vw);
}
.phase-6 .unfinished-room[b-rivyblos2e] {
    border-style: dashed;
    box-shadow: 22px -18px 0 #000;
    animation: terminal-room-b-rivyblos2e 1.8s ease-in-out infinite alternate;
}
.space-layer[b-rivyblos2e],
.space-nebula[b-rivyblos2e],
.space-dust[b-rivyblos2e] {
    position: absolute;
    inset: -8%;
    z-index: -6;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1.4s;
}
.space-layer--far[b-rivyblos2e] {
    background-image: radial-gradient(#fff8 0.55px, transparent 0.9px);
    background-size: 19px 23px;
}
.space-layer--mid[b-rivyblos2e] {
    background-image:
        radial-gradient(#b9d8ffbb 0.8px, transparent 1.4px), radial-gradient(#fff7 0.7px, transparent 1.2px);
    background-size:
        73px 83px,
        117px 103px;
    background-position:
        12px 30px,
        61px 7px;
}
.space-layer--near[b-rivyblos2e] {
    background-image: radial-gradient(#fff 1px, #bfe1ff88 1.5px, transparent 3px);
    background-size: 181px 167px;
    animation: near-star-twinkle-b-rivyblos2e 4.8s ease-in-out infinite alternate;
}
.space-nebula[b-rivyblos2e] {
    background:
        radial-gradient(ellipse at 28% 62%, #36557724 0 12%, transparent 42%),
        radial-gradient(ellipse at 68% 23%, #7452761c 0 8%, transparent 38%);
    filter: blur(16px);
    transform: scale(1.1);
}
.space-dust[b-rivyblos2e] {
    background-image: radial-gradient(#b9dcff66 0.5px, transparent 1px);
    background-size: 37px 41px;
    mask-image: linear-gradient(105deg, transparent 10%, #000 45%, transparent 82%);
    animation: dust-drift-b-rivyblos2e 28s linear infinite;
}
.phase-2 .space-layer--far[b-rivyblos2e] {
    opacity: 0.08;
}
.phase-3 .space-layer--far[b-rivyblos2e] {
    opacity: 0.25;
}
.phase-3 .space-layer--mid[b-rivyblos2e] {
    opacity: 0.12;
}
.phase-4 .space-layer--far[b-rivyblos2e],
.phase-5 .space-layer--far[b-rivyblos2e],
.phase-6 .space-layer--far[b-rivyblos2e] {
    opacity: 0.48;
}
.phase-4 .space-layer--mid[b-rivyblos2e],
.phase-5 .space-layer--mid[b-rivyblos2e],
.phase-6 .space-layer--mid[b-rivyblos2e] {
    opacity: 0.48;
    animation: star-drift-b-rivyblos2e 38s linear infinite;
}
.phase-4 .space-nebula[b-rivyblos2e],
.phase-5 .space-nebula[b-rivyblos2e],
.phase-6 .space-nebula[b-rivyblos2e] {
    opacity: 0.7;
}
.phase-5 .space-layer--near[b-rivyblos2e],
.phase-6 .space-layer--near[b-rivyblos2e] {
    opacity: 0.65;
}
.phase-5 .space-dust[b-rivyblos2e],
.phase-6 .space-dust[b-rivyblos2e] {
    opacity: 0.6;
}
.unfinished-void[b-rivyblos2e] {
    right: -4vmax;
    bottom: -5vmax;
    width: var(--void-size);
    opacity: 0.04;
    box-shadow: none;
    transform: none !important;
    transition:
        width 1.5s,
        opacity 1.5s,
        filter 1.5s;
    filter: drop-shadow(0 0 8px #b5ccff44);
}
.phase-2 .unfinished-void[b-rivyblos2e] {
    opacity: 0.12;
}
.phase-3 .unfinished-void[b-rivyblos2e] {
    opacity: 0.38;
}
.phase-4 .unfinished-void[b-rivyblos2e],
.phase-5 .unfinished-void[b-rivyblos2e],
.phase-6 .unfinished-void[b-rivyblos2e],
.phase-7 .unfinished-void[b-rivyblos2e] {
    opacity: 1;
}
.void-lens[b-rivyblos2e] {
    position: absolute;
    inset: -17%;
    border-radius: 47%;
    border: 1px solid #d9e8ff66;
    box-shadow:
        inset 0 0 20px #d9e8ff22,
        0 0 26px #8c9dca55;
    animation: void-lens-b-rivyblos2e 13s linear infinite;
}
.void-disc[b-rivyblos2e] {
    position: absolute;
    inset: -9%;
    border-radius: 50%;
    background: conic-gradient(
        from 20deg,
        transparent 0 7%,
        #d9d5cd99 12%,
        #b1756255 19%,
        transparent 29% 52%,
        #e2d6c577 61%,
        #6680ad55 72%,
        transparent 81%
    );
    filter: blur(4px);
    transform: rotateX(68deg);
    animation: void-disc-b-rivyblos2e 7s linear infinite;
}
.unfinished-void i[b-rivyblos2e] {
    inset: 17%;
    border: 0;
    border-radius: 50%;
    background: #000;
    box-shadow:
        0 0 25px 8px #000,
        0 0 2px #fff3;
    animation: void-core-b-rivyblos2e 3s ease-in-out infinite;
}
.gd-absorption-field[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.gd-absorption-field img[b-rivyblos2e] {
    position: absolute;
    left: var(--start-x);
    top: var(--start-y);
    width: clamp(22px, 3.4vw, 55px);
    filter: drop-shadow(0 2px 2px #0008);
    animation: gd-sucked-b-rivyblos2e var(--suck-time) cubic-bezier(0.22, 0.35, 0.78, 0.99) var(--suck-delay) infinite;
    will-change: transform, opacity;
}
.gd-absorption-field img.passes-behind[b-rivyblos2e] {
    z-index: -3;
    opacity: 0.45;
}
.phase-1 .gd-absorption-field img:not(:first-child)[b-rivyblos2e],
.phase-2 .gd-absorption-field img:nth-child(n + 4)[b-rivyblos2e] {
    display: none;
}
.damage-layer[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
}
.damage-mark[b-rivyblos2e] {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 2px;
    height: 2px;
    background: #111;
    box-shadow: 1px 0 #fff8;
    transform: rotate(var(--r));
}
.phase-3 .damage-mark[b-rivyblos2e] {
    background: #8391bc;
}
.damage-mark.crack[b-rivyblos2e] {
    width: clamp(8px, calc(var(--damage) * 0.38px), 24px);
    height: 1px;
    box-shadow:
        5px 3px currentColor,
        10px -2px currentColor;
    opacity: 0.45;
}
@keyframes float-broken-b-rivyblos2e {
    50% {
        transform: translate(18px, -12px) rotate(2deg);
    }
}
@keyframes star-drift-b-rivyblos2e {
    to {
        background-position:
            81px 81px,
            -87px 147px;
    }
}
@keyframes void-spin-b-rivyblos2e {
    to {
        transform: rotate(360deg);
    }
}
@keyframes portal-breathe-b-rivyblos2e {
    50% {
        transform: scale(1.045);
        filter: brightness(1.32) saturate(1.12);
    }
}
@keyframes ambient-cross-b-rivyblos2e {
    from {
        transform: translateX(-15vw) rotate(0);
    }
    to {
        transform: translateX(115vw) rotate(540deg);
    }
}
@keyframes ambient-flash-b-rivyblos2e {
    to {
        opacity: 0;
    }
}
@keyframes return-pull-b-rivyblos2e {
    50% {
        transform: translate(12px, -7px) skewX(-2deg);
        opacity: 0.55;
    }
}
@keyframes return-aura-b-rivyblos2e {
    50% {
        transform: scale(1.12);
        opacity: 0.62;
    }
}
@keyframes return-signal-b-rivyblos2e {
    50% {
        opacity: 0.35;
    }
}
@keyframes return-debris-drift-b-rivyblos2e {
    to {
        translate: 28px -22px;
        rotate: 8deg;
        filter: blur(0.35px);
    }
}
@keyframes return-header-eject-b-rivyblos2e {
    0% {
        transform: none;
        opacity: 1;
        filter: none;
    }
    28% {
        transform: translateX(-8px) skewX(3deg);
        filter: hue-rotate(70deg);
    }
    45% {
        transform: translateX(13px) skewX(-7deg);
        opacity: 0.75;
    }
    100% {
        transform: translate(28vw, -130%) skewX(-18deg);
        opacity: 0;
        filter: blur(5px);
    }
}
@keyframes return-background-pull-b-rivyblos2e {
    50% {
        transform: translate(18px, -9px);
        opacity: 0.08;
    }
}
@keyframes return-void-surge-b-rivyblos2e {
    to {
        filter: drop-shadow(0 0 27px rgb(204 221 255 / 42%)) drop-shadow(0 0 95px rgb(76 91 142 / 34%));
    }
}
@keyframes return-portal-escape-b-rivyblos2e {
    0% {
        transform: translateX(-15vw) scale(1);
    }
    70% {
        transform: translateX(-6vw) scale(2.9);
        filter: brightness(1.9) drop-shadow(0 0 50px #adf8ff);
    }
    100% {
        transform: translateX(0) scale(7);
        filter: brightness(3) blur(1px);
    }
}
@keyframes return-flash-b-rivyblos2e {
    0%,
    42% {
        opacity: 0;
        transform: scale(0.2);
    }
    78% {
        opacity: 0.72;
    }
    100% {
        opacity: 1;
        transform: scale(2.2);
    }
}
@keyframes return-void-last-pull-b-rivyblos2e {
    to {
        width: 132vmax;
        right: -20vmax;
        bottom: -43vmax;
        filter: blur(3px) brightness(0.42);
    }
}
@keyframes return-world-stretch-b-rivyblos2e {
    to {
        transform: translate(18vw, -8vh) skewX(-12deg);
        filter: blur(5px);
        opacity: 0.12;
    }
}
@keyframes near-star-twinkle-b-rivyblos2e {
    50% {
        opacity: 0.35;
        transform: translate(3px, -2px);
    }
}
@keyframes dust-drift-b-rivyblos2e {
    to {
        transform: translate(80px, -35px);
    }
}
@keyframes void-lens-b-rivyblos2e {
    to {
        transform: rotate(360deg);
    }
}
@keyframes void-disc-b-rivyblos2e {
    to {
        transform: rotateX(68deg) rotateZ(360deg);
    }
}
@keyframes void-core-b-rivyblos2e {
    50% {
        transform: scale(1.025);
        box-shadow: 0 0 35px 12px #000;
    }
}
@keyframes gd-sucked-b-rivyblos2e {
    0% {
        transform: translate(0, 0) rotate(0) scale(1);
        opacity: 0;
    }
    8% {
        opacity: 0.85;
    }
    56% {
        transform: translate(var(--curve-x), var(--curve-y)) rotate(170deg) scale(0.85);
        opacity: 0.85;
    }
    84% {
        opacity: 0.7;
    }
    100% {
        transform: translate(calc(108vw - var(--start-x)), calc(82vh - var(--start-y))) rotate(690deg) scale(0.02)
            skew(30deg);
        opacity: 0;
    }
}
@keyframes terminal-room-b-rivyblos2e {
    to {
        transform: translate(3px, -2px) skewX(-0.25deg);
    }
}
@media (max-width: 620px) {
    .unfinished-room[b-rivyblos2e] {
        margin-top: 5vh;
        padding: 25px;
        min-height: 450px;
    }
    .unfinished-debug[b-rivyblos2e] {
        display: none;
    }
    .answer-form[b-rivyblos2e] {
        flex-direction: column;
    }
    .fake-captcha[b-rivyblos2e] {
        grid-template-columns: repeat(3, 70px);
    }
    .captcha-cell[b-rivyblos2e] {
        height: 70px;
    }
    .return-portal[b-rivyblos2e] {
        transform: translateX(-8vw);
        width: min(330px, 78vw);
    }
    .return-signal[b-rivyblos2e] {
        left: 42%;
    }
    .fragment-c[b-rivyblos2e],
    .fragment-d[b-rivyblos2e] {
        display: none;
    }
    .phase-7 .unfinished-void[b-rivyblos2e] {
        right: -48vmax;
    }
}
@media (prefers-reduced-motion: reduce) {
    .unfinished-zone *[b-rivyblos2e] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* These explicit final positions avoid relying on experimental CSS typed arithmetic. */
.alignment-view span:nth-child(1)[b-rivyblos2e] {
    left: 24%;
}
.alignment-view span:nth-child(2)[b-rivyblos2e] {
    left: 34%;
}
.alignment-view span:nth-child(3)[b-rivyblos2e] {
    left: 49%;
}
.alignment-view span:nth-child(4)[b-rivyblos2e] {
    left: 59%;
}
.damage-mark.crack[b-rivyblos2e] {
    width: var(--damage-width);
}
.space-layer--far[b-rivyblos2e] {
    translate: var(--space-far, 0 0);
}
.space-layer--mid[b-rivyblos2e] {
    translate: var(--space-mid, 0 0);
}
.space-layer--near[b-rivyblos2e] {
    translate: var(--space-near, 0 0);
}

/* Cinematic space is rendered once per frame on two lightweight canvases. */
.cosmic-canvas[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    contain: strict;
}
.cosmic-canvas--back[b-rivyblos2e] {
    z-index: -5;
}
.cosmic-canvas--front[b-rivyblos2e] {
    z-index: -1;
}
.space-nebula[b-rivyblos2e] {
    z-index: -4;
    opacity: 0;
    background:
        radial-gradient(ellipse 42% 31% at 18% 73%, rgb(40 70 104 / 16%), transparent 78%),
        radial-gradient(ellipse 38% 24% at 72% 24%, rgb(74 61 94 / 12%), transparent 82%),
        radial-gradient(ellipse 31% 20% at 48% 56%, rgb(38 60 87 / 8%), transparent 80%);
    filter: blur(22px);
    transform: scale(1.12);
    transition: opacity 1.5s;
}
.space-dust[b-rivyblos2e] {
    z-index: -3;
    opacity: 0;
    background-image: radial-gradient(rgb(192 216 239 / 24%) 0.45px, transparent 0.9px);
    background-size: 43px 47px;
    mask-image: linear-gradient(112deg, transparent 4%, #000 34%, rgb(0 0 0 / 32%) 64%, transparent 93%);
    filter: blur(0.15px);
    animation: dust-drift-b-rivyblos2e 42s linear infinite;
}
.phase-3 .space-nebula[b-rivyblos2e] {
    opacity: 0.2;
}
.phase-4 .space-nebula[b-rivyblos2e] {
    opacity: 0.42;
}
.phase-5 .space-nebula[b-rivyblos2e],
.phase-6 .space-nebula[b-rivyblos2e],
.phase-7 .space-nebula[b-rivyblos2e] {
    opacity: 0.58;
}
.phase-4 .space-dust[b-rivyblos2e] {
    opacity: 0.18;
}
.phase-5 .space-dust[b-rivyblos2e],
.phase-6 .space-dust[b-rivyblos2e],
.phase-7 .space-dust[b-rivyblos2e] {
    opacity: 0.32;
}
.phase-3[b-rivyblos2e] {
    background: radial-gradient(ellipse at 76% 62%, #101725, #293247 42%, #dad9d7 82%);
    color: #171724;
}
.phase-4[b-rivyblos2e],
.phase-5[b-rivyblos2e],
.phase-6[b-rivyblos2e],
.phase-7[b-rivyblos2e] {
    background:
        radial-gradient(ellipse 72% 85% at 22% 78%, #0c1523 0, #060a12 48%, transparent 78%),
        radial-gradient(ellipse 62% 54% at 78% 14%, #121429 0, #060812 55%, transparent 84%),
        linear-gradient(145deg, #05080f, #020309 62%, #010206);
    color: #e9efff;
}
.unfinished-void[b-rivyblos2e] {
    background: radial-gradient(circle, #000 0 43%, #010207 55%, rgb(1 2 8 / 88%) 62%, transparent 72%);
    filter: drop-shadow(0 0 8px rgb(187 207 255 / 23%)) drop-shadow(0 0 38px rgb(72 83 125 / 17%));
}
.unfinished-void[b-rivyblos2e]::before {
    content: "";
    position: absolute;
    inset: -22%;
    border-radius: 50%;
    background: repeating-conic-gradient(
        from 12deg,
        transparent 0 12deg,
        rgb(196 215 241 / 9%) 14deg,
        transparent 18deg 31deg
    );
    mask-image: radial-gradient(circle, transparent 0 58%, #000 68%, transparent 81%);
    filter: blur(2.5px);
    animation: void-spin-b-rivyblos2e 34s linear infinite;
    pointer-events: none;
}
.unfinished-void[b-rivyblos2e]::after {
    content: "";
    position: absolute;
    inset: -8%;
    border-radius: 50%;
    box-shadow:
        inset 8px -2px 18px rgb(238 218 201 / 14%),
        inset -7px 3px 22px rgb(126 165 217 / 16%);
    transform: rotateX(68deg) rotateZ(-12deg);
    filter: blur(2px);
    pointer-events: none;
}
.void-disc[b-rivyblos2e] {
    background: conic-gradient(
        from 20deg,
        transparent 0 6%,
        rgb(227 220 207 / 57%) 12%,
        rgb(167 103 78 / 27%) 20%,
        transparent 31% 51%,
        rgb(230 221 203 / 46%) 61%,
        rgb(95 126 171 / 29%) 73%,
        transparent 82%
    );
    filter: blur(3.2px) brightness(1.08);
}
.void-lens[b-rivyblos2e] {
    border-color: rgb(220 235 255 / 25%);
    box-shadow:
        inset 0 0 24px rgb(220 235 255 / 8%),
        0 0 34px rgb(126 152 202 / 19%);
}

/* The escape never exposes its length. The room now owns the full viewport beneath the detached audio control. */
.unfinished-room[b-rivyblos2e] {
    z-index: 2;
    box-sizing: border-box;
    margin-top: 4vh;
    max-height: 92vh;
    overflow: auto;
    scrollbar-width: thin;
}
.unfinished-room .room-label[b-rivyblos2e] {
    top: 0;
    left: 0;
    z-index: 5;
    padding: 5px 10px;
    border-top: 0;
    border-left: 0;
    background: #fff;
    color: #171724;
    font-weight: 700;
}
.phase-4 .room-label[b-rivyblos2e],
.phase-5 .room-label[b-rivyblos2e],
.phase-6 .room-label[b-rivyblos2e],
.phase-7 .room-label[b-rivyblos2e] {
    border-color: #7480bc;
    background: #101426;
    color: #dbe7ff;
}

/* Real editor objects remain in the scenery until gravity tears them loose. */
.editor-residue[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.18;
    transition: opacity 1s;
}
.phase-4 .editor-residue[b-rivyblos2e] {
    opacity: 0.32;
}
.phase-5 .editor-residue[b-rivyblos2e],
.phase-6 .editor-residue[b-rivyblos2e] {
    opacity: 0.46;
}
.editor-residue img[b-rivyblos2e] {
    position: absolute;
    left: var(--residue-x);
    top: var(--residue-y);
    width: clamp(25px, 3.3vw, 52px);
    max-height: 58px;
    object-fit: contain;
    rotate: var(--residue-r);
    filter: brightness(0.72) saturate(0.75) drop-shadow(0 2px 3px #000b);
    animation: residue-idle-b-rivyblos2e 5.5s ease-in-out var(--residue-delay) infinite;
    transition:
        opacity 0.18s,
        filter 0.18s;
}
.editor-residue img.is-loose[b-rivyblos2e] {
    animation: residue-tear-b-rivyblos2e 0.11s linear infinite;
    filter: brightness(1.35) drop-shadow(0 0 8px #9fdcff);
}
.editor-residue img.is-detached[b-rivyblos2e] {
    opacity: 0;
}

/* Multi-source structural release procedure. */
.release-panel[b-rivyblos2e] {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 2px solid #59687f;
    border-radius: 3px;
    background: linear-gradient(145deg, #111824f2, #070b12f7);
    color: #dce9f5;
    box-shadow:
        inset 0 0 35px #000,
        0 0 0 4px #1118;
    font:
        12px Consolas,
        "Courier New",
        monospace;
    position: relative;
    overflow: hidden;
}
.release-panel[b-rivyblos2e]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 49px, rgb(121 175 203 / 5%) 50px),
        linear-gradient(transparent 50%, rgb(93 184 202 / 4%) 50%);
    background-size:
        auto,
        100% 4px;
    opacity: 0.55;
}
.release-panel > *[b-rivyblos2e] {
    position: relative;
    z-index: 1;
}
.release-panel-status[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid #46576d;
    background: #05090f;
    color: #75e8ff;
    box-shadow: inset 0 0 14px #000b;
}
.release-panel-status span[b-rivyblos2e] {
    color: #ffbd68;
}
.release-panel.is-scanned .release-panel-status span:first-of-type[b-rivyblos2e],
.release-panel.is-calibrated .release-panel-status span[b-rivyblos2e] {
    color: #72ffc2;
    text-shadow: 0 0 7px #40d99b88;
}
.release-scan[b-rivyblos2e] {
    justify-self: center;
    margin: 12px;
}
.release-panel pre[b-rivyblos2e] {
    white-space: pre-wrap;
    color: #728090;
    margin: 0;
}
.release-clues[b-rivyblos2e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.release-clues section[b-rivyblos2e] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 116px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #39475a;
    background: linear-gradient(145deg, #0d1521, #080e17);
    box-shadow: inset 0 1px rgb(255 255 255 / 3%);
}
.release-clues b[b-rivyblos2e] {
    display: block;
    color: #7ae8ff;
    margin-bottom: 7px;
}
.release-clues p[b-rivyblos2e] {
    margin: 4px 0;
    font-size: 11px;
}
.release-clues label[b-rivyblos2e] {
    font-size: 10px;
}
.release-clues input[b-rivyblos2e] {
    box-sizing: border-box;
    width: 100%;
}
.release-faded-clue[b-rivyblos2e] {
    display: block;
    margin-top: 7px;
    color: #dffcff;
    text-shadow: 0 0 5px #8ff;
    transition:
        opacity 0.1s,
        filter 0.1s;
}
.release-identity-clue[b-rivyblos2e] {
    display: grid;
    grid-template-rows: auto 1fr;
}

.release-identity-window[b-rivyblos2e] {
    display: grid;
    position: relative;
    min-width: 0;
    place-items: center;
    height: 56px;
    overflow: hidden;
    border: 1px solid #263548;
    background: #050b12;
    box-shadow: inset 0 0 15px #000;
}

.release-identity-window code[b-rivyblos2e] {
    position: relative;
    z-index: 1;
    color: #7bffca;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 0 7px #46dca477;
}

.release-loose-plate[b-rivyblos2e] {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #7f8b99;
    background:
        linear-gradient(100deg, transparent 0 12%, rgb(255 255 255 / 5%) 13% 15%, transparent 16% 76%, rgb(0 0 0 / 18%) 77% 80%, transparent 81%),
        linear-gradient(180deg, #344252, #202b39 52%, #182330);
    color: #c8d2dc;
    font: 700 10px Consolas;
    letter-spacing: 0.04em;
    box-shadow:
        inset 0 2px rgb(255 255 255 / 8%),
        inset 0 -3px rgb(0 0 0 / 28%),
        0 2px 5px #000a;
    transition:
        transform 0.55s cubic-bezier(0.2, 0.9, 0.25, 1),
        filter 0.3s;
    cursor: grab;
}
.release-loose-plate:hover[b-rivyblos2e] {
    filter: brightness(1.3);
}
.release-loose-plate.is-moved[b-rivyblos2e] {
    transform: translateX(calc(100% + 12px)) rotate(6deg);
    pointer-events: none;
}
.release-configuration[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 0.72fr 1.35fr 1fr auto;
    gap: 9px;
    align-items: end;
    padding: 10px;
    border: 1px dashed #53677c;
    background: #0a1019;
    box-shadow: inset 0 0 18px #0008;
}
.release-configuration label[b-rivyblos2e] {
    display: grid;
    min-width: 0;
    gap: 5px;
}
.release-configuration select[b-rivyblos2e],
.release-configuration input[b-rivyblos2e] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 34px;
}
.release-configuration output[b-rivyblos2e] {
    color: #7ae8ff;
}
.release-configuration .raw-input[b-rivyblos2e] {
    width: 100%;
}
.release-handshake[b-rivyblos2e] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    align-items: center;
}
.release-handshake small[b-rivyblos2e] {
    color: #9fb0c3;
    line-height: 1.45;
}
.release-actions[b-rivyblos2e] {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}
.release-actions button[b-rivyblos2e] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    border: 1px solid #607189;
    background: #111c2a;
    color: #dce9f5;
    font: 700 11px Consolas;
    cursor: pointer;
}
.release-actions button:disabled[b-rivyblos2e] {
    cursor: default;
    opacity: 0.46;
}
.release-actions span[b-rivyblos2e] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #67eaff;
    border-radius: 50%;
    color: #67eaff;
    background: #07111b;
}
.release-sequence-lights[b-rivyblos2e] {
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.release-sequence-lights i[b-rivyblos2e] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #566579;
    background: #121821;
}
.release-sequence-lights i.lit[b-rivyblos2e] {
    background: #71ffd0;
    box-shadow: 0 0 9px #5effc7;
}
.release-panel.is-calibrated[b-rivyblos2e] {
    border-color: #4dbb9b;
}
.release-panel.is-routed[b-rivyblos2e] {
    border-color: #70ffd0;
    box-shadow:
        inset 0 0 38px #0a3329,
        0 0 24px #57ffc640;
}
.release-manual-stage[b-rivyblos2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px;
    border: 1px solid #ffb867;
    background: #211508;
}
.release-manual-stage strong[b-rivyblos2e],
.release-manual-stage p[b-rivyblos2e] {
    grid-column: 1/-1;
    margin: 0;
}
.release-breaker[b-rivyblos2e],
.release-breaker-socket[b-rivyblos2e] {
    min-height: 46px;
    border: 2px dashed #ffb867;
    background: #321d0b;
    color: #ffe1b5;
    font: 700 11px Consolas;
    cursor: pointer;
}
.release-breaker[b-rivyblos2e] {
    animation: breaker-rattle-b-rivyblos2e 0.6s steps(2) infinite;
}
.release-breaker.is-taken[b-rivyblos2e] {
    opacity: 0.15;
    animation: none;
}
.release-breaker-socket.is-loaded[b-rivyblos2e] {
    border-style: solid;
    border-color: #71ffd0;
    background: #10362c;
    color: #71ffd0;
    box-shadow: 0 0 12px #71ffd066;
}
.release-open[b-rivyblos2e] {
    grid-column: 1/-1;
    background: #36c991;
    color: #04130e;
    box-shadow: 0 0 15px #58ffd099;
}
.release-panel.is-opening[b-rivyblos2e] {
    pointer-events: none;
}
.release-path-opening[b-rivyblos2e]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 80;
    pointer-events: none;
    background: radial-gradient(circle at 48% 48%, #fff 0, #75ffe4 8%, rgb(57 145 201 / 45%) 27%, transparent 62%);
    animation: release-world-flash-b-rivyblos2e 1.45s ease-out forwards;
}

@keyframes residue-idle-b-rivyblos2e {
    50% {
        translate: 2px -3px;
        rotate: calc(var(--residue-r) + 3deg);
    }
}
@keyframes residue-tear-b-rivyblos2e {
    0% {
        translate: -2px 0;
    }
    50% {
        translate: 3px -1px;
    }
    100% {
        translate: -1px 2px;
    }
}
@keyframes breaker-rattle-b-rivyblos2e {
    50% {
        transform: translate(2px, -1px) rotate(0.8deg);
    }
}
@keyframes release-world-flash-b-rivyblos2e {
    0%,
    25% {
        opacity: 0;
    }
    58% {
        opacity: 0.72;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 760px) {
    .unfinished-room[b-rivyblos2e] {
        margin-top: 2vh;
        max-height: 96vh;
    }
    .release-clues[b-rivyblos2e] {
        grid-template-columns: 1fr;
    }
    .release-configuration[b-rivyblos2e] {
        grid-template-columns: 1fr 1fr;
    }
    .release-configuration button[b-rivyblos2e] {
        grid-column: 1/-1;
    }
    .release-panel-status[b-rivyblos2e] {
        grid-template-columns: 1fr;
    }
    .release-actions[b-rivyblos2e] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/UpcomingEvent.razor.rz.scp.css */
.upcoming-header > div[b-us29wzzee4] {
    min-width: 0;
    flex: 1;
}

.upcoming-event-title[b-us29wzzee4] {
    margin-top: 14px;
}

.upcoming-hero.arcade-panel[b-us29wzzee4] {
    display: grid;
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
    overflow: hidden;
    padding: 0;
}

.upcoming-level-preview[b-us29wzzee4] {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border-right: 1px solid var(--ui-line);
    background-color: #2565a9;
    background-position: center;
    background-size: cover;
}

.preview-grid[b-us29wzzee4] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgb(255 255 255 / 8%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 8%) 1px, transparent 1px);
    background-size: 34px 34px;
}

.preview-message[b-us29wzzee4] {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(rgb(7 20 42 / 10%), rgb(7 20 42 / 22%));
}

.preview-ground[b-us29wzzee4] {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px;
    object-fit: cover;
}

.upcoming-information[b-us29wzzee4] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 18px;
    padding: 28px;
}

.upcoming-description[b-us29wzzee4] {
    margin: 0;
    color: var(--ui-muted);
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.detail-countdown[b-us29wzzee4] {
    display: grid;
    gap: 8px;
    padding: 20px 16px;
    border: 1px solid rgb(233 215 136 / 45%);
    border-radius: 12px;
    background: var(--ui-inset);
    text-align: center;
}

.detail-countdown span[b-us29wzzee4],
.event-schedule span[b-us29wzzee4],
.upcoming-stat-grid[b-us29wzzee4]  .upcoming-stat span {
    color: var(--ui-muted);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.detail-countdown strong[b-us29wzzee4] {
    color: var(--ui-gold);
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.03em;
}

.event-schedule[b-us29wzzee4] {
    display: grid;
    gap: 6px;
    padding: 13px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
}

.event-schedule strong[b-us29wzzee4] {
    color: var(--ui-text);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.5;
}

.upcoming-stat-grid[b-us29wzzee4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.upcoming-stat-grid[b-us29wzzee4]  .upcoming-stat {
    display: grid;
    min-height: 78px;
    align-content: center;
    gap: 7px;
    padding: 12px 8px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
    text-align: center;
}

.upcoming-stat-grid[b-us29wzzee4]  .upcoming-stat strong {
    color: var(--ui-gold);
    font-size: 0.82rem;
}

.upcoming-sign-in[b-us29wzzee4] {
    margin-top: auto;
}

.upcoming-ready[b-us29wzzee4] {
    margin: auto 0 0;
    padding: 13px;
    border: 1px solid #6e9e5b;
    border-radius: 10px;
    background: #203e31;
    color: #d5f7b9;
    font-size: 0.82rem;
    line-height: 1.5;
    text-align: center;
}

.upcoming-state[b-us29wzzee4] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto;
}

@media (max-width: 850px) {
    .upcoming-hero[b-us29wzzee4] {
        grid-template-columns: 1fr;
    }

    .upcoming-level-preview[b-us29wzzee4] {
        min-height: 300px;
        border-right: 0;
        border-bottom: 1px solid var(--ui-line);
    }
}

@media (max-width: 600px) {
    .upcoming-information[b-us29wzzee4] {
        padding: 20px 18px;
    }

    .upcoming-level-preview[b-us29wzzee4] {
        min-height: 240px;
    }
}
/* /Components/Shared/AdminDoorDialogue.razor.rz.scp.css */
.admin-door-entry[b-vlhgh8mu5v] {
    position: fixed;
    z-index: 1550;
    inset: 0;
    display: grid;
    padding: 24px;
    place-items: center;
    background: rgb(4 10 19 / 78%);
    backdrop-filter: blur(5px);
    animation: admin-door-entry-appear-b-vlhgh8mu5v 220ms ease-out;
}

.admin-door-entry-card[b-vlhgh8mu5v] {
    display: grid;
    width: min(510px, 100%);
    padding: 30px;
    place-items: center;
    gap: 18px;
    border: 4px solid #ffd77a;
    border-radius: 20px;
    outline: 4px solid #111923;
    background: linear-gradient(145deg, #743520, #9b482b 58%, #5d291d);
    color: white;
    text-align: center;
    box-shadow:
        inset 0 0 0 3px rgb(255 236 183 / 30%),
        0 9px 0 #24100c,
        0 24px 60px rgb(0 0 0 / 58%);
}

.admin-door-entry-warning[b-vlhgh8mu5v] {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 4px solid #fff2b5;
    border-radius: 50%;
    background: #db3f38;
    color: white;
    font:
        900 3rem/1 Arial,
        sans-serif;
    box-shadow:
        inset 0 -7px 0 rgb(74 9 13 / 28%),
        0 5px 0 #351415,
        0 0 28px rgb(255 82 70 / 42%);
}

.admin-door-entry-card h2[b-vlhgh8mu5v],
.admin-door-entry-card p[b-vlhgh8mu5v] {
    margin: 0;
}

.admin-door-entry-card h2[b-vlhgh8mu5v] {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.admin-door-entry-card p[b-vlhgh8mu5v] {
    margin-top: 12px;
    color: #ffe9d7;
    font-weight: 750;
}

.admin-door-entry-button[b-vlhgh8mu5v] {
    min-width: 210px;
}

@keyframes admin-door-entry-appear-b-vlhgh8mu5v {
    from {
        opacity: 0;
        transform: scale(0.97);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-door-entry[b-vlhgh8mu5v] {
        animation: none;
    }
}
/* /Components/Shared/AnimatedEmblemGradient.razor.rz.scp.css */
.prism-stop[b-t9qkjwffmt] {
    /* The spectrum is already encoded in the gradient. Animating every SVG stop
       forced more than a hundred independent repaints on the badge gallery. */
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    .prism-stop[b-t9qkjwffmt] {
        animation: none;
    }
}
/* /Components/Shared/ArcadeDropdown.razor.rz.scp.css */
.arcade-dropdown[b-jv7e51zyij] {
    position: relative;
    width: 100%;
    min-width: 0;
    color: var(--ui-text);
}

.arcade-dropdown-label[b-jv7e51zyij] {
    display: block;
    margin-bottom: 7px;
    color: var(--ui-muted);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.arcade-dropdown-trigger[b-jv7e51zyij] {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    min-height: 58px;
    grid-template-columns: minmax(0, 1fr) 14px;
    align-items: center;
    gap: 11px;
    padding: 9px 13px;
    border: 1px solid #6f94af;
    border-radius: 10px;
    background: linear-gradient(145deg, #234762, #172f49);
    color: var(--ui-text);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 8%),
        0 4px 0 rgb(3 14 25 / 28%);
    cursor: pointer;
    text-align: left;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease,
        transform 150ms ease;
}

.arcade-dropdown-trigger:hover[b-jv7e51zyij],
.arcade-dropdown-trigger:focus-visible[b-jv7e51zyij],
.arcade-dropdown.is-open .arcade-dropdown-trigger[b-jv7e51zyij] {
    border-color: var(--ui-cyan);
    background: linear-gradient(145deg, #2a526e, #193650);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 11%),
        0 4px 0 rgb(3 14 25 / 28%),
        0 0 16px rgb(83 222 255 / 12%);
}

.arcade-dropdown-trigger:active[b-jv7e51zyij] {
    transform: translateY(1px);
}

.arcade-dropdown-trigger-copy[b-jv7e51zyij],
.arcade-dropdown-option-copy[b-jv7e51zyij] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.arcade-dropdown-trigger-copy strong[b-jv7e51zyij],
.arcade-dropdown-option-copy strong[b-jv7e51zyij] {
    overflow: hidden;
    color: #fff;
    font-size: 0.72rem;
    letter-spacing: 0.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arcade-dropdown-trigger-copy small[b-jv7e51zyij],
.arcade-dropdown-option-copy small[b-jv7e51zyij] {
    overflow: hidden;
    color: var(--ui-muted);
    font-size: 0.57rem;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arcade-dropdown-chevron[b-jv7e51zyij] {
    width: 8px;
    height: 8px;
    border-right: 2px solid #aeeeff;
    border-bottom: 2px solid #aeeeff;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 170ms ease;
}

.arcade-dropdown.is-open .arcade-dropdown-chevron[b-jv7e51zyij] {
    transform: translateY(2px) rotate(225deg);
}

.arcade-dropdown-menu[b-jv7e51zyij] {
    box-sizing: border-box;
    position: absolute;
    z-index: 80;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    max-height: min(360px, 52vh);
    padding: 7px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #71cce5;
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgb(29 62 87 / 98%), rgb(11 27 45 / 99%)),
        #122b43;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 8%),
        0 9px 0 rgb(2 11 20 / 30%),
        0 18px 38px rgb(0 0 0 / 42%);
    scrollbar-color: #5ac9e8 #10283e;
    scrollbar-width: thin;
    transform-origin: top center;
    animation: arcade-dropdown-open-b-jv7e51zyij 130ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.arcade-dropdown.is-closing .arcade-dropdown-menu[b-jv7e51zyij] {
    pointer-events: none;
    animation: arcade-dropdown-close-b-jv7e51zyij 110ms ease-in both;
}

.arcade-dropdown-menu[b-jv7e51zyij]::-webkit-scrollbar {
    width: 9px;
}

.arcade-dropdown-menu[b-jv7e51zyij]::-webkit-scrollbar-track {
    background: #10283e;
}

.arcade-dropdown-menu[b-jv7e51zyij]::-webkit-scrollbar-thumb {
    border: 2px solid #10283e;
    border-radius: 999px;
    background: #5ac9e8;
}

.arcade-dropdown-option[b-jv7e51zyij] {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--ui-text);
    cursor: pointer;
    text-align: left;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        transform 120ms ease;
}

.arcade-dropdown-option + .arcade-dropdown-option[b-jv7e51zyij] {
    margin-top: 3px;
}

.arcade-dropdown-option:hover[b-jv7e51zyij],
.arcade-dropdown-option.is-active[b-jv7e51zyij] {
    border-color: rgb(103 216 246 / 20%);
    background: rgb(72 139 176 / 20%);
    transform: translateX(2px);
}

.arcade-dropdown-option.is-selected[b-jv7e51zyij] {
    border-color: rgb(255 222 107 / 36%);
    background:
        linear-gradient(90deg, rgb(174 132 38 / 22%), transparent 72%),
        rgb(41 72 94 / 46%);
}

.arcade-dropdown-option.is-primary[b-jv7e51zyij] {
    margin-bottom: 6px;
    border-bottom-color: rgb(112 179 207 / 23%);
}

.arcade-dropdown-check[b-jv7e51zyij] {
    color: var(--ui-gold);
    font-size: 0.8rem;
    opacity: 0;
    transform: scale(0.6);
    transition:
        opacity 120ms ease,
        transform 120ms ease;
}

.arcade-dropdown-option.is-selected .arcade-dropdown-check[b-jv7e51zyij] {
    opacity: 1;
    transform: scale(1);
}

@keyframes arcade-dropdown-open-b-jv7e51zyij {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(0.985);
    }
}

@keyframes arcade-dropdown-close-b-jv7e51zyij {
    to {
        opacity: 0;
        transform: translateY(-4px) scale(0.99);
    }
}

@media (prefers-reduced-motion: reduce) {
    .arcade-dropdown-trigger[b-jv7e51zyij],
    .arcade-dropdown-chevron[b-jv7e51zyij],
    .arcade-dropdown-menu[b-jv7e51zyij],
    .arcade-dropdown-option[b-jv7e51zyij],
    .arcade-dropdown-check[b-jv7e51zyij] {
        animation: none;
        transition: none;
    }
}
/* /Components/Shared/ClaimSecretBadge.razor.rz.scp.css */
.claim-secret[b-mpkqo2azxp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.claim-secret-button[b-mpkqo2azxp] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.claim-secret-button:disabled[b-mpkqo2azxp] {
    pointer-events: none;
}

.claim-secret-button img[b-mpkqo2azxp] {
    display: block;
    width: 76px;
    max-height: 76px;
    object-fit: contain;
}

.claim-secret-button:focus-visible[b-mpkqo2azxp] {
    outline: 2px solid #ffe79a;
    outline-offset: 5px;
    border-radius: 12px;
}

.claim-secret-button:not(:disabled):active[b-mpkqo2azxp] {
    transform: translateY(2px);
}
/* /Components/Shared/DomTreasureHunt.razor.rz.scp.css */
.dom-treasure-console[b-a3o0s5ehcf] {
    position: relative;
    z-index: 3;
    width: 100%;
    margin-top: 0.45rem;
    padding: 0.55rem;
    border: 2px solid color-mix(in srgb, var(--badge-accent) 68%, #fff 32%);
    border-radius: 0.45rem;
    background: rgb(10 15 25 / 52%);
    box-shadow: inset 0 -3px 0 rgb(0 0 0 / 30%), 0 2px 0 rgb(0 0 0 / 35%);
}

.dom-treasure-form[b-a3o0s5ehcf] {
    display: grid;
    gap: 0.35rem;
}

.dom-treasure-form label[b-a3o0s5ehcf] {
    color: #fff2a2;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-shadow: 1px 1px 0 #351f24;
}

.dom-treasure-entry[b-a3o0s5ehcf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
}

.dom-treasure-entry input[b-a3o0s5ehcf],
.dom-treasure-entry button[b-a3o0s5ehcf] {
    min-width: 0;
    border: 2px solid rgb(255 255 255 / 72%);
    border-radius: 0.35rem;
    color: #fff;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 900;
}

.dom-treasure-entry input[b-a3o0s5ehcf] {
    padding: 0.48rem 0.5rem;
    outline: none;
    background: rgb(8 11 20 / 78%);
    box-shadow: inset 0 3px 0 rgb(0 0 0 / 32%);
}

.dom-treasure-entry input:focus[b-a3o0s5ehcf] {
    border-color: #72f8ff;
    box-shadow: inset 0 3px 0 rgb(0 0 0 / 32%), 0 0 0 2px rgb(73 231 255 / 22%);
}

.dom-treasure-entry button[b-a3o0s5ehcf] {
    padding: 0.42rem 0.55rem;
    cursor: pointer;
    background: linear-gradient(#57e9ff, #178bb6);
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 38%), 0 3px 0 #0b405e;
    text-shadow: 1px 1px 0 #07354d;
}

.dom-treasure-entry button:active:not(:disabled)[b-a3o0s5ehcf] {
    transform: translateY(2px);
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 25%), 0 1px 0 #0b405e;
}

.dom-treasure-entry :disabled[b-a3o0s5ehcf] {
    cursor: not-allowed;
    opacity: 0.55;
}

.dom-treasure-feedback[b-a3o0s5ehcf] {
    display: block;
    min-height: 1.7em;
    margin-top: 0.36rem;
    color: rgb(255 255 255 / 72%);
    font-size: 0.54rem;
    font-weight: 800;
    line-height: 1.25;
}

.dom-treasure-feedback.is-wrong[b-a3o0s5ehcf] {
    color: #ff9daf;
    animation: dom-answer-no-b-a3o0s5ehcf 180ms ease-in-out 2;
}

/* The maze intentionally exists in Elements without occupying card layout. */
.dom-treasure-maze[b-a3o0s5ehcf] {
    display: none !important;
}

@keyframes dom-answer-no-b-a3o0s5ehcf {
    50% { transform: translateX(2px); }
}

@media (max-width: 420px) {
    .dom-treasure-entry[b-a3o0s5ehcf] {
        grid-template-columns: 1fr;
    }

    .dom-treasure-entry button[b-a3o0s5ehcf] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dom-treasure-feedback.is-wrong[b-a3o0s5ehcf] {
        animation: none;
    }
}
/* /Components/Shared/EventDiscordInvite.razor.rz.scp.css */
.event-discord-invite[b-hl5i5qlc9l] {
    position: fixed;
    z-index: 98;
    top: 26px;
    right: 170px;
    display: grid;
    width: 60px;
    height: 60px;
    border: 0;
    background: transparent;
    overflow: visible;
    place-items: center;
}

.event-discord-invite img[b-hl5i5qlc9l] {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.event-discord-invite:focus-visible[b-hl5i5qlc9l] {
    border-radius: 9px;
    outline: 2px solid white;
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .event-discord-invite[b-hl5i5qlc9l] {
        top: calc(7px + env(safe-area-inset-top));
        right: calc(154px + env(safe-area-inset-right));
        width: 52px;
        height: 52px;
    }
}
/* /Components/Shared/GdCheckbox.razor.rz.scp.css */
.gd-checkbox[b-uh5jabtsvh] {
    appearance: none;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    padding: 0;
    border: 0;
    margin: 0;
    background: url("/assets/ui/controls/checkbox-off.png") center / contain no-repeat;
    cursor: pointer;
    filter: drop-shadow(0 3px 0 rgb(0 0 0 / 38%));
    transition:
        filter 120ms ease,
        scale 120ms ease;
}

.gd-checkbox:checked[b-uh5jabtsvh] {
    background-image: url("/assets/ui/controls/checkbox-on.png");
}

.gd-checkbox:hover:not(:disabled)[b-uh5jabtsvh] {
    filter: brightness(1.08) drop-shadow(0 3px 0 rgb(0 0 0 / 38%));
    scale: 1.06;
}

.gd-checkbox:active:not(:disabled)[b-uh5jabtsvh] {
    scale: 0.94;
}

.gd-checkbox:focus-visible[b-uh5jabtsvh] {
    border-radius: 10px;
    outline: var(--ui-focus);
    outline-offset: 3px;
}

.gd-checkbox:disabled[b-uh5jabtsvh] {
    cursor: not-allowed;
    filter: grayscale(1) opacity(0.55);
}

@media (prefers-reduced-motion: reduce) {
    .gd-checkbox[b-uh5jabtsvh] {
        transition: none;
    }
}
/* /Components/Shared/LimboWatchingEmblem.razor.rz.scp.css */
.limbo-watcher[b-isvvidmt9h] {
    position: relative;
    display: inline-flex;
    border-radius: 18px;
    isolation: isolate;
}
.limbo-watcher[b-isvvidmt9h]  .badge-emblem {
    position: relative;
    z-index: 1;
}

.limbo-watcher[b-isvvidmt9h]::before,
.limbo-watcher[b-isvvidmt9h]::after {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    content: "";
    opacity: 0;
    pointer-events: none;
}

.limbo-watcher[b-isvvidmt9h]::before {
    inset: -24px;
    background: radial-gradient(circle, #fffbd9b3 0%, #6dffe0a8 23%, #885cff61 48%, transparent 72%);
    filter: blur(3px);
}

.limbo-watcher[b-isvvidmt9h]::after {
    inset: -11px;
    border: 2px solid #d9fff6;
    box-shadow:
        0 0 10px #6affdf,
        inset 0 0 10px #c885ff;
}

.limbo-watcher.is-awakening[b-isvvidmt9h]::before {
    animation: limbo-reveal-flare-b-isvvidmt9h 1.25s ease-out both;
}
.limbo-watcher.is-awakening[b-isvvidmt9h]::after {
    animation: limbo-reveal-ring-b-isvvidmt9h 1.15s ease-out 0.12s both;
}
.limbo-watcher.is-awakening[b-isvvidmt9h]  .limbo-eye-open {
    animation: limbo-gallery-eye-open-b-isvvidmt9h 1.05s cubic-bezier(0.2, 0.8, 0.25, 1) both;
}
.limbo-watcher.is-awakening[b-isvvidmt9h]  .limbo-pupil {
    animation: limbo-reveal-pupil-b-isvvidmt9h 1.2s ease-out both;
}

@keyframes limbo-reveal-flare-b-isvvidmt9h {
    0% {
        opacity: 0;
        transform: scale(0.35);
    }
    32% {
        opacity: 1;
        transform: scale(0.85);
    }
    65% {
        opacity: 0.7;
        transform: scale(1.22);
    }
    100% {
        opacity: 0;
        transform: scale(1.55);
    }
}

@keyframes limbo-reveal-ring-b-isvvidmt9h {
    0% {
        opacity: 0;
        transform: scale(0.64);
    }
    35% {
        opacity: 0.95;
    }
    100% {
        opacity: 0;
        transform: scale(1.55);
    }
}

@keyframes limbo-gallery-eye-open-b-isvvidmt9h {
    0% {
        opacity: 0.12;
        transform: scaleY(0.02);
    }
    32% {
        opacity: 0.75;
        transform: scaleY(0.17);
    }
    57% {
        opacity: 1;
        transform: scaleY(1.23);
    }
    76% {
        transform: scaleY(0.88);
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes limbo-reveal-pupil-b-isvvidmt9h {
    0%,
    38% {
        filter: brightness(1);
    }
    58% {
        filter: brightness(1.9) drop-shadow(0 0 7px #efffff);
    }
    100% {
        filter: brightness(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .limbo-watcher.is-awakening[b-isvvidmt9h]::before,
    .limbo-watcher.is-awakening[b-isvvidmt9h]::after,
    .limbo-watcher.is-awakening[b-isvvidmt9h]  .limbo-eye-open,
    .limbo-watcher.is-awakening[b-isvvidmt9h]  .limbo-pupil {
        animation: none;
    }
}
/* /Components/Shared/MythicEscapePortal.razor.rz.scp.css */
.mythic-portal-station[b-zch77tfgn4] {
    position: relative;
    width: min(420px, 92vw);
    margin: 14px auto 28px;
    display: grid;
    place-items: center;
    isolation: isolate;
    min-height: 245px;
}
.mythic-portal[b-zch77tfgn4] {
    position: relative;
    width: 230px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    filter: drop-shadow(0 8px 8px #0009);
    z-index: 2;
}
.mythic-portal img[b-zch77tfgn4] {
    display: block;
    width: 100%;
    position: relative;
    z-index: 3;
    transition:
        filter 0.3s,
        transform 0.3s;
}
.mythic-portal-space[b-zch77tfgn4] {
    position: absolute;
    inset: 15% 21% 13%;
    border-radius: 48%;
    z-index: 1;
    background: radial-gradient(circle, #0b0717 0 22%, #5a2a9b 24%, #0fd4f1 46%, #081736 70%);
    box-shadow: 0 0 24px #31e7ff;
    animation: portal-space-b-zch77tfgn4 4s linear infinite;
}
.mythic-portal-static[b-zch77tfgn4] {
    position: absolute;
    width: 270px;
    height: 190px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle, #73e9ff22 0 2px, #0000 3px 7px);
    filter: blur(1px);
    animation: portal-static-b-zch77tfgn4 3s ease-in-out infinite;
}
.mythic-portal:hover img[b-zch77tfgn4] {
    transform: scale(1.025);
    filter: brightness(1.15);
}
.mythic-resume[b-zch77tfgn4] {
    position: absolute;
    bottom: -10px;
    z-index: 5;
}
.mythic-portal-lock[b-zch77tfgn4] {
    position: absolute;
    z-index: 8;
    inset: 18px 25px 20px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 4px solid #ffdf66;
    background: #501f1fee;
    box-shadow:
        0 0 0 4px #28100f,
        0 8px 18px #000;
}
.mythic-portal-lock strong[b-zch77tfgn4] {
    font-size: 45px;
    color: #ffdf66;
}
.mythic-portal-lock span[b-zch77tfgn4] {
    font-weight: 900;
    color: #fff;
}
.is-contaminating[b-zch77tfgn4] {
    position: relative;
    z-index: 50;
}
.is-contaminating .mythic-portal[b-zch77tfgn4] {
    filter: drop-shadow(0 0 20px #bf5cff);
    animation: contaminated-portal-b-zch77tfgn4 0.55s steps(2) infinite;
}
.is-contaminating .mythic-portal-space[b-zch77tfgn4] {
    background: radial-gradient(circle, #000 0 33%, #df54ff 35%, #39e8ff 47%, #000 69%);
    animation-duration: 1s;
}
.mythic-contamination[b-zch77tfgn4] {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 50% 25%, #0000 0 13%, #7f35b51c 29%, #0000 48%);
}
.mythic-contamination i[b-zch77tfgn4] {
    position: absolute;
    width: 7px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 10px #af72ff;
    left: calc(12% + var(--i, 0) * 16%);
    top: calc(18% + var(--i, 0) * 10%);
    animation: fragment-suck-b-zch77tfgn4 3s linear infinite;
}
.mythic-contamination i:nth-child(2)[b-zch77tfgn4] {
    --i: 1;
    animation-delay: -0.7s;
}
.mythic-contamination i:nth-child(3)[b-zch77tfgn4] {
    --i: 2;
    animation-delay: -1.5s;
}
.mythic-contamination i:nth-child(4)[b-zch77tfgn4] {
    --i: 3;
    animation-delay: -2.2s;
}
.mythic-contamination i:nth-child(5)[b-zch77tfgn4] {
    --i: 4;
    animation-delay: -0.3s;
}
.mythic-final-instructions[b-zch77tfgn4] {
    position: absolute;
    left: calc(100% + 15px);
    top: 8px;
    width: 310px;
    padding: 14px;
    border: 2px solid #bc83ff;
    background: #090b18ee;
    color: #fff;
    z-index: 9;
    box-shadow: 0 0 25px #762dd077;
}
.mythic-final-instructions p[b-zch77tfgn4] {
    font-size: 12px;
    line-height: 1.4;
}
.mythic-final-anchors[b-zch77tfgn4] {
    display: flex;
    gap: 6px;
}
.mythic-final-anchors span[b-zch77tfgn4] {
    padding: 4px;
    border: 1px solid #666;
    font-size: 10px;
}
.mythic-final-anchors .done[b-zch77tfgn4] {
    color: #63ffbd;
    border-color: #63ffbd;
    box-shadow: 0 0 8px #63ffbd;
}
.mythic-warning-seal[b-zch77tfgn4],
.mythic-portal-drop[b-zch77tfgn4] {
    display: block;
    margin: 10px 0;
    padding: 8px;
    border: 1px dashed #ff617e;
    font-size: 10px;
    text-align: center;
}
.mythic-warning-seal[b-zch77tfgn4] {
    cursor: grab;
    background: #631b2a;
}
.mythic-portal-drop[b-zch77tfgn4] {
    border-color: #50ddff;
}
.mythic-final-instructions form[b-zch77tfgn4] {
    display: flex;
    gap: 5px;
}
.mythic-final-instructions input[b-zch77tfgn4] {
    min-width: 0;
    width: 120px;
}
.is-destroyed[b-zch77tfgn4] {
    display: none;
}
@keyframes portal-space-b-zch77tfgn4 {
    to {
        filter: hue-rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes portal-static-b-zch77tfgn4 {
    50% {
        transform: scale(1.08);
        opacity: 0.25;
    }
}
@keyframes contaminated-portal-b-zch77tfgn4 {
    50% {
        transform: translate(2px, -1px);
    }
}
@keyframes fragment-suck-b-zch77tfgn4 {
    to {
        left: 50%;
        top: 25%;
        transform: scale(0);
    }
}
@media (max-width: 950px) {
    .mythic-final-instructions[b-zch77tfgn4] {
        position: relative;
        left: auto;
        top: auto;
        width: min(360px, 90vw);
        margin-top: 8px;
    }
    .mythic-portal-station.is-contaminating[b-zch77tfgn4] {
        min-height: 560px;
    }
}

.mythic-portal-crack[b-zch77tfgn4] {
    position: absolute;
    z-index: 5;
    inset: 19% 27%;
    pointer-events: none;
    opacity: 0;
    background:
        linear-gradient(127deg, transparent 0 43%, #effcff 44% 45%, transparent 46%),
        linear-gradient(53deg, transparent 0 56%, #bd79ff 57% 58%, transparent 59%);
    filter: drop-shadow(0 0 4px #58eaff);
    transition: opacity 0.4s;
}
.is-contaminating .mythic-portal-crack[b-zch77tfgn4] {
    opacity: 0.72;
    animation: portal-crack-shiver-b-zch77tfgn4 0.38s steps(2) infinite;
}
.mythic-backup-core[b-zch77tfgn4] {
    display: block;
    margin: 10px 0;
    padding: 9px;
    border: 1px solid #77ffe1;
    background: radial-gradient(circle at 20% 50%, #dffff6 0 3px, #3cdfb5 4px 7px, #153a3a 8px 18px, #112331);
    color: #baffec;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    cursor: grab;
    box-shadow:
        inset 0 0 14px #3affc044,
        0 0 10px #3affc044;
    animation: backup-core-charge-b-zch77tfgn4 1.5s ease-in-out infinite alternate;
}
.mythic-contamination i:nth-child(1)[b-zch77tfgn4] {
    left: 12%;
    top: 18%;
}
.mythic-contamination i:nth-child(2)[b-zch77tfgn4] {
    left: 28%;
    top: 28%;
}
.mythic-contamination i:nth-child(3)[b-zch77tfgn4] {
    left: 44%;
    top: 38%;
}
.mythic-contamination i:nth-child(4)[b-zch77tfgn4] {
    left: 60%;
    top: 48%;
}
.mythic-contamination i:nth-child(5)[b-zch77tfgn4] {
    left: 76%;
    top: 58%;
}
@keyframes portal-crack-shiver-b-zch77tfgn4 {
    50% {
        translate: 1px -1px;
        filter: drop-shadow(0 0 8px #fff);
    }
}
@keyframes backup-core-charge-b-zch77tfgn4 {
    to {
        filter: brightness(1.35);
        box-shadow:
            inset 0 0 20px #3affc077,
            0 0 18px #3affc077;
    }
}

/* The restored attempt turns the actual admin page into the finale. */
.is-retry-final[b-zch77tfgn4] {
    z-index: 70;
    min-height: 285px;
    transition: min-height 0.5s;
}
.is-retry-final .mythic-portal[b-zch77tfgn4] {
    transition:
        filter 0.5s,
        transform 0.7s;
    will-change: transform, filter;
}
.is-retry-final .mythic-portal-space[b-zch77tfgn4] {
    box-shadow:
        0 0 24px #31e7ff,
        0 0 65px #a02cff88;
    transition:
        inset 0.8s,
        filter 0.8s,
        box-shadow 0.8s;
}
.is-retry-final .mythic-portal-static[b-zch77tfgn4] {
    animation-duration: 1.3s;
    opacity: 0.75;
}
.mythic-retry-debris[b-zch77tfgn4] {
    pointer-events: none;
}
.mythic-retry-guidance[b-zch77tfgn4] {
    position: fixed;
    z-index: 86;
    left: 50%;
    bottom: 18px;
    translate: -50% 0;
    width: min(620px, calc(100vw - 30px));
    box-sizing: border-box;
    padding: 9px 14px;
    border: 1px solid #9f72dc;
    background: #060914e8;
    color: #edf4ff;
    box-shadow: 0 0 24px #6f2dac88;
    font:
        700 11px/1.45 Consolas,
        "Courier New",
        monospace;
    text-align: center;
    pointer-events: none;
}
.mythic-retry-guidance span[b-zch77tfgn4] {
    display: block;
    color: #77ffe0;
    font-size: 9px;
    letter-spacing: 0.12em;
}
.mythic-retry-guidance p[b-zch77tfgn4] {
    margin: 3px 0 0;
}
.mythic-retry-core-link[b-zch77tfgn4] {
    position: absolute;
    z-index: 12;
    left: 50%;
    bottom: -17px;
    translate: -50% 0;
    width: 248px;
    touch-action: none;
    transition:
        filter 0.35s,
        opacity 0.35s;
    cursor: help;
    pointer-events: auto;
    user-select: none;
    -webkit-user-drag: none;
}
.mythic-retry-core-link .mythic-backup-core[b-zch77tfgn4] {
    position: relative;
    z-index: 2;
    margin: 0;
    user-select: none;
    pointer-events: none;
}
.mythic-retry-core-link *[b-zch77tfgn4] {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}
.mythic-retry-cable[b-zch77tfgn4] {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 100%;
    width: 8px;
    height: 74px;
    translate: -50% 0;
    background: repeating-linear-gradient(0deg, #66ffd2 0 7px, #143f48 8px 13px);
    box-shadow: 0 0 10px #68ffdc;
    transform-origin: bottom;
    animation: retry-cable-pulse-b-zch77tfgn4 0.65s ease-in-out infinite alternate;
}
.retry-phase-0 .mythic-retry-core-link[b-zch77tfgn4],
.retry-phase-1 .mythic-retry-core-link[b-zch77tfgn4],
.retry-phase-2 .mythic-retry-core-link[b-zch77tfgn4] {
    opacity: 0.58;
    filter: saturate(0.65) brightness(0.8);
}
.retry-phase-3 .mythic-retry-core-link[b-zch77tfgn4] {
    filter: brightness(1.35) drop-shadow(0 0 12px #62ffd2);
    animation: retry-core-notice-b-zch77tfgn4 0.7s ease-in-out infinite alternate;
}
.retry-phase-3 .mythic-retry-core-link.is-exposed[b-zch77tfgn4] {
    animation: none;
}
.mythic-retry-core-link.is-exposed[b-zch77tfgn4] {
    cursor: grab;
    outline: 2px dashed #fff36a;
    outline-offset: 4px;
}
.mythic-retry-core-link.is-exposed[b-zch77tfgn4]::after {
    content: "QUICK-RELEASE EXPOSED // PULL AWAY";
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    translate: -50% 0;
    width: max-content;
    padding: 4px 7px;
    background: #25152c;
    color: #fff36a;
    font: 800 9px Consolas;
}
.mythic-retry-core-link.is-pullable:active[b-zch77tfgn4] {
    cursor: grabbing;
}
.mythic-retry-core-link.is-ejected[b-zch77tfgn4] {
    opacity: 0;
    pointer-events: none;
}
.retry-phase-2 .mythic-portal[b-zch77tfgn4] {
    filter: drop-shadow(0 0 28px #dd68ff);
    animation: retry-portal-unbound-b-zch77tfgn4 0.29s steps(2) infinite;
}
.retry-phase-3 .mythic-portal[b-zch77tfgn4],
.retry-phase-4 .mythic-portal[b-zch77tfgn4] {
    animation: none;
}
.retry-phase-3 .mythic-portal-space[b-zch77tfgn4] {
    inset: 25% 31% 23%;
    filter: saturate(0.8) brightness(0.82);
    box-shadow: 0 0 16px #8e65cf;
}
.retry-phase-3 .mythic-portal-crack[b-zch77tfgn4],
.retry-phase-4 .mythic-portal-crack[b-zch77tfgn4] {
    opacity: 1;
    filter: drop-shadow(0 0 9px #fff);
    animation: portal-crack-shiver-b-zch77tfgn4 0.2s steps(2) infinite;
}
.retry-phase-4 .mythic-portal-space[b-zch77tfgn4] {
    inset: 31% 37% 29%;
    filter: saturate(0.5) brightness(0.62);
    box-shadow: 0 0 10px #d3bdff;
}
.retry-phase-4 .mythic-portal img[b-zch77tfgn4] {
    filter: brightness(1.45) contrast(1.15) drop-shadow(0 0 7px #d7b8ff);
}
.retry-phase-4 .mythic-portal.is-manually-joined img[b-zch77tfgn4] {
    transform: none;
    filter: brightness(2.1) drop-shadow(0 0 10px #fff);
}
.retry-phase-4 .mythic-portal.is-manually-joined .mythic-portal-space[b-zch77tfgn4] {
    transform: scaleX(var(--closure-space-scale, 1)) rotate(360deg);
}
.mythic-portal.is-imploding .mythic-portal-crack[b-zch77tfgn4] {
    inset: 14% 21%;
    opacity: 1;
    background:
        linear-gradient(127deg, transparent 0 35%, #fff 36% 37%, transparent 38%),
        linear-gradient(53deg, transparent 0 48%, #6ffaff 49% 50%, transparent 51%),
        linear-gradient(161deg, transparent 0 61%, #d69cff 62% 63%, transparent 64%),
        linear-gradient(22deg, transparent 0 69%, #fff 70% 71%, transparent 72%);
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #45f5ff);
    animation: portal-implosion-cracks-b-zch77tfgn4 0.12s steps(2) infinite;
}
.mythic-portal.is-imploding img[b-zch77tfgn4] {
    filter: brightness(2) contrast(1.28) drop-shadow(0 0 12px #71faff);
}
@keyframes retry-cable-pulse-b-zch77tfgn4 {
    to {
        filter: brightness(1.8);
        transform: scaleY(1.04);
    }
}
@keyframes retry-core-notice-b-zch77tfgn4 {
    to {
        transform: translateY(2px);
        filter: brightness(1.7) drop-shadow(0 0 18px #62ffd2);
    }
}
@keyframes retry-portal-unbound-b-zch77tfgn4 {
    50% {
        transform: translate(4px, -2px) rotate(0.7deg);
        filter: drop-shadow(0 0 35px #e988ff) brightness(1.25);
    }
}
@keyframes portal-implosion-cracks-b-zch77tfgn4 {
    50% {
        translate: 1px -1px;
        filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px #45f5ff);
    }
}
@media (max-width: 760px) {
    .mythic-retry-guidance[b-zch77tfgn4] {
        bottom: 9px;
        font-size: 10px;
    }
    .mythic-retry-core-link[b-zch77tfgn4] {
        bottom: -23px;
        width: min(230px, 70vw);
    }
    .is-retry-final[b-zch77tfgn4] {
        margin-bottom: 48px;
    }
}

/* A real-admin-only second line of defence. Its keyed root is rebuilt whenever
   somebody hides or removes it in DevTools and tries the portal again. */
.mythic-admin-barricade[b-zch77tfgn4] {
    position: absolute;
    z-index: 10;
    inset: 20px 34px 26px;
    display: grid;
    place-content: center;
    place-items: center;
    overflow: visible;
    pointer-events: auto;
    isolation: isolate;
    filter: drop-shadow(0 8px 8px #000a);
    animation: mythic-barricade-drop-b-zch77tfgn4 0.42s cubic-bezier(0.2, 1.45, 0.42, 1) both;
}
.mythic-barricade-board[b-zch77tfgn4] {
    position: absolute;
    z-index: 1;
    left: 2%;
    width: 96%;
    height: 37px;
    border: 3px solid #171523;
    border-radius: 3px;
    background:
        linear-gradient(90deg, transparent 0 14%, #fff2 15% 16%, transparent 17% 68%, #0003 69% 71%, transparent 72%),
        repeating-linear-gradient(112deg, #7a318d 0 18px, #9e45ad 19px 34px, #612a79 35px 43px);
    box-shadow:
        inset 0 3px #df84ed,
        inset 0 -5px #3b174a,
        0 3px 0 #08070d;
}
.mythic-barricade-board[b-zch77tfgn4]::before,
.mythic-barricade-board[b-zch77tfgn4]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 12px;
    aspect-ratio: 1;
    translate: 0 -50%;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #e9faff 0 9%, #7198a5 12% 34%, #17232a 38% 70%, #05080a 73%);
    box-shadow: 0 0 5px #8beeff77;
}
.mythic-barricade-board[b-zch77tfgn4]::before {
    left: 12px;
}
.mythic-barricade-board[b-zch77tfgn4]::after {
    right: 12px;
}
.mythic-barricade-board.board-one[b-zch77tfgn4] {
    top: 27%;
    transform: rotate(-13deg);
}
.mythic-barricade-board.board-two[b-zch77tfgn4] {
    top: 47%;
    transform: rotate(8deg);
}
.mythic-barricade-board.board-three[b-zch77tfgn4] {
    top: 66%;
    transform: rotate(-5deg);
}
.mythic-admin-barricade strong[b-zch77tfgn4],
.mythic-admin-barricade small[b-zch77tfgn4] {
    position: relative;
    z-index: 4;
    display: block;
    color: #fff;
    text-align: center;
    text-shadow:
        2px 2px #140919,
        -1px -1px #140919,
        0 0 8px #cf63ff;
}
.mythic-admin-barricade strong[b-zch77tfgn4] {
    padding: 7px 13px 4px;
    border: 2px solid #f0c5ff;
    background: #24102ee8;
    font-size: 19px;
    letter-spacing: 0.08em;
    box-shadow:
        inset 0 0 12px #8c36a777,
        0 0 12px #000;
}
.mythic-admin-barricade small[b-zch77tfgn4] {
    margin-top: 4px;
    padding: 3px 7px;
    background: #120916e8;
    font-size: 7px;
    letter-spacing: 0.08em;
}
@keyframes mythic-barricade-drop-b-zch77tfgn4 {
    0% {
        opacity: 0;
        transform: translateY(-54px) rotate(-3deg) scale(1.07);
    }
    70% {
        opacity: 1;
        transform: translateY(5px) rotate(1deg) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .mythic-admin-barricade[b-zch77tfgn4] {
        animation: none;
    }
}
/* /Components/Shared/PlayerAchievementsGallery.razor.rz.scp.css */
/* The catalogue and unlock notification intentionally share one visual language. */
.gallery-panel[b-fqigsxlef0] {
    width: min(var(--ui-width), 100%);
    margin: 0 auto 28px;
}

.creator-secret-controls[b-fqigsxlef0] {
    display: flex;
    width: min(var(--ui-width), 100%);
    margin: -8px auto 22px;
    justify-content: flex-end;
}

.creator-secret-switch[b-fqigsxlef0] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border: 1px solid rgb(126 237 255 / 48%);
    border-radius: 10px;
    background: rgb(4 17 30 / 74%);
    color: #e9fbff;
    box-shadow: inset 0 0 14px rgb(44 204 255 / 8%);
    cursor: pointer;
    user-select: none;
}

.creator-secret-switch input[b-fqigsxlef0] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.creator-secret-switch-track[b-fqigsxlef0] {
    position: relative;
    width: 38px;
    height: 20px;
    flex: 0 0 auto;
    border: 2px solid #78909d;
    border-radius: 999px;
    background: #263742;
    transition:
        border-color 0.16s ease,
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.creator-secret-switch-track span[b-fqigsxlef0] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c4d0d5;
    transition:
        transform 0.16s ease,
        background 0.16s ease;
}

.creator-secret-switch input:checked + .creator-secret-switch-track[b-fqigsxlef0] {
    border-color: #55eaff;
    background: #126576;
    box-shadow: 0 0 11px rgb(55 224 255 / 45%);
}

.creator-secret-switch input:checked + .creator-secret-switch-track span[b-fqigsxlef0] {
    background: white;
    transform: translateX(18px);
}

.creator-secret-switch input:focus-visible + .creator-secret-switch-track[b-fqigsxlef0] {
    outline: 3px solid #ffdc80;
    outline-offset: 3px;
}

.creator-secret-switch-copy[b-fqigsxlef0] {
    display: grid;
    gap: 1px;
    text-align: left;
}

.creator-secret-switch-copy strong[b-fqigsxlef0] {
    color: #fff;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
}

.creator-secret-switch-copy small[b-fqigsxlef0] {
    color: #99b6c1;
    font-size: 0.62rem;
}

.secret-admin-message[b-fqigsxlef0] {
    margin: 0 0 24px;
    padding: 14px 18px;
    border: 1px dashed var(--ui-gold);
    border-radius: 9px;
    background: rgb(255 208 82 / 7%);
    color: var(--ui-gold);
    font-size: 0.85rem;
    line-height: 1.7;
    text-align: center;
}

.badge-gallery[b-fqigsxlef0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));
    gap: 24px;
}

.badge-preview[b-fqigsxlef0] {
    --badge-accent: #ffd16b;
    --badge-face: #273b51;
    --badge-ribbon: #6f8296;
    --badge-emblem-size: 92px;
    position: relative;
    box-sizing: border-box;
    display: grid;
    min-width: 0;
    padding: 25px 18px 24px;
    overflow: hidden;
    align-content: start;
    justify-items: center;
    gap: 12px;
    border: 4px solid #fff8e7;
    border-radius: 20px;
    outline: 4px solid #0b1018;
    background:
        radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--badge-accent) 42%, transparent), transparent 32%),
        linear-gradient(150deg, color-mix(in srgb, var(--badge-face) 72%, #71351f), #73331d 68%, #4d2116);
    color: white;
    text-align: center;
    box-shadow:
        inset 0 0 0 3px color-mix(in srgb, var(--badge-accent) 66%, #f9dba4),
        inset 0 0 30px rgb(33 10 4 / 38%),
        0 6px 0 rgb(0 0 0 / 48%),
        0 13px 24px rgb(0 0 0 / 38%);
    isolation: isolate;
    scroll-margin-top: 110px;
    content-visibility: auto;
    contain-intrinsic-size: 260px 390px;
    contain: layout paint style;
}

/* Cards outside the viewport keep their visual state but consume no animation frames.
   The class is maintained by badge-navigation.js with a small prefetch margin. */
.badge-preview.is-animated:not(.badge-animation-active)[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active)[b-fqigsxlef0]::before,
.badge-preview.is-animated:not(.badge-animation-active)[b-fqigsxlef0]::after,
.badge-preview.is-animated:not(.badge-animation-active) .badge-card-aurora[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .badge-card-aurora[b-fqigsxlef0]::after,
.badge-preview.is-animated:not(.badge-animation-active) .limbo-card-lights[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .limbo-card-spark[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .quarantine-card-scan[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .quarantine-card-particle[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .mythic-sigil-card-effects[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .mythic-sigil-card-effects > *[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active) .sigil-hover-stream > i[b-fqigsxlef0],
.badge-preview.is-animated:not(.badge-animation-active)[b-fqigsxlef0]  .badge-emblem,
.badge-preview.is-animated:not(.badge-animation-active)[b-fqigsxlef0]  .badge-emblem * {
    animation-play-state: paused !important;
}

/* Card-sized gradient, glow, blend and particle effects are the expensive layer.
   Emblems continue their lightweight idle movement; the full card wakes on intent. */
.badge-preview.badge-animation-active[b-fqigsxlef0],
.badge-preview.badge-animation-active[b-fqigsxlef0]::before,
.badge-preview.badge-animation-active[b-fqigsxlef0]::after,
.badge-preview.badge-animation-active .badge-card-aurora[b-fqigsxlef0],
.badge-preview.badge-animation-active .badge-card-aurora[b-fqigsxlef0]::after,
.badge-preview.badge-animation-active .limbo-card-lights[b-fqigsxlef0],
.badge-preview.badge-animation-active .limbo-card-spark[b-fqigsxlef0],
.badge-preview.badge-animation-active .quarantine-card-scan[b-fqigsxlef0],
.badge-preview.badge-animation-active .quarantine-card-particle[b-fqigsxlef0],
.badge-preview.badge-animation-active .mythic-sigil-card-effects[b-fqigsxlef0],
.badge-preview.badge-animation-active .mythic-sigil-card-effects > *[b-fqigsxlef0],
.badge-preview.badge-animation-active .sigil-hover-stream > i[b-fqigsxlef0] {
    animation-play-state: paused !important;
}

.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery)[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery)[b-fqigsxlef0]::before,
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery)[b-fqigsxlef0]::after,
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .badge-card-aurora[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .badge-card-aurora[b-fqigsxlef0]::after,
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .limbo-card-lights[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .limbo-card-spark[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .quarantine-card-scan[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .quarantine-card-particle[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .mythic-sigil-card-effects[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .mythic-sigil-card-effects > *[b-fqigsxlef0],
.badge-preview.badge-animation-active:is(:hover, :focus-within, .is-badge-target, .is-mastery) .sigil-hover-stream > i[b-fqigsxlef0] {
    animation-play-state: running !important;
}

.badge-preview.badge-animation-active[b-fqigsxlef0]  .badge-emblem.is-animated {
    will-change: transform;
}

.badge-preview.badge-animation-active .badge-card-aurora[b-fqigsxlef0],
.badge-preview.badge-animation-active .badge-card-aurora[b-fqigsxlef0]::after {
    will-change: transform, opacity;
}

.badge-card-deep-link[b-fqigsxlef0] {
    position: absolute !important;
    z-index: 7 !important;
    inset: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.badge-card-deep-link:focus-visible[b-fqigsxlef0] {
    outline: 4px solid #7ff5e0;
    outline-offset: -9px;
}

.badge-preview .badge-inspect[b-fqigsxlef0],
.badge-preview .limbo-last-clue[b-fqigsxlef0],
.badge-preview .limbo-eye-knock[b-fqigsxlef0] {
    z-index: 8;
}

.badge-statistics-backdrop[b-fqigsxlef0] {
    position: fixed;
    z-index: 240;
    inset: 0;
    display: grid;
    padding: 24px;
    overflow-y: auto;
    background: rgb(1 7 15 / 82%);
    backdrop-filter: blur(7px);
    place-items: center;
}

.badge-statistics-dialog[b-fqigsxlef0] {
    --badge-accent: #6eeaff;
    --badge-face: #273b51;
    position: relative;
    box-sizing: border-box;
    width: min(560px, 100%);
    max-height: min(720px, calc(100vh - 48px));
    padding: 24px;
    overflow-y: auto;
    border: 3px solid #fff7df;
    border-radius: 18px;
    outline: 4px solid #07101c;
    background:
        radial-gradient(circle at 16% 0, color-mix(in srgb, var(--badge-accent) 20%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 76%, #18324d), #0b1d30 70%);
    color: white;
    box-shadow:
        inset 0 0 0 2px color-mix(in srgb, var(--badge-accent) 55%, transparent),
        0 18px 55px rgb(0 0 0 / 58%);
    isolation: isolate;
}

.badge-statistics-dialog--rank-1[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 14% 0, color-mix(in srgb, var(--badge-accent) 22%, transparent), transparent 38%),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 76%, #4b2c20), #261a1a 72%);
}

.badge-statistics-dialog--rank-2[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 14% 0, color-mix(in srgb, var(--badge-accent) 28%, transparent), transparent 39%),
        radial-gradient(circle at 95% 100%, rgb(66 211 153 / 12%), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 72%, #183f35), #091b20 72%);
}

.badge-statistics-dialog--rank-3[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 13% 0, color-mix(in srgb, var(--badge-accent) 34%, transparent), transparent 40%),
        linear-gradient(125deg, transparent 0 62%, rgb(104 188 255 / 7%) 62% 63%, transparent 63% 100%),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 68%, #17365a), #071524 74%);
}

.badge-statistics-dialog--rank-4[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 12% 0, color-mix(in srgb, var(--badge-accent) 42%, transparent), transparent 40%),
        radial-gradient(circle at 92% 88%, rgb(207 91 255 / 20%), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 66%, #54266b), #160d28 72%);
    box-shadow:
        inset 0 0 0 2px color-mix(in srgb, var(--badge-accent) 72%, white),
        inset 0 0 34px rgb(170 83 255 / 10%),
        0 18px 58px rgb(0 0 0 / 62%);
}

.badge-statistics-dialog--rank-5:not(.is-mastery)[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 16% 0, rgb(255 231 127 / 34%), transparent 40%),
        radial-gradient(circle at 90% 88%, color-mix(in srgb, var(--badge-accent) 30%, transparent), transparent 43%),
        repeating-linear-gradient(118deg, transparent 0 34px, rgb(255 225 128 / 4%) 35px 36px),
        linear-gradient(145deg, color-mix(in srgb, var(--badge-face) 65%, #65441d), #281607 74%);
    box-shadow:
        inset 0 0 0 2px #ffe6a6,
        inset 0 0 38px rgb(255 192 74 / 13%),
        0 0 24px color-mix(in srgb, var(--badge-accent) 24%, transparent),
        0 18px 58px rgb(0 0 0 / 64%);
}

/* Mythic detail panels inherit the identity of their badge instead of sharing one generic rainbow. */
.badge-statistics-dialog.is-mastery.badge-theme-card-prismatic[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 14% 8%, rgb(91 255 226 / 27%), transparent 34%),
        radial-gradient(circle at 88% 13%, rgb(255 92 215 / 23%), transparent 35%),
        radial-gradient(circle at 74% 92%, rgb(255 215 92 / 20%), transparent 38%),
        linear-gradient(145deg, #152941, #211735 52%, #102b2d);
    box-shadow:
        inset 0 0 0 2px #eafcff,
        inset 0 0 44px rgb(146 97 255 / 20%),
        0 0 27px rgb(93 238 255 / 23%),
        0 18px 60px rgb(0 0 0 / 66%);
}

.badge-statistics-dialog.is-mastery.badge-theme-card-limbo[b-fqigsxlef0] {
    background:
        radial-gradient(ellipse at 48% -4%, rgb(98 255 225 / 31%), transparent 42%),
        radial-gradient(circle at 92% 82%, rgb(139 76 224 / 25%), transparent 44%),
        linear-gradient(160deg, #061720, #101a31 55%, #24122f);
    box-shadow:
        inset 0 0 0 2px #d6fff6,
        inset 0 0 42px rgb(70 255 231 / 19%),
        0 0 28px rgb(69 230 219 / 28%),
        0 18px 60px rgb(0 0 0 / 66%);
}

.badge-statistics-dialog.is-mastery.badge-theme-card-quarantine[b-fqigsxlef0] {
    background:
        repeating-linear-gradient(0deg, transparent 0 8px, rgb(77 255 184 / 4%) 9px),
        radial-gradient(ellipse at 20% 0, rgb(255 70 65 / 32%), transparent 40%),
        radial-gradient(circle at 92% 88%, rgb(42 255 165 / 17%), transparent 43%),
        linear-gradient(150deg, #1d090e, #121a1a 55%, #06120d);
    box-shadow:
        inset 0 0 0 2px #ffe8c8,
        inset 0 0 42px rgb(255 49 79 / 20%),
        0 0 28px rgb(255 48 75 / 27%),
        0 18px 60px rgb(0 0 0 / 68%);
}

.badge-statistics-dialog.is-mastery.badge-theme-card-mythic-sigil[b-fqigsxlef0] {
    background:
        radial-gradient(circle at 16% 12%, #d9ffff 0 1px, transparent 2px),
        radial-gradient(circle at 81% 19%, #a7deff 0 1px, transparent 2px),
        radial-gradient(circle at 91% 42%, #ffffffb8 0 1px, transparent 2px),
        radial-gradient(circle at 10% 71%, #b6a7ffad 0 1px, transparent 2px),
        radial-gradient(ellipse at 50% -4%, rgb(112 89 255 / 37%), transparent 48%),
        radial-gradient(circle at 88% 88%, rgb(54 227 248 / 18%), transparent 44%),
        linear-gradient(158deg, #040713, #11122b 50%, #050611);
    box-shadow:
        inset 0 0 0 2px #e9fbff,
        inset 0 0 46px rgb(112 89 255 / 25%),
        0 0 20px rgb(86 234 255 / 35%),
        0 0 40px rgb(117 88 255 / 22%),
        0 18px 62px rgb(0 0 0 / 70%);
}

.badge-statistics-dialog.is-mastery.badge-theme-card-bounds[b-fqigsxlef0] {
    background:
        linear-gradient(rgb(87 223 255 / 8%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(87 223 255 / 8%) 1px, transparent 1px),
        radial-gradient(ellipse at 20% 0, rgb(125 246 255 / 28%), transparent 41%),
        radial-gradient(circle at 91% 87%, rgb(128 92 255 / 23%), transparent 44%),
        linear-gradient(155deg, #071521, #111929 57%, #160d2b);
    background-size: 28px 28px, 28px 28px, auto, auto, auto;
    box-shadow:
        inset 0 0 0 2px #dffcff,
        inset 0 0 42px rgb(76 219 255 / 18%),
        0 0 27px rgb(92 217 255 / 27%),
        0 18px 60px rgb(0 0 0 / 68%);
}

.badge-statistics-close[b-fqigsxlef0] {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 12px;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 2px solid rgb(255 255 255 / 72%);
    border-radius: 8px;
    background: #802f34;
    color: white;
    box-shadow: 0 3px 0 #3c1118;
    cursor: pointer;
    font: 900 1.45rem/1 Arial, sans-serif;
}

.badge-statistics-header[b-fqigsxlef0] {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 4px 42px 20px 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.badge-statistics-header[b-fqigsxlef0]  .badge-emblem {
    width: 104px;
    height: 104px;
}

.badge-statistics-header > div[b-fqigsxlef0] {
    display: grid;
    gap: 8px;
}

.badge-statistics-header h2[b-fqigsxlef0] {
    margin: 0;
}

.badge-statistics-rarity[b-fqigsxlef0] {
    color: var(--badge-accent);
    font: 800 .65rem/1.2 var(--ui-font);
    letter-spacing: .08em;
}

.badge-statistics-state[b-fqigsxlef0],
.badge-statistics-empty[b-fqigsxlef0] {
    margin: 20px 0 0;
    padding: 18px;
    border: 1px dashed rgb(255 255 255 / 32%);
    border-radius: 10px;
    color: #cfe5f3;
    font-size: .78rem;
    line-height: 1.5;
    text-align: center;
}

.badge-statistics-state.is-error[b-fqigsxlef0] {
    border-color: #ff928b;
    color: #ffe0dc;
}

.badge-statistics-summary[b-fqigsxlef0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px 0;
}

.badge-statistics-summary p[b-fqigsxlef0] {
    margin: 0;
    color: #c6dae8;
    font-size: .82rem;
    line-height: 1.55;
}

.badge-statistics-summary p strong[b-fqigsxlef0] {
    color: white;
}

.badge-statistics-percent[b-fqigsxlef0] {
    display: grid;
    min-width: 116px;
    gap: 2px;
    padding: 12px 15px;
    border: 2px solid color-mix(in srgb, var(--badge-accent) 70%, white);
    border-radius: 10px;
    background: rgb(2 12 24 / 62%);
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 25%);
    text-align: center;
}

.badge-statistics-percent strong[b-fqigsxlef0] {
    color: var(--badge-accent);
    font: 900 1.45rem/1 var(--ui-font);
}

.badge-statistics-percent span[b-fqigsxlef0] {
    color: #d8e6ee;
    font: 800 .58rem/1.2 var(--ui-font);
}

.badge-holder-heading[b-fqigsxlef0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
    color: #f6fbff;
    font: 800 .68rem/1.3 var(--ui-font);
}

.badge-holder-heading span[b-fqigsxlef0] {
    color: #91afc2;
    font-size: .58rem;
}

.badge-holder-list[b-fqigsxlef0] {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.badge-holder-list li[b-fqigsxlef0] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgb(135 190 224 / 32%);
    border-radius: 8px;
    background: rgb(3 14 28 / 52%);
}

.badge-holder-rank[b-fqigsxlef0] {
    color: var(--badge-accent);
    font: 900 .67rem/1 var(--ui-font);
}

.badge-holder-list a[b-fqigsxlef0] {
    min-width: 0;
    overflow: hidden;
    color: white;
    font: 800 .73rem/1.35 var(--ui-font);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge-holder-list a:hover[b-fqigsxlef0] {
    color: var(--badge-accent);
    text-decoration: underline;
}

.badge-holder-list time[b-fqigsxlef0] {
    color: #89a5b7;
    font-size: .67rem;
    white-space: nowrap;
}

.badge-holders-more[b-fqigsxlef0] {
    display: block;
    min-width: 180px;
    margin: 15px auto 0;
    font-size: .66rem;
}

@media (max-width: 540px) {
    .badge-statistics-backdrop[b-fqigsxlef0] {
        align-items: end;
        padding: 10px;
    }

    .badge-statistics-dialog[b-fqigsxlef0] {
        max-height: calc(100vh - 20px);
        padding: 19px 15px;
        border-radius: 16px;
    }

    .badge-statistics-header[b-fqigsxlef0] {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 12px;
        padding-right: 35px;
    }

    .badge-statistics-header[b-fqigsxlef0]  .badge-emblem {
        width: 78px;
        height: 78px;
    }

    .badge-statistics-summary[b-fqigsxlef0] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .badge-statistics-percent[b-fqigsxlef0] {
        min-width: 0;
    }

    .badge-holder-list li[b-fqigsxlef0] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .badge-holder-list time[b-fqigsxlef0] {
        grid-column: 2;
    }
}

.badge-preview.is-badge-target[b-fqigsxlef0] {
    z-index: 9;
    animation: badge-target-highlight-b-fqigsxlef0 2.1s ease-out;
}

@keyframes badge-target-highlight-b-fqigsxlef0 {
    0%,
    18% {
        outline-color: #fff;
        box-shadow:
            inset 0 0 0 3px #fff5ae,
            0 0 0 7px rgb(127 245 224 / 78%),
            0 0 42px 15px color-mix(in srgb, var(--badge-accent) 76%, transparent),
            0 13px 24px rgb(0 0 0 / 38%);
        filter: brightness(1.35);
    }

    100% {
        outline-color: #0b1018;
        filter: brightness(1);
    }
}

.badge-preview[b-fqigsxlef0]::before {
    position: absolute;
    z-index: 3;
    inset: 7px;
    border: 2px solid rgb(255 240 207 / 48%);
    border-radius: 11px;
    content: "";
    pointer-events: none;
}

.badge-preview[b-fqigsxlef0]::after {
    position: absolute;
    z-index: 5;
    right: 11px;
    bottom: 7px;
    left: 11px;
    height: 3px;
    border-radius: 999px;
    background: var(--badge-accent);
    box-shadow: 0 0 6px color-mix(in srgb, var(--badge-accent) 62%, transparent);
    content: "";
    opacity: 0.72;
}

.badge-preview.is-animated[b-fqigsxlef0]::after {
    background: var(--badge-spectrum);
    background-size: 200% 100%;
    opacity: 1;
    animation: badge-card-spectrum-b-fqigsxlef0 8s linear infinite;
}

.badge-preview > *[b-fqigsxlef0] {
    position: relative;
    z-index: 2;
}

.badge-preview[b-fqigsxlef0]  .badge-emblem {
    position: relative;
    z-index: 4;
    border-radius: 50%;
    background: radial-gradient(
        circle at 50% 44%,
        color-mix(in srgb, var(--badge-face) 74%, #07101b) 0 34%,
        rgb(7 12 20 / 42%) 48%,
        transparent 69%
    );
    filter: drop-shadow(0 7px 3px rgb(0 0 0 / 48%))
        drop-shadow(0 0 7px color-mix(in srgb, var(--badge-accent) 34%, transparent));
}

.badge-card-aurora[b-fqigsxlef0] {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    /* The card already contains painting. Keeping paint containment here would
       clip the oversized Mythic shimmer while it rotates. */
    contain: layout style;
}

.badge-preview--rank-4 .badge-card-aurora[b-fqigsxlef0] {
    inset: 0 auto 0 -135%;
    width: 270%;
    opacity: 0.38;
    background: linear-gradient(
        112deg,
        transparent 4%,
        color-mix(in srgb, var(--badge-face) 48%, transparent) 24%,
        color-mix(in srgb, var(--badge-accent) 78%, transparent) 45%,
        color-mix(in srgb, var(--badge-ribbon) 68%, transparent) 62%,
        transparent 84%
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: badge-card-epic-background-b-fqigsxlef0 7s ease-in-out infinite;
}

.badge-preview--rank-5:not(.is-mastery) .badge-card-aurora[b-fqigsxlef0] {
    inset: -18% auto -18% -35%;
    width: 170%;
    opacity: 0.58;
    background:
        radial-gradient(circle at 12% 28%, color-mix(in srgb, var(--badge-accent) 88%, transparent), transparent 34%),
        radial-gradient(circle at 82% 72%, color-mix(in srgb, var(--badge-ribbon) 76%, transparent), transparent 38%),
        linear-gradient(
            118deg,
            transparent 8%,
            color-mix(in srgb, var(--badge-accent) 72%, #fff) 38%,
            color-mix(in srgb, var(--badge-ribbon) 76%, #ffcf67) 58%,
            transparent 88%
        );
    background-position: 0 20%, 100% 80%, 50% 50%;
    background-size:
        170% 170%,
        180% 180%,
        300% 100%;
    background-repeat: no-repeat;
    animation: badge-card-legendary-background-b-fqigsxlef0 4.8s ease-in-out infinite alternate;
}

.badge-preview.is-mastery .badge-card-aurora[b-fqigsxlef0] {
    inset: auto;
    top: 50%;
    left: 50%;
    width: 270%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0.66;
    background: conic-gradient(from 0deg, #54ffe2, var(--badge-accent), #7b62ff, #ff5cd7, #ffd75c, #66ff8c, #54ffe2);
    filter: saturate(1.38) contrast(1.08);
    mix-blend-mode: screen;
    animation: badge-card-mythic-background-b-fqigsxlef0 7s linear infinite;
}

.badge-preview.is-mastery .badge-card-aurora[b-fqigsxlef0]::after {
    position: absolute;
    inset: -8% -65%;
    background:
        repeating-radial-gradient(circle at 50% 50%, transparent 0 9%, rgb(255 255 255 / 18%) 10%, transparent 13%),
        linear-gradient(115deg, transparent 34%, rgb(255 255 255 / 50%) 48%, transparent 61%);
    background-size: 55% 100%, 42% 100%;
    background-repeat: repeat-x;
    content: "";
    animation: badge-card-mythic-shimmer-b-fqigsxlef0 3.4s ease-in-out infinite;
}

.badge-preview--rank-4[b-fqigsxlef0],
.badge-preview--rank-5[b-fqigsxlef0] {
    box-shadow:
        inset 0 0 0 3px color-mix(in srgb, var(--badge-accent) 80%, #fff4c2),
        inset 0 0 34px color-mix(in srgb, var(--badge-accent) 13%, rgb(33 10 4 / 42%)),
        0 6px 0 rgb(0 0 0 / 48%),
        0 0 21px color-mix(in srgb, var(--badge-accent) 26%, transparent),
        0 14px 26px rgb(0 0 0 / 46%);
}

.badge-preview.is-mastery[b-fqigsxlef0] {
    /* The static glow is visually identical at rest. Animating a filter on the
       card itself repainted the emblem, text and every child on each frame. */
    animation: none;
}

/* The generic animated-rarity underline reads as a detached bar on the tall
   Mythic cards. Their border and aurora already communicate the rarity. */
.badge-preview.is-mastery[b-fqigsxlef0]::after {
    display: none;
}

/* LIMBO has its own moving light, contained behind the emblem and copy. */
.badge-preview.badge-theme-card-limbo[b-fqigsxlef0] {
    --badge-emblem-size: 104px;
    background:
        radial-gradient(ellipse at 50% 12%, #284c61 0%, transparent 45%),
        linear-gradient(165deg, #071522, #111b32 55%, #21122f);
    box-shadow:
        inset 0 0 0 3px #d6fff6,
        inset 0 0 30px #46ffe744,
        0 0 0 2px #8668e766,
        0 0 25px #45e6db66,
        0 6px 0 rgb(0 0 0 / 48%),
        0 15px 30px rgb(0 0 0 / 48%);
}

.badge-preview.badge-theme-card-limbo[b-fqigsxlef0]::before {
    border-color: #d7fff0c4;
    box-shadow:
        inset 0 0 15px #83ffe555,
        0 0 11px #be8bff55;
}

/* The quarantine badge is a second mythic, but it has its own fire/alarm language. */
.badge-preview.badge-theme-card-quarantine[b-fqigsxlef0] {
    --badge-emblem-size: 104px;
    background:
        radial-gradient(ellipse at 50% 13%, #483126 0%, transparent 42%),
        radial-gradient(circle at 12% 88%, #174436 0%, transparent 44%),
        linear-gradient(155deg, #190b10, #11191a 53%, #07110e);
    box-shadow:
        inset 0 0 0 3px #fff0ca,
        inset 0 0 34px #ff314f42,
        0 0 0 2px #4dffb867,
        0 0 27px #ff304b5f,
        0 6px 0 rgb(0 0 0 / 52%),
        0 15px 30px rgb(0 0 0 / 52%);
}

.badge-preview.badge-theme-card-quarantine[b-fqigsxlef0]::before {
    border-color: #ffd9b7c9;
    box-shadow:
        inset 0 0 16px #ff443b44,
        0 0 12px #3effb94a;
}

.badge-preview.badge-theme-card-quarantine .badge-card-aurora[b-fqigsxlef0] {
    width: 300%;
    opacity: 0.58;
    background: conic-gradient(from 10deg, #ff1f43, #ffac36, #fff06a, #20ec9d, #0cc9cb, #ff1f43);
    filter: saturate(1.25) contrast(1.15);
    mix-blend-mode: screen;
    animation-duration: 5.5s;
}

.badge-preview > .quarantine-card-effects[b-fqigsxlef0] {
    position: absolute;
    z-index: 1;
    inset: 8px;
    overflow: hidden;
    border-radius: 11px;
    background:
        repeating-linear-gradient(0deg, transparent 0 7px, rgb(87 255 186 / 5%) 8px),
        linear-gradient(90deg, transparent 0 47%, rgb(255 74 91 / 10%) 50%, transparent 53%);
    contain: layout paint style;
    pointer-events: none;
}

.quarantine-card-scan[b-fqigsxlef0] {
    position: absolute;
    z-index: 1;
    top: -18%;
    left: 5%;
    width: 90%;
    height: 14%;
    border-top: 1px solid #adffe5;
    background: linear-gradient(180deg, #70ffd000, #70ffd04a);
    box-shadow: 0 -4px 14px #4dffbd85;
    animation: quarantine-card-scan-b-fqigsxlef0 3.2s ease-in-out infinite;
}

.quarantine-card-particle[b-fqigsxlef0] {
    --particle-color: #ff6b43;
    position: absolute;
    left: var(--particle-x, 50%);
    bottom: -8px;
    width: var(--particle-size, 3px);
    height: var(--particle-size, 3px);
    border-radius: 50%;
    background: var(--particle-color);
    box-shadow:
        0 0 4px 1px var(--particle-color),
        0 0 10px 2px color-mix(in srgb, var(--particle-color) 55%, transparent);
    animation: quarantine-card-ember-b-fqigsxlef0 var(--particle-time, 3.4s) ease-out var(--particle-delay, 0s) infinite;
}

.quarantine-card-particle:nth-of-type(3n)[b-fqigsxlef0] {
    --particle-color: #ffcf4a;
    --particle-size: 2px;
}
.quarantine-card-particle:nth-of-type(4n)[b-fqigsxlef0] {
    --particle-color: #54ffc0;
    --particle-size: 4px;
}
.quarantine-card-particle:nth-of-type(1)[b-fqigsxlef0] {
    --particle-x: 7%;
    --particle-delay: -1.8s;
}
.quarantine-card-particle:nth-of-type(2)[b-fqigsxlef0] {
    --particle-x: 16%;
    --particle-delay: -0.4s;
    --particle-time: 4.2s;
}
.quarantine-card-particle:nth-of-type(3)[b-fqigsxlef0] {
    --particle-x: 25%;
    --particle-delay: -2.7s;
}
.quarantine-card-particle:nth-of-type(4)[b-fqigsxlef0] {
    --particle-x: 34%;
    --particle-delay: -1.1s;
    --particle-time: 4.7s;
}
.quarantine-card-particle:nth-of-type(5)[b-fqigsxlef0] {
    --particle-x: 43%;
    --particle-delay: -3.2s;
}
.quarantine-card-particle:nth-of-type(6)[b-fqigsxlef0] {
    --particle-x: 52%;
    --particle-delay: -0.8s;
    --particle-time: 3.9s;
}
.quarantine-card-particle:nth-of-type(7)[b-fqigsxlef0] {
    --particle-x: 61%;
    --particle-delay: -2.1s;
}
.quarantine-card-particle:nth-of-type(8)[b-fqigsxlef0] {
    --particle-x: 70%;
    --particle-delay: -1.5s;
    --particle-time: 4.4s;
}
.quarantine-card-particle:nth-of-type(9)[b-fqigsxlef0] {
    --particle-x: 79%;
    --particle-delay: -3.6s;
}
.quarantine-card-particle:nth-of-type(10)[b-fqigsxlef0] {
    --particle-x: 88%;
    --particle-delay: -0.2s;
    --particle-time: 4.8s;
}
.quarantine-card-particle:nth-of-type(11)[b-fqigsxlef0] {
    --particle-x: 95%;
    --particle-delay: -2.5s;
}
.quarantine-card-particle:nth-of-type(12)[b-fqigsxlef0] {
    --particle-x: 12%;
    --particle-delay: -3.8s;
    --particle-time: 5.1s;
}
.badge-preview > .limbo-card-lights[b-fqigsxlef0] {
    position: absolute;
    z-index: 1;
    inset: 8px;
    overflow: hidden;
    border-radius: 11px;
    background:
        radial-gradient(ellipse 68% 26% at 50% 1%, #edffff70, transparent 85%),
        radial-gradient(ellipse 75% 45% at 50% 56%, #a34efa3d, transparent 85%);
    contain: layout paint style;
    pointer-events: none;
    animation: limbo-card-spotlight-b-fqigsxlef0 7s ease-in-out infinite alternate;
}

/* UNFINISHED BUSINESS keeps the mythic card silhouette, but contains its own living anomaly. */
.badge-preview.badge-theme-card-mythic-sigil[b-fqigsxlef0] {
    --badge-emblem-size: 112px;
    background:
        radial-gradient(circle at 16% 12%, #d9ffff 0 1px, transparent 2px),
        radial-gradient(circle at 81% 19%, #a7deff 0 1px, transparent 2px),
        radial-gradient(circle at 91% 39%, #ffffffb8 0 1px, transparent 2px),
        radial-gradient(circle at 9% 48%, #b6a7ffad 0 1px, transparent 2px),
        radial-gradient(circle at 74% 63%, #d9ffff9c 0 1px, transparent 2px),
        radial-gradient(ellipse 74% 34% at 49% 7%, #513f9670 0%, transparent 68%),
        radial-gradient(ellipse 54% 42% at 9% 83%, #123c5e52 0%, transparent 70%),
        linear-gradient(158deg, #050814, #11122a 48%, #070712 76%, #03050b);
    box-shadow:
        inset 0 0 0 3px #e9fbff,
        inset 0 0 42px #7059ff4f,
        0 0 0 2px #68eaff73,
        0 0 18px #56eaff72,
        0 0 38px #7558ff52,
        0 6px 0 rgb(0 0 0 / 55%),
        0 15px 32px rgb(0 0 0 / 55%);
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0] {
    transform: translateY(-2px);
    box-shadow:
        inset 0 0 0 3px #fff,
        inset 0 0 48px #6754ff65,
        0 0 0 2px #72efffa3,
        0 0 24px #63efff8f,
        0 0 48px #795cff78,
        0 7px 0 rgb(0 0 0 / 55%),
        0 18px 36px rgb(0 0 0 / 62%);
}

.badge-preview.badge-theme-card-mythic-sigil[b-fqigsxlef0]::before {
    padding: 2px;
    border: 0;
    background: linear-gradient(
        105deg,
        #55eaff,
        #6753d8 28%,
        #b68cff 48%,
        #4fe6ff 68%,
        #ffffff 74%,
        #6554db 82%,
        #55eaff
    );
    background-size: 280% 100%;
    box-shadow:
        inset 0 0 17px #765cff55,
        0 0 14px #4ceaff50;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation:
        mythic-sigil-border-pulse-b-fqigsxlef0 13s ease-in-out infinite;
}

.badge-preview.badge-theme-card-mythic-sigil[b-fqigsxlef0]::after {
    right: auto;
    left: -70%;
    width: 240%;
    background: linear-gradient(90deg, transparent, #5ceeff, #fff, #8b69ff, transparent);
    background-size: 240% 100%;
    box-shadow:
        0 0 7px #5ceeff,
        0 0 14px #795cff;
    animation: mythic-sigil-border-travel-b-fqigsxlef0 6.5s linear infinite;
}

.badge-preview.badge-theme-card-mythic-sigil .badge-card-aurora[b-fqigsxlef0] {
    width: 285%;
    opacity: 0.47;
    background: conic-gradient(from 20deg, #162253, #6449d8, #aa67e5, #215f91, #36e3f8, #162253);
    filter: saturate(1.18) contrast(1.1);
    mix-blend-mode: screen;
    animation-duration: 12s;
}

.badge-preview > .mythic-sigil-card-effects[b-fqigsxlef0] {
    position: absolute;
    z-index: 1;
    inset: -3px;
    overflow: hidden;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 50% 18%,
            transparent 0 11%,
            rgb(54 229 255 / 7%) 12%,
            transparent 14% 19%,
            rgb(127 93 255 / 6%) 20%,
            transparent 22%
        ),
        linear-gradient(180deg, rgb(2 5 15 / 8%) 0 38%, rgb(1 2 8 / 42%) 63%, rgb(1 2 7 / 78%) 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0 66%, rgb(0 0 0 / 55%) 78%, transparent 96%);
    mask-image: linear-gradient(to bottom, #000 0 66%, rgb(0 0 0 / 55%) 78%, transparent 96%);
    contain: layout paint style;
    pointer-events: none;
}

.sigil-cosmic-depth[b-fqigsxlef0] {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 185px;
    height: 142px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 42% 38%, #fff 0 1px, transparent 2px),
        radial-gradient(circle at 67% 26%, #bcf9ff 0 1px, transparent 2px),
        radial-gradient(circle at 21% 61%, #a9a0ff 0 1px, transparent 2px),
        radial-gradient(ellipse, #16295442 0 22%, #38287930 43%, transparent 72%);
    opacity: 0.86;
    transform: translateX(-50%);
    filter: blur(0.1px);
    animation: mythic-sigil-cosmic-drift-b-fqigsxlef0 9s ease-in-out infinite alternate;
}

.sigil-collapse-lens[b-fqigsxlef0] {
    position: absolute;
    top: 67px;
    left: 50%;
    width: 124px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            #fff 0 1%,
            #a8ffff 2% 4%,
            #0a0a1b 7% 21%,
            transparent 23% 31%,
            #7258ff24 34%,
            transparent 52%
        ),
        conic-gradient(from 20deg, transparent, #58efff6e, #8365ff8a, #bb73ff6b, #35e7ff7a, transparent);
    box-shadow:
        0 0 14px #8aefff,
        0 0 38px #7055ff96,
        inset 0 0 15px #fff;
    opacity: 0.48;
    transform: translate(-50%, -50%) scale(0.78);
    filter: blur(0.3px);
    animation: mythic-sigil-lens-b-fqigsxlef0 17.3s ease-in-out infinite;
}

.sigil-collapse-wave[b-fqigsxlef0] {
    position: absolute;
    top: 67px;
    left: 50%;
    width: 142px;
    aspect-ratio: 1;
    border: 1px solid #c7fbff;
    border-radius: 50%;
    opacity: 0;
    box-shadow:
        0 0 10px #5deeff,
        inset 0 0 12px #7d61ff;
    transform: translate(-50%, -50%) scale(0.72);
    animation: mythic-sigil-collapse-wave-b-fqigsxlef0 17.3s ease-in-out infinite;
}

.sigil-orbit[b-fqigsxlef0] {
    position: absolute;
    top: 67px;
    left: 50%;
    width: 154px;
    height: 50px;
    border: 1px solid rgb(154 226 255 / 48%);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(18deg);
    box-shadow: 0 0 8px #8f76ff66;
    animation: mythic-sigil-orbit-b-fqigsxlef0 10s linear infinite;
    transition:
        opacity 0.55s ease,
        border-color 0.55s ease,
        box-shadow 0.55s ease,
        filter 0.55s ease;
}

.sigil-orbit-two[b-fqigsxlef0] {
    width: 137px;
    height: 68px;
    border-color: rgb(143 101 255 / 46%);
    animation-duration: 14s;
    animation-direction: reverse;
}

.sigil-orbit-boost[b-fqigsxlef0] {
    opacity: 0;
    border-width: 1.5px;
    border-color: rgb(221 255 255 / 84%);
    box-shadow:
        0 0 7px #5defff,
        0 0 15px #775cff;
    filter: blur(0.15px);
}

.sigil-orbit-boost-one[b-fqigsxlef0] {
    width: 145px;
    height: 38px;
    animation-duration: 5.3s;
}

.sigil-orbit-boost-two[b-fqigsxlef0] {
    width: 126px;
    height: 78px;
    border-color: rgb(172 124 255 / 78%);
    animation-duration: 7.7s;
    animation-direction: reverse;
}

.sigil-light[b-fqigsxlef0] {
    position: absolute;
    top: -18%;
    width: 39%;
    height: 68%;
    background: linear-gradient(110deg, transparent 20%, #d9fbff29 49%, transparent 72%);
    filter: blur(4px);
    transform-origin: top;
    animation: mythic-sigil-card-light-b-fqigsxlef0 7.5s ease-in-out infinite alternate;
}
.sigil-light.left[b-fqigsxlef0] {
    left: -7%;
    rotate: 9deg;
}
.sigil-light.right[b-fqigsxlef0] {
    right: -9%;
    rotate: -15deg;
    animation-delay: -3.7s;
}

.sigil-star[b-fqigsxlef0] {
    position: absolute;
    top: var(--star-y);
    left: var(--star-x);
    width: var(--star-size, 2px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #f4ffff;
    opacity: 0.25;
    box-shadow:
        0 0 3px #fff,
        0 0 8px var(--star-glow, #64eaff);
    animation: mythic-sigil-star-twinkle-b-fqigsxlef0 var(--star-time) ease-in-out var(--star-delay) infinite;
}
.sigil-star.star-one[b-fqigsxlef0] {
    --star-x: 12%;
    --star-y: 11%;
    --star-time: 5.7s;
    --star-delay: -2.1s;
    --star-size: 3px;
}
.sigil-star.star-two[b-fqigsxlef0] {
    --star-x: 87%;
    --star-y: 16%;
    --star-time: 7.9s;
    --star-delay: -5.4s;
    --star-glow: #9a70ff;
}
.sigil-star.star-three[b-fqigsxlef0] {
    --star-x: 6%;
    --star-y: 44%;
    --star-time: 6.3s;
    --star-delay: -1.2s;
}
.sigil-star.star-four[b-fqigsxlef0] {
    --star-x: 92%;
    --star-y: 52%;
    --star-time: 9.1s;
    --star-delay: -7.6s;
    --star-size: 3px;
}
.sigil-star.star-five[b-fqigsxlef0] {
    --star-x: 18%;
    --star-y: 58%;
    --star-time: 8.6s;
    --star-delay: -3.8s;
    --star-glow: #a77aff;
}
.sigil-star.star-six[b-fqigsxlef0] {
    --star-x: 79%;
    --star-y: 67%;
    --star-time: 10.7s;
    --star-delay: -8.9s;
}

.sigil-particle[b-fqigsxlef0] {
    position: absolute;
    top: var(--particle-y);
    left: var(--particle-x);
    width: var(--particle-size, 3px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #eaffff;
    box-shadow:
        0 0 4px #fff,
        0 0 9px #5bedff;
    opacity: 0;
    animation: mythic-sigil-particle-b-fqigsxlef0 var(--particle-time, 5.8s) cubic-bezier(0.4, 0, 0.7, 1) var(--particle-delay, 0s)
        infinite;
}
.sigil-particle:nth-of-type(1)[b-fqigsxlef0] {
    --particle-x: 9%;
    --particle-y: 13%;
    --particle-to-x: 930%;
    --particle-to-y: 650%;
    --particle-delay: -1.1s;
}
.sigil-particle:nth-of-type(2)[b-fqigsxlef0] {
    --particle-x: 88%;
    --particle-y: 20%;
    --particle-to-x: -760%;
    --particle-to-y: 530%;
    --particle-delay: -4.2s;
    --particle-time: 7.2s;
}
.sigil-particle:nth-of-type(3)[b-fqigsxlef0] {
    --particle-x: 18%;
    --particle-y: 39%;
    --particle-to-x: 690%;
    --particle-to-y: 210%;
    --particle-delay: -2.6s;
}
.sigil-particle:nth-of-type(4)[b-fqigsxlef0] {
    --particle-x: 80%;
    --particle-y: 43%;
    --particle-to-x: -610%;
    --particle-to-y: 150%;
    --particle-delay: -0.4s;
    --particle-size: 2px;
}
.sigil-particle:nth-of-type(5)[b-fqigsxlef0] {
    --particle-x: 5%;
    --particle-y: 62%;
    --particle-to-x: 1060%;
    --particle-to-y: -80%;
    --particle-delay: -3.5s;
    --particle-time: 7.8s;
}
.sigil-particle:nth-of-type(6)[b-fqigsxlef0] {
    --particle-x: 94%;
    --particle-y: 66%;
    --particle-to-x: -930%;
    --particle-to-y: -120%;
    --particle-delay: -5.1s;
}
.sigil-hover-stream[b-fqigsxlef0] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.sigil-hover-stream > i[b-fqigsxlef0] {
    position: absolute;
    top: 67px;
    left: 50%;
    width: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px #62efff;
    transform-origin: 0 0;
    animation: mythic-sigil-hover-stream-b-fqigsxlef0 4.9s linear infinite;
}
.sigil-hover-stream > i:nth-child(2)[b-fqigsxlef0] {
    animation-duration: 6.1s;
    animation-delay: -3.2s;
}
.sigil-hover-stream > i:nth-child(3)[b-fqigsxlef0] {
    animation-duration: 7.3s;
    animation-delay: -5.7s;
}

.sigil-card-debris[b-fqigsxlef0] {
    position: absolute;
    top: var(--debris-y);
    left: var(--debris-x);
    width: 10px;
    height: 10px;
    opacity: 0.65;
    filter: drop-shadow(0 0 4px #65eaff);
    animation: mythic-sigil-debris-b-fqigsxlef0 var(--debris-time, 14s) cubic-bezier(0.45, 0, 0.72, 1) var(--debris-delay, 0s)
        infinite;
}
.sigil-card-debris.debris-block[b-fqigsxlef0] {
    --debris-x: 7%;
    --debris-y: 27%;
    --debris-to-x: 900%;
    --debris-to-y: 270%;
    --debris-time: 17s;
    --debris-delay: -6s;
    border: 2px solid #71efff;
    background: linear-gradient(135deg, #17234b, #785ae5);
}
.sigil-card-debris.debris-spike[b-fqigsxlef0] {
    --debris-x: 87%;
    --debris-y: 35%;
    --debris-to-x: -760%;
    --debris-to-y: 180%;
    --debris-time: 19s;
    --debris-delay: -13s;
    background: #a68aff;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.sigil-card-debris.debris-grid[b-fqigsxlef0] {
    --debris-x: 18%;
    --debris-y: 46%;
    --debris-to-x: 610%;
    --debris-to-y: -180%;
    --debris-time: 23s;
    --debris-delay: -3s;
    border: 1px solid #9ef8ff;
    background:
        linear-gradient(90deg, transparent 42%, #8bf3ff 43% 57%, transparent 58%),
        linear-gradient(0deg, transparent 42%, #8bf3ff 43% 57%, transparent 58%);
    opacity: 0.38;
}
.sigil-card-debris.debris-orb[b-fqigsxlef0] {
    --debris-x: 92%;
    --debris-y: 22%;
    --debris-to-x: -880%;
    --debris-to-y: 40%;
    --debris-time: 29s;
    --debris-delay: -17s;
    border: 2px solid #67efff;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0 18%, #785dff 22% 46%, #071020 50%);
}
.sigil-card-debris.debris-pad[b-fqigsxlef0] {
    --debris-x: 3%;
    --debris-y: 42%;
    --debris-to-x: 1010%;
    --debris-to-y: -1180%;
    --debris-time: 31s;
    --debris-delay: -8s;
    width: 13px;
    height: 7px;
    border: 1px solid #b1fbff;
    border-radius: 50% 50% 2px 2px;
    background: #3fbcd8;
    opacity: 0.42;
}
.sigil-card-debris.debris-saw[b-fqigsxlef0] {
    --debris-x: 76%;
    --debris-y: 8%;
    --debris-to-x: -550%;
    --debris-to-y: 340%;
    --debris-time: 26.5s;
    --debris-delay: -21s;
    width: 12px;
    height: 12px;
    background: conic-gradient(
        from 0deg,
        #bdfcff 0 8%,
        transparent 8% 16%,
        #8e70ff 16% 25%,
        transparent 25% 33%,
        #bdfcff 33% 42%,
        transparent 42% 50%,
        #8e70ff 50% 59%,
        transparent 59% 67%,
        #bdfcff 67% 76%,
        transparent 76% 84%,
        #8e70ff 84% 92%,
        transparent 92%
    );
    border-radius: 50%;
}
.sigil-card-debris.debris-saw[b-fqigsxlef0]::after {
    position: absolute;
    inset: 3px;
    border: 1px solid #eaffff;
    border-radius: 50%;
    background: #10152a;
    content: "";
}
.sigil-card-debris.debris-stone-one[b-fqigsxlef0] {
    --debris-x: 11%;
    --debris-y: 18%;
    --debris-to-x: 790%;
    --debris-to-y: 110%;
    --debris-time: 24.7s;
    --debris-delay: -14s;
    width: 8px;
    height: 7px;
    background: #526078;
    clip-path: polygon(18% 0, 82% 10%, 100% 62%, 61% 100%, 8% 76%);
    opacity: 0.44;
}
.sigil-card-debris.debris-stone-two[b-fqigsxlef0] {
    --debris-x: 86%;
    --debris-y: 48%;
    --debris-to-x: -760%;
    --debris-to-y: -1380%;
    --debris-time: 33s;
    --debris-delay: -25s;
    width: 7px;
    height: 9px;
    background: #665b83;
    clip-path: polygon(32% 0, 90% 18%, 100% 72%, 55% 100%, 0 63%);
    opacity: 0.34;
}

.badge-preview.badge-theme-card-mythic-sigil:hover .sigil-collapse-lens[b-fqigsxlef0] {
    filter: blur(0) brightness(1.28);
}
.badge-preview.badge-theme-card-mythic-sigil:hover .sigil-orbit[b-fqigsxlef0] {
    border-color: rgb(191 250 255 / 72%);
    box-shadow:
        0 0 11px #58efff88,
        0 0 19px #8065ff70;
}
.badge-preview.badge-theme-card-mythic-sigil:hover .sigil-orbit-boost[b-fqigsxlef0] {
    opacity: 0.68;
}
.badge-preview.badge-theme-card-mythic-sigil:hover .sigil-hover-stream[b-fqigsxlef0] {
    opacity: 0.92;
}
.badge-preview.badge-theme-card-mythic-sigil:hover .sigil-card-debris[b-fqigsxlef0] {
    filter: brightness(1.18) drop-shadow(0 0 5px #65eaff);
}
.badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0]  .badge-theme-mythic-sigil {
    transform: translateY(-3px) scale(1.035);
    filter: brightness(1.08) saturate(1.12);
}
.badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0]  .mythic-portal-boost {
    opacity: 0.72;
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px #675cff);
}
.badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0]  .mythic-portal-rim {
    stroke-width: 3.5;
    filter: drop-shadow(0 0 6px #8cffff) drop-shadow(0 0 10px #8a5cff);
}

.limbo-card-spark[b-fqigsxlef0] {
    position: absolute;
    width: var(--spark-size, 3px);
    height: var(--spark-size, 3px);
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    box-shadow:
        0 0 3px 1px #fff,
        0 0 8px 3px #e0fff8,
        0 0 15px 5px #9cffef88;
    pointer-events: none;
    animation: limbo-card-sparkle-b-fqigsxlef0 var(--spark-time, 3.6s) ease-in-out var(--spark-delay, 0s) infinite;
}

.limbo-card-spark:nth-child(even)[b-fqigsxlef0] {
    animation-direction: reverse;
}
.limbo-card-spark:nth-child(3n)[b-fqigsxlef0] {
    --spark-size: 2px;
    --spark-time: 4.4s;
}
.limbo-card-spark:nth-child(5n)[b-fqigsxlef0] {
    --spark-size: 4px;
    --spark-time: 3.1s;
}
.limbo-card-spark:nth-child(1)[b-fqigsxlef0] {
    top: 7%;
    left: 14%;
    --spark-delay: -1.3s;
}
.limbo-card-spark:nth-child(2)[b-fqigsxlef0] {
    top: 11%;
    left: 74%;
    --spark-delay: -3.2s;
}
.limbo-card-spark:nth-child(3)[b-fqigsxlef0] {
    top: 19%;
    left: 43%;
    --spark-delay: -0.6s;
}
.limbo-card-spark:nth-child(4)[b-fqigsxlef0] {
    top: 27%;
    left: 88%;
    --spark-delay: -2.8s;
}
.limbo-card-spark:nth-child(5)[b-fqigsxlef0] {
    top: 33%;
    left: 10%;
    --spark-delay: -1.9s;
}
.limbo-card-spark:nth-child(6)[b-fqigsxlef0] {
    top: 40%;
    left: 61%;
    --spark-delay: -3.7s;
}
.limbo-card-spark:nth-child(7)[b-fqigsxlef0] {
    top: 46%;
    left: 29%;
    --spark-delay: -0.2s;
}
.limbo-card-spark:nth-child(8)[b-fqigsxlef0] {
    top: 52%;
    left: 84%;
    --spark-delay: -2.4s;
}
.limbo-card-spark:nth-child(9)[b-fqigsxlef0] {
    top: 58%;
    left: 7%;
    --spark-delay: -1.1s;
}
.limbo-card-spark:nth-child(10)[b-fqigsxlef0] {
    top: 64%;
    left: 48%;
    --spark-delay: -2.6s;
}
.badge-preview > .badge-owned-label[b-fqigsxlef0] {
    position: absolute;
    z-index: 6;
    top: 12px;
    right: 12px;
    display: grid;
    width: 25px;
    height: 25px;
    padding: 0;
    place-items: center;
    border: 1px solid rgb(185 255 161 / 76%);
    border-radius: 50%;
    background: #2b843d;
    color: #e1ffd6;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 26%),
        0 2px 5px rgb(0 0 0 / 42%);
}

.badge-rarity-label[b-fqigsxlef0] {
    padding: 5px 8px 4px;
    border: 1px solid color-mix(in srgb, var(--badge-accent) 72%, white);
    border-radius: 6px;
    background: rgb(21 10 8 / 46%);
    color: var(--badge-accent);
    font-size: 0.53rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    box-shadow: inset 0 0 8px color-mix(in srgb, var(--badge-accent) 12%, transparent);
    text-shadow: 0 1px 0 #000;
}

@keyframes badge-card-spectrum-b-fqigsxlef0 {
    to {
        background-position: 200% 0;
    }
}

@keyframes badge-card-epic-background-b-fqigsxlef0 {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(48%, 0, 0);
    }
}

@keyframes badge-card-legendary-background-b-fqigsxlef0 {
    0% {
        transform: translate3d(-5%, -1%, 0) scale(1.01);
    }
    100% {
        transform: translate3d(5%, 1%, 0) scale(1.04);
    }
}

@keyframes badge-card-mythic-background-b-fqigsxlef0 {
    from {
        transform: translate(-50%, -50%) rotate(0deg) scale(1.02);
        opacity: 0.58;
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(1.08);
        opacity: 0.72;
    }
}

@keyframes badge-card-mythic-shimmer-b-fqigsxlef0 {
    0%,
    100% {
        transform: translate3d(18%, 0, 0);
        opacity: 0.38;
    }
    50% {
        transform: translate3d(-18%, 0, 0);
        opacity: 0.8;
    }
}

@keyframes limbo-card-spotlight-b-fqigsxlef0 {
    from {
        opacity: 0.72;
        transform: translateY(-2%);
    }
    to {
        opacity: 1;
        transform: translateY(2%);
    }
}

@keyframes limbo-card-sparkle-b-fqigsxlef0 {
    0%,
    100% {
        opacity: 0.15;
        transform: translate(-3px, 5px) scale(0.55);
    }
    40% {
        opacity: 1;
        transform: translate(2px, -5px) scale(1.2);
    }
    70% {
        opacity: 0.42;
        transform: translate(5px, -9px) scale(0.8);
    }
}

@keyframes quarantine-card-scan-b-fqigsxlef0 {
    0% {
        transform: translateY(-15%);
        opacity: 0;
    }
    15%,
    82% {
        opacity: 0.9;
    }
    100% {
        transform: translateY(850%);
        opacity: 0;
    }
}

@keyframes quarantine-card-ember-b-fqigsxlef0 {
    0% {
        transform: translate(0, 8px) scale(0.4);
        opacity: 0;
    }
    18% {
        opacity: 0.95;
    }
    68% {
        opacity: 0.7;
    }
    100% {
        transform: translate(var(--particle-drift, 12px), -330px) scale(1.15);
        opacity: 0;
    }
}

@keyframes mythic-sigil-border-travel-b-fqigsxlef0 {
    to {
        transform: translate3d(58%, 0, 0);
    }
}
@keyframes mythic-sigil-border-pulse-b-fqigsxlef0 {
    0%,
    84%,
    100% {
        opacity: 0.86;
    }
    90% {
        opacity: 1;
    }
}
@keyframes mythic-sigil-cosmic-drift-b-fqigsxlef0 {
    from {
        transform: translate(-52%, 1px) scale(0.98);
        opacity: 0.66;
    }
    to {
        transform: translate(-48%, -3px) scale(1.04);
        opacity: 0.92;
    }
}
@keyframes mythic-sigil-card-light-b-fqigsxlef0 {
    to {
        transform: translateX(34%) rotate(8deg);
        opacity: 0.3;
    }
}
@keyframes mythic-sigil-lens-b-fqigsxlef0 {
    0%,
    78%,
    100% {
        opacity: 0.4;
        transform: translate(-50%, -50%) scale(0.76);
    }
    40% {
        opacity: 0.58;
        transform: translate(-50%, -50%) scale(0.86);
    }
    86% {
        opacity: 0.78;
        transform: translate(-50%, -50%) scale(0.94);
    }
    89% {
        opacity: 0.95;
        transform: translate(-50%, -50%) scale(0.42);
    }
    91% {
        opacity: 0.55;
        transform: translate(-50%, -50%) scale(0.7);
    }
}
@keyframes mythic-sigil-orbit-b-fqigsxlef0 {
    to {
        transform: translate(-50%, -50%) rotate(378deg);
    }
}
@keyframes mythic-sigil-collapse-wave-b-fqigsxlef0 {
    0%,
    83%,
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.86);
    }
    86% {
        opacity: 0.58;
        transform: translate(-50%, -50%) scale(1.02);
    }
    89% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(0.3);
    }
    91% {
        opacity: 0.28;
        transform: translate(-50%, -50%) scale(0.66);
    }
}
@keyframes mythic-sigil-star-twinkle-b-fqigsxlef0 {
    0%,
    100% {
        opacity: 0.16;
        transform: scale(0.65);
    }
    38% {
        opacity: 0.72;
        transform: scale(1);
    }
    55% {
        opacity: 0.3;
        transform: scale(0.78);
    }
    76% {
        opacity: 0.9;
        transform: scale(1.18);
    }
}
@keyframes mythic-sigil-particle-b-fqigsxlef0 {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.35);
    }
    15% {
        opacity: 0.9;
    }
    72% {
        opacity: 0.7;
    }
    100% {
        opacity: 0;
        transform: translate(var(--particle-to-x), var(--particle-to-y)) rotate(240deg) scale(0.05);
    }
}
@keyframes mythic-sigil-hover-stream-b-fqigsxlef0 {
    from {
        transform: rotate(0deg) translateX(72px) scale(0.55);
        opacity: 0.15;
    }
    55% {
        opacity: 1;
    }
    to {
        transform: rotate(360deg) translateX(15px) scale(0.08);
        opacity: 0;
    }
}
@keyframes mythic-sigil-debris-b-fqigsxlef0 {
    0%,
    9% {
        opacity: 0;
        transform: translate(0, 0) rotate(0deg) scale(0.72);
    }
    16% {
        opacity: 0.68;
    }
    82% {
        opacity: 0.58;
    }
    100% {
        opacity: 0;
        transform: translate(var(--debris-to-x), var(--debris-to-y)) rotate(520deg) scale(0.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .badge-preview[b-fqigsxlef0],
    .badge-card-aurora[b-fqigsxlef0],
    .badge-card-aurora[b-fqigsxlef0]::after,
    .badge-preview[b-fqigsxlef0]::after,
    .limbo-card-lights[b-fqigsxlef0],
    .limbo-card-spark[b-fqigsxlef0],
    .quarantine-card-scan[b-fqigsxlef0],
    .quarantine-card-particle[b-fqigsxlef0],
    .mythic-sigil-card-effects[b-fqigsxlef0],
    .mythic-sigil-card-effects > *[b-fqigsxlef0],
    .sigil-hover-stream > i[b-fqigsxlef0] {
        animation: none;
    }

    .badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0],
    .badge-preview.badge-theme-card-mythic-sigil:hover[b-fqigsxlef0]  .badge-theme-mythic-sigil {
        transform: none;
    }
}

.badge-preview h3[b-fqigsxlef0],
.badge-preview p[b-fqigsxlef0] {
    margin: 0;
}

.badge-description[b-fqigsxlef0] {
    display: grid;
    justify-items: center;
    gap: 12px;
}

.badge-description p[b-fqigsxlef0] {
    margin: 0;
}

.badge-preview > .dom-treasure-description[b-fqigsxlef0] {
    z-index: 8;
    width: 100%;
}

.badge-preview h3[b-fqigsxlef0] {
    display: grid;
    width: 100%;
    min-height: 34px;
    align-content: center;
    justify-items: center;
    text-align: center;
}

.badge-preview p[b-fqigsxlef0] {
    color: #fff2e8;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.6;
    text-shadow: 0 2px 1px #351006;
}

.badge-requirement[b-fqigsxlef0] {
    color: var(--badge-accent);
    font-size: 0.61rem;
    font-weight: 900;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-shadow: 0 1px 0 #000;
}

.badge-inspect[b-fqigsxlef0] {
    display: inline-flex;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: none;
}

.badge-inspect:not(:disabled)[b-fqigsxlef0] {
    cursor: default;
}
.badge-inspect:focus-visible[b-fqigsxlef0] {
    outline: 3px solid #ffdc80;
    outline-offset: 5px;
}
.badge-inspect:active[b-fqigsxlef0] {
    transform: translateY(2px);
}
.limbo-eye-knock-1[b-fqigsxlef0] {
    animation: limbo-knock-left-b-fqigsxlef0 0.18s ease-out;
}
.limbo-eye-knock-2[b-fqigsxlef0] {
    animation: limbo-knock-right-b-fqigsxlef0 0.18s ease-out;
}
.limbo-eye-knock-3[b-fqigsxlef0] {
    animation: limbo-knock-left-b-fqigsxlef0 0.22s ease-out;
}
.limbo-eye-knock-4[b-fqigsxlef0] {
    animation: limbo-knock-right-b-fqigsxlef0 0.22s ease-out;
}

.limbo-last-clue[b-fqigsxlef0] {
    display: grid;
    width: var(--badge-emblem-size);
    aspect-ratio: 96 / 108;
    padding: 10px;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 2px dashed #65ffe0;
    border-radius: 18px;
    background: rgb(8 18 34 / 72%);
    color: #d9fff8;
    box-shadow:
        inset 0 0 18px #6848ff33,
        0 0 12px #31f6db2e;
    cursor: pointer;
}

.limbo-last-clue span[b-fqigsxlef0] {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}
.limbo-last-clue strong[b-fqigsxlef0] {
    font-size: 0.52rem;
    letter-spacing: 0.08em;
}
.limbo-last-clue:hover[b-fqigsxlef0],
.limbo-last-clue:focus-visible[b-fqigsxlef0] {
    border-style: solid;
    background: rgb(21 47 67 / 90%);
}
.limbo-last-clue:focus-visible[b-fqigsxlef0] {
    outline: 3px solid #ffdc80;
    outline-offset: 4px;
}

@keyframes limbo-knock-left-b-fqigsxlef0 {
    50% {
        transform: rotate(-5deg) scale(0.96);
    }
}
@keyframes limbo-knock-right-b-fqigsxlef0 {
    50% {
        transform: rotate(5deg) scale(0.96);
    }
}

@media (max-width: 540px) {
    .badge-gallery[b-fqigsxlef0] {
        gap: 20px;
    }

    .badge-preview.badge-theme-card-limbo[b-fqigsxlef0] {
        --badge-emblem-size: 92px;
    }
    .badge-preview.badge-theme-card-quarantine[b-fqigsxlef0] {
        --badge-emblem-size: 92px;
    }
    .badge-preview.badge-theme-card-mythic-sigil[b-fqigsxlef0] {
        --badge-emblem-size: 98px;
    }

    .badge-preview[b-fqigsxlef0] {
        --badge-emblem-size: 82px;
        padding: 21px 15px 22px;
        border-width: 3px;
        border-radius: 16px;
        outline-width: 3px;
    }

    .badge-preview[b-fqigsxlef0]::before {
        inset: 5px;
        border-radius: 10px;
    }
}
/* /Components/Shared/PlayerBadgeEmblem.razor.rz.scp.css */
.badge-emblem[b-nianwsr220] {
    --emblem-accent: #ffd16b;
    --emblem-face: #624223;
    --emblem-ribbon: #ae6a30;
    display: inline-block;
    width: var(--badge-emblem-size, 80px);
    max-width: 100%;
    flex: none;
    aspect-ratio: 96 / 108;
    vertical-align: middle;
    contain: layout style;
}

svg[b-nianwsr220] {
    display: block;
    width: 100%;
    height: 100%;
}
.emblem-ribbon[b-nianwsr220] {
    fill: var(--emblem-ribbon);
    stroke: #081725;
    stroke-width: 3;
    stroke-linejoin: round;
}
.emblem-shadow[b-nianwsr220] {
    fill: #081725;
    stroke: #081725;
    stroke-width: 5;
    stroke-linejoin: round;
}
.emblem-frame[b-nianwsr220] {
    fill: var(--emblem-prism, var(--emblem-accent));
    stroke: #fff1cf;
    stroke-width: 1.5;
    stroke-linejoin: round;
}
.emblem-face[b-nianwsr220] {
    fill: var(--emblem-face);
    stroke: #091928;
    stroke-width: 2;
    stroke-linejoin: round;
}
.emblem-detail[b-nianwsr220] {
    stroke: var(--emblem-accent);
    stroke-width: 2;
    stroke-linecap: round;
    opacity: 0.5;
}
.emblem-symbol[b-nianwsr220] {
    stroke: var(--emblem-prism, var(--emblem-accent));
}
.emblem-solid[b-nianwsr220] {
    fill: var(--emblem-prism, var(--emblem-accent));
    stroke-width: 1.5;
}

.is-animated svg[b-nianwsr220] {
    filter: drop-shadow(0 0 4px rgb(179 172 255 / 24%));
}

.badge-emblem.is-animated:not(.badge-theme-limbo):not(.badge-theme-quarantine):not(.badge-theme-mythic-sigil):not(
        .badge-theme-bounds
    )[b-nianwsr220] {
    transform-origin: center;
    animation: badge-emblem-idle-float-b-nianwsr220 4.8s ease-in-out infinite;
}

.badge-theme-limbo[b-nianwsr220] {
    animation: limbo-emblem-float-b-nianwsr220 3.8s ease-in-out infinite;
}

.badge-theme-limbo svg[b-nianwsr220] {
    filter: drop-shadow(0 0 5px #00ffd5) drop-shadow(0 0 13px #9d45ff99);
}

.badge-theme-limbo .emblem-shadow[b-nianwsr220] {
    stroke: #20ffe0;
    stroke-width: 3;
    animation: limbo-shadow-pulse-b-nianwsr220 2.4s ease-in-out infinite alternate;
}

.badge-theme-limbo .emblem-ribbon[b-nianwsr220] {
    animation: limbo-ribbon-colors-b-nianwsr220 4.8s ease-in-out infinite;
}

.badge-theme-limbo .emblem-ribbon-right[b-nianwsr220] {
    animation-delay: -2.4s;
}

.badge-theme-limbo .emblem-detail[b-nianwsr220] {
    opacity: 0.9;
}
.badge-theme-limbo .limbo-eye-closed[b-nianwsr220] {
    transform-origin: 48px 45px;
    opacity: 0.9;
}
.badge-theme-limbo .limbo-closed-lid[b-nianwsr220] {
    fill: var(--emblem-face);
    stroke-width: 3.5;
}
.badge-theme-limbo .limbo-closed-lashes[b-nianwsr220] {
    stroke-width: 3.5;
}
.badge-theme-limbo .limbo-eye-open[b-nianwsr220] {
    transform-origin: 48px 45px;
    animation: limbo-eye-awaken-b-nianwsr220 0.32s cubic-bezier(0.2, 0.9, 0.25, 1.35);
}
.badge-theme-limbo .limbo-pupil[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.08s linear;
}

.badge-theme-quarantine[b-nianwsr220] {
    animation: quarantine-emblem-hover-b-nianwsr220 2.8s ease-in-out infinite;
}

.badge-theme-quarantine svg[b-nianwsr220] {
    filter: drop-shadow(0 0 5px #ff304f) drop-shadow(0 0 12px #37ffad70);
}

.badge-theme-quarantine .emblem-shadow[b-nianwsr220] {
    stroke: #ff304f;
    stroke-width: 3;
    animation: quarantine-emblem-alarm-b-nianwsr220 1.35s steps(2, end) infinite;
}

.badge-theme-quarantine .emblem-ribbon-left[b-nianwsr220] {
    animation: quarantine-ribbon-left-b-nianwsr220 2.2s ease-in-out infinite;
}

.badge-theme-quarantine .emblem-ribbon-right[b-nianwsr220] {
    animation: quarantine-ribbon-right-b-nianwsr220 2.2s ease-in-out -1.1s infinite;
}

.badge-theme-quarantine .firewall-bricks[b-nianwsr220] {
    stroke-dasharray: 11 3;
    animation: quarantine-firewall-scan-b-nianwsr220 2.4s linear infinite;
}

.badge-theme-quarantine .firewall-breach[b-nianwsr220] {
    fill: #050608;
    stroke: #ffb137;
    stroke-width: 2.5;
    transform-box: fill-box;
    transform-origin: center;
    animation: quarantine-breach-pulse-b-nianwsr220 0.9s ease-in-out infinite alternate;
}

.badge-theme-quarantine .firewall-flame[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: 50% 90%;
    animation: quarantine-flame-flicker-b-nianwsr220 0.42s ease-in-out infinite alternate;
}

.badge-theme-quarantine .firewall-embers circle[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
    animation: quarantine-ember-rise-b-nianwsr220 1.4s ease-out infinite;
}

.badge-theme-quarantine .firewall-embers circle:nth-child(2)[b-nianwsr220] {
    animation-delay: -0.45s;
}
.badge-theme-quarantine .firewall-embers circle:nth-child(3)[b-nianwsr220] {
    animation-delay: -0.9s;
}

.badge-theme-mythic-sigil[b-nianwsr220] {
    transform-origin: center;
    animation: mythic-sigil-emblem-float-b-nianwsr220 8.6s ease-in-out infinite;
    transition:
        filter 0.45s ease,
        transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: translate, rotate, scale;
}

.badge-theme-bounds[b-nianwsr220] {
    filter: drop-shadow(0 0 6px rgb(89 236 255 / 42%));
    transform-origin: center;
    animation: bounds-emblem-drift-b-nianwsr220 6.8s ease-in-out infinite;
    transition: filter 350ms ease;
}

.badge-theme-bounds:hover[b-nianwsr220] {
    filter: drop-shadow(0 0 8px rgb(112 245 255 / 65%)) drop-shadow(0 0 13px rgb(145 82 255 / 30%));
}

.badge-theme-bounds svg[b-nianwsr220] {
    overflow: visible;
    /* Keep the glow cached instead of rebuilding the filtered SVG each frame. */
    filter: drop-shadow(0 0 5px rgb(96 239 255 / 48%));
}

.badge-theme-bounds .emblem-shadow[b-nianwsr220] {
    stroke: #5eeeff;
    stroke-width: 3;
    animation: bounds-frame-breathe-b-nianwsr220 3.7s ease-in-out infinite;
}

.badge-theme-bounds .emblem-face[b-nianwsr220] {
    fill: #081323;
}

.badge-theme-bounds .emblem-ribbon-left[b-nianwsr220] {
    animation: bounds-ribbon-drift-b-nianwsr220 5.6s ease-in-out infinite;
}

.badge-theme-bounds .emblem-ribbon-right[b-nianwsr220] {
    animation: bounds-ribbon-drift-b-nianwsr220 5.6s ease-in-out -2.8s infinite reverse;
}

.badge-theme-bounds .bounds-grid-field[b-nianwsr220] {
    fill: none;
    stroke-width: 1.2;
    transform-box: view-box;
    transform-origin: 48px 46px;
}

.badge-theme-bounds .bounds-grid-field-back[b-nianwsr220] {
    color: #5777ff;
    stroke: #5777ff;
    opacity: .27;
    animation: bounds-grid-back-drift-b-nianwsr220 10.6s ease-in-out infinite;
}

.badge-theme-bounds .bounds-grid-field-front[b-nianwsr220] {
    opacity: .7;
    animation: bounds-grid-front-slip-b-nianwsr220 7.3s steps(1, end) infinite;
}

.badge-theme-bounds .bounds-maze-route[b-nianwsr220] {
    fill: none;
    stroke: #d8ffff;
    stroke-width: 2;
    stroke-dasharray: 4 5;
    filter: drop-shadow(0 0 3px #5ae8ff);
    opacity: .78;
    animation: bounds-maze-flow-b-nianwsr220 4.8s linear infinite;
}

.badge-theme-bounds .bounds-missing-event[b-nianwsr220] {
    fill: rgb(5 13 27 / 82%);
    stroke: #a56fff;
    stroke-width: 1.5;
    transform-box: fill-box;
    transform-origin: center;
    animation: bounds-missing-event-b-nianwsr220 9.8s steps(1, end) infinite;
}

.badge-theme-bounds .bounds-missing-event path[b-nianwsr220] {
    fill: none;
    stroke: #81f7ff;
    stroke-width: 1;
}

.badge-theme-bounds .bounds-broken-edge[b-nianwsr220] {
    color: #c88cff;
    stroke: #c88cff;
    stroke-width: 2;
    filter: drop-shadow(0 0 3px currentcolor);
    animation: bounds-edge-flicker-b-nianwsr220 5.4s steps(1, end) infinite;
}

.badge-theme-bounds .bounds-ghost[b-nianwsr220] {
    fill: #dfffff;
    stroke: #dfffff;
    stroke-width: .8;
    transform-box: fill-box;
    transform-origin: center;
    animation: bounds-ghost-replay-b-nianwsr220 8.4s cubic-bezier(.2, .7, .28, 1) infinite;
}

.badge-theme-bounds .bounds-ghost-main[b-nianwsr220] {
    opacity: .9;
    filter: drop-shadow(0 0 3px #75eeff);
}

.badge-theme-bounds .bounds-ghost-second[b-nianwsr220] {
    opacity: .34;
    animation-name: bounds-ghost-replay-faint-b-nianwsr220;
    animation-delay: -140ms;
}

.badge-theme-bounds .bounds-ghost-third[b-nianwsr220] {
    opacity: .14;
    animation-name: bounds-ghost-replay-fainter-b-nianwsr220;
    animation-delay: -280ms;
}

.badge-theme-bounds .bounds-lost-objects > *[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
}

.badge-theme-bounds .bounds-mini-spike[b-nianwsr220],
.badge-theme-bounds .bounds-mini-block[b-nianwsr220],
.badge-theme-bounds .bounds-mini-fragment[b-nianwsr220] {
    fill: #bffbff;
    stroke: #5fddff;
    stroke-width: 1;
}

.badge-theme-bounds .bounds-mini-orb[b-nianwsr220] {
    fill: #b16cff;
    stroke: #e1c8ff;
    stroke-width: 1;
    filter: drop-shadow(0 0 3px #9a5cff);
}

.badge-theme-bounds .bounds-mini-spike[b-nianwsr220] {
    animation: bounds-spike-drift-b-nianwsr220 7.8s ease-in-out infinite;
}

.badge-theme-bounds .bounds-mini-orb[b-nianwsr220] {
    animation: bounds-orb-wander-b-nianwsr220 9.2s ease-in-out -3.1s infinite;
}

.badge-theme-bounds .bounds-mini-block[b-nianwsr220] {
    animation: bounds-block-orbit-b-nianwsr220 8.7s ease-in-out -1.7s infinite;
}

.badge-theme-bounds .bounds-mini-fragment[b-nianwsr220] {
    animation: bounds-fragment-fall-b-nianwsr220 6.9s ease-in-out -4.2s infinite;
}

.badge-theme-bounds .bounds-runaway-object[b-nianwsr220] {
    color: #f7ffff;
    stroke: #f7ffff;
    transform-box: fill-box;
    transform-origin: center;
    filter: drop-shadow(0 0 3px #55eaff);
    animation: bounds-object-escape-b-nianwsr220 11.8s cubic-bezier(.55, 0, .25, 1) infinite;
}

.badge-theme-bounds .bounds-coordinate[b-nianwsr220] {
    opacity: 0.55;
    animation: bounds-coordinate-flicker-b-nianwsr220 4.9s steps(1, end) infinite;
}

.badge-theme-creator svg[b-nianwsr220] {
    overflow: visible;
    filter: drop-shadow(0 0 5px rgb(66 235 255 / 42%)) drop-shadow(0 0 10px rgb(137 40 255 / 24%));
}

.badge-theme-creator .creator-cube-symbol[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
    animation: creator-cube-signal-b-nianwsr220 4.6s steps(1, end) infinite;
}

.badge-theme-creator .creator-cube-shell[b-nianwsr220] {
    fill: #17102d;
    stroke: var(--emblem-prism, var(--emblem-accent));
    stroke-width: 3.2;
    stroke-linejoin: round;
}

.badge-theme-creator .creator-cube-band[b-nianwsr220],
.badge-theme-creator .creator-cube-mouth[b-nianwsr220] {
    fill: none;
    stroke: var(--emblem-prism, var(--emblem-accent));
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.badge-theme-creator .creator-cube-eye[b-nianwsr220] {
    fill: #8e36e8;
    stroke: #101322;
    stroke-width: 2.1;
    stroke-linejoin: round;
}

.badge-theme-creator .creator-cube-eye-right[b-nianwsr220] {
    fill: #55efff;
}

.badge-theme-creator .creator-cube-glitch[b-nianwsr220] {
    fill: none;
    stroke: #6cf6ff;
    stroke-width: 2;
    opacity: 0;
    animation: creator-cube-lines-b-nianwsr220 4.6s steps(1, end) infinite;
}

.badge-theme-creator .creator-cube-glitch-right[b-nianwsr220] {
    stroke: #aa46ff;
    animation-delay: -2.3s;
}

@keyframes creator-cube-signal-b-nianwsr220 {
    0%, 72%, 76%, 100% { transform: translate(0); opacity: 1; }
    73% { transform: translate(-2px, 1px) skewX(4deg); opacity: .72; }
    74% { transform: translate(2px, -1px) skewX(-3deg); opacity: 1; }
    75% { transform: translate(-1px, 0); opacity: .86; }
}

@keyframes creator-cube-lines-b-nianwsr220 {
    0%, 70%, 77%, 100% { opacity: 0; transform: translateX(0); }
    72% { opacity: .9; transform: translateX(-3px); }
    74% { opacity: .45; transform: translateX(4px); }
    76% { opacity: 0; transform: translateX(0); }
}

@keyframes bounds-emblem-drift-b-nianwsr220 {
    0%, 100% { transform: translateY(0) rotate(-.65deg) scale(1); }
    50% { transform: translateY(-2px) rotate(.75deg) scale(1.012); }
}

@keyframes bounds-frame-breathe-b-nianwsr220 {
    0%, 100% { stroke: #57e9ff; opacity: .86; }
    50% { stroke: #a276ff; opacity: 1; }
}

@keyframes bounds-ribbon-drift-b-nianwsr220 {
    0%, 100% { transform: translateY(0); opacity: .9; }
    50% { transform: translateY(1px); opacity: 1; }
}

@keyframes bounds-grid-back-drift-b-nianwsr220 {
    0%, 100% { transform: translate(-1px, 1px) rotate(-1deg) scale(1.02); }
    50% { transform: translate(2px, -1px) rotate(1.2deg) scale(1.07); }
}

@keyframes bounds-grid-front-slip-b-nianwsr220 {
    0%, 68%, 100% { transform: translate(0); opacity: .7; }
    69% { transform: translate(-1px, 0); opacity: .35; }
    71% { transform: translate(1px, -1px); opacity: .9; }
    74% { transform: translate(0); opacity: .7; }
}

@keyframes bounds-maze-flow-b-nianwsr220 {
    to { stroke-dashoffset: -36; }
}

@keyframes bounds-missing-event-b-nianwsr220 {
    0%, 78%, 82%, 100% { transform: translate(0) scale(1); opacity: .94; }
    79% { transform: translate(-1px, 1px) scaleX(.96); opacity: .5; }
    80% { transform: translate(1px, -1px) scaleX(1.04); opacity: 1; }
}

@keyframes bounds-edge-flicker-b-nianwsr220 {
    0%, 55%, 59%, 100% { opacity: .9; }
    56%, 58% { opacity: .22; }
}

@keyframes bounds-ghost-replay-b-nianwsr220 {
    0%, 10% { transform: translate(0, 0) rotate(-8deg); opacity: 0; }
    15% { opacity: .85; }
    43% { transform: translate(19px, 8px) rotate(4deg); opacity: .78; }
    67% { transform: translate(27px, 22px) rotate(11deg); opacity: .64; }
    78%, 100% { transform: translate(35px, 29px) rotate(16deg); opacity: 0; }
}

@keyframes bounds-ghost-replay-faint-b-nianwsr220 {
    0%, 10% { transform: translate(0, 0) rotate(-8deg); opacity: 0; }
    15% { opacity: .34; }
    43% { transform: translate(19px, 8px) rotate(4deg); opacity: .28; }
    67% { transform: translate(27px, 22px) rotate(11deg); opacity: .2; }
    78%, 100% { transform: translate(35px, 29px) rotate(16deg); opacity: 0; }
}

@keyframes bounds-ghost-replay-fainter-b-nianwsr220 {
    0%, 10% { transform: translate(0, 0) rotate(-8deg); opacity: 0; }
    15% { opacity: .14; }
    43% { transform: translate(19px, 8px) rotate(4deg); opacity: .11; }
    67% { transform: translate(27px, 22px) rotate(11deg); opacity: .07; }
    78%, 100% { transform: translate(35px, 29px) rotate(16deg); opacity: 0; }
}

@keyframes bounds-spike-drift-b-nianwsr220 {
    0%, 100% { transform: translate(0) rotate(-8deg); }
    48% { transform: translate(4px, 3px) rotate(28deg); }
    76% { transform: translate(9px, -2px) rotate(62deg); }
}

@keyframes bounds-orb-wander-b-nianwsr220 {
    0%, 100% { transform: translate(0) scale(.9); opacity: .5; }
    44% { transform: translate(-8px, 5px) scale(1.12); opacity: 1; }
    72% { transform: translate(-3px, 12px) scale(.78); opacity: .72; }
}

@keyframes bounds-block-orbit-b-nianwsr220 {
    0%, 100% { transform: translate(0) rotate(0deg); }
    50% { transform: translate(-8px, -5px) rotate(110deg); }
    78% { transform: translate(-15px, -12px) rotate(210deg) scale(.72); }
}

@keyframes bounds-fragment-fall-b-nianwsr220 {
    0%, 100% { transform: translate(0) rotate(0deg); opacity: .75; }
    52% { transform: translate(8px, -4px) rotate(120deg); opacity: 1; }
    82% { transform: translate(18px, -13px) rotate(260deg) scale(.45); opacity: .15; }
}

@keyframes bounds-object-escape-b-nianwsr220 {
    0%, 21%, 100% { transform: translate(0) rotate(0deg); opacity: 1; }
    48%, 67% { transform: translate(5px, -2px) rotate(18deg); opacity: 1; }
    74% { transform: translate(10px, -6px) rotate(47deg) scale(.92); opacity: .95; }
    82% { transform: translate(17px, -15px) rotate(130deg) scale(.2); opacity: 0; }
    86% { transform: translate(0) rotate(0deg) scale(.2); opacity: 0; }
    92% { transform: translate(0) rotate(0deg) scale(1); opacity: 1; }
}

@keyframes bounds-coordinate-flicker-b-nianwsr220 {
    0%, 62%, 66%, 100% { opacity: 0.55; }
    63% { opacity: 0.12; }
    65% { opacity: 1; }
}

.badge-theme-mythic-sigil svg[b-nianwsr220] {
    overflow: visible;
    filter: drop-shadow(0 0 5px #52ebff) drop-shadow(0 0 16px #795cff99) drop-shadow(0 7px 3px #02030b99);
}

.badge-theme-mythic-sigil .mythic-portal-mechanism[b-nianwsr220] {
    transform-box: view-box;
    transform-origin: 48px 44px;
    animation: mythic-portal-micro-implosion-b-nianwsr220 18.4s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}

.badge-theme-mythic-sigil .emblem-shadow[b-nianwsr220] {
    stroke: #6eeeff;
    stroke-width: 3;
    animation: mythic-sigil-frame-pulse-b-nianwsr220 3.8s ease-in-out infinite alternate;
}

.badge-theme-mythic-sigil .emblem-face[b-nianwsr220] {
    fill: #060916;
    stroke: #080b16;
}

.badge-theme-mythic-sigil .emblem-ribbon[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: top center;
}

.badge-theme-mythic-sigil .emblem-ribbon-left[b-nianwsr220] {
    animation: mythic-sigil-ribbon-b-nianwsr220 5.2s ease-in-out infinite;
}
.badge-theme-mythic-sigil .emblem-ribbon-right[b-nianwsr220] {
    animation: mythic-sigil-ribbon-b-nianwsr220 5.2s ease-in-out -2.6s infinite reverse;
}

.badge-theme-mythic-sigil .mythic-portal-aura[b-nianwsr220] {
    fill: none;
    stroke: #765cff;
    stroke-width: 4;
    opacity: 0.42;
    filter: blur(2px) drop-shadow(0 0 5px #5ceaff);
    transform-box: fill-box;
    transform-origin: center;
    animation: mythic-portal-aura-b-nianwsr220 3.2s ease-in-out infinite alternate;
    transition:
        filter 0.55s ease,
        stroke-width 0.55s ease;
}

.badge-theme-mythic-sigil .mythic-portal-frame[b-nianwsr220] {
    fill: #111528;
    stroke: var(--emblem-prism, #8d78ff);
    stroke-width: 2.2;
    stroke-linejoin: bevel;
    stroke-dasharray: 9 2.5;
    filter: drop-shadow(0 0 3px #755dff);
    transform-box: fill-box;
    transform-origin: center;
    animation:
        mythic-portal-frame-orbit-b-nianwsr220 31s linear infinite;
}

.badge-theme-mythic-sigil .mythic-portal-rim[b-nianwsr220] {
    fill: #03050c;
    stroke: #68f5ff;
    stroke-width: 3;
    stroke-dasharray: 13 3 5 2;
    filter: drop-shadow(0 0 4px #5cecff) drop-shadow(0 0 7px #8a5cff);
    transform-box: fill-box;
    transform-origin: center;
    animation: mythic-portal-spin-b-nianwsr220 8.5s linear infinite;
    transition:
        filter 0.55s ease,
        stroke-width 0.55s ease;
}

.badge-theme-mythic-sigil .mythic-portal-lensing[b-nianwsr220] {
    fill: #050713;
    stroke: #9e79ff;
    stroke-width: 2;
    stroke-dasharray: 4 5;
    opacity: 0.92;
    transform-box: fill-box;
    transform-origin: center;
    animation: mythic-portal-spin-b-nianwsr220 5.8s linear reverse infinite;
}

.badge-theme-mythic-sigil .mythic-portal-vortex[b-nianwsr220] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-box: fill-box;
    transform-origin: center;
}

.badge-theme-mythic-sigil .mythic-portal-vortex-outer[b-nianwsr220] {
    stroke: #56efff;
    stroke-width: 2.6;
    opacity: 0.94;
    filter: drop-shadow(0 0 2px #65f5ff);
    animation: mythic-portal-spin-b-nianwsr220 7.2s linear infinite;
}

.badge-theme-mythic-sigil .mythic-portal-vortex-inner[b-nianwsr220] {
    stroke: #d27cff;
    stroke-width: 2.2;
    opacity: 0.88;
    animation: mythic-portal-spin-b-nianwsr220 4.4s linear reverse infinite;
}

.badge-theme-mythic-sigil .mythic-orbital-dust[b-nianwsr220] {
    fill: #eaffff;
    stroke: #73efff;
    stroke-width: 0.45;
    transform-box: view-box;
    transform-origin: 48px 44px;
}

.badge-theme-mythic-sigil .mythic-orbital-dust-back[b-nianwsr220] {
    opacity: 0.46;
    filter: blur(0.25px) drop-shadow(0 0 2px #765cff);
    animation: mythic-portal-spin-b-nianwsr220 13.7s linear infinite;
}

.badge-theme-mythic-sigil .mythic-orbital-dust-front[b-nianwsr220] {
    opacity: 0.92;
    filter: drop-shadow(0 0 3px #72efff);
    animation: mythic-portal-spin-b-nianwsr220 8.9s linear reverse infinite;
}

.badge-theme-mythic-sigil .mythic-editor-field[b-nianwsr220],
.badge-theme-mythic-sigil .mythic-implosion-debris[b-nianwsr220] {
    pointer-events: none;
}

.badge-theme-mythic-sigil .mythic-editor-object[b-nianwsr220] {
    fill: #11172b;
    stroke: #a5f8ff;
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-box: view-box;
    transform-origin: 48px 44px;
}

.badge-theme-mythic-sigil .mythic-editor-field-back .mythic-editor-object[b-nianwsr220] {
    opacity: 0.5;
    filter: saturate(0.82) brightness(0.75) drop-shadow(0 0 2px #745dff);
}

.badge-theme-mythic-sigil .mythic-editor-field-front .mythic-editor-object[b-nianwsr220] {
    opacity: 0.82;
    filter: drop-shadow(0 0 2.5px #62efff);
}

.badge-theme-mythic-sigil .mythic-object-spin[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
    animation:
        mythic-editor-object-spin-b-nianwsr220 var(--spin-time, 8.3s) linear var(--spin-delay, -1.7s) infinite,
        mythic-editor-object-depth-b-nianwsr220 var(--depth-time, 6.7s) ease-in-out var(--depth-delay, -2.4s) infinite;
    animation-direction: var(--spin-direction, normal), normal;
}

.badge-theme-mythic-sigil .mythic-object-light[b-nianwsr220] {
    fill: #eaffff;
    stroke: #fff;
    filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #55eaff);
}

.badge-theme-mythic-sigil .mythic-object-spike[b-nianwsr220],
.badge-theme-mythic-sigil .mythic-object-decoration[b-nianwsr220] {
    fill: #765cff;
}

.badge-theme-mythic-sigil .mythic-object-pad[b-nianwsr220] {
    fill: #27c9e5;
    stroke: #d5ffff;
}

.badge-theme-mythic-sigil .mythic-object-saw > .mythic-object-spin > path[b-nianwsr220] {
    fill: #5361a2;
}

.badge-theme-mythic-sigil .mythic-object-saw circle[b-nianwsr220] {
    fill: #090d1c;
    stroke: #d5ffff;
}

.badge-theme-mythic-sigil .mythic-object-structure rect[b-nianwsr220] {
    fill: #242a52;
}

.badge-theme-mythic-sigil
    :is(
        .mythic-orbit-back-one,
        .mythic-orbit-back-two,
        .mythic-orbit-back-three,
        .mythic-orbit-back-four,
        .mythic-orbit-back-five,
        .mythic-orbit-front-one,
        .mythic-orbit-front-two,
        .mythic-orbit-front-three,
        .mythic-orbit-front-four,
        .mythic-orbit-front-five
    )[b-nianwsr220] {
    animation: mythic-editor-object-orbit-b-nianwsr220 var(--orbit-time) linear var(--orbit-delay) infinite;
    animation-direction: var(--orbit-direction, normal);
}

.badge-theme-mythic-sigil .mythic-orbit-back-one[b-nianwsr220] {
    --orbit-time: 17.3s;
    --orbit-delay: -4.9s;
    --spin-time: 7.1s;
    --depth-time: 9.7s;
}
.badge-theme-mythic-sigil .mythic-orbit-back-two[b-nianwsr220] {
    --orbit-time: 23.9s;
    --orbit-delay: -16.2s;
    --orbit-direction: reverse;
    --spin-time: 11.3s;
    --depth-time: 7.9s;
}
.badge-theme-mythic-sigil .mythic-orbit-back-three[b-nianwsr220] {
    --orbit-time: 28.7s;
    --orbit-delay: -9.4s;
    --spin-time: 5.9s;
    --spin-direction: reverse;
    --depth-time: 11.1s;
}
.badge-theme-mythic-sigil .mythic-orbit-back-four[b-nianwsr220] {
    --orbit-time: 31.1s;
    --orbit-delay: -23.7s;
    --orbit-direction: reverse;
    --spin-time: 13.7s;
    --depth-time: 8.3s;
}
.badge-theme-mythic-sigil .mythic-orbit-back-five[b-nianwsr220] {
    --orbit-time: 37.9s;
    --orbit-delay: -11.8s;
    --spin-time: 17.1s;
    --depth-time: 13.3s;
}
.badge-theme-mythic-sigil .mythic-orbit-front-one[b-nianwsr220] {
    --orbit-time: 13.7s;
    --orbit-delay: -8.1s;
    --orbit-direction: reverse;
    --spin-time: 6.1s;
    --depth-time: 5.3s;
}
.badge-theme-mythic-sigil .mythic-orbit-front-two[b-nianwsr220] {
    --orbit-time: 19.1s;
    --orbit-delay: -2.8s;
    --spin-time: 8.9s;
    --depth-time: 7.1s;
}
.badge-theme-mythic-sigil .mythic-orbit-front-three[b-nianwsr220] {
    --orbit-time: 24.7s;
    --orbit-delay: -17.6s;
    --orbit-direction: reverse;
    --spin-time: 4.7s;
    --depth-time: 10.9s;
}
.badge-theme-mythic-sigil .mythic-orbit-front-four[b-nianwsr220] {
    --orbit-time: 29.3s;
    --orbit-delay: -7.5s;
    --spin-time: 12.1s;
    --spin-direction: reverse;
    --depth-time: 9.1s;
}
.badge-theme-mythic-sigil .mythic-orbit-front-five[b-nianwsr220] {
    --orbit-time: 34.1s;
    --orbit-delay: -26.4s;
    --orbit-direction: reverse;
    --spin-time: 9.7s;
    --depth-time: 12.7s;
}

.badge-theme-mythic-sigil .mythic-breakable-structure rect[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
    animation: mythic-structure-fracture-b-nianwsr220 17.9s ease-in-out infinite;
}

.badge-theme-mythic-sigil .mythic-breakable-structure rect:nth-child(2)[b-nianwsr220] {
    animation-delay: -5.97s;
}
.badge-theme-mythic-sigil .mythic-breakable-structure rect:nth-child(3)[b-nianwsr220] {
    animation-delay: -11.93s;
}

.badge-theme-mythic-sigil .mythic-drifter-left[b-nianwsr220] {
    animation: mythic-editor-drift-left-b-nianwsr220 21.7s cubic-bezier(0.35, 0, 0.58, 1) -7.4s infinite;
}

.badge-theme-mythic-sigil .mythic-drifter-right[b-nianwsr220] {
    animation: mythic-editor-drift-right-b-nianwsr220 26.3s cubic-bezier(0.35, 0, 0.58, 1) -18.9s infinite;
}

.badge-theme-mythic-sigil .mythic-object-fragment[b-nianwsr220] {
    fill: #8268ef;
    stroke: #c8fbff;
    stroke-width: 0.7;
    animation: mythic-editor-fragment-suck-b-nianwsr220 var(--fragment-time) ease-in-out var(--fragment-delay) infinite;
}

.badge-theme-mythic-sigil .mythic-fragment-one[b-nianwsr220] {
    --fragment-time: 14.9s;
    --fragment-delay: -3.2s;
    --drift-x: 9px;
    --drift-y: -5px;
    --suck-x: 39px;
    --suck-y: -24px;
    --fragment-spin-mid: 103deg;
    --fragment-spin-late: 224deg;
    --fragment-spin: 430deg;
}
.badge-theme-mythic-sigil .mythic-fragment-two[b-nianwsr220] {
    --fragment-time: 18.7s;
    --fragment-delay: -12.1s;
    --drift-x: -8px;
    --drift-y: 6px;
    --suck-x: -39px;
    --suck-y: 24px;
    --fragment-spin-mid: -122deg;
    --fragment-spin-late: -265deg;
    --fragment-spin: -510deg;
}
.badge-theme-mythic-sigil .mythic-fragment-three[b-nianwsr220] {
    --fragment-time: 22.9s;
    --fragment-delay: -6.8s;
    --drift-x: -11px;
    --drift-y: -7px;
    --suck-x: -44px;
    --suck-y: -23px;
    --fragment-spin-mid: 149deg;
    --fragment-spin-late: 322deg;
    --fragment-spin: 620deg;
}
.badge-theme-mythic-sigil .mythic-fragment-four[b-nianwsr220] {
    --fragment-time: 27.1s;
    --fragment-delay: -20.6s;
    --drift-x: 12px;
    --drift-y: 4px;
    --suck-x: 41px;
    --suck-y: -3px;
    --fragment-spin-mid: -137deg;
    --fragment-spin-late: -296deg;
    --fragment-spin: -570deg;
}

.badge-theme-mythic-sigil .mythic-surge-piece[b-nianwsr220] {
    fill: #8f72ff;
    stroke: #d8ffff;
    stroke-width: 0.8;
    transform-box: fill-box;
    transform-origin: center;
    filter: drop-shadow(0 0 2px #63efff);
    animation: mythic-implosion-surge-b-nianwsr220 18.4s cubic-bezier(0.45, 0, 0.22, 1) infinite;
}

.badge-theme-mythic-sigil .mythic-surge-one[b-nianwsr220] {
    --surge-drift-x: 6px;
    --surge-drift-y: 4px;
    --surge-x: 36px;
    --surge-y: 26px;
    --surge-spin-early: 88deg;
    --surge-spin: 490deg;
}
.badge-theme-mythic-sigil .mythic-surge-two[b-nianwsr220] {
    --surge-drift-x: -5px;
    --surge-drift-y: 7px;
    --surge-x: -37px;
    --surge-y: 24px;
    --surge-spin-early: -97deg;
    --surge-spin: -540deg;
}
.badge-theme-mythic-sigil .mythic-surge-three[b-nianwsr220] {
    --surge-drift-x: 8px;
    --surge-drift-y: -5px;
    --surge-x: 37px;
    --surge-y: -30px;
    --surge-spin-early: 110deg;
    --surge-spin: 610deg;
}
.badge-theme-mythic-sigil .mythic-surge-four[b-nianwsr220] {
    --surge-drift-x: -7px;
    --surge-drift-y: -6px;
    --surge-x: -38px;
    --surge-y: -29px;
    --surge-spin-early: -122deg;
    --surge-spin: -680deg;
}
.badge-theme-mythic-sigil .mythic-surge-five[b-nianwsr220] {
    --surge-drift-x: 3px;
    --surge-drift-y: 7px;
    --surge-x: 0px;
    --surge-y: 34px;
    --surge-spin-early: 130deg;
    --surge-spin: 720deg;
}

.badge-theme-mythic-sigil .mythic-portal-boost[b-nianwsr220] {
    fill: none;
    stroke: #eaffff;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-dasharray: 7 13;
    opacity: 0;
    filter: drop-shadow(0 0 3px #55efff);
    transform-box: view-box;
    transform-origin: 48px 44px;
    animation: mythic-portal-spin-b-nianwsr220 3.35s linear infinite;
    transition:
        opacity 0.55s ease,
        filter 0.55s ease;
}

.badge-theme-mythic-sigil .mythic-portal-core[b-nianwsr220],
.badge-theme-mythic-sigil .mythic-portal-star[b-nianwsr220] {
    transform-box: fill-box;
    transform-origin: center;
}

.badge-theme-mythic-sigil .mythic-portal-core[b-nianwsr220] {
    stroke: #eaffff;
    stroke-width: 1;
    filter: drop-shadow(0 0 5px #7cf8ff) drop-shadow(0 0 9px #9b65ff);
    animation: mythic-portal-core-b-nianwsr220 2.4s ease-in-out infinite alternate;
}

.badge-theme-mythic-sigil .mythic-portal-star[b-nianwsr220] {
    fill: #fff;
    stroke: #d9ffff;
    stroke-width: 1;
    filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #74edff);
    animation: mythic-portal-star-b-nianwsr220 18.4s ease-in-out infinite;
}

.badge-theme-mythic-sigil .mythic-portal-debris[b-nianwsr220] {
    fill: #10152a;
    stroke: #a8f8ff;
    stroke-width: 1.7;
    stroke-linejoin: round;
    transform-box: fill-box;
    transform-origin: center;
}

.badge-theme-mythic-sigil .mythic-debris-block[b-nianwsr220] {
    animation: mythic-debris-block-b-nianwsr220 15.8s ease-in-out -4.2s infinite;
}
.badge-theme-mythic-sigil .mythic-debris-spike[b-nianwsr220] {
    animation: mythic-debris-spike-b-nianwsr220 19.6s ease-in-out -12.7s infinite;
}
.badge-theme-mythic-sigil .mythic-debris-editor[b-nianwsr220] {
    animation: mythic-debris-editor-b-nianwsr220 23.4s ease-in-out -7.8s infinite;
}

.badge-theme-mythic-sigil .mythic-portal-crack[b-nianwsr220],
.badge-theme-mythic-sigil .mythic-ribbon-link[b-nianwsr220] {
    fill: none;
    stroke: #a073ff;
    stroke-width: 1.5;
    stroke-linecap: round;
    filter: drop-shadow(0 0 2px #6eeeff);
    opacity: 0.75;
    stroke-dasharray: 4 3;
    animation: mythic-energy-crack-b-nianwsr220 2.8s linear infinite;
}

.badge-theme-mythic-sigil .mythic-portal-crack[b-nianwsr220] {
    opacity: 0;
    animation: mythic-energy-crack-rare-b-nianwsr220 19.7s ease-in-out infinite;
}

.badge-theme-mythic-sigil .crack-right[b-nianwsr220] {
    animation-delay: -9.8s;
}

.badge-theme-mythic-sigil .link-right[b-nianwsr220] {
    animation-delay: -1.4s;
}

.badge-theme-mythic-sigil:hover[b-nianwsr220] {
    filter: brightness(1.08) saturate(1.12);
}

.badge-theme-mythic-sigil:hover .mythic-portal-boost[b-nianwsr220] {
    opacity: 0.72;
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px #675cff);
}
.badge-theme-mythic-sigil:hover .mythic-portal-rim[b-nianwsr220] {
    stroke-width: 3.5;
    filter: drop-shadow(0 0 6px #8cffff) drop-shadow(0 0 10px #8a5cff);
}
.badge-theme-mythic-sigil:hover .mythic-portal-aura[b-nianwsr220] {
    stroke-width: 5;
    filter: blur(1.5px) drop-shadow(0 0 8px #5ceaff);
}
.badge-theme-mythic-sigil:hover .mythic-portal-vortex-outer[b-nianwsr220] {
    filter: brightness(1.3) drop-shadow(0 0 4px #65f5ff);
}
.badge-theme-mythic-sigil:hover .mythic-portal-vortex-inner[b-nianwsr220] {
    filter: brightness(1.35) drop-shadow(0 0 4px #d27cff);
}
.badge-theme-mythic-sigil:hover .mythic-portal-core[b-nianwsr220] {
    filter: brightness(1.42) drop-shadow(0 0 8px #fff) drop-shadow(0 0 13px #795cff);
}
.badge-theme-mythic-sigil:hover .mythic-editor-object[b-nianwsr220],
.badge-theme-mythic-sigil:hover .mythic-surge-piece[b-nianwsr220] {
    filter: brightness(1.28) drop-shadow(0 0 4px #6ff5ff);
}

@keyframes limbo-emblem-float-b-nianwsr220 {
    0%,
    100% {
        transform: translateY(0) rotate(-1deg);
    }
    50% {
        transform: translateY(-5px) rotate(1deg);
    }
}

@keyframes badge-emblem-idle-float-b-nianwsr220 {
    0%,
    100% {
        transform: translateY(0) rotate(-0.6deg) scale(1);
    }
    50% {
        transform: translateY(-2px) rotate(0.6deg) scale(1.015);
    }
}

@keyframes limbo-shadow-pulse-b-nianwsr220 {
    from {
        stroke: #00ffd5;
        opacity: .88;
    }
    to {
        stroke: #ff4bc7;
        opacity: 1;
    }
}
@keyframes limbo-ribbon-colors-b-nianwsr220 {
    0%,
    100% {
        fill: #8458e8;
    }
    33% {
        fill: #55f5d5;
    }
    67% {
        fill: #ff69cf;
    }
}
@keyframes limbo-eye-awaken-b-nianwsr220 {
    from {
        transform: scaleY(0.08);
        opacity: 0.5;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}
@keyframes quarantine-emblem-hover-b-nianwsr220 {
    0%,
    100% {
        transform: translateY(0) rotate(-1deg);
    }
    50% {
        transform: translateY(-4px) rotate(1deg);
    }
}
@keyframes quarantine-emblem-alarm-b-nianwsr220 {
    0%,
    44% {
        stroke: #ff304f;
        opacity: .9;
    }
    45%,
    100% {
        stroke: #42ffad;
        opacity: 1;
    }
}
@keyframes quarantine-ribbon-left-b-nianwsr220 {
    0%,
    100% {
        fill: #ff3d54;
    }
    50% {
        fill: #ffad38;
    }
}
@keyframes quarantine-ribbon-right-b-nianwsr220 {
    0%,
    100% {
        fill: #33e9a2;
    }
    50% {
        fill: #0ac8cb;
    }
}
@keyframes quarantine-firewall-scan-b-nianwsr220 {
    to {
        stroke-dashoffset: -28;
    }
}
@keyframes quarantine-breach-pulse-b-nianwsr220 {
    from {
        transform: scale(0.88);
        opacity: .78;
    }
    to {
        transform: scale(1.08);
        opacity: 1;
    }
}
@keyframes quarantine-flame-flicker-b-nianwsr220 {
    from {
        transform: skewX(-4deg) scale(0.92, 1.03);
    }
    to {
        transform: skewX(5deg) scale(1.06, 0.92);
        opacity: .84;
    }
}
@keyframes quarantine-ember-rise-b-nianwsr220 {
    from {
        transform: translateY(3px) scale(0.6);
        opacity: 0.15;
    }
    45% {
        opacity: 1;
    }
    to {
        transform: translateY(-9px) scale(1.25);
        opacity: 0;
    }
}
@keyframes mythic-sigil-frame-pulse-b-nianwsr220 {
    from {
        stroke: #58efff;
        opacity: .86;
    }
    to {
        stroke: #9c73ff;
        opacity: 1;
    }
}
@keyframes mythic-sigil-emblem-float-b-nianwsr220 {
    0%,
    100% {
        translate: 0 0;
        rotate: -0.65deg;
        scale: 1;
    }
    24% {
        translate: 0 -1.5px;
        rotate: 0.15deg;
        scale: 1.008;
    }
    51% {
        translate: 0 -3.5px;
        rotate: 0.75deg;
        scale: 1.018;
    }
    76% {
        translate: 0 -1px;
        rotate: -0.12deg;
        scale: 1.006;
    }
}
@keyframes mythic-sigil-ribbon-b-nianwsr220 {
    0%,
    100% {
        fill: #5a49c9;
        transform: skewX(0);
    }
    42% {
        fill: #8a57e8;
        transform: skewX(-2deg);
    }
    76% {
        fill: #34cfe5;
        transform: skewX(1deg);
    }
}
@keyframes mythic-portal-spin-b-nianwsr220 {
    to {
        transform: rotate(360deg);
    }
}
@keyframes mythic-portal-frame-flow-b-nianwsr220 {
    to {
        stroke-dashoffset: -46;
    }
}
@keyframes mythic-portal-frame-orbit-b-nianwsr220 {
    to {
        transform: rotate(360deg);
    }
}
@keyframes mythic-portal-micro-implosion-b-nianwsr220 {
    0%,
    78%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    82% {
        transform: scale(1.025);
        opacity: .96;
    }
    85% {
        transform: scale(0.91);
        opacity: .84;
    }
    86% {
        transform: scale(0.86);
        opacity: .72;
    }
    87.2% {
        transform: scale(1.045);
        opacity: 1;
    }
    90% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes mythic-portal-aura-b-nianwsr220 {
    from {
        opacity: 0.28;
        transform: scale(0.94);
    }
    to {
        opacity: 0.62;
        transform: scale(1.08);
    }
}
@keyframes mythic-portal-core-b-nianwsr220 {
    from {
        transform: scale(0.9);
        opacity: .86;
    }
    to {
        transform: scale(1.08);
        opacity: 1;
    }
}
@keyframes mythic-portal-star-b-nianwsr220 {
    0%,
    78%,
    100% {
        transform: scale(0.9);
        opacity: 0.88;
    }
    83% {
        transform: scale(1.3);
        opacity: 1;
    }
    85.4% {
        transform: scale(2.45);
        opacity: 1;
    }
    86% {
        transform: scale(0.18);
        opacity: 0.5;
    }
    87.2% {
        transform: scale(1.35);
        opacity: 1;
    }
    90% {
        transform: scale(0.9);
        opacity: 0.88;
    }
}
@keyframes mythic-editor-object-orbit-b-nianwsr220 {
    to {
        rotate: 360deg;
    }
}
@keyframes mythic-editor-object-spin-b-nianwsr220 {
    to {
        rotate: 360deg;
    }
}
@keyframes mythic-editor-object-depth-b-nianwsr220 {
    0%,
    100% {
        scale: 0.82;
        opacity: 0.48;
    }
    42% {
        scale: 1.08;
        opacity: 1;
    }
    68% {
        scale: 0.94;
        opacity: 0.76;
    }
}
@keyframes mythic-structure-fracture-b-nianwsr220 {
    0%,
    59%,
    100% {
        transform: translate(0, 0) rotate(0);
        opacity: 1;
    }
    65% {
        transform: translate(1px, -1px) rotate(18deg);
        opacity: 1;
    }
    72% {
        transform: translate(3px, -3px) rotate(55deg);
        opacity: 0.7;
    }
    79% {
        transform: translate(7px, -6px) rotate(120deg) scale(0.25);
        opacity: 0;
    }
    86% {
        transform: translate(0, 0) rotate(0) scale(0.7);
        opacity: 0;
    }
}
@keyframes mythic-editor-drift-left-b-nianwsr220 {
    0%,
    100% {
        transform: translate(-5px, -3px) rotate(-18deg) scale(0.65);
        opacity: 0;
    }
    9% {
        opacity: 0.75;
    }
    38% {
        transform: translate(17px, 5px) rotate(95deg) scale(1);
        opacity: 0.9;
    }
    61% {
        transform: translate(29px, 2px) rotate(210deg) scale(0.72);
        opacity: 0.82;
    }
    73% {
        transform: translate(51px, 15px) rotate(430deg) scale(0.05);
        opacity: 0;
    }
    82% {
        transform: translate(-5px, -3px) rotate(-18deg) scale(0.65);
        opacity: 0;
    }
}
@keyframes mythic-editor-drift-right-b-nianwsr220 {
    0%,
    100% {
        transform: translate(5px, -4px) rotate(20deg) scale(0.7);
        opacity: 0;
    }
    11% {
        opacity: 0.78;
    }
    41% {
        transform: translate(-16px, 7px) rotate(-110deg) scale(1.03);
        opacity: 0.92;
    }
    63% {
        transform: translate(-31px, 3px) rotate(-245deg) scale(0.7);
        opacity: 0.8;
    }
    76% {
        transform: translate(-54px, 14px) rotate(-470deg) scale(0.05);
        opacity: 0;
    }
    85% {
        transform: translate(5px, -4px) rotate(20deg) scale(0.7);
        opacity: 0;
    }
}
@keyframes mythic-editor-fragment-suck-b-nianwsr220 {
    0%,
    16%,
    100% {
        transform: translate(0, 0) rotate(0) scale(0.72);
        opacity: 0;
    }
    22% {
        opacity: 0.76;
    }
    48% {
        transform: translate(var(--drift-x), var(--drift-y)) rotate(var(--fragment-spin-mid)) scale(1);
        opacity: 0.9;
    }
    66% {
        transform: translate(var(--drift-x), var(--drift-y)) rotate(var(--fragment-spin-late)) scale(0.74);
        opacity: 0.78;
    }
    78% {
        transform: translate(var(--suck-x), var(--suck-y)) rotate(var(--fragment-spin)) scale(0.04);
        opacity: 0;
    }
    88% {
        transform: translate(0, 0) rotate(0) scale(0.72);
        opacity: 0;
    }
}
@keyframes mythic-implosion-surge-b-nianwsr220 {
    0%,
    78%,
    100% {
        transform: translate(0, 0) rotate(0) scale(0.72);
        opacity: 0.28;
    }
    82% {
        transform: translate(var(--surge-drift-x), var(--surge-drift-y)) rotate(var(--surge-spin-early)) scale(1.08);
        opacity: 1;
    }
    85.8% {
        transform: translate(var(--surge-x), var(--surge-y)) rotate(var(--surge-spin)) scale(0.03);
        opacity: 0;
    }
    92% {
        transform: translate(var(--surge-x), var(--surge-y)) rotate(var(--surge-spin)) scale(0.03);
        opacity: 0;
    }
    96% {
        transform: translate(0, 0) rotate(0) scale(0.72);
        opacity: 0;
    }
}
@keyframes mythic-debris-block-b-nianwsr220 {
    0%,
    18%,
    100% {
        transform: translate(0, 0) rotate(-8deg) scale(1);
        opacity: 0.88;
    }
    38% {
        transform: translate(5px, -4px) rotate(92deg) scale(0.92);
        opacity: 1;
    }
    56% {
        transform: translate(12px, 1px) rotate(190deg) scale(0.72);
        opacity: 0.9;
    }
    68% {
        transform: translate(22px, 14px) rotate(390deg) scale(0.08);
        opacity: 0;
    }
    72%,
    78% {
        transform: translate(22px, 14px) rotate(390deg) scale(0.08);
        opacity: 0;
    }
    84% {
        transform: translate(0, 0) rotate(-8deg) scale(0.8);
        opacity: 0;
    }
}
@keyframes mythic-debris-spike-b-nianwsr220 {
    0%,
    24%,
    100% {
        transform: translate(0, 0) rotate(8deg) scale(1);
        opacity: 0.9;
    }
    43% {
        transform: translate(-5px, -4px) rotate(-85deg) scale(0.94);
        opacity: 1;
    }
    61% {
        transform: translate(-13px, 2px) rotate(-205deg) scale(0.68);
        opacity: 0.86;
    }
    73% {
        transform: translate(-22px, 13px) rotate(-430deg) scale(0.06);
        opacity: 0;
    }
    77%,
    83% {
        transform: translate(-22px, 13px) rotate(-430deg) scale(0.06);
        opacity: 0;
    }
    89% {
        transform: translate(0, 0) rotate(8deg) scale(0.82);
        opacity: 0;
    }
}
@keyframes mythic-debris-editor-b-nianwsr220 {
    0%,
    31%,
    100% {
        transform: translate(0, 0) rotate(4deg) scale(1);
        opacity: 0.86;
    }
    49% {
        transform: translate(4px, -6px) rotate(88deg) scale(0.93);
        opacity: 1;
    }
    66% {
        transform: translate(-8px, -12px) rotate(215deg) scale(0.7);
        opacity: 0.84;
    }
    78% {
        transform: translate(-23px, -21px) rotate(470deg) scale(0.06);
        opacity: 0;
    }
    82%,
    88% {
        transform: translate(-23px, -21px) rotate(470deg) scale(0.06);
        opacity: 0;
    }
    94% {
        transform: translate(0, 0) rotate(4deg) scale(0.82);
        opacity: 0;
    }
}
@keyframes mythic-energy-crack-b-nianwsr220 {
    to {
        stroke-dashoffset: -14;
    }
}
@keyframes mythic-energy-crack-rare-b-nianwsr220 {
    0%,
    82%,
    100% {
        opacity: 0;
        stroke-dashoffset: 12;
    }
    86% {
        opacity: 0.9;
    }
    91% {
        opacity: 0.42;
        stroke-dashoffset: -8;
    }
    94% {
        opacity: 0;
        stroke-dashoffset: -14;
    }
}
@media (prefers-reduced-motion: reduce) {
    .badge-emblem.is-animated:not(.badge-theme-limbo):not(.badge-theme-quarantine):not(.badge-theme-mythic-sigil):not(
            .badge-theme-bounds
        )[b-nianwsr220],
    .badge-theme-bounds[b-nianwsr220],
    .badge-theme-bounds svg[b-nianwsr220],
    .badge-theme-bounds .emblem-shadow[b-nianwsr220],
    .badge-theme-bounds .emblem-ribbon[b-nianwsr220],
    .badge-theme-bounds .bounds-grid-field[b-nianwsr220],
    .badge-theme-bounds .bounds-maze-route[b-nianwsr220],
    .badge-theme-bounds .bounds-missing-event[b-nianwsr220],
    .badge-theme-bounds .bounds-broken-edge[b-nianwsr220],
    .badge-theme-bounds .bounds-ghost[b-nianwsr220],
    .badge-theme-bounds .bounds-lost-objects > *[b-nianwsr220],
    .badge-theme-bounds .bounds-runaway-object[b-nianwsr220],
    .badge-theme-bounds .bounds-coordinate[b-nianwsr220],
    .badge-theme-creator .creator-cube-symbol[b-nianwsr220],
    .badge-theme-creator .creator-cube-glitch[b-nianwsr220],
    .badge-theme-limbo[b-nianwsr220],
    .badge-theme-limbo .emblem-shadow[b-nianwsr220],
    .badge-theme-limbo .emblem-ribbon[b-nianwsr220],
    .badge-theme-limbo .limbo-eye[b-nianwsr220],
    .badge-theme-quarantine[b-nianwsr220],
    .badge-theme-quarantine .emblem-shadow[b-nianwsr220],
    .badge-theme-quarantine .emblem-ribbon[b-nianwsr220],
    .badge-theme-quarantine .firewall-bricks[b-nianwsr220],
    .badge-theme-quarantine .firewall-breach[b-nianwsr220],
    .badge-theme-quarantine .firewall-flame[b-nianwsr220],
    .badge-theme-quarantine .firewall-embers circle[b-nianwsr220] {
        animation: none;
    }
    .badge-theme-mythic-sigil[b-nianwsr220],
    .badge-theme-mythic-sigil .emblem-shadow[b-nianwsr220],
    .badge-theme-mythic-sigil .emblem-ribbon[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-aura[b-nianwsr220],
    .badge-theme-mythic-sigil svg[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-mechanism[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-frame[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-rim[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-lensing[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-vortex[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-core[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-star[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-debris[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-crack[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-ribbon-link[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-orbital-dust[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-portal-boost[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-editor-object[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-object-spin[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-breakable-structure rect[b-nianwsr220],
    .badge-theme-mythic-sigil .mythic-surge-piece[b-nianwsr220] {
        animation: none;
    }
}
/* /Components/Shared/PlayerBadgeNotifications.razor.rz.scp.css */
.badge-unlock[b-8z8niqyi66] {
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    align-items: center;
    width: min(560px, calc(100vw - 28px));
    min-height: 142px;
    padding: 15px 21px 17px 15px;
    overflow: hidden;
    border: 4px solid #fff8e7;
    border-radius: 20px;
    outline: 4px solid #0b1018;
    background:
        radial-gradient(circle at 12% 45%, color-mix(in srgb, var(--unlock-accent) 42%, transparent), transparent 28%),
        linear-gradient(128deg, color-mix(in srgb, var(--unlock-face) 72%, #71351f), #73331d 66%, #4d2116);
    box-shadow:
        inset 0 0 0 3px color-mix(in srgb, var(--unlock-accent) 66%, #f9dba4),
        inset 0 0 30px rgb(33 10 4 / 38%),
        0 8px 0 rgb(0 0 0 / 48%),
        0 18px 38px rgb(0 0 0 / 58%);
    color: white;
    isolation: isolate;
}

.badge-unlock:not(.badge-unlock--preview)[b-8z8niqyi66] {
    position: fixed;
    z-index: 1600;
    top: 78px;
    left: 50%;
    transform: translateX(-50%);
    animation:
        badge-unlock-arrive-b-8z8niqyi66 520ms cubic-bezier(0.16, 1.18, 0.3, 1),
        badge-unlock-exit-b-8z8niqyi66 550ms 7.45s cubic-bezier(0.55, 0, 0.85, 0.45) forwards;
    cursor: pointer;
}

.badge-unlock:not(.badge-unlock--preview):hover[b-8z8niqyi66] {
    filter: brightness(1.06);
}

.badge-unlock:focus-visible[b-8z8niqyi66] {
    outline-color: #7ff5e0;
    outline-offset: 6px;
}

.badge-unlock--preview[b-8z8niqyi66] {
    width: 100%;
    cursor: pointer;
    transition: filter 160ms ease;
    animation:
        badge-unlock-preview-arrive-b-8z8niqyi66 520ms cubic-bezier(0.16, 1.18, 0.3, 1),
        badge-unlock-preview-exit-b-8z8niqyi66 550ms 7.45s cubic-bezier(0.55, 0, 0.85, 0.45) forwards;
}

.badge-unlock--preview:hover[b-8z8niqyi66],
.badge-unlock--preview:focus-visible[b-8z8niqyi66] {
    filter: brightness(1.08);
}

.badge-unlock--preview:focus-visible[b-8z8niqyi66] {
    outline: 5px solid #7ff5e0;
    outline-offset: 5px;
}

.badge-unlock[b-8z8niqyi66]::before {
    position: absolute;
    z-index: 3;
    inset: 7px;
    border: 2px solid rgb(255 240 207 / 58%);
    border-radius: 12px;
    content: "";
    pointer-events: none;
}

.badge-unlock[b-8z8niqyi66]::after {
    position: absolute;
    z-index: -1;
    right: -75px;
    bottom: -105px;
    width: 270px;
    height: 220px;
    border: 28px solid color-mix(in srgb, var(--unlock-accent) 12%, transparent);
    border-radius: 50%;
    content: "";
    transform: rotate(-18deg);
}

.badge-unlock-aurora[b-8z8niqyi66] {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
}

.badge-unlock--rank-4 .badge-unlock-aurora[b-8z8niqyi66] {
    opacity: 0.38;
    background: linear-gradient(
        112deg,
        transparent 4%,
        color-mix(in srgb, var(--unlock-face) 48%, transparent) 24%,
        color-mix(in srgb, var(--unlock-accent) 78%, transparent) 45%,
        color-mix(in srgb, var(--unlock-ribbon) 68%, transparent) 62%,
        transparent 84%
    );
    background-size: 260% 100%;
    animation: badge-unlock-epic-background-b-8z8niqyi66 7s ease-in-out infinite;
}

.badge-unlock--rank-5:not(.badge-unlock--mythic) .badge-unlock-aurora[b-8z8niqyi66] {
    opacity: 0.58;
    background:
        radial-gradient(circle at 12% 28%, color-mix(in srgb, var(--unlock-accent) 88%, transparent), transparent 34%),
        radial-gradient(circle at 82% 72%, color-mix(in srgb, var(--unlock-ribbon) 76%, transparent), transparent 38%),
        linear-gradient(
            118deg,
            transparent 8%,
            color-mix(in srgb, var(--unlock-accent) 72%, #fff) 38%,
            color-mix(in srgb, var(--unlock-ribbon) 76%, #ffcf67) 58%,
            transparent 88%
        );
    background-position:
        0% 20%,
        100% 80%,
        0% 50%;
    background-size:
        170% 170%,
        180% 180%,
        300% 100%;
    animation: badge-unlock-legendary-background-b-8z8niqyi66 4.8s ease-in-out infinite alternate;
}

.badge-unlock--mythic .badge-unlock-aurora[b-8z8niqyi66] {
    inset: auto;
    top: 50%;
    left: 50%;
    width: 160%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0.66;
    background: conic-gradient(from 0deg, #54ffe2, var(--unlock-accent), #7b62ff, #ff5cd7, #ffd75c, #66ff8c, #54ffe2);
    filter: saturate(1.38) contrast(1.08);
    mix-blend-mode: screen;
    animation: badge-unlock-mythic-background-b-8z8niqyi66 7s linear infinite;
}

.badge-unlock--mythic .badge-unlock-aurora[b-8z8niqyi66]::after {
    position: absolute;
    inset: 0;
    background:
        repeating-radial-gradient(circle at 50% 50%, transparent 0 9%, rgb(255 255 255 / 18%) 10%, transparent 13%),
        linear-gradient(115deg, transparent 34%, rgb(255 255 255 / 50%) 48%, transparent 61%);
    background-size:
        100% 100%,
        260% 100%;
    content: "";
    animation: badge-unlock-mythic-shimmer-b-8z8niqyi66 3.4s ease-in-out infinite;
}

.badge-unlock--unfinished[b-8z8niqyi66] {
    overflow: hidden;
    border-color: #cfc4ff;
    box-shadow:
        0 0 0 3px #080b18,
        0 0 0 6px #64eaff,
        0 0 34px #a34cff,
        0 0 80px #101b65;
}
.badge-unlock--unfinished:not(.badge-unlock--preview)[b-8z8niqyi66] {
    animation:
        unfinished-unlock-materialize-b-8z8niqyi66 850ms cubic-bezier(0.16, 1.2, 0.25, 1),
        unfinished-unlock-aura-b-8z8niqyi66 3.4s 900ms ease-in-out infinite alternate,
        unfinished-unlock-dematerialize-b-8z8niqyi66 650ms 7.35s ease-in forwards !important;
}
.badge-unlock--unfinished.badge-unlock--preview[b-8z8niqyi66] {
    animation:
        unfinished-preview-materialize-b-8z8niqyi66 850ms cubic-bezier(0.16, 1.2, 0.25, 1),
        unfinished-unlock-aura-b-8z8niqyi66 3.4s 900ms ease-in-out infinite alternate,
        unfinished-preview-dematerialize-b-8z8niqyi66 650ms 7.35s ease-in forwards !important;
}
.badge-unlock--unfinished[b-8z8niqyi66]::after {
    display: none;
}
.badge-unlock--unfinished .badge-unlock-aurora[b-8z8niqyi66] {
    inset: 0;
    width: auto;
    height: auto;
    aspect-ratio: auto;
    border-radius: inherit;
    opacity: 0.78;
    background:
        radial-gradient(ellipse at 18% 50%, #7952ca55 0 9%, #3be6ff42 15%, transparent 31%),
        radial-gradient(circle at 78% 40%, #ff4d7d45, transparent 38%),
        conic-gradient(from 0deg at 54% 50%, #080b19, #4c276f, #176476, #732947, #080b19);
    mix-blend-mode: screen;
    animation: unfinished-unlock-space-b-8z8niqyi66 7s linear infinite;
}
.badge-unlock--unfinished .badge-unlock-medal-stage[b-8z8niqyi66] {
    filter: drop-shadow(0 0 12px #5ceaff) drop-shadow(0 0 24px #c04dff);
    animation: unfinished-medal-arrive-b-8z8niqyi66 1.4s cubic-bezier(0.16, 1.35, 0.3, 1) both;
}
.unfinished-unlock-portal[b-8z8niqyi66] {
    position: absolute;
    inset: 7px;
    z-index: 0;
    pointer-events: none;
    border: 1px solid #83edff66;
    border-radius: 12px;
    animation: unfinished-unlock-ring-pulse-b-8z8niqyi66 4.2s ease-in-out infinite;
}
.unfinished-unlock-portal[b-8z8niqyi66]::before,
.unfinished-unlock-portal[b-8z8niqyi66]::after {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px dashed #ff5c9b66;
    border-radius: 9px;
    animation: unfinished-unlock-ring-pulse-b-8z8niqyi66 3.8s ease-in-out reverse infinite;
}
.unfinished-unlock-portal[b-8z8niqyi66]::after {
    inset: 17px;
    border-color: #9e84ff66;
    animation-delay: -1.9s;
}
.unfinished-unlock-portal i[b-8z8niqyi66] {
    position: absolute;
    width: 6px;
    aspect-ratio: 1;
    background: #fff;
    box-shadow: 0 0 8px #61ebff;
    top: var(--y, 20%);
    left: var(--x, 12%);
    transform: rotate(45deg);
    animation: unfinished-star-b-8z8niqyi66 1.7s ease-in-out infinite;
}
.unfinished-unlock-portal i:nth-child(2)[b-8z8niqyi66] {
    --x: 83%;
    --y: 34%;
    animation-delay: -0.6s;
}
.unfinished-unlock-portal i:nth-child(3)[b-8z8niqyi66] {
    --x: 65%;
    --y: 82%;
    animation-delay: -1.1s;
}
@keyframes unfinished-unlock-space-b-8z8niqyi66 {
    to {
        filter: hue-rotate(360deg);
    }
}
@keyframes unfinished-unlock-ring-pulse-b-8z8niqyi66 {
    50% {
        opacity: 0.45;
        filter: brightness(1.5);
    }
}
@keyframes unfinished-medal-arrive-b-8z8niqyi66 {
    0% {
        transform: scale(0.05) rotate(-220deg);
        filter: brightness(8);
    }
    70% {
        transform: scale(1.2) rotate(8deg);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes unfinished-unlock-aura-b-8z8niqyi66 {
    to {
        filter: drop-shadow(0 0 18px #54eaff);
        box-shadow:
            0 0 0 3px #080b18,
            0 0 0 6px #ff5c9b,
            0 0 50px #54eaff,
            0 0 95px #7427c5;
    }
}
@keyframes unfinished-unlock-materialize-b-8z8niqyi66 {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.78);
        filter: blur(14px) brightness(4);
    }
    55% {
        opacity: 1;
        transform: translateX(-50%) scale(1.035);
        filter: blur(0) brightness(1.45);
    }
    100% {
        transform: translateX(-50%) scale(1);
        filter: none;
    }
}
@keyframes unfinished-unlock-dematerialize-b-8z8niqyi66 {
    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
        filter: none;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) scale(0.9);
        filter: blur(9px) brightness(2);
    }
}
@keyframes unfinished-preview-materialize-b-8z8niqyi66 {
    0% {
        opacity: 0;
        transform: scale(0.78);
        filter: blur(14px) brightness(4);
    }
    55% {
        opacity: 1;
        transform: scale(1.035);
        filter: blur(0) brightness(1.45);
    }
    100% {
        transform: scale(1);
        filter: none;
    }
}
@keyframes unfinished-preview-dematerialize-b-8z8niqyi66 {
    0% {
        opacity: 1;
        transform: scale(1);
        filter: none;
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
        filter: blur(9px) brightness(2);
    }
}
@keyframes unfinished-star-b-8z8niqyi66 {
    50% {
        opacity: 0.15;
        transform: rotate(225deg) scale(0.35);
    }
}

.badge-unlock-glint[b-8z8niqyi66] {
    position: absolute;
    z-index: 4;
    top: -45%;
    left: -35%;
    width: 20%;
    height: 190%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 22%), transparent);
    pointer-events: none;
    transform: rotate(16deg);
    animation: badge-unlock-glint-b-8z8niqyi66 900ms 420ms ease-out both;
}

.badge-unlock-medal-stage[b-8z8niqyi66] {
    position: relative;
    display: grid;
    width: 116px;
    height: 116px;
    place-items: center;
}

.badge-unlock-rays[b-8z8niqyi66],
.badge-unlock-ring[b-8z8niqyi66] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.badge-unlock-rays[b-8z8niqyi66] {
    inset: -9px;
    opacity: 0.34;
    background: repeating-conic-gradient(from 8deg, var(--unlock-accent) 0deg 10deg, transparent 10deg 23deg);
    -webkit-mask-image: radial-gradient(circle, transparent 0 25%, #000 27% 100%);
    mask-image: radial-gradient(circle, transparent 0 25%, #000 27% 100%);
    animation: badge-unlock-rays-b-8z8niqyi66 13s linear infinite;
}

.badge-unlock-ring[b-8z8niqyi66] {
    inset: 9px;
    border: 2px solid color-mix(in srgb, var(--unlock-accent) 72%, white);
    box-shadow:
        0 0 0 5px rgb(20 8 4 / 30%),
        0 0 18px color-mix(in srgb, var(--unlock-accent) 44%, transparent),
        inset 0 0 16px color-mix(in srgb, var(--unlock-accent) 24%, transparent);
    opacity: 0.78;
}

.badge-unlock-medal[b-8z8niqyi66] {
    --badge-emblem-size: 94px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    filter: drop-shadow(0 7px 3px rgb(0 0 0 / 38%));
    transform-origin: 50% 70%;
    animation: badge-unlock-medal-b-8z8niqyi66 680ms 90ms cubic-bezier(0.17, 1.35, 0.3, 1) both;
}

.badge-unlock-spark[b-8z8niqyi66] {
    position: absolute;
    z-index: 3;
    width: 7px;
    height: 7px;
    background: white;
    box-shadow: 0 0 8px 2px var(--unlock-accent);
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
    opacity: 0;
    animation: badge-unlock-spark-b-8z8niqyi66 1.7s ease-in-out infinite;
}

.badge-unlock-spark--one[b-8z8niqyi66] {
    top: 11px;
    right: 10px;
    animation-delay: 0.55s;
}

.badge-unlock-spark--two[b-8z8niqyi66] {
    right: 4px;
    bottom: 24px;
    animation-delay: 1.05s;
}

.badge-unlock-spark--three[b-8z8niqyi66] {
    bottom: 8px;
    left: 13px;
    animation-delay: 1.4s;
}

.badge-unlock-copy[b-8z8niqyi66] {
    position: relative;
    z-index: 2;
    display: grid;
    min-width: 0;
    justify-items: start;
    gap: 7px;
    padding: 3px 5px 3px 7px;
    text-align: left;
}

.badge-unlock-heading[b-8z8niqyi66] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.badge-unlock-tier[b-8z8niqyi66] {
    flex: 0 0 auto;
    padding: 5px 7px 4px;
    border: 1px solid color-mix(in srgb, var(--unlock-accent) 72%, white);
    border-radius: 6px;
    background: rgb(21 10 8 / 46%);
    color: var(--unlock-accent);
    font: 900 0.55rem/1 var(--ui-font);
    letter-spacing: 0.045em;
    box-shadow: inset 0 0 8px color-mix(in srgb, var(--unlock-accent) 12%, transparent);
    text-shadow: 0 1px 0 #000;
}

.badge-unlock-name[b-8z8niqyi66] {
    width: 100%;
    padding-bottom: 7px;
    border-bottom: 1px solid color-mix(in srgb, var(--unlock-accent) 35%, transparent);
}

.badge-unlock-copy p[b-8z8niqyi66] {
    margin: 0;
    color: #fff2e8;
    font-size: 0.77rem;
    font-weight: 750;
    line-height: 1.4;
    text-shadow: 0 2px 1px #351006;
}

.badge-unlock-timer[b-8z8niqyi66] {
    position: absolute;
    z-index: 5;
    right: 11px;
    bottom: 7px;
    left: 11px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgb(18 7 4 / 48%);
}

.badge-unlock-timer span[b-8z8niqyi66] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--unlock-accent), #fff2a4, var(--unlock-accent));
    box-shadow: 0 0 7px var(--unlock-accent);
    transform-origin: left;
    animation: badge-unlock-timer-b-8z8niqyi66 8s linear forwards;
}

.badge-unlock--rank-4[b-8z8niqyi66],
.badge-unlock--rank-5[b-8z8niqyi66] {
    box-shadow:
        inset 0 0 0 3px color-mix(in srgb, var(--unlock-accent) 80%, #fff4c2),
        inset 0 0 34px color-mix(in srgb, var(--unlock-accent) 13%, rgb(33 10 4 / 42%)),
        0 8px 0 rgb(0 0 0 / 48%),
        0 0 25px color-mix(in srgb, var(--unlock-accent) 30%, transparent),
        0 18px 42px rgb(0 0 0 / 60%);
}

.badge-unlock.is-animated:not(.badge-unlock--preview)[b-8z8niqyi66] {
    animation:
        badge-unlock-arrive-b-8z8niqyi66 520ms cubic-bezier(0.16, 1.18, 0.3, 1),
        badge-unlock-legendary-b-8z8niqyi66 3.8s 650ms ease-in-out infinite alternate,
        badge-unlock-exit-b-8z8niqyi66 550ms 7.45s cubic-bezier(0.55, 0, 0.85, 0.45) forwards;
}

.badge-unlock--preview.is-animated[b-8z8niqyi66] {
    animation:
        badge-unlock-preview-arrive-b-8z8niqyi66 520ms cubic-bezier(0.16, 1.18, 0.3, 1),
        badge-unlock-legendary-b-8z8niqyi66 3.8s 650ms ease-in-out infinite alternate,
        badge-unlock-preview-exit-b-8z8niqyi66 550ms 7.45s cubic-bezier(0.55, 0, 0.85, 0.45) forwards;
}

@keyframes badge-unlock-arrive-b-8z8niqyi66 {
    0% {
        opacity: 0;
        transform: translate(-50%, -42px) scale(0.78) rotate(-1.2deg);
    }

    64% {
        opacity: 1;
        transform: translate(-50%, 4px) scale(1.025) rotate(0.4deg);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

@keyframes badge-unlock-medal-b-8z8niqyi66 {
    0% {
        opacity: 0;
        transform: scale(0.38) rotate(-19deg);
    }

    68% {
        opacity: 1;
        transform: scale(1.09) rotate(4deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes badge-unlock-preview-arrive-b-8z8niqyi66 {
    0% {
        opacity: 0;
        transform: translateY(-24px) scale(0.82) rotate(-1deg);
    }

    64% {
        opacity: 1;
        transform: translateY(3px) scale(1.02) rotate(0.3deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes badge-unlock-exit-b-8z8niqyi66 {
    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    24% {
        opacity: 1;
        transform: translate(-50%, 3px) scale(1.018);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -30px) scale(0.84);
    }
}

@keyframes badge-unlock-preview-exit-b-8z8niqyi66 {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    24% {
        opacity: 1;
        transform: translateY(3px) scale(1.018);
    }

    100% {
        opacity: 0;
        transform: translateY(-30px) scale(0.84);
    }
}

@keyframes badge-unlock-rays-b-8z8niqyi66 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes badge-unlock-glint-b-8z8niqyi66 {
    from {
        left: -35%;
    }
    to {
        left: 125%;
    }
}

@keyframes badge-unlock-spark-b-8z8niqyi66 {
    0%,
    25%,
    100% {
        opacity: 0;
        transform: scale(0.25) rotate(0);
    }

    45% {
        opacity: 1;
        transform: scale(1.35) rotate(50deg);
    }

    62% {
        opacity: 0.65;
        transform: scale(0.8) rotate(90deg);
    }
}

@keyframes badge-unlock-timer-b-8z8niqyi66 {
    to {
        transform: scaleX(0);
    }
}

@keyframes badge-unlock-legendary-b-8z8niqyi66 {
    from {
        filter: drop-shadow(0 0 0 transparent);
    }
    to {
        filter: drop-shadow(0 0 9px color-mix(in srgb, var(--unlock-accent) 48%, transparent));
    }
}

@keyframes badge-unlock-epic-background-b-8z8niqyi66 {
    0%,
    100% {
        background-position: 105% 50%;
    }
    50% {
        background-position: -30% 50%;
    }
}

@keyframes badge-unlock-legendary-background-b-8z8niqyi66 {
    0% {
        background-position:
            0% 20%,
            100% 80%,
            110% 50%;
    }
    100% {
        background-position:
            80% 70%,
            15% 25%,
            -35% 50%;
    }
}

@keyframes badge-unlock-mythic-background-b-8z8niqyi66 {
    from {
        transform: translate(-50%, -50%) rotate(0deg) scale(1.02);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(1.08);
    }
}

@keyframes badge-unlock-mythic-shimmer-b-8z8niqyi66 {
    0%,
    100% {
        background-position:
            50% 50%,
            115% 50%;
        opacity: 0.38;
    }
    50% {
        background-position:
            50% 50%,
            -20% 50%;
        opacity: 0.8;
    }
}

@media (max-width: 600px) {
    .badge-unlock:not(.badge-unlock--preview)[b-8z8niqyi66] {
        top: calc(66px + env(safe-area-inset-top));
    }

    .badge-unlock[b-8z8niqyi66] {
        grid-template-columns: 86px minmax(0, 1fr);
        width: min(520px, calc(100vw - 18px));
        min-height: 116px;
        padding: 12px 14px 15px 10px;
        border-width: 3px;
        border-radius: 16px;
        outline-width: 3px;
    }

    .badge-unlock--preview[b-8z8niqyi66] {
        width: 100%;
    }

    .badge-unlock[b-8z8niqyi66]::before {
        inset: 5px;
        border-radius: 10px;
    }

    .badge-unlock-medal-stage[b-8z8niqyi66] {
        width: 82px;
        height: 88px;
    }

    .badge-unlock-medal[b-8z8niqyi66] {
        --badge-emblem-size: 70px;
    }

    .badge-unlock-rays[b-8z8niqyi66] {
        inset: -4px;
    }
    .badge-unlock-ring[b-8z8niqyi66] {
        inset: 7px;
    }

    .badge-unlock-copy[b-8z8niqyi66] {
        gap: 5px;
        padding-left: 5px;
    }

    .badge-unlock-heading[b-8z8niqyi66] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .badge-unlock-tier[b-8z8niqyi66] {
        padding: 4px 6px 3px;
        font-size: 0.48rem;
    }

    .badge-unlock-name[b-8z8niqyi66] {
        padding-bottom: 5px;
    }

    .badge-unlock-copy p[b-8z8niqyi66] {
        font-size: 0.66rem;
        line-height: 1.35;
    }

    .badge-unlock-spark--two[b-8z8niqyi66] {
        display: none;
    }
}

@media (max-width: 390px) {
    .badge-unlock[b-8z8niqyi66] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .badge-unlock-medal-stage[b-8z8niqyi66] {
        width: 69px;
        height: 80px;
    }

    .badge-unlock-medal[b-8z8niqyi66] {
        --badge-emblem-size: 61px;
    }

    .badge-unlock-copy p[b-8z8niqyi66] {
        font-size: 0.61rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .badge-unlock[b-8z8niqyi66],
    .badge-unlock.is-animated[b-8z8niqyi66],
    .badge-unlock-aurora[b-8z8niqyi66],
    .badge-unlock-aurora[b-8z8niqyi66]::after,
    .badge-unlock-medal[b-8z8niqyi66],
    .badge-unlock-rays[b-8z8niqyi66],
    .badge-unlock-glint[b-8z8niqyi66],
    .badge-unlock-spark[b-8z8niqyi66],
    .badge-unlock-timer span[b-8z8niqyi66] {
        animation: none;
    }

    .badge-unlock--unfinished[b-8z8niqyi66] {
        animation: none !important;
    }
}
/* /Components/Shared/PlayerLevelEmblem.razor.rz.scp.css */
.level-emblem[b-1gbz3w3jz9] {
    --level-accent: #83eaf0;
    --level-face: #173f54;
    position: relative;
    display: inline-grid;
    width: var(--level-emblem-size, 90px);
    max-width: 100%;
    aspect-ratio: 100 / 112;
    flex: none;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
}

svg[b-1gbz3w3jz9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.level-shadow[b-1gbz3w3jz9] {
    fill: #061321;
    stroke: #061321;
    stroke-width: 5;
    stroke-linejoin: round;
}
.level-frame[b-1gbz3w3jz9] {
    fill: var(--level-prism, var(--level-accent));
    stroke: #e5f5ff;
    stroke-width: 1.5;
    stroke-linejoin: round;
}
.level-face[b-1gbz3w3jz9] {
    fill: var(--level-face);
    stroke: #0a1b2a;
    stroke-width: 2;
    stroke-linejoin: round;
}
.level-detail[b-1gbz3w3jz9] {
    stroke: var(--level-accent);
    stroke-width: 2;
    stroke-linecap: round;
    opacity: 0.45;
}
.level-chevron[b-1gbz3w3jz9] {
    stroke: var(--level-prism, var(--level-accent));
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.level-emblem-content[b-1gbz3w3jz9] {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 4px;
    padding-bottom: 13%;
    transform: translateY(-3px) scale(var(--level-text-scale, 1));
}
.level-emblem-label[b-1gbz3w3jz9] {
    color: var(--level-accent);
    font: 900 9px/1 var(--ui-font, Arial, sans-serif);
    letter-spacing: 0.15em;
}
/* /Components/Shared/PlayerLevelUpNotifications.razor.rz.scp.css */
.level-up-notification[b-jo83zst6sr] {
    position: fixed;
    z-index: 1590;
    bottom: calc(var(--toolbar-height, 0px) + 24px);
    left: 50%;
    display: grid;
    box-sizing: border-box;
    width: min(500px, calc(100vw - 32px));
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 22px 28px 22px 22px;
    border: 3px solid #e8d888;
    border-radius: 17px;
    background: linear-gradient(140deg, #254863, #142b46 65%, #102036);
    box-shadow:
        inset 0 0 0 3px rgb(255 227 121 / 12%),
        0 0 0 3px #081525,
        0 7px 0 rgb(0 0 0 / 35%),
        0 16px 36px rgb(0 0 0 / 38%);
    transform: translateX(-50%);
    animation: level-up-arrive-b-jo83zst6sr 300ms ease-out;
    font-family: var(--ui-font);
    pointer-events: none;
}

.level-up-close[b-jo83zst6sr] {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid #c6dceb;
    border-radius: 50%;
    background: #1a3048;
    color: #f1f7ff;
    cursor: pointer;
    font:
        700 21px/1 Arial,
        sans-serif;
    pointer-events: auto;
}

.level-up-medal[b-jo83zst6sr] {
    --level-emblem-size: 86px;
    --level-text-scale: 0.9;
    display: flex;
    justify-content: center;
}

.level-up-content[b-jo83zst6sr] {
    display: grid;
    min-width: 0;
    gap: 9px;
}

.level-up-eyebrow[b-jo83zst6sr] {
    color: #8cf0da;
    font-size: 0.67rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.level-up-title[b-jo83zst6sr] {
    min-width: 0;
    line-height: 1;
}

.level-up-track[b-jo83zst6sr] {
    height: 17px;
    overflow: hidden;
    padding: 3px;
    border: 2px solid #d9eafa;
    border-radius: 20px;
    background: #071625;
    box-shadow: 0 3px 0 rgb(0 0 0 / 30%);
}

.level-up-track > span[b-jo83zst6sr] {
    display: block;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(#b3f951, #5bcb28);
    box-shadow:
        inset 0 3px 0 rgb(255 255 255 / 35%),
        0 0 12px rgb(163 241 76 / 40%);
    transition: width 2000ms cubic-bezier(0.2, 0.7, 0.25, 1);
}

.is-resetting .level-up-track > span[b-jo83zst6sr] {
    transition: none;
}

.level-up-xp[b-jo83zst6sr] {
    color: #c3d7e8;
    font-size: 0.7rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.is-level-up .level-up-medal[b-jo83zst6sr] {
    filter: drop-shadow(0 0 12px rgb(140 228 215 / 30%));
    animation: level-up-pop-b-jo83zst6sr 550ms ease-out;
}

.is-level-up .level-up-title[b-jo83zst6sr] {
    animation: level-up-pop-b-jo83zst6sr 550ms ease-out;
}

.level-up-announcement[b-jo83zst6sr] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@keyframes level-up-arrive-b-jo83zst6sr {
    from {
        opacity: 0;
        transform: translate(-50%, 18px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateX(-50%);
    }
}

@keyframes level-up-pop-b-jo83zst6sr {
    0% {
        transform: scale(0.88);
    }
    45% {
        transform: scale(1.12);
        filter: brightness(1.3);
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width: 600px) {
    .level-up-notification[b-jo83zst6sr] {
        bottom: calc(var(--toolbar-height, 0px) + 14px);
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 14px;
        padding: 18px 24px 18px 16px;
    }

    .level-up-medal[b-jo83zst6sr] {
        --level-emblem-size: 68px;
        --level-text-scale: 0.72;
    }

    .level-up-track[b-jo83zst6sr] {
        height: 13px;
    }
}
/* /Components/Shared/RotatingPageBackground.razor.rz.scp.css */
.rotating-background-layer[b-iweldbbya7],
.rotating-background-tint[b-iweldbbya7] {
    position: fixed;
    z-index: 0;
    inset: 0;
    pointer-events: none;
}

.rotating-background-layer[b-iweldbbya7] {
    background-position: center;
    background-size: cover;
    filter: brightness(0.72) saturate(0.92);
    opacity: 0;
    transform: scale(1.018);
    transition:
        opacity 900ms ease,
        transform 2400ms ease;
    will-change: opacity, transform;
}

.rotating-background-layer.is-visible[b-iweldbbya7] {
    opacity: 1;
    transform: scale(1);
}

.rotating-background-tint[b-iweldbbya7] {
    background:
        radial-gradient(circle at 84% 12%, rgb(75 206 231 / 10%), transparent 30%),
        radial-gradient(circle at 8% 88%, rgb(255 194 87 / 8%), transparent 28%),
        linear-gradient(180deg, rgb(4 15 32 / 58%), rgb(5 18 37 / 70%) 55%, rgb(2 9 21 / 84%));
}
/* /Components/Shared/SecretCoinHunt.razor.rz.scp.css */
.secret-coin-hunt[b-fymt9v8uqo] {
    position: absolute;
    z-index: 80;
    width: 68px;
    height: 68px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: default;
    transition:
        filter 0.32s ease,
        opacity 0.32s ease,
        transform 0.18s ease;
    animation: secret-coin-arrive-b-fymt9v8uqo 0.24s ease-out;
}
.secret-coin-hunt img[b-fymt9v8uqo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    filter: drop-shadow(0 4px 2px #0008);
}
.secret-coin-hunt.is-camouflaged[b-fymt9v8uqo] {
    filter: grayscale(1) brightness(0.48) contrast(0.72);
    opacity: 0.72;
    mix-blend-mode: luminosity;
}
.secret-coin-hunt:not(.is-camouflaged):hover[b-fymt9v8uqo] {
    transform: scale(1.08) rotate(7deg);
    filter: saturate(1.22) brightness(1.12);
}
.secret-coin-hunt.is-catchable[b-fymt9v8uqo] {
    animation: secret-coin-catchable-b-fymt9v8uqo 1.1s ease-in-out infinite alternate;
}
.secret-coin-hunt:focus-visible[b-fymt9v8uqo] {
    outline: 3px solid #ffdc80;
    outline-offset: 5px;
}
@keyframes secret-coin-arrive-b-fymt9v8uqo {
    from {
        opacity: 0.15;
        transform: scale(0.55) rotate(-35deg);
    }
    to {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}
@keyframes secret-coin-catchable-b-fymt9v8uqo {
    to {
        filter: saturate(1.35) brightness(1.2) drop-shadow(0 0 9px #ffe45c);
    }
}
@media (max-width: 600px) {
    .secret-coin-hunt[b-fymt9v8uqo] {
        width: 58px;
        height: 58px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .secret-coin-hunt[b-fymt9v8uqo] {
        transition: none;
        animation: none;
    }
}
/* /Components/Shared/SiteAccountMenu.razor.rz.scp.css */
.site-menu-toggle[b-yq1rf2t5oq] {
    position: fixed;
    z-index: 101;
    top: 14px;
    left: 14px;
    display: grid;
    box-sizing: border-box;
    width: 48px;
    height: 44px;
    gap: 4px;
    padding: 9px 10px;
    border: 2px solid #eef7ff;
    border-radius: 10px;
    background: var(--ui-button-cyan);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 20%),
        0 4px 0 #106171,
        0 5px 0 1px #081525;
    cursor: pointer;
    list-style: none;
    transition:
        transform 140ms ease,
        filter 140ms ease;
}

.site-menu-toggle[b-yq1rf2t5oq]::-webkit-details-marker {
    display: none;
}

.site-menu-toggle span[b-yq1rf2t5oq] {
    display: block;
    height: 4px;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 0 rgb(0 0 0 / 45%);
}

.site-menu[open] .site-menu-toggle[b-yq1rf2t5oq] {
    transform: translateY(3px);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 20%),
        0 1px 0 #106171,
        0 2px 0 1px #081525;
}

.site-menu[open][b-yq1rf2t5oq]::before {
    position: fixed;
    z-index: 99;
    inset: 0;
    background: rgb(2 8 18 / 56%);
    backdrop-filter: blur(3px);
    content: "";
}

.site-account-panel[b-yq1rf2t5oq] {
    position: fixed;
    z-index: 100;
    top: 72px;
    left: 14px;
    box-sizing: border-box;
    display: flex;
    width: min(310px, calc(100vw - 28px));
    max-height: calc(100dvh - 86px);
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    overflow-y: auto;
    border: 2px solid var(--ui-frame);
    border-radius: 16px;
    background: var(--ui-surface);
    box-shadow: var(--ui-panel-shadow);
    color: var(--ui-text);
    font-family: var(--ui-font);
}

.site-menu-heading[b-yq1rf2t5oq] {
    display: grid;
    justify-items: center;
    margin-bottom: 4px;
    padding: 4px 0 14px;
    border-bottom: 1px solid var(--ui-line);
}

.site-menu-action[b-yq1rf2t5oq] {
    width: 100%;
}

.site-about-section[b-yq1rf2t5oq] {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--ui-line);
}

.site-home-action[b-yq1rf2t5oq],
.site-events-action[b-yq1rf2t5oq],
.site-leaderboard-action[b-yq1rf2t5oq],
.site-badges-action[b-yq1rf2t5oq],
.site-about-action[b-yq1rf2t5oq],
.site-switch-account-action[b-yq1rf2t5oq] {
    --button-fill: var(--ui-button-cyan);
    --button-base: #106171;
}

.site-admin-action[b-yq1rf2t5oq] {
    --button-fill: var(--ui-button-gold);
    --button-base: #8b5018;
}

.site-profile-action[b-yq1rf2t5oq] {
    --button-fill: var(--ui-button-purple);
    --button-base: #54307d;
}

.site-event-notice[b-yq1rf2t5oq] {
    position: absolute;
    top: -6px;
    right: -7px;
    padding: 4px 6px;
    border: 1px solid #f4e4b3;
    border-radius: 6px;
    background: #a96728;
    color: white;
    font-size: 0.55rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 2px 0 #5e3216;
}

.site-event-notice.is-live[b-yq1rf2t5oq] {
    border-color: #b8ed96;
    background: #39712e;
    box-shadow: 0 2px 0 #234a1d;
}

.site-account-identity[b-yq1rf2t5oq],
.site-account-hint[b-yq1rf2t5oq] {
    box-sizing: border-box;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    background: var(--ui-inset);
    color: var(--ui-text);
    text-decoration: none;
}

.site-account-identity[b-yq1rf2t5oq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-account-name[b-yq1rf2t5oq] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.site-account-name strong[b-yq1rf2t5oq],
.site-account-name small[b-yq1rf2t5oq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-account-name strong[b-yq1rf2t5oq] {
    font-size: 0.9rem;
}

.site-account-name small[b-yq1rf2t5oq],
.site-account-hint[b-yq1rf2t5oq] {
    color: var(--ui-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.site-account-avatar[b-yq1rf2t5oq] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
}

.site-account-avatar-default[b-yq1rf2t5oq] {
    display: grid;
    background: var(--ui-button-cyan);
    color: white;
    font-size: 1rem;
    font-weight: 800;
    place-items: center;
}

.site-account-hint[b-yq1rf2t5oq] {
    display: block;
    text-align: center;
}

@media (hover: hover) and (pointer: fine) {
    .site-menu-toggle:hover[b-yq1rf2t5oq] {
        filter: brightness(1.07);
        transform: translateY(-2px);
    }

    .site-account-identity:hover[b-yq1rf2t5oq] {
        border-color: var(--ui-cyan);
    }
}

@media (max-width: 600px) {
    .site-menu-toggle[b-yq1rf2t5oq] {
        top: calc(8px + env(safe-area-inset-top));
        left: calc(8px + env(safe-area-inset-left));
        width: 46px;
        height: 44px;
    }

    .site-account-panel[b-yq1rf2t5oq] {
        top: calc(62px + env(safe-area-inset-top));
        left: calc(8px + env(safe-area-inset-left));
        width: min(330px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));
        max-height: calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        padding: 15px;
    }
}
/* /Components/Shared/SiteAudioControl.razor.rz.scp.css */
.site-audio-control[b-utrs6i65pe] {
    position: fixed;
    z-index: 1700;
    top: 14px;
    left: 74px;
    color: white;
    font-family: var(--ui-font);
}

.site-audio-toggle[b-utrs6i65pe] {
    display: grid;
    box-sizing: border-box;
    width: 48px;
    height: 44px;
    padding: 6px;
    border: 2px solid #eef7ff;
    border-radius: 10px;
    background: var(--ui-button-cyan);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 20%),
        0 4px 0 #106171,
        0 5px 0 1px #081525;
    cursor: pointer;
    list-style: none;
    place-items: center;
    transition:
        filter 140ms ease,
        transform 140ms ease;
}

.site-audio-toggle[b-utrs6i65pe]::-webkit-details-marker {
    display: none;
}

.site-audio-toggle svg[b-utrs6i65pe] {
    width: 31px;
    height: 31px;
    overflow: visible;
    fill: white;
    filter: drop-shadow(0 2px 0 rgb(0 0 0 / 38%));
}

.site-audio-waves[b-utrs6i65pe],
.site-audio-muted[b-utrs6i65pe] {
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.site-audio-muted[b-utrs6i65pe] {
    display: none;
}

.site-audio-control[data-muted="true"] .site-audio-waves[b-utrs6i65pe] {
    display: none;
}

.site-audio-control[data-muted="true"] .site-audio-muted[b-utrs6i65pe] {
    display: block;
}

.site-audio-control[open] .site-audio-toggle[b-utrs6i65pe] {
    transform: translateY(3px);
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 20%),
        0 1px 0 #106171,
        0 2px 0 1px #081525;
}

.site-audio-panel[b-utrs6i65pe] {
    position: absolute;
    top: 58px;
    left: 0;
    box-sizing: border-box;
    display: grid;
    width: min(270px, calc(100vw - 28px));
    padding: 15px;
    border: 2px solid var(--ui-frame);
    border-radius: 14px;
    background: var(--ui-surface);
    box-shadow: var(--ui-panel-shadow);
    gap: 13px;
}

.site-audio-panel[b-utrs6i65pe]::before {
    position: absolute;
    top: -9px;
    left: 15px;
    width: 14px;
    height: 14px;
    border-top: 2px solid var(--ui-frame);
    border-left: 2px solid var(--ui-frame);
    background: var(--ui-surface);
    content: "";
    transform: rotate(45deg);
}

.site-audio-panel header[b-utrs6i65pe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.site-audio-panel output[b-utrs6i65pe] {
    min-width: 44px;
    color: #8ff3ff;
    font-size: 0.76rem;
    font-weight: 900;
    text-align: right;
}

.site-audio-panel input[type="range"][b-utrs6i65pe] {
    width: 100%;
    height: 12px;
    margin: 1px 0 4px;
    border: 2px solid #07111f;
    border-radius: 999px;
    outline: 2px solid #eef7ff;
    background: linear-gradient(
        90deg,
        #23c8df 0 var(--site-audio-level, 15%),
        #15283e var(--site-audio-level, 15%) 100%
    );
    cursor: pointer;
    appearance: none;
}

.site-audio-panel input[type="range"][b-utrs6i65pe]::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    border: 3px solid white;
    border-radius: 50%;
    background: #79e21d;
    box-shadow:
        0 3px 0 #346f0c,
        0 4px 0 1px #07111f;
    appearance: none;
}

.site-audio-panel input[type="range"][b-utrs6i65pe]::-moz-range-thumb {
    width: 19px;
    height: 19px;
    border: 3px solid white;
    border-radius: 50%;
    background: #79e21d;
    box-shadow:
        0 3px 0 #346f0c,
        0 4px 0 1px #07111f;
}

.site-audio-panel input[type="range"]:focus-visible[b-utrs6i65pe] {
    outline-color: #fff36a;
    outline-width: 3px;
}

.site-audio-mute[b-utrs6i65pe] {
    min-height: 34px;
    padding: 7px 12px;
    border: 2px solid #eef7ff;
    border-radius: 8px;
    background: #203b58;
    color: white;
    font: 900 0.66rem/1 var(--ui-font);
    box-shadow: 0 3px 0 #091729;
    cursor: pointer;
}

.site-audio-mute:hover[b-utrs6i65pe],
.site-audio-toggle:hover[b-utrs6i65pe] {
    filter: brightness(1.1);
}

.site-audio-mute:active[b-utrs6i65pe] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #091729;
}

.site-audio-mute:focus-visible[b-utrs6i65pe],
.site-audio-toggle:focus-visible[b-utrs6i65pe] {
    outline: 3px solid #fff36a;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .site-audio-control[b-utrs6i65pe] {
        top: calc(8px + env(safe-area-inset-top));
        left: calc(64px + env(safe-area-inset-left));
    }

    .site-audio-toggle[b-utrs6i65pe] {
        width: 46px;
        height: 44px;
    }

    .site-audio-panel[b-utrs6i65pe] {
        width: min(270px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-audio-toggle[b-utrs6i65pe] {
        transition: none;
    }
}
/* /Components/Shared/SiteDialogue.razor.rz.scp.css */
.site-dialogue[b-v3ck4vd7d2] {
    --site-edge: #ffe8bd;
    --site-glow: #ffc75a55;
    position: fixed;
    z-index: 1500;
    bottom: max(38px, calc(env(safe-area-inset-bottom) + 18px));
    left: 50%;
    width: min(680px, calc(100vw - 34px));
    max-height: 78dvh;
    box-sizing: border-box;
    padding: 62px 30px 38px;
    overflow: visible;
    border: 4px solid var(--site-edge);
    border-radius: 27px 22px 25px 20px;
    background:
        radial-gradient(circle at 15% 2%, #e38b4b55, transparent 25%),
        radial-gradient(circle at 85% 100%, #4b201855, transparent 34%),
        linear-gradient(145deg, #aa5b35 0%, #874429 48%, #65301f 100%);
    box-shadow:
        0 0 0 6px #1d0f0b,
        0 0 0 9px #ffffffb8,
        inset 0 0 0 3px #d2945c,
        inset 0 -18px 32px #36170e73,
        0 18px 38px #000a,
        0 0 28px var(--site-glow);
    transform: translateX(-50%);
    transform-origin: 50% 100%;
    cursor: pointer;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
    animation: dialogue-enter-b-v3ck4vd7d2 0.28s cubic-bezier(0.2, 0.9, 0.25, 1.15);
}

.site-dialogue[b-v3ck4vd7d2]::before {
    content: "";
    position: absolute;
    inset: 9px;
    z-index: 0;
    border: 2px solid #ffd6a052;
    border-radius: 18px 15px 19px 14px;
    pointer-events: none;
}

.site-dialogue[b-v3ck4vd7d2]::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 84px;
    height: 5px;
    border-radius: 999px;
    background: #3b1b13;
    box-shadow:
        inset 0 2px #160a07,
        0 1px #dc8e52;
    transform: translateX(-50%);
    opacity: 0.72;
}

.site-dialogue-copy[b-v3ck4vd7d2] {
    position: relative;
    z-index: 2;
    max-height: calc(78dvh - 88px);
    padding: 0 4px 4px;
    overflow: auto;
}

h2[b-v3ck4vd7d2] {
    margin: 0 0 13px;
    text-align: center;
}

.site-dialogue-message[b-v3ck4vd7d2] {
    min-height: 4.65em;
    margin: 0 0 18px;
    color: #fff7eb;
    cursor: pointer;
    font-size: 17px;
    line-height: 1.55;
    text-align: center;
    text-wrap: pretty;
    text-shadow: 0 2px 1px #32150db3;
    user-select: text;
}

.site-dialogue--scribble[b-v3ck4vd7d2] {
    padding: 35px 30px 27px 184px;
    border-radius: 25px 21px 26px 19px;
}

.site-dialogue:focus[b-v3ck4vd7d2] {
    outline: none;
}

.site-dialogue:focus-visible[b-v3ck4vd7d2] {
    box-shadow:
        0 0 0 6px #1d0f0b,
        0 0 0 11px #fff8d9,
        inset 0 0 0 3px #d2945c,
        inset 0 -18px 32px #36170e73,
        0 18px 38px #000a,
        0 0 32px var(--site-glow);
}

.site-dialogue.is-ready[b-v3ck4vd7d2]::before {
    border-color: #ffe6b985;
}

.site-dialogue--scribble .site-dialogue-copy > button[b-v3ck4vd7d2] {
    display: block;
    margin-inline: auto;
}

.site-dialogue--scribble[b-v3ck4vd7d2]::after {
    display: none;
}

.site-dialogue-scribble[b-v3ck4vd7d2] {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.site-scribble-figure[b-v3ck4vd7d2] {
    position: absolute;
    top: 7px;
    left: 16px;
    width: 153px;
    height: 158px;
    overflow: visible;
    filter: drop-shadow(2px 3px 0 #2b120dc7);
}

.site-scribble-figure path[b-v3ck4vd7d2],
.site-scribble-figure circle[b-v3ck4vd7d2],
.site-scribble-figure ellipse[b-v3ck4vd7d2] {
    fill: none;
    stroke: #fffdf3;
    stroke-width: 4.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.site-scribble-ghost[b-v3ck4vd7d2] {
    opacity: 0.27;
    transform: translate(3px, -2px) rotate(0.8deg);
    transform-origin: center;
}

.site-scribble-ghost path[b-v3ck4vd7d2] {
    stroke-width: 2.3;
    stroke-dasharray: 7 4;
}

.site-scribble-body[b-v3ck4vd7d2] {
    transform-origin: 80px 90px;
}

.site-scribble-body path:nth-child(2)[b-v3ck4vd7d2] {
    stroke-width: 5;
}
.site-scribble-body path:nth-child(3)[b-v3ck4vd7d2] {
    stroke-dasharray: 24 3 15 2;
}
.site-scribble-arm[b-v3ck4vd7d2] {
    opacity: 0.88;
}
.site-scribble-marks[b-v3ck4vd7d2] {
    opacity: 0.65;
}
.site-scribble-marks path[b-v3ck4vd7d2] {
    stroke-width: 2.7;
}

.site-scribble-face[b-v3ck4vd7d2] {
    display: none;
}

.site-dialogue--neutral .site-scribble-face-neutral[b-v3ck4vd7d2],
.site-dialogue--sleepy .site-scribble-face-sleepy[b-v3ck4vd7d2],
.site-dialogue--curious .site-scribble-face-curious[b-v3ck4vd7d2],
.site-dialogue--annoyed .site-scribble-face-annoyed[b-v3ck4vd7d2],
.site-dialogue--angry .site-scribble-face-angry[b-v3ck4vd7d2],
.site-dialogue--suspicious .site-scribble-face-suspicious[b-v3ck4vd7d2],
.site-dialogue--judging .site-scribble-face-judging[b-v3ck4vd7d2],
.site-dialogue--confused .site-scribble-face-confused[b-v3ck4vd7d2],
.site-dialogue--pleased .site-scribble-face-pleased[b-v3ck4vd7d2],
.site-dialogue--panic .site-scribble-face-panic[b-v3ck4vd7d2],
.site-dialogue--startled .site-scribble-face-startled[b-v3ck4vd7d2],
.site-dialogue--embarrassed .site-scribble-face-embarrassed[b-v3ck4vd7d2],
.site-dialogue--guilty .site-scribble-face-guilty[b-v3ck4vd7d2],
.site-dialogue--smug .site-scribble-face-smug[b-v3ck4vd7d2],
.site-dialogue--proud .site-scribble-face-proud[b-v3ck4vd7d2],
.site-dialogue--focused .site-scribble-face-focused[b-v3ck4vd7d2],
.site-dialogue--determined .site-scribble-face-determined[b-v3ck4vd7d2],
.site-dialogue--mischievous .site-scribble-face-mischievous[b-v3ck4vd7d2],
.site-dialogue--deadpan .site-scribble-face-deadpan[b-v3ck4vd7d2],
.site-dialogue--worried .site-scribble-face-worried[b-v3ck4vd7d2],
.site-dialogue--sad .site-scribble-face-sad[b-v3ck4vd7d2] {
    display: block;
}

.site-dialogue--judging[b-v3ck4vd7d2] {
    --site-glow: #ffe07866;
}
.site-dialogue.is-waiting[b-v3ck4vd7d2],
.site-dialogue.is-waiting .site-dialogue-message[b-v3ck4vd7d2] {
    cursor: default;
}
.site-dialogue.is-afk[b-v3ck4vd7d2],
.site-dialogue.is-afk .site-dialogue-message[b-v3ck4vd7d2] {
    cursor: default;
}
.site-dialogue.is-waiting .site-dialogue-caret[b-v3ck4vd7d2] {
    display: none;
}
.site-scribble-face-judging ellipse[b-v3ck4vd7d2] {
    fill: #fffdf3;
    stroke: #2b150f;
    stroke-width: 4.5;
}
.site-scribble-face-judging circle[b-v3ck4vd7d2] {
    fill: #23130e;
    stroke: none;
}
.site-judging-eyes[b-v3ck4vd7d2] {
    transform-origin: 80px 71px;
    animation: site-judging-open-b-v3ck4vd7d2 0.35s cubic-bezier(0.2, 1.45, 0.3, 1) both;
}
.site-judging-pupils[b-v3ck4vd7d2] {
    transform: translate(var(--site-gaze-x, 0px), var(--site-gaze-y, 0px));
    transition: transform 0.1s ease-out;
}

.site-scribble-note[b-v3ck4vd7d2] {
    position: absolute;
    top: 13px;
    left: 124px;
    display: none;
    color: #fffdf3;
    font:
        800 14px/1 "Segoe Print",
        "Comic Sans MS",
        cursive;
    letter-spacing: 0.04em;
    text-shadow: 2px 2px 0 #32150d;
    transform: rotate(7deg);
}

.site-dialogue--neutral .site-scribble-note-neutral[b-v3ck4vd7d2],
.site-dialogue--sleepy .site-scribble-note-sleepy[b-v3ck4vd7d2],
.site-dialogue--confused .site-scribble-note-confused[b-v3ck4vd7d2],
.site-dialogue--deadpan .site-scribble-note-deadpan[b-v3ck4vd7d2] {
    display: block;
}

.site-dialogue--scribble.is-speaking .site-scribble-body[b-v3ck4vd7d2] {
    animation: site-scribble-redraw-b-v3ck4vd7d2 0.48s steps(2, end) infinite alternate;
}

.site-dialogue--scribble.is-speaking .site-scribble-face[b-v3ck4vd7d2] {
    animation: site-scribble-face-jump-b-v3ck4vd7d2 0.36s steps(2, end) infinite alternate;
}

.site-dialogue--panic[b-v3ck4vd7d2] {
    --site-edge: #ffd1c6;
    --site-glow: #ff493f66;
    background:
        radial-gradient(circle at 50% 0%, #f1534455, transparent 34%),
        linear-gradient(145deg, #a84e32, #713020 58%, #4d2119);
}

.site-dialogue--annoyed[b-v3ck4vd7d2] {
    --site-edge: #ffe08d;
    --site-glow: #ff9e3552;
}

.site-dialogue--angry[b-v3ck4vd7d2] {
    --site-edge: #ffc7b8;
    --site-glow: #ff3c326e;
    background:
        radial-gradient(circle at 15% 15%, #ef3e3552, transparent 32%),
        linear-gradient(145deg, #a64d31, #7c3425 56%, #51221b);
}

.site-dialogue--sleepy[b-v3ck4vd7d2] {
    --site-edge: #e4d7ff;
    --site-glow: #a97bff3f;
}

.site-dialogue--curious[b-v3ck4vd7d2] {
    --site-edge: #d8fbff;
    --site-glow: #55deed4d;
}

.site-dialogue--confused[b-v3ck4vd7d2] {
    --site-edge: #ead6ff;
    --site-glow: #b878ff4a;
}

.site-dialogue--pleased[b-v3ck4vd7d2] {
    --site-edge: #e6ffc7;
    --site-glow: #7cff574d;
}

.site-dialogue--proud[b-v3ck4vd7d2] {
    --site-edge: #fff0a6;
    --site-glow: #ffd23f66;
}

.site-dialogue--smug[b-v3ck4vd7d2] {
    --site-edge: #e8ffad;
    --site-glow: #9ee7474d;
}

.site-dialogue--embarrassed[b-v3ck4vd7d2] {
    --site-edge: #ffd4e5;
    --site-glow: #ff79ae4d;
}

.site-dialogue--guilty[b-v3ck4vd7d2] {
    --site-edge: #d9e8ff;
    --site-glow: #73a9e845;
}

.site-dialogue--focused[b-v3ck4vd7d2],
.site-dialogue--determined[b-v3ck4vd7d2] {
    --site-edge: #bffcff;
    --site-glow: #36dfeb57;
}

.site-dialogue--mischievous[b-v3ck4vd7d2] {
    --site-edge: #e7c8ff;
    --site-glow: #a958f05c;
}

.site-dialogue--deadpan[b-v3ck4vd7d2] {
    --site-edge: #e1ded7;
    --site-glow: #d7d2c238;
}

.site-dialogue--worried[b-v3ck4vd7d2] {
    --site-edge: #ffe0a6;
    --site-glow: #ff9f3f55;
}

.site-dialogue--sad[b-v3ck4vd7d2] {
    --site-edge: #cbdfff;
    --site-glow: #5894e84d;
}

.site-dialogue--suspicious[b-v3ck4vd7d2] {
    --site-edge: #fff0af;
    --site-glow: #ffe16a47;
}
.site-dialogue--startled[b-v3ck4vd7d2] {
    --site-edge: #d8ffff;
    --site-glow: #55f4e85c;
}

.site-dialogue-caret[b-v3ck4vd7d2] {
    display: inline-block;
    width: 3px;
    height: 1.05em;
    margin-left: 3px;
    border-radius: 2px;
    background: #ffdc72;
    box-shadow: 0 0 5px #ffdc72;
    vertical-align: -0.14em;
    opacity: 0;
}
.is-speaking .site-dialogue-caret[b-v3ck4vd7d2] {
    opacity: 1;
    animation: site-caret-b-v3ck4vd7d2 0.5s steps(1) infinite;
}
.has-finished-speaking .site-dialogue-caret[b-v3ck4vd7d2] {
    opacity: 0.5;
    animation: site-caret-b-v3ck4vd7d2 1s steps(1) infinite;
}
.needs-voice-activation .site-dialogue-caret[b-v3ck4vd7d2] {
    opacity: 0;
    animation: none;
}

.site-dialogue-audio-prompt[b-v3ck4vd7d2] {
    display: none;
}
.needs-voice-activation .site-dialogue-audio-prompt[b-v3ck4vd7d2] {
    display: block;
    color: #ffe078;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.site-dialogue-accessible-text[b-v3ck4vd7d2] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.site-dialogue-continue-label[b-v3ck4vd7d2] {
    display: block;
    min-height: 1.2em;
    color: #ffe078;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-align: center;
    text-shadow: 0 2px 1px #32150d;
    opacity: 0;
    transform: translateY(3px);
    transition:
        opacity 0.16s ease,
        transform 0.16s ease;
}

.site-dialogue-continue-label.is-visible[b-v3ck4vd7d2] {
    opacity: 0.86;
    transform: translateY(0);
}

button[b-v3ck4vd7d2] {
    min-height: 42px;
    font-weight: 800;
    transition:
        opacity 0.18s ease,
        filter 0.18s ease;
}
.is-speaking button[b-v3ck4vd7d2],
.is-speaking form[b-v3ck4vd7d2] {
    opacity: 0.55;
    pointer-events: none;
    filter: saturate(0.7);
}
form[b-v3ck4vd7d2] {
    display: grid;
    gap: 10px;
}
label[b-v3ck4vd7d2] {
    color: #f1d4ad;
    font-size: 13px;
}

@keyframes dialogue-enter-b-v3ck4vd7d2 {
    from {
        opacity: 0;
        translate: 0 18px;
        scale: 0.97;
    }
    to {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
}

@keyframes site-caret-b-v3ck4vd7d2 {
    0%,
    48% {
        opacity: 1;
    }
    49%,
    100% {
        opacity: 0.12;
    }
}
@keyframes site-scribble-redraw-b-v3ck4vd7d2 {
    from {
        transform: translate(-1px, 1px) rotate(-0.35deg);
    }
    to {
        transform: translate(1px, -1px) rotate(0.35deg);
    }
}
@keyframes site-scribble-face-jump-b-v3ck4vd7d2 {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(1px, -1px);
    }
}
@keyframes site-judging-open-b-v3ck4vd7d2 {
    from {
        transform: scaleY(0.25);
    }
    to {
        transform: scaleY(1);
    }
}
@media (max-width: 560px) {
    .site-dialogue[b-v3ck4vd7d2] {
        width: calc(100vw - 24px);
        padding: 58px 18px 34px;
        border-radius: 22px;
    }
    .site-dialogue--scribble[b-v3ck4vd7d2] {
        padding: 80px 18px 23px;
    }
    .site-dialogue--scribble .site-dialogue-copy[b-v3ck4vd7d2] {
        max-height: calc(78dvh - 108px);
    }
    .site-scribble-figure[b-v3ck4vd7d2] {
        top: -14px;
        left: 10px;
        width: 105px;
        height: 109px;
    }
    .site-scribble-note[b-v3ck4vd7d2] {
        top: 10px;
        left: 91px;
        font-size: 12px;
    }
    .site-dialogue-message[b-v3ck4vd7d2] {
        min-height: 5.8em;
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-dialogue[b-v3ck4vd7d2],
    .site-scribble-body[b-v3ck4vd7d2],
    .site-scribble-face[b-v3ck4vd7d2],
    .site-dialogue-caret[b-v3ck4vd7d2],
    .site-judging-eyes[b-v3ck4vd7d2] {
        animation: none !important;
    }
    .site-judging-pupils[b-v3ck4vd7d2] {
        transition: none;
    }
}
/* /Components/Shared/SitePreviewClosed.razor.rz.scp.css */
.preview-closed[b-nwxe1uxlar] {
    position: fixed;
    inset: 0;
    z-index: 100;
    min-height: 100dvh;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 50% 28%, #2660a333 0 12%, transparent 42%),
        linear-gradient(180deg, #06152ade, #030a16f2);
}

.preview-closed[b-nwxe1uxlar]::before,
.preview-closed[b-nwxe1uxlar]::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.preview-closed[b-nwxe1uxlar]::before {
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(#8ec9ff18 1px, transparent 1px), linear-gradient(90deg, #8ec9ff18 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.preview-closed[b-nwxe1uxlar]::after {
    top: 9%;
    left: 50%;
    width: min(620px, 88vw);
    height: min(420px, 46vh);
    border: 1px dashed #8fd7ff38;
    transform: translateX(-50%) rotate(-1deg);
    box-shadow:
        18px 16px 0 #05102099,
        -13px -11px 0 #071b3299;
}

.preview-noise[b-nwxe1uxlar] {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, transparent 0 3px, #8fd7ff22 4px, transparent 5px 8px);
    animation: preview-scan-b-nwxe1uxlar 9s linear infinite;
}

.preview-notice[b-nwxe1uxlar] {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: min(680px, calc(100vw - 36px));
    margin: clamp(54px, 10vh, 110px) auto 0;
    padding: clamp(24px, 4vw, 42px);
    box-sizing: border-box;
    text-align: center;
    border: 2px solid #8fd7ff66;
    background: linear-gradient(145deg, #0d2b4ed9, #07162bed);
    box-shadow:
        0 22px 70px #000b,
        inset 0 0 42px #31aaff12,
        0 0 32px #2fb6ff18;
    clip-path: polygon(
        0 7px,
        7px 7px,
        7px 0,
        calc(100% - 7px) 0,
        calc(100% - 7px) 7px,
        100% 7px,
        100% calc(100% - 7px),
        calc(100% - 7px) calc(100% - 7px),
        calc(100% - 7px) 100%,
        7px 100%,
        7px calc(100% - 7px),
        0 calc(100% - 7px)
    );
}

.preview-kicker[b-nwxe1uxlar] {
    color: #8fdcff;
    font:
        800 12px/1.4 ui-monospace,
        "Cascadia Mono",
        monospace;
    letter-spacing: 0.16em;
}

.preview-notice h1[b-nwxe1uxlar] {
    margin: 13px 0 9px;
    color: #fff5ba;
    font-size: clamp(30px, 6vw, 58px);
    line-height: 0.95;
    text-shadow:
        0 4px #24140a,
        0 0 24px #ffcf4c44;
}

.preview-notice p[b-nwxe1uxlar] {
    max-width: 480px;
    margin: 0 0 20px;
    color: #d9ecff;
    font-size: clamp(14px, 2.2vw, 18px);
}

.preview-login[b-nwxe1uxlar] {
    text-decoration: none;
}

.preview-notice small[b-nwxe1uxlar] {
    margin-top: 10px;
    color: #9bb4cc;
}

[b-nwxe1uxlar] .preview-closed-dialogue {
    z-index: 1501;
}

@keyframes preview-scan-b-nwxe1uxlar {
    to {
        transform: translateY(24px);
    }
}

@media (max-height: 720px) {
    .preview-notice[b-nwxe1uxlar] {
        margin-top: 24px;
        padding: 19px 24px;
    }

    .preview-notice p[b-nwxe1uxlar],
    .preview-notice small[b-nwxe1uxlar] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .preview-noise[b-nwxe1uxlar] {
        animation: none;
    }
}