/* /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 { display: grid; place-items: center; padding: 3px 6px; border-radius: 10px; text-decoration: none; }
.topnav[b-zk0fys6av1]  a img { width: 38px; height: 38px; filter: drop-shadow(0 3px 6px rgba(0,0,0,.6)); transition: transform .15s ease; }
.topnav[b-zk0fys6av1]  a:hover img, .topnav[b-zk0fys6av1]  a:focus-visible img { transform: translateY(-2px) scale(1.08); }
.topnav[b-zk0fys6av1]  a:hover { background: #1d1d1d; }
.topnav[b-zk0fys6av1]  a.active { background: rgba(201, 162, 39, .18); box-shadow: inset 0 0 0 1.5px #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: #8f8f8f; font-size: .75rem; text-align: center; padding: 14px 16px 24px; border-top: 1px solid #1f1f1f; }
.tabbar[b-zk0fys6av1] { display: none; }
@media (max-width: 640px) {
    .topnav[b-zk0fys6av1] { display: none; }
    .brand-name[b-zk0fys6av1] { display: none; }
    /* The tab bar: the same six places as the header icons, always in reach of a thumb. */
    .tabbar[b-zk0fys6av1] {
        display: grid; grid-template-columns: repeat(6, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
        background: #0e0e0ef2; border-top: 1px solid #262626; backdrop-filter: blur(6px);
        padding: 4px max(4px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));
    }
    .tabbar[b-zk0fys6av1]  a { display: grid; justify-items: center; gap: 1px; padding: 3px 0; border-radius: 10px; text-decoration: none; color: #a8a8a8; font-size: .66rem; font-weight: 700; }
    .tabbar[b-zk0fys6av1]  a img { width: 28px; height: 28px; }
    .tabbar[b-zk0fys6av1]  a.active { color: #f0d060; background: rgba(201, 162, 39, .14); }
    .shell[b-zk0fys6av1] { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
}
/* /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: .9; }   /* the banner is greyed (scenes.css); the text stays readable (WCAG AA) */
.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; }
/* Cities without a drawn map: the venue cards take the full width. */
.city-grid.no-map[b-4xvw711uer] { grid-template-columns: 1fr; }
.no-map .venues[b-4xvw711uer] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
.coming-soon[b-4xvw711uer] { display: grid; gap: 12px; max-width: 760px; }
.coming-soon img[b-4xvw711uer] { width: 100%; height: auto; border-radius: 10px; display: block; }
/* /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; }
.invite-friends[b-izwo2rdw5f] { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
.invite-friends li[b-izwo2rdw5f] { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #2b2b2b; border-radius: 10px; background: #141414; }
/* /Components/Pages/CupBracket.razor.rz.scp.css */
/* A cup's bracket (B-20), as in the approved mock-up. */
.bracket-page[b-uokt6e0bq5] { display: grid; gap: 12px; }
.cups-head[b-uokt6e0bq5] { display: flex; gap: 8px 12px; align-items: center; flex-wrap: wrap; }
.cups-head h1[b-uokt6e0bq5] { margin: 0; }
.bracket[b-uokt6e0bq5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: start; }
@media (max-width: 720px) { .bracket[b-uokt6e0bq5] { grid-template-columns: minmax(0, 1fr); } }
.btable[b-uokt6e0bq5] { background: #222120; border: 1px solid #333; border-radius: 10px; padding: 10px; display: grid; gap: 4px; font-size: .88rem; }
.btable.final[b-uokt6e0bq5] { border-color: #c9a227; }
.btable h2[b-uokt6e0bq5] { margin: 0 0 4px; font-size: .9rem; color: #f0d060; }
.btable .p[b-uokt6e0bq5] { display: flex; gap: 6px; align-items: center; }
.btable .p span:last-child[b-uokt6e0bq5] { margin-left: auto; font-variant-numeric: tabular-nums; }
.btable .p.adv[b-uokt6e0bq5] { color: #19a37a; font-weight: 700; }
.btable .p.me[b-uokt6e0bq5] { background: #2a2410; border-radius: 6px; padding: 0 4px; }
.tag.char[b-uokt6e0bq5] { background: transparent; border: 1px solid #9ec9ff; color: #9ec9ff; }
.prize[b-uokt6e0bq5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 360px; }
.prize div[b-uokt6e0bq5] { background: #1d1a10; border: 1px solid #4a3c12; border-radius: 8px; padding: 8px; text-align: center; font-size: .82rem; }
.prize strong[b-uokt6e0bq5] { display: block; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.results[b-uokt6e0bq5] { margin: 0; padding-left: 1.2em; display: grid; gap: 2px; }
.results li.me[b-uokt6e0bq5] { color: #f0d060; font-weight: 700; }
/* /Components/Pages/Leaderboards.razor.rz.scp.css */
/* Leaderboards (B-12), as in the approved mock-up. */
.boards[b-5y7timiah3] { display: grid; gap: 12px; }
.boards-head[b-5y7timiah3] { display: flex; gap: 8px 12px; align-items: baseline; flex-wrap: wrap; }
.boards-head h1[b-5y7timiah3] { margin: 0; }
.boards-head span[b-5y7timiah3] { margin-left: auto; }
.banner[b-5y7timiah3] { background: linear-gradient(90deg, #2a2410, #1a1a1a); border: 1px solid #4a3c12; border-radius: 10px; padding: 8px 12px; display: grid; gap: 2px; }
.eyebrow[b-5y7timiah3] { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: #f0d060; font-weight: 700; }
.tabs[b-5y7timiah3] { display: flex; gap: 4px; border-bottom: 1px solid #262626; flex-wrap: wrap; }
.tabs button[b-5y7timiah3] { background: none; border: 0; border-bottom: 2px solid transparent; color: #a39f94; font: inherit; font-weight: 600; padding: 6px 10px; cursor: pointer; }
.tabs button.on[b-5y7timiah3] { color: #f0d060; border-bottom-color: #f0d060; }
.chips[b-5y7timiah3] { display: flex; gap: 6px; flex-wrap: wrap; }
.chips .chip[b-5y7timiah3] { border: 1px solid #333; background: none; border-radius: 999px; padding: 3px 12px; font: inherit; font-size: .85rem; color: #a39f94; cursor: pointer; }
.chips .chip.on[b-5y7timiah3] { border-color: #19a37a; color: #f4e9c8; background: #10261f; }
.tabs button:focus-visible[b-5y7timiah3], .chips .chip:focus-visible[b-5y7timiah3] { outline: 2px solid #f0d060; outline-offset: 2px; }
.board-wrap[b-5y7timiah3] { overflow-x: auto; }
.board[b-5y7timiah3] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.board th[b-5y7timiah3] { text-align: left; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: #a39f94; font-weight: 700; padding: 6px 8px; }
.board th.num[b-5y7timiah3], .board td.num[b-5y7timiah3] { text-align: right; }
.board td[b-5y7timiah3] { padding: 8px; border-top: 1px solid #1f1f1f; }
.board td a[b-5y7timiah3] { color: inherit; text-decoration: none; }
.board td a:hover[b-5y7timiah3] { text-decoration: underline; }
.board .rk[b-5y7timiah3] { width: 36px; color: #a39f94; }
.board tr.top .rk[b-5y7timiah3] { color: #f0d060; font-weight: 800; }
.board tr.me td[b-5y7timiah3] { background: #2a2410; }
.board tr.gap td[b-5y7timiah3] { text-align: center; color: #a39f94; padding: 2px; }
.empty[b-5y7timiah3] { margin: 8px 0; }
/* /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; }
/* Your character, large beside your details (owner, option A, 2026-10-29): about the logo's size, so the hero has no
   empty half. Phones: 150px beside the details. */
.hero-right[b-vubgx51gdf] { flex: 1 1 280px; display: flex; align-items: center; justify-content: center; min-width: 0; }
.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: 28px; align-items: center; }
.player[b-vubgx51gdf], .player > div[b-vubgx51gdf] { min-width: 0; }
.player .name[b-vubgx51gdf] { overflow-wrap: anywhere; }
.player[b-vubgx51gdf]  .char { width: 230px; height: 230px; flex: 0 0 auto; }
.player .name[b-vubgx51gdf] { font-size: 1.6rem; font-weight: 800; }
.player[b-vubgx51gdf]  .progress { margin: 6px 0; width: 260px; max-width: 100%; }
.player .balance[b-vubgx51gdf] { font-size: 1.4rem; }
@media (max-width: 760px) {
    .player[b-vubgx51gdf] { gap: 14px; }
    .player[b-vubgx51gdf]  .char { width: 150px; height: 150px; }
    .player .name[b-vubgx51gdf] { font-size: 1.15rem; }
    .player .balance[b-vubgx51gdf] { font-size: 1.2rem; }
    .player[b-vubgx51gdf]  .progress { width: 100%; }
}
.small[b-vubgx51gdf] { font-size: .85rem; }
/* The icon menu: no boards, just the icon with its name; a glow and a lift on hover or focus. */
.icon-menu[b-vubgx51gdf] { margin-top: 18px; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 18px 10px; }
.icon-item[b-vubgx51gdf] { position: relative; display: grid; justify-items: center; align-content: start; gap: 6px; padding: 6px 4px; background: none; border: 0;
    color: #f0d060; font: inherit; font-weight: 800; font-size: .95rem; text-align: center; text-decoration: none; cursor: pointer; border-radius: 14px; }
.icon-item img[b-vubgx51gdf] { width: 96px; height: 96px; filter: drop-shadow(0 6px 10px rgba(0,0,0,.55)); transition: transform .15s ease, filter .15s ease; }
.icon-item:hover img[b-vubgx51gdf], .icon-item:focus-visible img[b-vubgx51gdf] { transform: translateY(-3px) scale(1.06); filter: drop-shadow(0 8px 16px rgba(240,208,96,.35)); }
.icon-item:focus-visible[b-vubgx51gdf] { outline: 2px solid #f0d060; outline-offset: 2px; }
.icon-item.primary span[b-vubgx51gdf] { color: #ffe08a; text-shadow: 0 0 12px rgba(240,208,96,.45); }
.icon-item:disabled[b-vubgx51gdf] { cursor: default; opacity: .45; filter: grayscale(.7); }
.icon-item:disabled:hover img[b-vubgx51gdf] { transform: none; }
.icon-item .badge[b-vubgx51gdf] { position: absolute; top: 2px; right: calc(50% - 56px); z-index: 1; background: #cc3a33; color: #fff; font-size: .62rem; font-weight: 800; padding: 2px 7px; border-radius: 999px; letter-spacing: .04em; }
@media (max-width: 640px) {
    .icon-menu[b-vubgx51gdf] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 6px; }
    .icon-item img[b-vubgx51gdf] { width: 72px; height: 72px; }
    .icon-item[b-vubgx51gdf] { font-size: .82rem; }
    .icon-item .badge[b-vubgx51gdf] { right: calc(50% - 44px); }
}
@media (prefers-reduced-motion: reduce) { .icon-item img[b-vubgx51gdf] { transition: none; } }
.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; }

/* Quick Play (B-11): the approved mock-up's card, above the menu. */
.quick[b-vubgx51gdf] { display: grid; gap: 10px; margin: 12px 0; border-color: var(--gold); }
.quick-head[b-vubgx51gdf] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.quick-head h2[b-vubgx51gdf] { margin: 0; }
.tiers[b-vubgx51gdf] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tier[b-vubgx51gdf] { background: #222120; border: 1px solid #333; border-radius: 10px; padding: 10px; display: grid; gap: 4px; text-align: left; color: var(--cream); font: inherit; cursor: pointer; }
.tier strong[b-vubgx51gdf] { font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.tier.pick[b-vubgx51gdf] { border-color: var(--gold-2); box-shadow: 0 0 0 1px var(--gold-2) inset; }
.tier:focus-visible[b-vubgx51gdf] { outline: 2px solid var(--gold-2); outline-offset: 2px; }
.quick-go[b-vubgx51gdf] { display: flex; gap: 8px 12px; align-items: center; flex-wrap: wrap; }
@media (max-width: 520px) { .tiers[b-vubgx51gdf] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Play.razor.rz.scp.css */
.table-page[b-8yfm3tjkxz] { display: flex; flex-direction: column; gap: 6px; }
/* One slim line over the table (owner design, 2026-10-28): name and hand, the pot, Leave table. The table below gets the height. */
.venue-bar[b-8yfm3tjkxz] { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; min-height: 0; }
.venue-bar > div:first-child[b-8yfm3tjkxz] { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 12px; min-width: 0; }
.venue-bar h1[b-8yfm3tjkxz] { color: var(--accent); font-size: 1.35rem; margin: 0; white-space: nowrap; }
.venue-bar .pot[b-8yfm3tjkxz] { flex-direction: row; align-items: baseline; gap: 8px; padding: 4px 12px; }
.venue-bar .icon-btn[b-8yfm3tjkxz] { grid-auto-flow: column; align-items: center; gap: 6px; }
.venue-bar .icon-btn img[b-8yfm3tjkxz] { width: 34px; height: 34px; }
@media (max-width: 1180px) { .venue-bar .pot .muted:last-child[b-8yfm3tjkxz] { display: none; } }   /* the fee line, when the bar would wrap */
.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: .9rem; }
.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; }

@media (max-width: 760px) {
    /* Phones: the name, the pot and Leave on one line; the venue details and the fee line make way for the table. */
    .venue-bar[b-8yfm3tjkxz] { gap: 8px; }
    .venue-bar > div:first-child .muted[b-8yfm3tjkxz], .venue-bar .pot .muted[b-8yfm3tjkxz] { display: none; }
    .venue-bar h1[b-8yfm3tjkxz] { font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis; }
    .venue-bar .pot[b-8yfm3tjkxz] { padding: 3px 8px; }
    .venue-bar .pot strong[b-8yfm3tjkxz] { font-size: 1rem; }
    .venue-bar .icon-btn span[b-8yfm3tjkxz] { display: none; }
}

/* LOCK's points sit in the bar (owner design, 2026-10-29), not on the felt. */
.lock-pill[b-8yfm3tjkxz] { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; background: #1b1b1b; border: 1px solid #3a3a3a; border-radius: 8px; padding: 3px 8px; }
.lock-pill .mark[b-8yfm3tjkxz] { color: #ffb347; font-weight: 900; font-size: .65rem; letter-spacing: 1px; }
.lock-pill b[b-8yfm3tjkxz] { color: #f4e9c8; font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
    .venue-bar > div:first-child[b-8yfm3tjkxz] { flex: 1 1 auto; min-width: 0; }
    .venue-bar .spacer[b-8yfm3tjkxz] { display: none; }
    .lock-pill[b-8yfm3tjkxz] { padding: 2px 6px; }
}
.venue-bar .pot strong[b-8yfm3tjkxz] { white-space: nowrap; }
/* /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; }

/* Earned badges (Week's Best, B-12), newest first. */
.badges[b-fkw2jkd1x6] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.on-display[b-fkw2jkd1x6] { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
.on-display[b-fkw2jkd1x6]  .art { width: 56px; }
/* /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: 6px; }
/* One slim line over the table, as on the campaign table (Play.razor.css): the table below gets the height. */
.venue-bar[b-9hya0edjvh] { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; }
.venue-bar > div:first-child[b-9hya0edjvh] { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 12px; min-width: 0; }
.venue-bar h1[b-9hya0edjvh] { color: var(--accent); font-size: 1.35rem; margin: 0; white-space: nowrap; }
.venue-bar .pot[b-9hya0edjvh] { flex-direction: row; align-items: baseline; gap: 8px; padding: 4px 12px; }
.venue-bar .icon-btn[b-9hya0edjvh] { grid-auto-flow: column; align-items: center; gap: 6px; }
.venue-bar .icon-btn img[b-9hya0edjvh] { width: 34px; height: 34px; }
@media (max-width: 1180px) { .venue-bar .pot .muted:last-child[b-9hya0edjvh] { display: none; } }
@media (max-width: 760px) {
    .venue-bar[b-9hya0edjvh] { gap: 8px; flex-wrap: wrap; }   /* the waiting room's Leave and Cancel buttons and Chat need a second line here */
    .venue-bar > div:first-child .muted[b-9hya0edjvh], .venue-bar .pot .muted[b-9hya0edjvh] { display: none; }
    .venue-bar h1[b-9hya0edjvh] { font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis; }
    .venue-bar .pot[b-9hya0edjvh] { padding: 3px 8px; }
    .venue-bar .pot strong[b-9hya0edjvh] { font-size: 1rem; }
    .venue-bar .icon-btn span[b-9hya0edjvh] { display: none; }
}
.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; }
/* Rematch (B-13): under the result, gold-edged like the approved mock-up. */
.rematch[b-9hya0edjvh] { border-color: #c9a227; display: grid; gap: 10px; margin-top: 12px; text-align: left; }
.rematch-head[b-9hya0edjvh] { display: flex; gap: 8px 12px; align-items: baseline; flex-wrap: wrap; }
.rematch-head h3[b-9hya0edjvh] { margin: 0; }
.rematch-head .push[b-9hya0edjvh] { margin-left: auto; font-variant-numeric: tabular-nums; }
.rematch-who[b-9hya0edjvh] { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.rematch-who li[b-9hya0edjvh] { display: flex; gap: 8px; font-size: .9rem; }
.rematch-who .st[b-9hya0edjvh] { margin-left: auto; font-weight: 700; }
.rematch-who .st.in[b-9hya0edjvh] { color: #19a37a; }
.rematch-who .st.wait[b-9hya0edjvh] { color: #ffb347; }
.rematch-who .st.no[b-9hya0edjvh] { color: #a39f94; }
.row-gap[b-9hya0edjvh] { display: flex; gap: 8px; flex-wrap: wrap; }
.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; }

/* Chat (#153): beside the table on laptops; a Chat button and a sheet on narrower screens. */
.room-layout[b-9hya0edjvh] { display: block; }
.chat-toggle[b-9hya0edjvh] { position: relative; flex: 0 0 auto; }
.chat-toggle .badge[b-9hya0edjvh] { position: absolute; top: -7px; right: -7px; background: #d94b4b; color: #fff; border-radius: 999px; font-size: .65rem; padding: 0 5px; min-width: 16px; }
@media (min-width: 1100px) {
    .room-layout[b-9hya0edjvh] { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; align-items: start; }
    .chat-toggle[b-9hya0edjvh] { display: none; }
}

/* Quick Play search (B-11), as in the approved mock-up. */
.quick-search[b-9hya0edjvh] { display: grid; gap: 10px; }
.felt-search[b-9hya0edjvh] { background: radial-gradient(ellipse at 50% 40%, #0d4a36, #083424); border-radius: 14px; padding: 16px; display: grid; gap: 10px; justify-items: center; text-align: center; }
.felt-search .ring[b-9hya0edjvh] { width: 72px; height: 72px; border-radius: 50%; border: 4px solid #2c4a3f; border-top-color: #f0d060; display: grid; place-items: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.felt-search p[b-9hya0edjvh] { margin: 0; }
.search-seats[b-9hya0edjvh] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; max-width: 420px; }
.search-seat[b-9hya0edjvh] { display: grid; justify-items: center; gap: 4px; }
.search-seat .empty-seat[b-9hya0edjvh] { width: 40px; height: 40px; border-radius: 50%; border: 2px dashed #4b6e60; color: #7fa596; display: grid; place-items: center; font-weight: 800; }

/* The result table on a phone: five columns in about 320px. Compact cells, headers that wrap, long names that break;
   the wrapper scrolls sideways as a last resort, so a column is never cut off. */
.result-scroll[b-9hya0edjvh] { overflow-x: auto; max-width: 100%; }
@media (max-width: 560px) {
    .result-table[b-9hya0edjvh] { font-size: .8rem; }
    .result-table th[b-9hya0edjvh], .result-table td[b-9hya0edjvh] { padding: 6px 4px; }
    .result-table th[b-9hya0edjvh] { font-size: .66rem; letter-spacing: 0; line-height: 1.2; vertical-align: bottom; }
    .result-table td:first-child[b-9hya0edjvh] { overflow-wrap: anywhere; }
}

/* LOCK's points sit in the bar (owner design, 2026-10-29), not on the felt. */
.lock-pill[b-9hya0edjvh] { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; background: #1b1b1b; border: 1px solid #3a3a3a; border-radius: 8px; padding: 3px 8px; }
.lock-pill .mark[b-9hya0edjvh] { color: #ffb347; font-weight: 900; font-size: .65rem; letter-spacing: 1px; }
.lock-pill b[b-9hya0edjvh] { color: #f4e9c8; font-variant-numeric: tabular-nums; }

/* Chat folded away on a laptop: the table takes the width and the Chat button brings the column back. */
@media (min-width: 1100px) {
    .table-page.chat-folded .room-layout[b-9hya0edjvh] { display: block; }
    .table-page.chat-folded[b-9hya0edjvh]  .room-chat { display: none; }
    .table-page.chat-folded .chat-toggle[b-9hya0edjvh] { display: inline-flex; }
}

/* Phones at a table in play: the bar stays on one line (name, pot, LOCK, Leave, Chat) so the felt gets the height. */
@media (max-width: 760px) {
    .venue-bar.playing[b-9hya0edjvh] { flex-wrap: nowrap; gap: 6px; }
    .venue-bar.playing > div:first-child[b-9hya0edjvh] { flex: 1 1 auto; min-width: 0; }
    .venue-bar.playing h1[b-9hya0edjvh] { font-size: .95rem; min-width: 0; }
    .venue-bar.playing .spacer[b-9hya0edjvh] { display: none; }
    .venue-bar.playing .icon-btn img[b-9hya0edjvh] { width: 30px; height: 30px; }
    .lock-pill[b-9hya0edjvh] { padding: 2px 6px; }
}
.venue-bar .pot strong[b-9hya0edjvh] { white-space: nowrap; }
/* One person at the table: no chat column, so the table takes the width (owner, 2026-10-29). */
@media (min-width: 1100px) {
    .table-page.no-chat .room-layout[b-9hya0edjvh] { display: block; }
}
/* /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; }
/* The friends list (issue #103, option A). */
.list-title[b-u424pnbegr] { margin-top: 12px; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.frow[b-u424pnbegr] { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 8px 10px; border-radius: 12px; background: #121212; border: 1px solid #2b2b2b; min-width: 0; }
.frow.request[b-u424pnbegr] { border-color: var(--gold); background: #1c1808; }
.frow .who[b-u424pnbegr] { display: grid; gap: 2px; min-width: 0; flex: 1; }
.frow .who > *[b-u424pnbegr], .frow .sub[b-u424pnbegr] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.frow .who a[b-u424pnbegr] { color: var(--gold-2); text-decoration: none; }
.frow .sub[b-u424pnbegr] { font-size: .8rem; color: var(--muted); }
.frow .online[b-u424pnbegr] { color: var(--emerald-2); font-weight: 700; }
.face[b-u424pnbegr] { display: grid; place-items: center; flex: none; border-radius: 50%; padding: 1px; border: 2px solid #333; }
.face.on[b-u424pnbegr] { border-color: var(--emerald-2); box-shadow: 0 0 10px rgba(25, 163, 122, .6); }
.h2h[b-u424pnbegr] { font-size: .75rem; font-weight: 800; padding: 3px 9px; border-radius: 999px; background: #222; border: 1px solid #333; white-space: nowrap; font-variant-numeric: tabular-nums; }
.h2h.up[b-u424pnbegr] { color: var(--emerald-2); border-color: #1d5a46; }
.h2h.down[b-u424pnbegr] { color: #ff9a8a; border-color: #5a2a24; }
.chip[b-u424pnbegr] { font-size: .7rem; padding: 2px 8px; border-radius: 999px; background: #222; color: var(--muted); border: 1px solid #333; }
.more[b-u424pnbegr] { position: relative; }
.more summary[b-u424pnbegr] { list-style: none; cursor: pointer; color: var(--muted); font-weight: 900; font-size: 1.1rem; padding: 2px 8px; border-radius: 8px; }
.more summary[b-u424pnbegr]::-webkit-details-marker { display: none; }
.more summary:hover[b-u424pnbegr], .more summary:focus-visible[b-u424pnbegr] { color: var(--gold-2); background: #1d1d1d; }
.more .menu[b-u424pnbegr] { position: absolute; right: 0; top: calc(100% + 4px); z-index: 5; min-width: 200px; display: grid; gap: 2px; padding: 6px; background: #1a1a1a; border: 1px solid #333; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.6); }
.more .menu a[b-u424pnbegr], .more .menu button[b-u424pnbegr] { display: block; text-align: left; padding: 7px 10px; border-radius: 6px; background: none; border: 0; color: var(--cream); font: inherit; font-size: .88rem; text-decoration: none; cursor: pointer; }
.more .menu a:hover[b-u424pnbegr], .more .menu button:hover[b-u424pnbegr] { background: #262626; }
.more .menu .danger[b-u424pnbegr] { color: var(--danger); }
.more .menu .confirm[b-u424pnbegr] { padding: 6px 10px; font-size: .8rem; color: var(--muted); white-space: normal; }
@media (max-width: 640px) { .frow .h2h[b-u424pnbegr] { display: none; } }
/* /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; }
/* The date-of-birth check before the first pack (#237): the packs wait, greyed, until it is done. */
.birth-check[b-erxu4gbfdw] { border-color: #c9a227; display: grid; gap: 8px; }
.birth-check h2[b-erxu4gbfdw] { margin: 0; }
.birth-fields[b-erxu4gbfdw] { display: grid; grid-template-columns: 1.4fr .8fr 1fr; gap: 8px; max-width: 420px; }
.birth-fields label[b-erxu4gbfdw] { display: grid; gap: 2px; font-size: .78rem; color: #bdbdbd; }
.birth-fields select[b-erxu4gbfdw] { background: #0b0b0b; color: #f4e9c8; border: 1px solid #3a3a3a; border-radius: 8px; padding: 7px 6px; font: inherit; }
.birth-check .btn[b-erxu4gbfdw] { justify-self: start; }
.waiting[b-erxu4gbfdw] { opacity: .45; }
/* /Components/Pages/Tournaments.razor.rz.scp.css */
/* Tournaments (B-20), as in the approved mock-up. */
.cups[b-c7vm1z11dj] { display: grid; gap: 12px; }
.cups-head[b-c7vm1z11dj] { display: flex; gap: 8px 12px; align-items: baseline; flex-wrap: wrap; }
.cups-head h1[b-c7vm1z11dj] { margin: 0; }
.cups-head span[b-c7vm1z11dj] { margin-left: auto; }
.mine[b-c7vm1z11dj] { display: flex; gap: 8px 12px; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #231d0b; border: 1px solid #c9a227; border-radius: 10px; padding: 10px 12px; }
.mine > div[b-c7vm1z11dj] { display: grid; gap: 2px; }
.tlist[b-c7vm1z11dj] { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.trow[b-c7vm1z11dj] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; background: #222120; border: 1px solid #333; border-radius: 10px; padding: 10px 12px; }
.trow .meta[b-c7vm1z11dj] { display: grid; gap: 2px; font-size: .88rem; min-width: 0; }
@media (max-width: 480px) { .trow[b-c7vm1z11dj] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Trophies.razor.rz.scp.css */
/* Trophy case (B-18), as in the approved mock-up. */
.trophies[b-16r8ssw848] { display: grid; gap: 10px; }
.trophies-head[b-16r8ssw848] { display: flex; gap: 8px 12px; align-items: baseline; flex-wrap: wrap; }
.trophies-head h1[b-16r8ssw848] { margin: 0; font-size: 1.4rem; }
.trophies-head span[b-16r8ssw848] { margin-left: auto; }
.group[b-16r8ssw848] { margin: 6px 0 0; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: #a39f94; }
.ach-grid[b-16r8ssw848], .cos-grid[b-16r8ssw848] { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ach-grid[b-16r8ssw848] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.cos-grid[b-16r8ssw848] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.ach[b-16r8ssw848] { background: #222120; border: 1px solid #333; border-radius: 10px; padding: 10px; display: grid; gap: 4px; font-size: .84rem; }
.ach.got[b-16r8ssw848] { border-color: #c9a227; background: #231d0b; }
.ach .when[b-16r8ssw848] { color: #f0d060; font-size: .76rem; }
.bar[b-16r8ssw848] { display: block; height: 6px; border-radius: 6px; background: #333; overflow: hidden; }
.bar i[b-16r8ssw848] { display: block; height: 100%; background: #19a37a; }
.cos[b-16r8ssw848] { background: #222120; border: 1px solid #333; border-radius: 10px; padding: 10px; display: grid; gap: 6px; text-align: center; justify-items: center; }
.cos.on[b-16r8ssw848] { border-color: #19a37a; }
.cos.locked[b-16r8ssw848] { opacity: .55; }
.cos .btn[b-16r8ssw848] { width: 100%; }
/* /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/Pages/World.razor.rz.scp.css */
.tour[b-scldkpt461] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 14px; margin-top: 14px; }
.city[b-scldkpt461] { display: grid; padding: 0; overflow: hidden; color: inherit; text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.city:hover[b-scldkpt461], .city:focus-visible[b-scldkpt461] { transform: translateY(-2px); border-color: var(--gold); }
.city:focus-visible[b-scldkpt461] { outline: 2px solid var(--gold-2); outline-offset: 3px; }
.cover[b-scldkpt461] { position: relative; aspect-ratio: 3 / 2; max-width: 100%; background: #000; }
.cover img[b-scldkpt461] { width: 100%; height: 100%; object-fit: cover; display: block; }
.stop[b-scldkpt461] { position: absolute; left: 12px; top: 12px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--gold-2); color: var(--black); font-weight: 900; }
.body[b-scldkpt461] { padding: 12px 14px 14px; display: grid; gap: 6px; }
.body .row[b-scldkpt461] { flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.body .tag[b-scldkpt461] { white-space: nowrap; }
.body h2[b-scldkpt461] { margin: 0; font-size: 1.3rem; }
.body p[b-scldkpt461] { margin: 0; }
.stakes[b-scldkpt461] { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--muted); }
.stakes strong[b-scldkpt461] { color: var(--gold-2); }
.city.current[b-scldkpt461] { border-color: var(--gold-2); box-shadow: 0 0 0 1px var(--gold-2), 0 0 24px rgba(240, 208, 96, .25); }
.city.locked .cover img[b-scldkpt461], .city.comingsoon .cover img[b-scldkpt461] { filter: grayscale(.75) brightness(.55); }
.city.comingsoon .stop[b-scldkpt461], .city.locked .stop[b-scldkpt461] { background: var(--charcoal); color: var(--muted); }
@media (prefers-reduced-motion: reduce) { .city[b-scldkpt461] { transition: none; } }
/* /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/CosmeticArt.razor.rz.scp.css */
.art[b-37vg98fnzy] { display: block; width: 100%; height: auto; max-height: 56px; }
/* /Components/Shared/DailySpin.razor.rz.scp.css */
.wheel-overlay[b-uexj0swzdk] { z-index: 60; }
.wheel-card[b-uexj0swzdk] { width: min(100%, 420px); display: grid; gap: 12px; justify-items: center; text-align: center; background: radial-gradient(circle at 50% 30%, #2a1b33, var(--charcoal-2) 70%); }
.wheel-card.gold[b-uexj0swzdk] { box-shadow: 0 0 0 2px var(--gold-2), 0 0 40px rgba(240, 208, 96, .35); }
.head[b-uexj0swzdk] { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.head h2[b-uexj0swzdk] { margin: 0; color: var(--gold-2); font-family: "Arial Black", Impact, sans-serif; letter-spacing: .5px; }
.close[b-uexj0swzdk] { padding: 4px 12px; font-size: 1.3rem; line-height: 1; }
.streak[b-uexj0swzdk] { display: flex; gap: 6px; }
.streak span[b-uexj0swzdk] { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-weight: 800; font-size: .8rem; border: 1px solid var(--charcoal); color: var(--muted); }
.streak span.on[b-uexj0swzdk] { background: var(--gold-2); color: var(--black); border-color: var(--gold-2); }
.wheel[b-uexj0swzdk] { position: relative; width: min(100%, 340px); aspect-ratio: 1; }
.wheel canvas[b-uexj0swzdk] { width: 100%; height: 100%; display: block; }
.pointer[b-uexj0swzdk] { position: absolute; top: -6px; left: 50%; translate: -50% 0; width: 0; height: 0; border: 16px solid transparent; border-bottom: 0; border-top: 30px solid var(--cream); filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .6)); z-index: 2; }
.hub[b-uexj0swzdk] { position: absolute; inset: 37%; border-radius: 50%; overflow: hidden; border: 4px solid var(--gold-2); background: #000; z-index: 2; }
.hub img[b-uexj0swzdk] { width: 100%; height: 100%; object-fit: cover; display: block; }
.prize[b-uexj0swzdk] { min-height: 1.8em; font-family: "Arial Black", Impact, sans-serif; color: var(--gold-2); font-size: 1.05rem; }
.prize.won[b-uexj0swzdk] { font-size: 1.6rem; animation: wheel-pop-b-uexj0swzdk .5s cubic-bezier(.2, 1.6, .4, 1) both; }
@keyframes wheel-pop-b-uexj0swzdk { from { scale: .5; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .prize.won[b-uexj0swzdk] { animation: none; } }
.mack-took[b-uexj0swzdk] { color: var(--danger); font-size: 1.15rem; }
/* /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/LockFx.razor.rz.scp.css */
.lock-fx[b-6wfbzj2sz4] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; z-index: 7; animation: lock-whole-b-6wfbzj2sz4 2.2s ease-out forwards; }
.banner[b-6wfbzj2sz4] { display: flex; align-items: center; gap: 12px; padding: 8px 22px 6px; border: 5px solid var(--gold-2); border-radius: 14px; background: #0b0b0bd9; color: var(--gold-2); font-family: "Arial Black", Impact, sans-serif; font-size: 3.2rem; letter-spacing: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, .6); animation: lock-in-b-6wfbzj2sz4 .45s cubic-bezier(.2, 1.6, .4, 1) both; }
.banner svg[b-6wfbzj2sz4] { width: .85em; height: .85em; fill: currentColor; }
.sub[b-6wfbzj2sz4] { background: #0b0b0bd9; color: var(--cream); border: 1px solid var(--gold); border-radius: 999px; padding: 5px 16px; font-weight: 800; text-align: center; max-width: min(460px, 86vw); animation: lock-sub-b-6wfbzj2sz4 2.2s ease-out both; }
@keyframes lock-in-b-6wfbzj2sz4 { from { transform: scale(2.2) rotate(-8deg); opacity: 0; } to { transform: rotate(-4deg); opacity: 1; } }
@keyframes lock-sub-b-6wfbzj2sz4 { 0%, 15% { opacity: 0; transform: translateY(8px); } 30% { opacity: 1; transform: none; } }
@keyframes lock-whole-b-6wfbzj2sz4 { 0%, 90% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .banner[b-6wfbzj2sz4], .sub[b-6wfbzj2sz4] { animation: none; } }
@media (max-width: 760px) { .banner[b-6wfbzj2sz4] { font-size: 2.1rem; letter-spacing: 2px; padding: 6px 14px 4px; } }
/* /Components/Shared/MackCollects.razor.rz.scp.css */
/* The end card: Taxman Mack at the top of the result (owner-approved rebrand, S05 / T-03): emerald and gold. */
.mack-collects[b-i5ele38brl] { position: relative; overflow: hidden; display: grid; gap: 10px; justify-items: center; text-align: center; padding: 16px 12px 14px; margin-bottom: 12px; border-radius: 14px; border: 1px solid #2a4a3a; background: linear-gradient(180deg, #0f2a1f, #0a120e); }
.mack[b-i5ele38brl] { width: min(48%, 170px); aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 4px solid var(--gold-2); box-shadow: 0 0 0 6px rgba(240, 208, 96, .15), 0 0 36px rgba(240, 208, 96, .35); background: #000; }
.mack img[b-i5ele38brl] { width: 100%; height: 100%; object-fit: cover; display: block; }
.word[b-i5ele38brl] { font-family: Impact, "Arial Black", sans-serif; color: var(--gold-2); font-size: clamp(1.4rem, 5vw, 2rem); line-height: 1; letter-spacing: .03em; }
.say[b-i5ele38brl] { background: var(--cream); color: var(--black); border-radius: 14px; padding: 8px 12px; font-weight: 600; max-width: 34ch; position: relative; }
.say[b-i5ele38brl]::before { content: ""; position: absolute; top: -8px; left: 50%; translate: -50% 0; border: 8px solid transparent; border-top: 0; border-bottom-color: var(--cream); }
.fee[b-i5ele38brl] { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; justify-content: center; color: var(--muted); font-variant-numeric: tabular-nums; }
.fee strong[b-i5ele38brl] { font-family: "Arial Black", Impact, sans-serif; color: var(--danger); font-size: 1.2rem; }

/* The sequence over the table (SQ-01): the approved preview's steps, scaled to the screen. */
.taxman-sequence[b-i5ele38brl] { position: fixed; inset: 0; z-index: 70; cursor: pointer; overflow: hidden; }
.taxman-sequence .dim[b-i5ele38brl] { position: absolute; inset: 0; background: #000; opacity: .55; }
.taxman-sequence .banner[b-i5ele38brl] { position: absolute; left: -10%; right: -10%; top: 10%; text-align: center; font-family: Impact, "Arial Black", sans-serif; font-size: clamp(1.6rem, min(11vmin, 8.4vw), 5.5rem); line-height: 1.05; text-wrap: balance; padding-inline: 12%; letter-spacing: .03em; color: var(--gold-2);
    background: linear-gradient(90deg, transparent, #0e4a32 15%, #0e4a32 85%, transparent); border-block: 6px solid var(--gold); rotate: -4deg; padding: .1em 0; opacity: 0; scale: 1.6; transition: opacity .25s, scale .35s cubic-bezier(.2, 1.6, .4, 1); }
.taxman-sequence .taxman[b-i5ele38brl] { position: absolute; left: 50%; bottom: 14%; width: min(56vmin, 340px); translate: -50% 140%; transition: translate .6s cubic-bezier(.2, 1.2, .4, 1); }
.taxman-sequence .taxman img[b-i5ele38brl] { width: 100%; border-radius: 18px; border: 5px solid var(--gold-2); box-shadow: 0 0 60px rgba(240, 208, 96, .45); display: block; }
.taxman-sequence .bubble[b-i5ele38brl] { position: absolute; left: 50%; top: 28%; translate: -50% 16px; width: min(86vw, 460px); background: var(--cream); color: var(--black); font-weight: 800; text-align: center; border-radius: 18px; padding: 12px 16px; font-size: clamp(1rem, 4.4vmin, 1.5rem); opacity: 0; transition: opacity .3s, translate .3s; }
.taxman-sequence .bubble[b-i5ele38brl]::after { content: ""; position: absolute; bottom: -12px; left: 50%; translate: -50% 0; border: 12px solid transparent; border-bottom: 0; border-top-color: var(--cream); }
.taxman-sequence .coin[b-i5ele38brl] { position: absolute; width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff3b0, var(--gold-2) 55%, #9a7a1c); left: 75%; bottom: 6%; opacity: 0; }
.taxman-sequence .feeline[b-i5ele38brl] { position: absolute; left: 50%; bottom: 4%; translate: -50% 0; width: min(90vw, 480px); text-align: center; background: #000d; border: 1px solid var(--danger); border-radius: 14px; padding: 10px; opacity: 0; transition: opacity .3s; color: var(--cream); }
.taxman-sequence .feeline strong[b-i5ele38brl] { display: block; color: var(--danger); font-family: "Arial Black", Impact, sans-serif; font-size: 1.6rem; }
.taxman-sequence .skip[b-i5ele38brl] { position: absolute; top: max(12px, env(safe-area-inset-top, 0px)); right: 14px; font-size: .78rem; color: #ddd; background: #0009; padding: 4px 10px; border-radius: 999px; }
.taxman-sequence:not(.step-1) .banner[b-i5ele38brl] { opacity: 1; scale: 1; }
.taxman-sequence.step-3 .taxman[b-i5ele38brl], .taxman-sequence.step-4 .taxman[b-i5ele38brl], .taxman-sequence.step-5 .taxman[b-i5ele38brl], .taxman-sequence.step-6 .taxman[b-i5ele38brl] { translate: -50% 0; }
.taxman-sequence.step-4 .bubble[b-i5ele38brl], .taxman-sequence.step-5 .bubble[b-i5ele38brl], .taxman-sequence.step-6 .bubble[b-i5ele38brl] { opacity: 1; translate: -50% 0; }
.taxman-sequence.step-5 .coin[b-i5ele38brl] { animation: tax-fly-b-i5ele38brl 1s ease-in forwards; animation-delay: var(--d); }
.taxman-sequence.step-6 .feeline[b-i5ele38brl] { opacity: 1; }
@keyframes tax-fly-b-i5ele38brl { 0% { opacity: 1; left: 75%; bottom: 6%; } 100% { opacity: 0; left: 50%; bottom: 40%; scale: .5; } }
/* Reduced motion: the same steps as fades: no slam, no rise, no flying coins (the amount says where the HMC went). */
@media (prefers-reduced-motion: reduce) {
    .taxman-sequence .banner[b-i5ele38brl] { scale: 1; rotate: 0deg; transition: opacity .3s; }
    .taxman-sequence .taxman[b-i5ele38brl] { translate: -50% 0; opacity: 0; transition: opacity .3s; }
    .taxman-sequence.step-3 .taxman[b-i5ele38brl], .taxman-sequence.step-4 .taxman[b-i5ele38brl], .taxman-sequence.step-5 .taxman[b-i5ele38brl], .taxman-sequence.step-6 .taxman[b-i5ele38brl] { opacity: 1; }
    .taxman-sequence .bubble[b-i5ele38brl] { translate: -50% 0; transition: opacity .3s; }
    .taxman-sequence .coin[b-i5ele38brl] { display: none; }
}
/* /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: none; border: 0; border-radius: 999px; padding: 2px 4px; cursor: pointer; line-height: 0; }
.bell img[b-hljatamxr0] { width: 36px; height: 36px; filter: drop-shadow(0 3px 6px rgba(0,0,0,.6)); }
.bell.has img[b-hljatamxr0] { filter: drop-shadow(0 0 8px rgba(240, 208, 96, .7)); }
.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/ProfileTabs.razor.rz.scp.css */
.profile-tabs[b-hcmw9t8ahe] { display: flex; gap: 4px; border-bottom: 1px solid #262626; flex-wrap: wrap; margin-bottom: 12px; }
.profile-tabs[b-hcmw9t8ahe]  a { padding: 8px 12px; color: #a39f94; font-weight: 600; text-decoration: none; border-bottom: 2px solid transparent; }
.profile-tabs[b-hcmw9t8ahe]  a.active { color: #f0d060; border-bottom-color: #f0d060; }
.profile-tabs[b-hcmw9t8ahe]  a:focus-visible { outline: 2px solid #f0d060; outline-offset: 2px; }
/* /Components/Shared/RoomChat.razor.rz.scp.css */
/* Narrow screens: a sheet from the bottom, opened by the page's Chat button. */
.room-chat[b-mip2799shi] {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; height: min(62dvh, 520px);
    display: flex; flex-direction: column; background: #121212; border: 1px solid #2b2b2b; border-radius: 16px 16px 0 0;
    box-shadow: 0 -16px 40px rgba(0,0,0,.6); transform: translateY(105%); transition: transform .2s ease;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.room-chat.open[b-mip2799shi] { transform: none; }
.chat-head[b-mip2799shi] { display: flex; gap: 8px; align-items: baseline; padding: 10px 12px; border-bottom: 1px solid #222; }
.chat-head .close[b-mip2799shi] { margin-left: 0; background: none; border: 0; color: #c9c3b3; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.msgs[b-mip2799shi] { flex: 1; overflow-y: auto; display: flex; flex-direction: column-reverse; gap: 6px; padding: 8px 10px; min-height: 0; }
.msg[b-mip2799shi] { position: relative; background: #1b1b1b; border-radius: 10px; padding: 6px 30px 6px 9px; font-size: .88rem; overflow-wrap: anywhere; }
.msg b[b-mip2799shi] { color: #f0d060; margin-right: 4px; }
.msg.me[b-mip2799shi] { background: #2a2410; }
.msg.waiting b[b-mip2799shi] { color: #9ec9ff; }
.more[b-mip2799shi] { position: absolute; right: 4px; top: 3px; background: none; border: 0; color: #a39f94; font-weight: 900; cursor: pointer; padding: 0 4px; }
.menu[b-mip2799shi] { position: absolute; right: 6px; top: 24px; z-index: 2; background: #0b0b0b; border: 1px solid #c9a227; border-radius: 8px; padding: 4px; }
.menu button[b-mip2799shi] { background: none; border: 0; color: #f4e9c8; padding: 5px 8px; border-radius: 6px; cursor: pointer; font-size: .82rem; white-space: nowrap; }
.menu button:hover[b-mip2799shi] { background: #1d1d1d; }
.menu .danger[b-mip2799shi] { color: #ffb3b3; }
.empty[b-mip2799shi] { text-align: center; margin: auto 0; }
.chat-error[b-mip2799shi] { margin: 0 10px 4px; color: #ffb3b3; font-size: .8rem; }
.chat-notice[b-mip2799shi] { margin: 0 10px 4px; color: #8fe0c0; font-size: .8rem; }
.chat-note[b-mip2799shi] { margin: 0; padding: 10px 12px; border-top: 1px solid #222; color: #a39f94; font-size: .82rem; text-align: center; }
.chat-input[b-mip2799shi] { display: flex; gap: 6px; padding: 8px; border-top: 1px solid #222; }
.chat-input .text[b-mip2799shi] { flex: 1; min-width: 0; }
.send[b-mip2799shi] { background: linear-gradient(180deg, #f0d060, #c9a227); color: #111; border: 1px solid #c9a227; border-radius: 10px; font-weight: 900; padding: 0 12px; cursor: pointer; }
.send:disabled[b-mip2799shi] { opacity: .5; cursor: default; }

/* Laptops and up: a column beside the table, always shown (RoomPage lays it out). */
@media (min-width: 1100px) {
    .room-chat[b-mip2799shi] { position: sticky; top: 76px; transform: none; height: calc(100dvh - 120px); max-height: 720px; border-radius: 14px; box-shadow: none; z-index: 1; }
    .chat-head .close[b-mip2799shi] { display: none; }
    .chat-head .fold[b-mip2799shi] { display: inline-block; }
    .chat-head .muted[b-mip2799shi] { visibility: hidden; }
}

/* Chat and the table log share the panel (owner design, 2026-10-29); Fold puts the panel away on laptops. */
.chat-head[b-mip2799shi] { align-items: center; }
.tabs[b-mip2799shi] { display: flex; gap: 4px; }
.tabs button[b-mip2799shi] { background: none; border: 1px solid #2b2b2b; color: #c9c3b3; border-radius: 8px; padding: 3px 10px; font-weight: 800; cursor: pointer; }
.tabs button.on[b-mip2799shi] { border-color: #c9a227; color: #f0d060; background: #2a2410; }
.chat-head .muted[b-mip2799shi] { margin-right: auto; }
.fold[b-mip2799shi] { display: none; background: #2b2b2b; border: 0; color: #f0d060; border-radius: 6px; padding: 3px 9px; font-weight: 800; font-size: .8rem; cursor: pointer; }
.log .entry[b-mip2799shi] { font-size: .84rem; color: #c9c3b3; padding: 2px 2px; border-bottom: 1px solid #1d1d1d; overflow-wrap: anywhere; }
.log .entry.line[b-mip2799shi] { color: #f4e9c8; }
/* /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 */
/* The table (owner design, 2026-10-29): the felt is the focus and takes all the room the screen has; the opponents
   sit in compact plates around it. Laptops: top seat above, left and right seats beside a wide felt. Phones: the
   three opponents in one strip above a full-width, tall felt. --chrome is everything above and below the felt (the
   app bar, the venue bar, the opponents, your hand, the tab bar); the felt gets the rest of the window's height. */
.table[b-y792th0lvt] {
    position: relative; display: grid; gap: 6px 14px; width: 100%; max-width: 1180px; margin: 0 auto; box-sizing: border-box;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
    grid-template-areas: ". top ." "left felt right";
}
.felt-area[b-y792th0lvt] { grid-area: felt; position: relative; min-width: 0; --chrome: 330px; height: clamp(280px, calc(100dvh - var(--chrome)), 860px); }
.rim[b-y792th0lvt] {
    width: 100%; height: 100%; margin: 0 auto; border-radius: 28px; padding: 12px; box-sizing: border-box;
    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 { display: block; width: 100%; height: 100%; border-radius: 18px; }

/* The newest table line, as a pill on the bottom of the felt; it settles back after a few seconds so it never hides
   the bones for long. The full log is in Chat & log. */
.banter[b-y792th0lvt] { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); width: max-content; max-width: calc(100% - 48px); z-index: 2; pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.table .banter[b-y792th0lvt]  > * { background: #000000b8; border: 0; border-radius: 14px; padding: 4px 12px; font-size: .84rem; line-height: 1.35; color: #f4e9c8; animation: settle-b-y792th0lvt 7s ease forwards; }
@keyframes settle-b-y792th0lvt { 0%, 70% { opacity: 1; } 100% { opacity: .4; } }

.seat[b-y792th0lvt] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.seat.top[b-y792th0lvt] { grid-area: top; justify-self: center; z-index: 2; }
.seat.left[b-y792th0lvt] { grid-area: left; align-self: center; flex-direction: column; text-align: center; }
.seat.right[b-y792th0lvt] { grid-area: right; align-self: center; flex-direction: column; text-align: center; }
.seat.top .ring[b-y792th0lvt] { zoom: .62; }
.seat.left .ring[b-y792th0lvt], .seat.right .ring[b-y792th0lvt] { zoom: .8; }
.seat.top .plate[b-y792th0lvt] { display: flex; align-items: baseline; gap: 10px; padding: 4px 12px; min-width: 0; }
.seat.top .turn-chip[b-y792th0lvt] { top: -12px; }
/* The portraits beside and above the felt are scaled down; the pill scales back so it stays 26 px everywhere. */
.seat.top .ring .count[b-y792th0lvt] { zoom: 1.61; }
.seat.left .ring .count[b-y792th0lvt], .seat.right .ring .count[b-y792th0lvt] { zoom: 1.25; }
.seat.top .title[b-y792th0lvt] { display: none; }
.seat.left .plate[b-y792th0lvt], .seat.right .plate[b-y792th0lvt] { min-width: 0; max-width: 150px; padding: 4px 10px; }
/* Your seat lives in the hand row, left of your bones (TableBoard.razor), not on the rim. */
.hand-row .seat.me[b-y792th0lvt] { position: relative; z-index: 3; justify-self: end; }
/* 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; }
.seat.current .plate[b-y792th0lvt] { border-color: #c9a227; }
/* Bones left (owner-approved UI-02 A): a pill centred under the portrait, large enough to read on a phone. */
.count[b-y792th0lvt] {
    position: absolute; left: 50%; translate: -50% 0; bottom: -14px; min-width: 30px; height: 26px; padding: 0 7px; border-radius: 13px;
    background: #0b0b0b; color: #f4e9c8; font-weight: 900; font-size: 1rem; display: grid; place-items: center; border: 2px solid #c9a227; font-variant-numeric: tabular-nums; box-shadow: 0 2px 6px #0008;
}
/* The seconds left sit at the portrait's top-left; the bones pill has the bottom. */
.secs[b-y792th0lvt] { position: absolute; left: -8px; top: -6px; 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] { position: relative; background: #1b1b1bd9; border: 1px solid #3a3a3a; border-radius: 10px; padding: 6px 12px; min-width: 120px; backdrop-filter: blur(4px); }
/* Whose turn (owner-approved UI-01 A, 2026-10-30): the active seat's plate gets a gold edge and a chip with an arrow and the
   word, so it never depends on colour alone. Exactly one seat carries it while a hand is in progress; none between hands. */
.turn-chip[b-y792th0lvt] { position: absolute; top: -11px; left: 50%; translate: -50% 0; white-space: nowrap; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #0b0b0b; background: #f0d060; border-radius: 999px; padding: 2px 8px; box-shadow: 0 2px 8px #0009; z-index: 2; }
.name[b-y792th0lvt] { font-weight: 800; color: #f4e9c8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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: 3; }
.hand-area[b-y792th0lvt] { padding-bottom: 8px; }
/* Your seat | your bones | Knock. The side columns share what the bones leave, so the bones stay centred. */
.hand-row[b-y792th0lvt] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; max-width: 1180px; margin: 0 auto; }
.hand[b-y792th0lvt] { display: flex; gap: 10px; flex-wrap: nowrap; justify-content: center; padding: 8px 4px 4px; min-height: 80px; }
.hand[b-y792th0lvt]  .domino.upright { height: clamp(88px, 13dvh, 124px); width: auto; aspect-ratio: 1 / 2; }
.hand[b-y792th0lvt]  .domino { flex: 0 0 auto; }
.knock-slot[b-y792th0lvt] { justify-self: start; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 96px; }
@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) {
    /* Phones: the three opponents in one strip above a full-width felt that runs down to your hand. */
    .table[b-y792th0lvt] { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "left top right" "felt felt felt"; gap: 6px; }
    .felt-area[b-y792th0lvt] { --chrome: 344px; height: clamp(260px, calc(100dvh - var(--chrome)), 640px); }
    .rim[b-y792th0lvt] { padding: 6px; border-radius: 18px; }
    .rim[b-y792th0lvt]  .felt-svg { border-radius: 12px; }
    .banter[b-y792th0lvt] { bottom: 14px; max-width: calc(100% - 28px); }
    .table .banter[b-y792th0lvt]  > * { font-size: .78rem; padding: 3px 10px; }
    .seat.top[b-y792th0lvt], .seat.left[b-y792th0lvt], .seat.right[b-y792th0lvt] { justify-self: stretch; align-self: stretch; flex-direction: row; gap: 6px; text-align: left;
        background: #1b1b1bd9; border: 1px solid #3a3a3a; border-radius: 10px; padding: 4px 6px; }
    .seat.current[b-y792th0lvt] { border-color: #f0d060; }
    .seat.top .ring[b-y792th0lvt], .seat.left .ring[b-y792th0lvt], .seat.right .ring[b-y792th0lvt] { zoom: .46; }
    .seat.top .ring .count[b-y792th0lvt], .seat.left .ring .count[b-y792th0lvt], .seat.right .ring .count[b-y792th0lvt] { zoom: 2.17; bottom: -10px; }
    .turn-chip[b-y792th0lvt], .seat.top .turn-chip[b-y792th0lvt] { top: -14px; left: auto; right: 4px; translate: none; }
    .seat .plate[b-y792th0lvt], .seat.top .plate[b-y792th0lvt], .seat.left .plate[b-y792th0lvt], .seat.right .plate[b-y792th0lvt] { background: none; border: 0; padding: 0; min-width: 0; max-width: none; display: block; backdrop-filter: none; }
    .seat .name[b-y792th0lvt] { font-size: .72rem; }
    .seat .score[b-y792th0lvt] { font-size: .9rem; }
    .seat .of[b-y792th0lvt] { font-size: .65rem; }
    .title[b-y792th0lvt] { display: none; }
    .lock-chip[b-y792th0lvt] { top: 8px; bottom: auto; }
    .hand[b-y792th0lvt]  .domino { width: 84px; height: 42px; }
    /* All seven bones in one row beside a small seat and Knock. */
    .hand-row[b-y792th0lvt] { gap: 6px; grid-template-columns: auto minmax(0, 1fr) auto; }
    .hand[b-y792th0lvt] { gap: 4px; padding: 6px 0 2px; min-height: 0; }
    /* The bones share whatever the seat and Knock leave, up to 46px each. */
    .hand[b-y792th0lvt] { min-width: 0; }
    .hand[b-y792th0lvt]  .domino.upright { flex: 1 1 0; min-width: 0; width: auto; height: auto; max-width: 46px; aspect-ratio: 1 / 2; }
    .knock-slot .icon-btn[b-y792th0lvt] { padding: 2px; }
    .knock-slot .icon-btn img[b-y792th0lvt] { width: 44px; height: 44px; }
    .knock-slot .icon-btn span[b-y792th0lvt] { font-size: .75rem; }
    .hand-row .seat.me[b-y792th0lvt] { flex-direction: column; gap: 2px; }
    .hand-row .seat.me .ring[b-y792th0lvt] { zoom: .66; }
    .hand-row .seat.me .ring .count[b-y792th0lvt] { zoom: 1.5; }
    .hand-row .seat.me .turn-chip[b-y792th0lvt] { left: 50%; right: auto; translate: -50% 0; top: -12px; }
    .hand-row .seat.me .plate[b-y792th0lvt] { min-width: 0; padding: 2px 6px; text-align: center; }
    .hand-row .seat.me .name[b-y792th0lvt] { display: none; }
    .hand-row .seat.me .score[b-y792th0lvt] { font-size: 1rem; }
    .knock-slot[b-y792th0lvt] { min-width: 0; }
    .knock-slot .muted[b-y792th0lvt] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .seat.current .ring[b-y792th0lvt]  .avatar, .seat.current .ring[b-y792th0lvt]  .char { animation: none; }
    .table .banter[b-y792th0lvt]  > * { animation: none; }
}

.sideline-note[b-y792th0lvt] { display: flex; align-items: center; gap: 10px; justify-content: center; padding: 10px 14px; margin-bottom: 8px; }

/* Earned table looks (B-18), on this player's screen only. Pip colours never change, so bones stay readable. */
.table.felt-barbershop-felt[b-y792th0lvt]  #feltShade stop:nth-child(1) { stop-color: #a3303f; }
.table.felt-barbershop-felt[b-y792th0lvt]  #feltShade stop:nth-child(2) { stop-color: #7a1f2b; }
.table.felt-barbershop-felt[b-y792th0lvt]  #feltShade stop:nth-child(3) { stop-color: #4a0f18; }
.table.bones-porch-bones[b-y792th0lvt]  .bone .body, .table.bones-porch-bones[b-y792th0lvt]  .domino .body { fill: #efe0bf; stroke: #a8865a; }
.table.bones-porch-bones[b-y792th0lvt]  .bone .divider, .table.bones-porch-bones[b-y792th0lvt]  .domino .divider { stroke: #a8865a; }
.table.rim-skyline-table .rim[b-y792th0lvt] { background: linear-gradient(160deg, #1d2b53, #7e5bef 60%, #ff8fab); box-shadow: 0 18px 50px rgba(0,0,0,.6), inset 0 2px 0 #b8a3ff, inset 0 -3px 0 #14112b; }
.table.lights-party-lights .rim[b-y792th0lvt] { box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 0 3px #ffd16633, 0 0 26px 4px #ef476f55, 0 0 46px 8px #06d6a033; }
.table.backdrop-vault-mural[b-y792th0lvt] { background: radial-gradient(circle at 75% 20%, #f0d06022 0 60px, transparent 61px), linear-gradient(160deg, transparent 40%, #7b2cbf33 60%, transparent 80%); border-radius: 24px; }
/* /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; } }