/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-zk0fys6av1] { min-height: 100dvh; display: flex; flex-direction: column; }
.topbar[b-zk0fys6av1] {
    display: flex; align-items: center; gap: 16px; padding: 10px 16px;
    background: linear-gradient(180deg, #121212, #0b0b0b); border-bottom: 1px solid #2b2b2b;
    position: sticky; top: 0; z-index: 10;
}
.brand[b-zk0fys6av1] { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-mark[b-zk0fys6av1] { width: 36px; height: 36px; border-radius: 8px; border: 1px solid #c9a227; display: block; object-fit: cover; }
.brand-name[b-zk0fys6av1] { color: #f4e9c8; font-weight: 800; font-size: 1.2rem; letter-spacing: .5px; }
.adult[b-zk0fys6av1] { border: 2px solid #d94b4b; color: #ff9b9b; font-weight: 900; font-size: .7rem; padding: 2px 5px; border-radius: 6px; letter-spacing: .5px; }
.topnav[b-zk0fys6av1] { display: flex; gap: 4px; margin-left: 8px; }
.topnav[b-zk0fys6av1]  a { color: #bdbdbd; text-decoration: none; padding: 6px 10px; border-radius: 6px; font-weight: 600; }
.topnav[b-zk0fys6av1]  a:hover { color: #f4e9c8; background: #1d1d1d; }
.topnav[b-zk0fys6av1]  a.active { color: #0b0b0b; background: #c9a227; }
.who[b-zk0fys6av1] { color: #f4e9c8; text-decoration: none; font-weight: 700; font-size: .9rem; padding: 6px 10px; border-radius: 8px; border: 1px solid #3a3a3a; }
.who.guest[b-zk0fys6av1] { color: #ffb347; border-color: #6b4a12; }
@media (max-width: 640px) { .who[b-zk0fys6av1] { display: none; } }
.content[b-zk0fys6av1] { flex: 1; padding: 16px; max-width: 1280px; width: 100%; margin: 0 auto; }
.legal[b-zk0fys6av1] { color: #777; font-size: .75rem; text-align: center; padding: 14px 16px 24px; border-top: 1px solid #1f1f1f; }
@media (max-width: 640px) {
    .topnav[b-zk0fys6av1] { display: none; }
    .brand-name[b-zk0fys6av1] { display: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-36lpyimtl5],
.components-reconnect-repeated-attempt-visible[b-36lpyimtl5],
.components-reconnect-failed-visible[b-36lpyimtl5],
.components-pause-visible[b-36lpyimtl5],
.components-resume-failed-visible[b-36lpyimtl5],
.components-rejoining-animation[b-36lpyimtl5] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Bonus.razor.rz.scp.css */
/* The stage */
.stage[b-xur5unsli8] { position: relative; overflow: hidden; border-radius: 18px; padding: 14px 16px 18px; background: radial-gradient(ellipse at 50% 0%, #2a1f06 0%, #120d04 45%, #070604 100%); border: 1px solid #3a2f12; box-shadow: 0 30px 80px rgba(0,0,0,.7), inset 0 0 120px rgba(201,162,39,.08); }
.spot[b-xur5unsli8] { position: absolute; inset: -40% -20% auto; height: 120%; background: radial-gradient(ellipse at 50% 20%, rgba(240,208,96,.18), transparent 55%); pointer-events: none; animation: breathe-b-xur5unsli8 5s ease-in-out infinite; }
@keyframes breathe-b-xur5unsli8 { 0%, 100% { opacity: .8; } 50% { opacity: 1; } }
.sparkles[b-xur5unsli8] { position: absolute; inset: 0; pointer-events: none; }
.sparkle[b-xur5unsli8] { position: absolute; left: var(--x); top: 110%; width: 5px; height: 5px; border-radius: 50%; background: #f0d060; box-shadow: 0 0 8px #f0d060; opacity: 0; animation: rise-b-xur5unsli8 7s linear var(--d) infinite; }
@keyframes rise-b-xur5unsli8 { 0% { transform: translateY(0) scale(.6); opacity: 0; } 10% { opacity: .9; } 90% { opacity: .5; } 100% { transform: translateY(-130vh) scale(1.2); opacity: 0; } }
.stage.flash-red[b-xur5unsli8]::before, .stage.flash-gold[b-xur5unsli8]::before, .stage.flash-amber[b-xur5unsli8]::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; animation: flash-b-xur5unsli8 .7s ease-out forwards; }
.stage.flash-red[b-xur5unsli8]::before { background: #d94b4b; } .stage.flash-gold[b-xur5unsli8]::before { background: #f0d060; } .stage.flash-amber[b-xur5unsli8]::before { background: #ffb347; }
@keyframes flash-b-xur5unsli8 { 0% { opacity: .55; } 100% { opacity: 0; } }

/* The sign */
.sign[b-xur5unsli8] { text-align: center; position: relative; z-index: 1; }
.neon[b-xur5unsli8] { font-size: 2rem; font-weight: 900; letter-spacing: 10px; color: #fff4c2; text-shadow: 0 0 6px #ffe9a0, 0 0 18px #f0d060, 0 0 40px #c9a227, 0 0 70px #c9a227; animation: flicker-b-xur5unsli8 4s infinite; }
.neon2[b-xur5unsli8] { font-size: 3.2rem; font-weight: 900; letter-spacing: 14px; line-height: .9; color: #ffb347; text-shadow: 0 0 8px #ffd08a, 0 0 24px #ffb347, 0 0 60px #ff7f11; }
.venue[b-xur5unsli8] { color: #bdbdbd; margin-top: 4px; font-size: .85rem; letter-spacing: 1px; }
@keyframes flicker-b-xur5unsli8 { 0%, 19%, 22%, 63%, 65%, 100% { opacity: 1; } 20%, 64% { opacity: .55; } }

/* The meter */
.meter[b-xur5unsli8] { position: relative; z-index: 1; margin: 8px auto 8px; width: min(520px, 100%); display: grid; grid-template-columns: 1fr auto; grid-template-areas: "lbl lbl" "digits unit" "sub sub"; align-items: baseline; column-gap: 10px; background: linear-gradient(180deg, #0a0a0a, #161208); border: 3px solid #c9a227; border-radius: 16px; padding: 6px 18px 8px; box-shadow: 0 0 0 4px #0b0b0b, 0 0 30px #c9a22766, inset 0 0 30px rgba(0,0,0,.8); }
.meter .lbl[b-xur5unsli8] { grid-area: lbl; color: #9a9a9a; font-size: .75rem; letter-spacing: 4px; font-weight: 800; }
.meter .digits[b-xur5unsli8] { grid-area: digits; font-size: 2.6rem; font-weight: 900; color: #f0d060; font-variant-numeric: tabular-nums; text-shadow: 0 0 16px #f0d06088; line-height: 1; }
.meter .unit[b-xur5unsli8] { grid-area: unit; color: #c9a227; font-weight: 900; letter-spacing: 2px; }
.meter .sub[b-xur5unsli8] { grid-area: sub; color: #9a9a9a; font-size: .8rem; }
.meter.neg .digits[b-xur5unsli8] { color: #ff9b9b; text-shadow: 0 0 16px #d94b4b88; }
.meter.bump[b-xur5unsli8] { animation: bump-b-xur5unsli8 .5s ease-out; }
@keyframes bump-b-xur5unsli8 { 0% { transform: scale(1); } 30% { transform: scale(1.06); } 100% { transform: scale(1); } }

/* The board with marquee lights */
.board[b-xur5unsli8] { position: relative; z-index: 1; padding: 16px; border-radius: 22px; background: #0f0c06; }
.marquee[b-xur5unsli8] { position: absolute; inset: 6px; border-radius: 18px; pointer-events: none; border: 8px dotted #f0d060; filter: drop-shadow(0 0 6px #f0d060); animation: chase-b-xur5unsli8 1.2s steps(2) infinite; opacity: .95; }
@keyframes chase-b-xur5unsli8 { 0% { border-color: #f0d060; } 50% { border-color: #ffb347; } 100% { border-color: #f0d060; } }
.grid-bones[b-xur5unsli8] { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; }
@media (max-width: 720px) { .stage[b-xur5unsli8] { padding: 10px 10px 12px; } .grid-bones[b-xur5unsli8] { grid-template-columns: repeat(4, 1fr); gap: 8px; } .board[b-xur5unsli8] { padding: 10px; } .bone3d[b-xur5unsli8] { height: 78px; } .back .mono[b-xur5unsli8] { font-size: 1.15rem; } .val[b-xur5unsli8] { font-size: 1.2rem; } .val.big[b-xur5unsli8] { font-size: 1.9rem; } .neon[b-xur5unsli8] { font-size: 1.4rem; letter-spacing: 4px; } .neon2[b-xur5unsli8] { font-size: 2.2rem; letter-spacing: 6px; } .venue[b-xur5unsli8] { font-size: .75rem; margin-top: 2px; } .meter[b-xur5unsli8] { margin: 6px auto; padding: 4px 14px 6px; } .meter .digits[b-xur5unsli8] { font-size: 2rem; } .actions[b-xur5unsli8] { margin-top: 8px; gap: 6px; } .cashout[b-xur5unsli8] { padding: 8px 28px; } }
@media (max-width: 900px) { .grid-bones[b-xur5unsli8] { grid-template-columns: repeat(4, 1fr); } }

/* Bones: 3D flip */
.bone3d[b-xur5unsli8] { perspective: 900px; background: none; border: none; padding: 0; cursor: pointer; height: 118px; position: relative; animation: bob-b-xur5unsli8 3s ease-in-out calc(var(--i) * .13s) infinite; }
.bone3d:disabled[b-xur5unsli8] { cursor: default; animation: none; }
.bone3d:not(:disabled):hover .inner[b-xur5unsli8] { transform: translateY(-8px) rotateX(6deg); }
.inner[b-xur5unsli8] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .75s cubic-bezier(.2, .8, .2, 1); }
.revealed .inner[b-xur5unsli8] { transform: rotateY(180deg); }
.face[b-xur5unsli8] { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.back[b-xur5unsli8] { background: linear-gradient(160deg, #2a2a2a, #121212); border: 2px solid #c9a227; box-shadow: 0 10px 20px rgba(0,0,0,.6), inset 0 0 20px rgba(201,162,39,.15); overflow: hidden; }
.back .pips[b-xur5unsli8] { position: absolute; inset: 10px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.back .pips span[b-xur5unsli8] { width: 10px; height: 10px; border-radius: 50%; background: #c9a227; opacity: .5; margin: auto; }
.back .mono[b-xur5unsli8] { font-weight: 900; font-size: 1.6rem; color: #f0d060; letter-spacing: 2px; text-shadow: 0 0 10px #f0d06099; }
.shimmer[b-xur5unsli8] { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.28) 50%, transparent 70%); transform: translateX(-120%); animation: sheen-b-xur5unsli8 2.6s ease-in-out calc(var(--i) * .17s) infinite; }
@keyframes sheen-b-xur5unsli8 { 0% { transform: translateX(-120%); } 45%, 100% { transform: translateX(120%); } }
@keyframes bob-b-xur5unsli8 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.front[b-xur5unsli8] { transform: rotateY(180deg); border: 3px solid; }
.credits .front[b-xur5unsli8] { background: radial-gradient(circle at 50% 30%, #1b5a44, #0f2a22); border-color: #19a37a; box-shadow: 0 0 24px #19a37a66; }
.double .front[b-xur5unsli8] { background: radial-gradient(circle at 50% 30%, #6b5412, #2b2410); border-color: #f0d060; box-shadow: 0 0 30px #f0d060aa; }
.knock .front[b-xur5unsli8] { background: radial-gradient(circle at 50% 30%, #6b3a12, #2a1e0a); border-color: #ffb347; box-shadow: 0 0 20px #ffb34766; }
.holymoly .front[b-xur5unsli8] { background: radial-gradient(circle at 50% 30%, #7a1b1b, #2a0f0f); border-color: #d94b4b; box-shadow: 0 0 34px #d94b4baa; }
.val[b-xur5unsli8] { font-weight: 900; font-size: 1.5rem; color: #f4e9c8; text-shadow: 0 2px 0 rgba(0,0,0,.6); }
.credits .val[b-xur5unsli8] { color: #8fe3c0; } .double .val[b-xur5unsli8] { color: #f0d060; } .knock .val[b-xur5unsli8] { color: #ffb347; }
.val.big[b-xur5unsli8] { font-size: 2.6rem; line-height: 1; } .val.hm[b-xur5unsli8] { color: #ff9b9b; font-size: 1.3rem; line-height: 1.05; letter-spacing: 1px; }
.small[b-xur5unsli8] { font-size: .65rem; letter-spacing: 3px; color: #cfcfcf; font-weight: 800; margin-top: 2px; }
.stack[b-xur5unsli8] { display: flex; flex-direction: column-reverse; gap: 2px; margin-bottom: 6px; }
.stack i[b-xur5unsli8] { width: 34px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #fff2a8, #c9a227 60%, #8a6d14); border: 1px solid #6b5412; }
.rays[b-xur5unsli8] { position: absolute; inset: -40%; background: conic-gradient(from 0deg, transparent 0 20deg, rgba(240,208,96,.25) 20deg 30deg, transparent 30deg 50deg, rgba(240,208,96,.25) 50deg 60deg, transparent 60deg 80deg, rgba(240,208,96,.25) 80deg 90deg, transparent 90deg 110deg, rgba(240,208,96,.25) 110deg 120deg, transparent 120deg 140deg, rgba(240,208,96,.25) 140deg 150deg, transparent 150deg 170deg, rgba(240,208,96,.25) 170deg 180deg, transparent 180deg 200deg, rgba(240,208,96,.25) 200deg 210deg, transparent 210deg 230deg, rgba(240,208,96,.25) 230deg 240deg, transparent 240deg 260deg, rgba(240,208,96,.25) 260deg 270deg, transparent 270deg 290deg, rgba(240,208,96,.25) 290deg 300deg, transparent 300deg 320deg, rgba(240,208,96,.25) 320deg 330deg, transparent 330deg 360deg); animation: spin-b-xur5unsli8 6s linear infinite; }
@keyframes spin-b-xur5unsli8 { to { transform: rotate(360deg); } }
.crack[b-xur5unsli8] { position: absolute; inset: 0; background: linear-gradient(35deg, transparent 48%, #ffb347 49%, #ffb347 50%, transparent 51%), linear-gradient(-60deg, transparent 58%, #ffb347 59%, #ffb347 60%, transparent 61%); opacity: .5; }
.knock.last[b-xur5unsli8] { animation: shake-b-xur5unsli8 .45s; }
.holymoly.last[b-xur5unsli8] { animation: slam-b-xur5unsli8 .6s cubic-bezier(.2, 1.4, .4, 1); }
.double.last .inner[b-xur5unsli8], .credits.last .inner[b-xur5unsli8] { animation: pop-b-xur5unsli8 .5s .6s both; }
@keyframes shake-b-xur5unsli8 { 20% { transform: translateX(-6px) rotate(-2deg); } 40% { transform: translateX(6px) rotate(2deg); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); } }
@keyframes slam-b-xur5unsli8 { 0% { transform: scale(1); } 50% { transform: scale(1.18); } 100% { transform: scale(1); } }
@keyframes pop-b-xur5unsli8 { 0% { transform: rotateY(180deg) scale(1); } 50% { transform: rotateY(180deg) scale(1.12); } 100% { transform: rotateY(180deg) scale(1); } }

/* Coin fountain */
.fountain[b-xur5unsli8] { position: absolute; left: 50%; top: 40%; pointer-events: none; }
.fountain i[b-xur5unsli8] { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff2a8, #c9a227 60%, #8a6d14); border: 1.5px solid #6b5412; animation: fountain-b-xur5unsli8 1.4s cubic-bezier(.3, .8, .4, 1) calc(var(--k) * .04s + .6s) both; }
@keyframes fountain-b-xur5unsli8 { 0% { transform: translate(-50%, 0) scale(.6); opacity: 0; } 15% { opacity: 1; } 50% { transform: translate(calc(-50% + var(--dx)), calc(-1 * var(--h))) rotateY(180deg) scale(1); } 100% { transform: translate(calc(-50% + var(--dx) * 1.4), 60px) rotateY(540deg) scale(.8); opacity: 0; } }

/* Actions */
.actions[b-xur5unsli8] { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 10px; }
.tip[b-xur5unsli8] { color: #f0d060; letter-spacing: 5px; font-weight: 900; font-size: .9rem; animation: flicker-b-xur5unsli8 3s infinite; }
.cashout[b-xur5unsli8] { position: relative; overflow: hidden; border: 3px solid #fff2a8; border-radius: 999px; padding: 10px 32px; cursor: pointer; background: linear-gradient(180deg, #f6d873, #c9a227 60%, #9c7d1a); color: #0b0b0b; display: flex; flex-direction: column; align-items: center; box-shadow: 0 0 0 4px #0b0b0b, 0 0 36px #f0d060aa, 0 12px 24px rgba(0,0,0,.6); animation: pulse-b-xur5unsli8 1.4s ease-in-out infinite; }
.cashout:disabled[b-xur5unsli8] { opacity: .45; animation: none; cursor: default; }
.cashout .cash-label[b-xur5unsli8] { font-weight: 900; letter-spacing: 6px; font-size: 1.1rem; }
.cashout .cash-amount[b-xur5unsli8] { font-weight: 900; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.cashout .sheen[b-xur5unsli8] { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.5) 50%, transparent 65%); transform: translateX(-120%); animation: sheen-b-xur5unsli8 2s ease-in-out infinite; }
@keyframes pulse-b-xur5unsli8 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 4px #0b0b0b, 0 0 36px #f0d060aa, 0 12px 24px rgba(0,0,0,.6); } 50% { transform: scale(1.04); box-shadow: 0 0 0 4px #0b0b0b, 0 0 60px #f0d060, 0 12px 24px rgba(0,0,0,.6); } }
.odds[b-xur5unsli8] { color: #777; font-size: .75rem; text-align: center; margin-top: 4px; }

/* Finale */
.finale[b-xur5unsli8] { position: absolute; inset: 0; z-index: 5; margin: 0; display: grid; place-items: center; background: rgba(0,0,0,.6); backdrop-filter: blur(2px); }
.fw[b-xur5unsli8] { position: absolute; left: var(--fx); top: var(--fy); width: 6px; height: 6px; border-radius: 50%; background: var(--fc); box-shadow: 0 0 0 0 var(--fc); animation: fw-b-xur5unsli8 1.6s ease-out var(--fd) infinite; pointer-events: none; }
@keyframes fw-b-xur5unsli8 { 0% { box-shadow: 0 0 0 0 var(--fc), 0 0 0 0 var(--fc); opacity: 1; transform: scale(1); } 70% { box-shadow: 0 -70px 0 -3px var(--fc), 50px -50px 0 -3px var(--fc), 70px 0 0 -3px var(--fc), 50px 50px 0 -3px var(--fc), 0 70px 0 -3px var(--fc), -50px 50px 0 -3px var(--fc), -70px 0 0 -3px var(--fc), -50px -50px 0 -3px var(--fc); opacity: .9; } 100% { box-shadow: 0 -90px 0 -6px transparent, 64px -64px 0 -6px transparent, 90px 0 0 -6px transparent, 64px 64px 0 -6px transparent, 0 90px 0 -6px transparent, -64px 64px 0 -6px transparent, -90px 0 0 -6px transparent, -64px -64px 0 -6px transparent; opacity: 0; } }
.result[b-xur5unsli8] { max-width: 560px; width: 100%; text-align: center; border-color: #c9a227; }
.result.won[b-xur5unsli8] { box-shadow: 0 0 80px #f0d06066, 0 20px 60px rgba(0,0,0,.6); }
.result-amount[b-xur5unsli8] { font-size: 4rem; font-weight: 900; color: #f0d060; text-shadow: 0 0 24px #f0d06099; line-height: 1.1; margin: 8px 0; font-variant-numeric: tabular-nums; }
.result-amount small[b-xur5unsli8] { font-size: 1.2rem; color: #c9a227; }
@media (prefers-reduced-motion: reduce) { .sparkle[b-xur5unsli8], .shimmer[b-xur5unsli8], .cashout[b-xur5unsli8], .cashout .sheen[b-xur5unsli8], .marquee[b-xur5unsli8], .bone3d[b-xur5unsli8], .tip[b-xur5unsli8], .neon[b-xur5unsli8], .fw[b-xur5unsli8], .rays[b-xur5unsli8] { animation: none; } }
/* /Components/Pages/Character.razor.rz.scp.css */
.designer[b-hom21y1kwl] { display: grid; grid-template-columns: 300px 1fr; gap: 14px; }
@media (max-width: 760px) { .designer[b-hom21y1kwl] { grid-template-columns: 1fr; } }
.preview[b-hom21y1kwl] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; align-self: start; }
/* Stick the preview only when the window is tall enough to show all of it; otherwise it scrolls with the form. */
@media (min-height: 860px) and (min-width: 761px) { .preview[b-hom21y1kwl] { position: sticky; top: 72px; } }
.actions-bottom[b-hom21y1kwl] { margin-top: 16px; padding-top: 12px; border-top: 1px solid #2b2b2b; }
.preview[b-hom21y1kwl]  .bubble { background: #1d1d1d; border: 1px solid #333; border-radius: 12px; padding: 8px 12px; }
.portrait-box[b-hom21y1kwl] { display: flex; flex-direction: column; gap: 6px; align-items: center; border-top: 1px solid #2b2b2b; padding-top: 10px; width: 100%; }
.controls h3[b-hom21y1kwl] { margin-top: 14px; color: #f0d060; }
.controls label[b-hom21y1kwl] { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; color: #bdbdbd; }
.pick-group[b-hom21y1kwl] { margin: 8px 0 12px; display: flex; flex-direction: column; gap: 6px; }
.swatches[b-hom21y1kwl] { display: flex; gap: 8px; flex-wrap: wrap; }
.swatch[b-hom21y1kwl] { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #3a3a3a; cursor: pointer; }
.swatch.on[b-hom21y1kwl] { border-color: #f0d060; box-shadow: 0 0 0 2px #f0d06055; transform: scale(1.1); }
.chips[b-hom21y1kwl] { display: flex; gap: 6px; flex-wrap: wrap; }
.chip[b-hom21y1kwl] { background: #202020; color: #f4e9c8; border: 1px solid #3a3a3a; border-radius: 999px; padding: 6px 12px; cursor: pointer; font-weight: 600; font-size: .85rem; }
.chip.on[b-hom21y1kwl] { background: #c9a227; color: #0b0b0b; border-color: #c9a227; }
.small[b-hom21y1kwl] { font-size: .85rem; }
/* /Components/Pages/City.razor.rz.scp.css */
.city-grid[b-4xvw711uer] { display: grid; grid-template-columns: minmax(300px, 400px) 1fr; gap: 14px; align-items: start; }
.map-card[b-4xvw711uer] { padding: 8px; position: sticky; top: 72px; }
.venues[b-4xvw711uer] { display: grid; gap: 12px; }
@media (max-width: 900px) { .city-grid[b-4xvw711uer] { grid-template-columns: 1fr; } .map-card[b-4xvw711uer] { position: static; } }

.venue[b-4xvw711uer] { border-left: 4px solid var(--accent); }
.venue.locked[b-4xvw711uer] { opacity: .6; }
.order[b-4xvw711uer] { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: #0b0b0b; font-weight: 900; }
.venue p[b-4xvw711uer] { color: #cfcfcf; margin: 10px 0; }
@media (prefers-reduced-motion: reduce) { .path-anim[b-4xvw711uer], .node.available .ring[b-4xvw711uer] { animation: none; } }
.stakes[b-4xvw711uer] { font-size: .9rem; margin: 8px 0; }
.stakes strong[b-4xvw711uer] { color: #f0d060; }
/* /Components/Pages/ClubPage.razor.rz.scp.css */
.club-head[b-izwo2rdw5f] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.crest[b-izwo2rdw5f] { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 14px; color: #0b0b0b; font-weight: 900; font-size: 1.2rem; border: 2px solid #f0d060; }
.dot[b-izwo2rdw5f] { width: 9px; height: 9px; border-radius: 50%; background: #444; display: inline-block; }
.dot.on[b-izwo2rdw5f] { background: #19a37a; box-shadow: 0 0 6px #19a37a; }
tr.me td[b-izwo2rdw5f] { color: #f0d060; }
/* /Components/Pages/Lobby.razor.rz.scp.css */
.hero[b-vubgx51gdf] { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; background: radial-gradient(1200px 300px at 10% -20%, #2b2410, transparent), linear-gradient(180deg, #171717, #0f0f0f); border-color: #3a3215; }
.hero-left[b-vubgx51gdf] { flex: 1 1 280px; }
.hero-right[b-vubgx51gdf] { flex: 1 1 280px; }
.logo[b-vubgx51gdf] { display: flex; flex-direction: column; line-height: .9; }
.logo-art[b-vubgx51gdf] { width: min(240px, 62vw); height: auto; border-radius: 22px; filter: drop-shadow(0 8px 24px rgba(240,208,96,.25)); }
.logo-holy[b-vubgx51gdf], .logo-moly[b-vubgx51gdf] { font-size: 3rem; font-weight: 900; letter-spacing: 2px; }
.logo-holy[b-vubgx51gdf] { color: #f4e9c8; }
.logo-moly[b-vubgx51gdf] { color: #c9a227; text-shadow: 0 2px 0 #6b5412, 0 8px 24px #c9a22755; }
.logo-sub[b-vubgx51gdf] { margin-top: 8px; color: #19a37a; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; font-size: .75rem; }
.tagline[b-vubgx51gdf] { color: #bdbdbd; margin: 14px 0 0; font-style: italic; }
.player[b-vubgx51gdf] { display: flex; gap: 14px; align-items: center; }
.player .name[b-vubgx51gdf] { font-size: 1.2rem; font-weight: 800; }
.player[b-vubgx51gdf]  .progress { margin: 6px 0; width: 220px; max-width: 100%; }
.small[b-vubgx51gdf] { font-size: .85rem; }
.menu[b-vubgx51gdf] { margin-top: 14px; }
.menu[b-vubgx51gdf]  .btn { flex-direction: column; align-items: flex-start; gap: 2px; min-height: 76px; }
.menu[b-vubgx51gdf]  .btn small { font-weight: 500; opacity: .8; font-size: .78rem; }
.reward[b-vubgx51gdf] { margin-top: 14px; border-color: #ffb347; }
.signin[b-vubgx51gdf] { margin-top: 14px; border-color: #19a37a; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.balance[b-vubgx51gdf] { margin-top: 6px; font-weight: 800; font-size: 1.1rem; color: #f0d060; display: flex; gap: 8px; align-items: center; }
.balance .coin[b-vubgx51gdf] { background: #c9a227; color: #0b0b0b; font-weight: 900; font-size: .7rem; padding: 2px 6px; border-radius: 999px; }
/* /Components/Pages/Play.razor.rz.scp.css */
.table-page[b-8yfm3tjkxz] { display: flex; flex-direction: column; gap: 12px; }
.venue-bar[b-8yfm3tjkxz] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.venue-bar h1[b-8yfm3tjkxz] { color: var(--accent); }
.small[b-8yfm3tjkxz] { font-size: .85rem; }
.pot[b-8yfm3tjkxz] { display: flex; flex-direction: column; align-items: center; background: #141414; border: 1px solid #3a3215; border-radius: 10px; padding: 6px 14px; }
.pot strong[b-8yfm3tjkxz] { color: #f0d060; font-size: 1.2rem; }
.bubble[b-8yfm3tjkxz] { background: #1d1d1d; border: 1px solid #333; border-radius: 12px; padding: 10px 14px; display: inline-block; max-width: 100%; }
.hint[b-8yfm3tjkxz] { color: #e8dcb5; font-size: .95rem; }
.hint[b-8yfm3tjkxz]  .tag { margin-right: 8px; }
.result.won[b-8yfm3tjkxz] { border-color: #c9a227; box-shadow: 0 0 60px #c9a22744, 0 20px 60px rgba(0,0,0,.6); }
.payout[b-8yfm3tjkxz] { display: flex; gap: 12px; flex-wrap: wrap; margin: 12px 0; }
.pay[b-8yfm3tjkxz] { flex: 1 1 120px; background: #141414; border: 1px solid #2b2b2b; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; }
.pay strong[b-8yfm3tjkxz] { font-size: 1.2rem; color: #f0d060; }
.pay small[b-8yfm3tjkxz] { color: #9a9a9a; }
.pay.net[b-8yfm3tjkxz] { border-color: #c9a227; }
.unlock[b-8yfm3tjkxz] { border: 1px solid var(--accent); border-radius: 12px; padding: 12px; margin-top: 8px; background: linear-gradient(135deg, #1a1a1a, #0f0f0f); }
.unlock h3[b-8yfm3tjkxz] { color: var(--accent); margin-top: 6px; }
/* /Components/Pages/PlayerCard.razor.rz.scp.css */
.player-card[b-fkw2jkd1x6] { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.dot[b-fkw2jkd1x6] { width: 11px; height: 11px; border-radius: 50%; background: #444; display: inline-block; vertical-align: middle; }
.dot.on[b-fkw2jkd1x6] { background: #19a37a; box-shadow: 0 0 6px #19a37a; }
.crest.small[b-fkw2jkd1x6] { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #0b0b0b; font-weight: 900; font-size: .7rem; border: 2px solid #f0d060; vertical-align: middle; }
/* /Components/Pages/Profile.razor.rz.scp.css */
.stat[b-3vylex3rk8] { display: flex; flex-direction: column; gap: 4px; }
.stat strong[b-3vylex3rk8] { font-size: 1.6rem; color: #f0d060; }
.small[b-3vylex3rk8] { font-size: .85rem; }
.neg[b-3vylex3rk8] { color: #ff9b9b; }
.pos[b-3vylex3rk8] { color: #8fe3c0; }
/* /Components/Pages/RoomPage.razor.rz.scp.css */
.table-page[b-9hya0edjvh] { display: flex; flex-direction: column; gap: 12px; }
.venue-bar[b-9hya0edjvh] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.venue-bar h1[b-9hya0edjvh] { color: var(--accent); }
.small[b-9hya0edjvh] { font-size: .85rem; }
.pot[b-9hya0edjvh] { display: flex; flex-direction: column; align-items: center; background: #141414; border: 1px solid #3a3215; border-radius: 10px; padding: 6px 14px; }
.pot strong[b-9hya0edjvh] { color: #f0d060; font-size: 1.2rem; }
.code[b-9hya0edjvh] { font-size: 1.6rem; letter-spacing: 6px; color: #f0d060; }
.empty-seat[b-9hya0edjvh] { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; border: 2px dashed #555; color: #777; font-weight: 900; }
.hand-banner[b-9hya0edjvh] { display: flex; gap: 12px; align-items: center; border-color: #c9a227; }
.result.won[b-9hya0edjvh] { border-color: #c9a227; box-shadow: 0 0 60px #c9a22744, 0 20px 60px rgba(0,0,0,.6); }
.payout[b-9hya0edjvh] { display: flex; gap: 12px; flex-wrap: wrap; margin: 12px 0; }
.pay[b-9hya0edjvh] { flex: 1 1 120px; background: #141414; border: 1px solid #2b2b2b; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; }
.pay strong[b-9hya0edjvh] { font-size: 1.2rem; color: #f0d060; }
.pay small[b-9hya0edjvh] { color: #9a9a9a; }
.pay.net[b-9hya0edjvh] { border-color: #c9a227; }
.bubble[b-9hya0edjvh] { background: #1d1d1d; border: 1px solid #333; border-radius: 12px; padding: 8px 12px; display: inline-block; max-width: 100%; }

.terms[b-9hya0edjvh] { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.scoreboard[b-9hya0edjvh] { margin-top: 10px; padding: 8px 12px; }
.scoreboard table[b-9hya0edjvh] { margin: 0; }
.scoreboard tr.me td[b-9hya0edjvh] { color: #f0d060; }
.scoreboard tr.locked td[b-9hya0edjvh] { color: #9a9a9a; }
.tag.small[b-9hya0edjvh] { font-size: .7rem; padding: 2px 8px; }
.scoreboard tr.waiting td[b-9hya0edjvh] { opacity: .75; }
.confirm-leave[b-9hya0edjvh] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.seeking[b-9hya0edjvh] { border-color: #ffb347; }
/* /Components/Pages/Rooms.razor.rz.scp.css */

.stakes-host .disclosure[b-u424pnbegr] { background: #121212; border: 1px solid #3a3215; border-radius: 12px; padding: 10px 14px; }
.stakes-host .disclosure ul[b-u424pnbegr] { padding-left: 18px; margin: 6px 0; }
.stakes-host .disclosure li[b-u424pnbegr] { margin: 4px 0; }
.soon[b-u424pnbegr] { border-style: dashed; opacity: .85; }
/* /Components/Pages/Store.razor.rz.scp.css */
.pack[b-erxu4gbfdw] { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.pack.featured[b-erxu4gbfdw] { border-color: #c9a227; }
.credits[b-erxu4gbfdw] { font-size: 1.8rem; color: #f0d060; }
.price[b-erxu4gbfdw] { color: #bdbdbd; }
.small[b-erxu4gbfdw] { font-size: .85rem; }
/* /Components/Pages/Welcome.razor.rz.scp.css */
.welcome[b-jadbxcza3p] { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; }
.welcome > div[b-jadbxcza3p] { flex: 1 1 320px; }
.welcome-art[b-jadbxcza3p] { width: min(200px, 50vw); height: auto; border-radius: 20px; }
.install li[b-jadbxcza3p] { margin: 4px 0; }
/* /Components/Shared/AgeGate.razor.rz.scp.css */
.gate[b-a770iwpqyg] { min-height: 70vh; display: grid; place-items: center; }
.gate-card[b-a770iwpqyg] { max-width: 560px; text-align: center; border-color: #d94b4b; }
.gate-badge[b-a770iwpqyg] { width: 72px; height: 72px; margin: 0 auto 10px; border: 4px solid #d94b4b; color: #ff9b9b; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: 1.4rem; }
.gate-card p[b-a770iwpqyg] { color: #cfcfcf; }
.gate-actions[b-a770iwpqyg] { justify-content: center; margin-top: 10px; }
.small[b-a770iwpqyg] { font-size: .85rem; }
/* /Components/Shared/Avatar.razor.rz.scp.css */
.avatar[b-5njp7ll5hd] {
    display: inline-grid; place-items: center; border-radius: 50%; font-weight: 900; color: #0b0b0b;
    background: radial-gradient(circle at 30% 30%, #fff8, transparent 50%), var(--c);
    border: 2px solid #0b0b0b; box-shadow: 0 0 0 2px #3a3a3a;
}
.avatar.active[b-5njp7ll5hd] { box-shadow: 0 0 0 3px #c9a227, 0 0 18px #c9a22788; }
.avatar.photo[b-5njp7ll5hd] { object-fit: cover; object-position: center top; background: #111; }
/* /Components/Shared/CapicuFx.razor.rz.scp.css */
/* Every Capicu is a domino, so the burst waits for the domino slam (DominoFx, 1.3s) before it plays. */
.capicu-fx[b-2yt0kesc7x] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; z-index: 6; visibility: hidden; animation: whole-b-2yt0kesc7x 2.6s ease-out 1.3s forwards, show-b-2yt0kesc7x 0s linear 1.3s forwards; }
@keyframes show-b-2yt0kesc7x { to { visibility: visible; } }
.word[b-2yt0kesc7x], .sub[b-2yt0kesc7x] { animation-delay: 1.3s !important; }
.say[b-2yt0kesc7x] { animation-delay: 1.45s !important; }
.word[b-2yt0kesc7x] { font-size: 3.4rem; font-weight: 900; letter-spacing: 6px; color: #f0d060; -webkit-text-stroke: 2px #3b2a14; text-shadow: 0 4px 0 #6b5412, 0 0 30px #f0d060aa; animation: word-b-2yt0kesc7x 2.6s cubic-bezier(.2, 1.4, .4, 1) forwards; }
.sub[b-2yt0kesc7x] { margin-top: 2px; background: #0b0b0bd9; color: #f4e9c8; border: 1px solid #c9a227; border-radius: 999px; padding: 6px 16px; font-size: 1rem; animation: sub-b-2yt0kesc7x 2.6s ease-out forwards; }
.say[b-2yt0kesc7x] { margin-top: 8px; max-width: min(520px, 86vw); text-align: center; color: #fff4c2; font-size: 1.25rem; font-weight: 800; font-style: italic; text-shadow: 0 2px 0 #000, 0 0 16px #f0d06088; animation: sub-b-2yt0kesc7x 2.6s ease-out .15s both; }
.spark[b-2yt0kesc7x] { position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #f0d060; box-shadow: 0 0 10px #f0d060; animation: spark-b-2yt0kesc7x 1.2s ease-out calc(var(--d) + 1.3s) forwards; }
.coin[b-2yt0kesc7x] { position: absolute; left: calc(50% + var(--x)); top: 50%; width: 18px; height: 18px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff2a8, #c9a227 60%, #8a6d14); border: 2px solid #6b5412; animation: coin-b-2yt0kesc7x 1.6s ease-in var(--d) forwards; }
@keyframes word-b-2yt0kesc7x { 0% { transform: scale(.3) rotate(-8deg); opacity: 0; } 25% { transform: scale(1.15) rotate(2deg); opacity: 1; } 40% { transform: scale(1); } 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(-20px); } }
@keyframes sub-b-2yt0kesc7x { 0%, 25% { opacity: 0; transform: translateY(8px); } 40% { opacity: 1; transform: none; } 80% { opacity: 1; } 100% { opacity: 0; } }
@keyframes spark-b-2yt0kesc7x { 0% { transform: translate(-50%, -50%) rotate(var(--a)) translateX(0) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) rotate(var(--a)) translateX(160px) scale(.2); opacity: 0; } }
@keyframes coin-b-2yt0kesc7x { 0% { transform: translateY(0) rotateY(0); opacity: 0; } 15% { opacity: 1; } 40% { transform: translateY(-70px) rotateY(180deg); } 100% { transform: translateY(90px) rotateY(540deg); opacity: 0; } }
@keyframes whole-b-2yt0kesc7x { 0%, 90% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .spark[b-2yt0kesc7x], .coin[b-2yt0kesc7x] { display: none; } .word[b-2yt0kesc7x], .sub[b-2yt0kesc7x], .say[b-2yt0kesc7x] { animation: fade-b-2yt0kesc7x 2.6s forwards; } }
@keyframes fade-b-2yt0kesc7x { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
/* /Components/Shared/CharacterAvatar.razor.rz.scp.css */
.char[b-2tw09mmoqn] { display: inline-block; vertical-align: middle; }
.char .bg[b-2tw09mmoqn] { stroke: none; }
.char .ring[b-2tw09mmoqn] { fill: none; stroke: #3a3a3a; stroke-width: 2.5; }
.char.active .ring[b-2tw09mmoqn] { stroke: #c9a227; stroke-width: 3; filter: drop-shadow(0 0 6px #c9a22799); }
.char.photo[b-2tw09mmoqn] { border-radius: 50%; object-fit: cover; object-position: center top; border: 2.5px solid #3a3a3a; background: #111; }
.char.photo.active[b-2tw09mmoqn] { border-color: #c9a227; box-shadow: 0 0 10px #c9a22799; }
/* /Components/Shared/DominoFx.razor.rz.scp.css */
.domino-fx[b-k8f6m0izku] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; z-index: 7; animation: whole-b-k8f6m0izku 1.7s ease-out forwards; }
.slap[b-k8f6m0izku] { filter: drop-shadow(0 10px 8px rgba(0,0,0,.6)); transform-origin: 50% 85%; animation: slap-b-k8f6m0izku 1.7s cubic-bezier(.5, 0, .7, 1) forwards; }
.slap .skin[b-k8f6m0izku] { fill: #8d5524; stroke: #4a2c12; stroke-width: 2; }
.slap .thumb[b-k8f6m0izku] { fill: #9c6a3f; }
.slap .line[b-k8f6m0izku] { stroke: #4a2c12; stroke-width: 2; fill: none; opacity: .6; }
.impact[b-k8f6m0izku] { position: absolute; left: 50%; top: 70px; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; border: 6px solid #fff4c2; opacity: 0; animation: impact-b-k8f6m0izku 1.7s ease-out forwards; }
.word[b-k8f6m0izku] { margin-top: -10px; font-size: 3.6rem; font-weight: 900; letter-spacing: 5px; color: #fff; -webkit-text-stroke: 2px #7a1010; text-shadow: 0 4px 0 #7a1010, 0 0 26px #ff5a5aaa; animation: word-b-k8f6m0izku 1.7s cubic-bezier(.2, 1.5, .4, 1) forwards; }
.sub[b-k8f6m0izku] { margin-top: 2px; background: #0b0b0bd9; color: #f4e9c8; border: 1px solid #c9a227; border-radius: 999px; padding: 5px 16px; font-weight: 800; animation: sub-b-k8f6m0izku 1.7s ease-out forwards; }
.say[b-k8f6m0izku] { margin-top: 8px; max-width: min(520px, 86vw); text-align: center; color: #fff4c2; font-size: 1.2rem; font-weight: 800; font-style: italic; text-shadow: 0 2px 0 #000; animation: sub-b-k8f6m0izku 1.7s ease-out both; }
/* Hand drops from above, slams at 22%, holds, then lifts away. */
@keyframes slap-b-k8f6m0izku {
    0%   { transform: translateY(-140px) scale(1.5) rotate(-20deg); opacity: 0; }
    10%  { opacity: 1; }
    22%  { transform: translateY(0) scale(1) rotate(0); }
    27%  { transform: translateY(-6px) scale(1.02); }
    32%  { transform: translateY(0) scale(1); }
    70%  { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-40px) scale(.9); opacity: 0; }
}
@keyframes impact-b-k8f6m0izku { 0%, 21% { transform: scale(.2); opacity: 0; } 23% { opacity: .95; } 60% { transform: scale(5); opacity: 0; } 100% { opacity: 0; } }
@keyframes word-b-k8f6m0izku { 0%, 22% { transform: scale(.3); opacity: 0; } 34% { transform: scale(1.18); opacity: 1; } 44% { transform: scale(1); } 82% { opacity: 1; } 100% { opacity: 0; transform: translateY(-14px); } }
@keyframes sub-b-k8f6m0izku { 0%, 30% { opacity: 0; transform: translateY(8px); } 42% { opacity: 1; transform: none; } 82% { opacity: 1; } 100% { opacity: 0; } }
@keyframes whole-b-k8f6m0izku { 0%, 92% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .slap[b-k8f6m0izku], .impact[b-k8f6m0izku] { display: none; } .word[b-k8f6m0izku], .sub[b-k8f6m0izku], .say[b-k8f6m0izku] { animation: fade-b-k8f6m0izku 1.7s forwards; } }
@keyframes fade-b-k8f6m0izku { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 760px) { .slap[b-k8f6m0izku] { width: 100px; height: 100px; } .word[b-k8f6m0izku] { font-size: 2.4rem; letter-spacing: 3px; } .impact[b-k8f6m0izku] { top: 46px; } }
/* /Components/Shared/DominoTile.razor.rz.scp.css */
.domino[b-83w9hov3gv] { display: inline-block; filter: drop-shadow(0 3px 3px rgba(0,0,0,.5)); transition: transform .12s ease, filter .12s ease; }
.domino .body[b-83w9hov3gv] { fill: #f6f1e4; stroke: #b9b09a; stroke-width: 1.5; }
.domino .divider[b-83w9hov3gv] { stroke: #b9b09a; stroke-width: 1.5; }
.domino .pip[b-83w9hov3gv] { fill: #111; }
.domino.facedown .body[b-83w9hov3gv] { fill: #1c1c1c; stroke: #c9a227; }
.domino.facedown .divider[b-83w9hov3gv] { stroke: #c9a227; }
.domino.dim[b-83w9hov3gv] { opacity: .5; filter: grayscale(.6) drop-shadow(0 2px 2px rgba(0,0,0,.4)); }
.domino.dim .body[b-83w9hov3gv] { fill: #d9d3c4; }
.domino.playable[b-83w9hov3gv] { cursor: pointer; }
.domino.playable .body[b-83w9hov3gv] { stroke: #c9a227; stroke-width: 3; fill: #fffdf5; }
.domino.playable[b-83w9hov3gv] { filter: drop-shadow(0 0 8px #f0d06099) drop-shadow(0 3px 3px rgba(0,0,0,.5)); }
.domino.playable:hover[b-83w9hov3gv] { transform: translateY(-6px); }
.domino.selected .body[b-83w9hov3gv] { stroke: #19a37a; stroke-width: 4; fill: #fffbea; }
.domino.selected[b-83w9hov3gv] { transform: translateY(-10px) scale(1.05); }
.domino:focus[b-83w9hov3gv] { outline: none; }
.domino:focus-visible .body[b-83w9hov3gv] { stroke: #ffb347; stroke-width: 4; }

/* Colored pips, one color per number, like a real colored-dot set: far easier to read than black on cream. */
.domino .pip.p1[b-83w9hov3gv] { fill: #d62828; }
.domino .pip.p2[b-83w9hov3gv] { fill: #2a9d3f; }
.domino .pip.p3[b-83w9hov3gv] { fill: #1f6fd1; }
.domino .pip.p4[b-83w9hov3gv] { fill: #f77f00; }
.domino .pip.p5[b-83w9hov3gv] { fill: #7b2cbf; }
.domino .pip.p6[b-83w9hov3gv] { fill: #0f8b8d; }
.domino .pip[b-83w9hov3gv] { stroke: rgba(0,0,0,.25); stroke-width: .6; }
/* /Components/Shared/InvitePanel.razor.rz.scp.css */
.invite[b-hc316wyy56] { display: flex; flex-direction: column; gap: 8px; margin: 8px 0; }
.invite .row[b-hc316wyy56] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.invite .link[b-hc316wyy56] { background: #111; border: 1px solid #333; border-radius: 8px; padding: 6px 10px; word-break: break-all; }
/* /Components/Shared/KnockFx.razor.rz.scp.css */
.knock-fx[b-azel4i8qwq] { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; z-index: 5; }
.fist[b-azel4i8qwq] { filter: drop-shadow(0 4px 4px rgba(0,0,0,.6)); animation: rap-b-azel4i8qwq 1.3s ease-out forwards; transform-origin: 50% 90%; }
.fist .skin[b-azel4i8qwq] { fill: #8d5524; stroke: #4a2c12; stroke-width: 1.5; }
.fist .thumb[b-azel4i8qwq] { fill: #9c6a3f; }
.fist .line[b-azel4i8qwq] { stroke: #4a2c12; stroke-width: 1.2; fill: none; opacity: .6; }
.knock-word[b-azel4i8qwq] {
    margin-top: -6px; background: #ffb347; color: #0b0b0b; font-weight: 900; letter-spacing: 2px; padding: 3px 10px; border-radius: 999px;
    font-size: .85rem; display: flex; flex-direction: column; align-items: center; line-height: 1.05;
    animation: word-b-azel4i8qwq 1.3s ease-out forwards;
}
.knock-word small[b-azel4i8qwq] { font-size: .65rem; letter-spacing: 0; font-weight: 800; color: #3b2a14; }
@keyframes rap-b-azel4i8qwq {
    0%   { transform: translateY(-26px) rotate(-30deg); opacity: 0; }
    12%  { transform: translateY(-26px) rotate(-30deg); opacity: 1; }
    22%  { transform: translateY(0) rotate(0); }
    30%  { transform: translateY(-16px) rotate(-18deg); }
    40%  { transform: translateY(0) rotate(0); }
    80%  { transform: translateY(0) rotate(0); opacity: 1; }
    100% { transform: translateY(6px) rotate(0); opacity: 0; }
}
@keyframes word-b-azel4i8qwq {
    0%, 20% { transform: translateY(8px) scale(.6); opacity: 0; }
    30% { transform: translateY(0) scale(1.1); opacity: 1; }
    40% { transform: scale(1); }
    80% { opacity: 1; }
    100% { transform: translateY(-10px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .fist[b-azel4i8qwq] { animation: fade-b-azel4i8qwq 1.3s forwards; } .knock-word[b-azel4i8qwq] { animation: fade-b-azel4i8qwq 1.3s forwards; } }
@keyframes fade-b-azel4i8qwq { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
/* /Components/Shared/MiamiMap.razor.rz.scp.css */
.miami[b-jgqjm871z1] { width: 100%; height: auto; display: block; border-radius: 12px; background: #2a2620; }
.island[b-jgqjm871z1] { fill: none; stroke: #3a342b; stroke-linecap: round; stroke-linejoin: round; }
.road[b-jgqjm871z1] { fill: none; stroke: #4a433a; stroke-width: 2; stroke-linejoin: round; }
.road.major[b-jgqjm871z1] { stroke: #5a5146; stroke-width: 3; }
.sea-label[b-jgqjm871z1] { fill: #4f88ad; font-size: 20px; font-weight: 900; letter-spacing: 6px; opacity: .7; }
.sea-label.small[b-jgqjm871z1] { font-size: 12px; letter-spacing: 2px; font-weight: 700; }
.glades-label[b-jgqjm871z1] { fill: #4e8a5a; font-size: 18px; font-weight: 900; letter-spacing: 5px; opacity: .8; }
.place[b-jgqjm871z1] { fill: #8f8575; font-size: 11px; font-weight: 600; }
.county[b-jgqjm871z1] { fill: #6a6256; font-size: 10px; font-weight: 800; letter-spacing: 3px; }
.route[b-jgqjm871z1] { fill: none; stroke: #c9a227; stroke-width: 2.5; stroke-dasharray: 6 8; stroke-linejoin: round; opacity: .8; animation: dash-b-jgqjm871z1 8s linear infinite; }
@keyframes dash-b-jgqjm871z1 { to { stroke-dashoffset: -140; } }
.node[b-jgqjm871z1] { cursor: pointer; }
.node.locked[b-jgqjm871z1] { cursor: not-allowed; }
.node .ring[b-jgqjm871z1] { fill: none; stroke: #3a3a3a; stroke-width: 2.5; }
.node .core[b-jgqjm871z1] { fill: #222; stroke: #444; stroke-width: 1.5; }
.node .num[b-jgqjm871z1] { fill: #bdbdbd; font-weight: 900; font-size: 11px; }
.node .label[b-jgqjm871z1] { fill: #f4e9c8; font-size: 12px; font-weight: 800; paint-order: stroke; stroke: #1a1611; stroke-width: 3px; }
.node .venue[b-jgqjm871z1] { fill: #bdbdbd; font-size: 10px; paint-order: stroke; stroke: #1a1611; stroke-width: 3px; }
.node.locked .label[b-jgqjm871z1], .node.locked .venue[b-jgqjm871z1] { opacity: .55; }
.node.available .ring[b-jgqjm871z1] { stroke: #c9a227; animation: ring-b-jgqjm871z1 1.6s ease-in-out infinite; }
.node.available .core[b-jgqjm871z1] { fill: #c9a227; }
.node.available .num[b-jgqjm871z1] { fill: #0b0b0b; }
.node.inprogress .ring[b-jgqjm871z1] { stroke: #ffb347; }
.node.inprogress .core[b-jgqjm871z1] { fill: #6b4a12; }
.node.completed .ring[b-jgqjm871z1] { stroke: #19a37a; }
.node.completed .core[b-jgqjm871z1] { fill: #0f6b4f; }
.node.completed .num[b-jgqjm871z1], .node.mastered .num[b-jgqjm871z1] { fill: #fff; }
.node.mastered .ring[b-jgqjm871z1] { stroke: #f0d060; stroke-width: 4; }
.node.mastered .core[b-jgqjm871z1] { fill: #c9a227; }
.node.mastered .num[b-jgqjm871z1] { fill: #0b0b0b; }
.node:focus[b-jgqjm871z1] { outline: none; }
.node:focus-visible .ring[b-jgqjm871z1] { stroke: #fff; }
@keyframes ring-b-jgqjm871z1 { 0%, 100% { r: 15; opacity: 1; } 50% { r: 19; opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .route[b-jgqjm871z1], .node.available .ring[b-jgqjm871z1] { animation: none; } }
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.bell-wrap[b-hljatamxr0] { position: relative; }
.bell[b-hljatamxr0] { position: relative; background: #161616; border: 1px solid #3a3a3a; border-radius: 999px; padding: 6px 10px; cursor: pointer; font-size: 1rem; }
.bell.has[b-hljatamxr0] { border-color: #c9a227; }
.badge[b-hljatamxr0] { position: absolute; top: -6px; right: -6px; background: #d94b4b; color: #fff; border-radius: 999px; font-size: .65rem; font-weight: 800; padding: 1px 5px; }
.panel[b-hljatamxr0] { position: absolute; right: 0; top: 42px; width: min(360px, 92vw); max-height: 70vh; overflow: auto; background: #121212; border: 1px solid #3a3215; border-radius: 12px; padding: 10px; z-index: 50; box-shadow: 0 12px 30px rgba(0,0,0,.6); }
.head[b-hljatamxr0] { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.item[b-hljatamxr0] { display: flex; flex-direction: column; gap: 2px; padding: 8px; border-radius: 8px; color: inherit; text-decoration: none; border-bottom: 1px solid #222; }
.item.new[b-hljatamxr0] { background: #1d1a0e; }
.item:hover[b-hljatamxr0] { background: #1b1b1b; }
/* /Components/Shared/SignInButtons.razor.rz.scp.css */
.signin-buttons[b-jwd4sn3snn] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.dev[b-jwd4sn3snn] { display: flex; gap: 6px; align-items: center; }
.dev[b-jwd4sn3snn]  .text { width: 200px; }
/* /Components/Shared/TableBoard.razor.rz.scp.css */
/* A square table: the felt in the middle, one seat on each side, so players sit across from each other. */
.table[b-y792th0lvt] { position: relative; padding: 92px 210px 92px; width: 100%; max-width: 1120px; margin: 0 auto; box-sizing: border-box; }   /* side seats sit close to the felt on wide screens */
.rim[b-y792th0lvt] {
    width: 100%; max-width: 540px; margin: 0 auto; border-radius: 28px; padding: 14px;
    /* On a laptop, shrink with the window height so the hand and the Knock button stay close to the screen. */
    max-width: clamp(380px, calc(100dvh - 270px), 780px);   /* the dominoes are the focal point */
    background: linear-gradient(160deg, #7a4a1f, #4a2c12 55%, #6b3f1b);
    box-shadow: 0 18px 50px rgba(0,0,0,.6), inset 0 2px 0 #9a6530, inset 0 -3px 0 #2e1a0a;
}
.rim[b-y792th0lvt]  .felt-svg { border-radius: 18px; }

.seat[b-y792th0lvt] { position: absolute; display: flex; align-items: center; gap: 10px; }
.seat.top[b-y792th0lvt] { top: 0; left: 50%; transform: translateX(-50%); }
.seat.left[b-y792th0lvt] { top: 50%; left: 0; transform: translateY(-50%); }
.seat.right[b-y792th0lvt] { top: 50%; right: 0; transform: translateY(-50%); flex-direction: row-reverse; }
.seat.me[b-y792th0lvt] { bottom: 0; left: 50%; transform: translateX(-50%); z-index: 3; }
/* My knock raps above my portrait, over the table, not down behind the chat below. */
.seat.me .ring[b-y792th0lvt]  .knock-fx { top: auto; bottom: calc(100% + 2px); }
.ring[b-y792th0lvt] { position: relative; flex: 0 0 auto; }
.rim.thud[b-y792th0lvt] { animation: thud-b-y792th0lvt .5s ease-out; }
.rim.slam[b-y792th0lvt] { animation: slam-b-y792th0lvt .6s ease-out .3s; }   /* lands with the hand in DominoFx */
@keyframes slam-b-y792th0lvt { 0%, 100% { transform: none; } 15% { transform: translate(0, 6px) scale(.99); } 35% { transform: translate(-4px, -2px); } 55% { transform: translate(3px, 1px); } 75% { transform: translate(-1px, 0); } }
@keyframes thud-b-y792th0lvt { 0%, 100% { transform: none; } 20% { transform: translate(-2px, 1px); } 45% { transform: translate(2px, -1px); } 70% { transform: translate(-1px, 0); } }
.ring[b-y792th0lvt]  .avatar, .ring[b-y792th0lvt]  .char { border: 3px solid #2b2b2b; border-radius: 50%; box-shadow: 0 6px 16px rgba(0,0,0,.6); }
.seat.current .ring[b-y792th0lvt]  .avatar, .seat.current .ring[b-y792th0lvt]  .char { border-color: #f0d060; box-shadow: 0 0 0 3px #c9a22766, 0 0 22px #f0d06099; animation: turnpulse-b-y792th0lvt 1.4s ease-in-out infinite; }
.count[b-y792th0lvt] {
    position: absolute; right: -6px; bottom: -4px; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 12px;
    background: #f6f1e4; color: #0b0b0b; font-weight: 900; font-size: .8rem; display: grid; place-items: center; border: 2px solid #b9b09a;
}
.secs[b-y792th0lvt] { position: absolute; left: -6px; bottom: -4px; min-width: 26px; height: 24px; padding: 0 6px; border-radius: 12px; background: #f0d060; color: #0b0b0b; font-weight: 900; font-size: .85rem; display: grid; place-items: center; border: 2px solid #0b0b0b; font-variant-numeric: tabular-nums; }
.secs.urgent[b-y792th0lvt] { background: #d94b4b; color: #fff; animation: urgent-b-y792th0lvt .6s ease-in-out infinite; }
@keyframes urgent-b-y792th0lvt { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
.plate[b-y792th0lvt] { background: #1b1b1bd9; border: 1px solid #3a3a3a; border-radius: 10px; padding: 6px 12px; min-width: 120px; backdrop-filter: blur(4px); }
.seat.right .plate[b-y792th0lvt] { text-align: right; }
.name[b-y792th0lvt] { font-weight: 800; color: #f4e9c8; white-space: nowrap; }
.you[b-y792th0lvt] { font-size: .65rem; background: #c9a227; color: #0b0b0b; border-radius: 999px; padding: 1px 6px; margin-left: 4px; vertical-align: middle; font-weight: 900; }
.score[b-y792th0lvt] { font-size: 1.3rem; font-weight: 900; color: #f0d060; line-height: 1.1; font-variant-numeric: tabular-nums; }
.of[b-y792th0lvt] { font-size: .8rem; color: #9a9a9a; font-weight: 700; }
.title[b-y792th0lvt] { font-size: .75rem; color: #9a9a9a; }
.seat.away[b-y792th0lvt] { opacity: .6; }
.lock-chip[b-y792th0lvt] { position: absolute; right: 8px; bottom: 8px; display: flex; align-items: center; gap: 6px; background: #1b1b1bd9; border: 1px solid #3a3a3a; border-radius: 10px; padding: 6px 10px; }
.lock-mark[b-y792th0lvt] { background: #2b2b2b; color: #ffb347; font-weight: 900; font-size: .65rem; padding: 4px 6px; border-radius: 6px; letter-spacing: 1px; }
.lock-points[b-y792th0lvt] { font-weight: 900; color: #f4e9c8; font-size: 1.1rem; }
.side-pick[b-y792th0lvt] { position: absolute; left: 50%; bottom: 84px; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; background: #0b0b0bee; padding: 10px 14px; border-radius: 12px; border: 1px solid #c9a227; z-index: 2; }
.banter[b-y792th0lvt] { min-height: 44px; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.hand-area[b-y792th0lvt] { padding-bottom: 8px; margin-top: 4px; }
.hand[b-y792th0lvt] { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; padding: 14px 4px 4px; min-height: 80px; }
.knock[b-y792th0lvt] { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 8px; }
@keyframes turnpulse-b-y792th0lvt { 0%, 100% { box-shadow: 0 0 0 3px #c9a22766, 0 0 22px #f0d06099; } 50% { box-shadow: 0 0 0 6px #c9a22733, 0 0 30px #f0d060cc; } }
@media (max-width: 760px) {
    .lock-chip[b-y792th0lvt] { top: 8px; bottom: auto; }   /* clear of your name plate on phones */
    .rim[b-y792th0lvt] { max-width: 540px; }
    /* Phones: the side seats stand in a narrow column beside the felt, portrait over name and score. */
    .table[b-y792th0lvt] { padding: 90px 46px 90px; }
    .rim[b-y792th0lvt] { padding: 8px; border-radius: 18px; }
    .rim[b-y792th0lvt]  .felt-svg { border-radius: 12px; }
    .seat.left[b-y792th0lvt] { left: 0; } .seat.right[b-y792th0lvt] { right: 0; }
    .plate[b-y792th0lvt] { min-width: 0; padding: 4px 8px; }
    .title[b-y792th0lvt] { display: none; }
    .seat.top[b-y792th0lvt] { top: 0; }
    .seat.left[b-y792th0lvt], .seat.right[b-y792th0lvt] { flex-direction: column; gap: 4px; width: 44px; }
    .seat.left .ring[b-y792th0lvt], .seat.right .ring[b-y792th0lvt] { zoom: .64; }
    .seat.left .plate[b-y792th0lvt], .seat.right .plate[b-y792th0lvt] { width: 44px; padding: 2px; text-align: center; }
    .seat.left .plate .score[b-y792th0lvt], .seat.right .plate .score[b-y792th0lvt] { font-size: 1rem; }
    .seat.left .name[b-y792th0lvt], .seat.right .name[b-y792th0lvt] { overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
    .seat.right .plate[b-y792th0lvt] { text-align: center; }
    .hand[b-y792th0lvt]  .domino { width: 84px; height: 42px; }
    .hand[b-y792th0lvt]  .domino.upright { width: 46px; height: 92px; }
}
@media (prefers-reduced-motion: reduce) { .seat.current .ring[b-y792th0lvt]  .avatar, .seat.current .ring[b-y792th0lvt]  .char { animation: none; } }

.sideline-note[b-y792th0lvt] { display: flex; align-items: center; gap: 10px; justify-content: center; padding: 10px 14px; margin-bottom: 8px; }
/* /Components/Shared/TableFelt.razor.rz.scp.css */
.felt-svg[b-l87ogkiylz] { width: 100%; height: auto; display: block; }
.felt-text[b-l87ogkiylz] { fill: #cde9dc; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; font-size: 22px; opacity: .85; }
.bone .body[b-l87ogkiylz] { fill: #f6f1e4; stroke: #b9b09a; stroke-width: 1.5; }
.bone .divider[b-l87ogkiylz] { stroke: #b9b09a; stroke-width: 1.5; }
.bone .pip[b-l87ogkiylz] { fill: #121212; stroke: rgba(0,0,0,.3); stroke-width: .8; }
.bone .pip.p1[b-l87ogkiylz] { fill: #d62828; }
.bone .pip.p2[b-l87ogkiylz] { fill: #2a9d3f; }
.bone .pip.p3[b-l87ogkiylz] { fill: #1f6fd1; }
.bone .pip.p4[b-l87ogkiylz] { fill: #f77f00; }
.bone .pip.p5[b-l87ogkiylz] { fill: #7b2cbf; }
.bone .pip.p6[b-l87ogkiylz] { fill: #0f8b8d; }
.bone.last .body[b-l87ogkiylz] { fill: #fff6cf; stroke: #f0d060; stroke-width: 3; }
.end-marker circle[b-l87ogkiylz] { fill: #c9a227; stroke: #0b0b0b; stroke-width: 1.5; }
.end-marker text[b-l87ogkiylz] { fill: #0b0b0b; font-weight: 900; }

/* The camera on the chain (TableFelt.ZoomStyle): eases as the chain grows. */
.zoom[b-l87ogkiylz] { transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
@media (prefers-reduced-motion: reduce) { .zoom[b-l87ogkiylz] { transition: none; } }
/* /Components/Shared/TurnClock.razor.rz.scp.css */
.clock[b-k3fto53xub] { position: absolute; inset: -7px; width: calc(100% + 14px); height: calc(100% + 14px); transform: rotate(-90deg); pointer-events: none; }
.track[b-k3fto53xub] { fill: none; stroke: #1b1b1b; stroke-width: 7; }
.arc[b-k3fto53xub] { fill: none; stroke: #f0d060; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 282.74; stroke-dashoffset: 0; animation-name: deplete-b-k3fto53xub; animation-timing-function: linear; animation-fill-mode: forwards; filter: drop-shadow(0 0 4px #f0d06088); }
@keyframes deplete-b-k3fto53xub {
    0% { stroke-dashoffset: 0; stroke: #f0d060; }
    55% { stroke: #f0d060; }
    75% { stroke: #ffb347; }
    100% { stroke-dashoffset: 282.74; stroke: #d94b4b; }
}
/* /Components/Shared/Wallet.razor.rz.scp.css */
.wallet[b-v11jk9vgw2] { margin-left: auto; display: flex; align-items: center; gap: 8px; background: #161616; border: 1px solid #3a3a3a; border-radius: 999px; padding: 6px 12px; }
.coin[b-v11jk9vgw2] { background: #c9a227; color: #0b0b0b; font-weight: 900; font-size: .7rem; padding: 2px 6px; border-radius: 999px; }
.amount[b-v11jk9vgw2] { color: #f4e9c8; font-weight: 800; font-variant-numeric: tabular-nums; }
.wallet.pop[b-v11jk9vgw2] { animation: pop-b-v11jk9vgw2 .8s ease-out; }
.wallet.pop .amount[b-v11jk9vgw2] { animation: glow-b-v11jk9vgw2 .8s ease-out; }
@keyframes pop-b-v11jk9vgw2 { 0% { transform: scale(1); } 30% { transform: scale(1.12); border-color: #f0d060; } 100% { transform: scale(1); } }
@keyframes glow-b-v11jk9vgw2 { 0% { color: #fff4c2; text-shadow: 0 0 12px #f0d060; } 100% { color: #f4e9c8; text-shadow: none; } }
@media (prefers-reduced-motion: reduce) { .wallet.pop[b-v11jk9vgw2], .wallet.pop .amount[b-v11jk9vgw2] { animation: none; } }