/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-2x5igrbmsh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-2x5igrbmsh] {
    flex: 1;
}

.sidebar[b-2x5igrbmsh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-2x5igrbmsh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-2x5igrbmsh]  a, .top-row[b-2x5igrbmsh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-2x5igrbmsh]  a:hover, .top-row[b-2x5igrbmsh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-2x5igrbmsh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-2x5igrbmsh] {
        justify-content: space-between;
    }

    .top-row[b-2x5igrbmsh]  a, .top-row[b-2x5igrbmsh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-2x5igrbmsh] {
        flex-direction: row;
    }

    .sidebar[b-2x5igrbmsh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-2x5igrbmsh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-2x5igrbmsh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-2x5igrbmsh], article[b-2x5igrbmsh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-2x5igrbmsh] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-2x5igrbmsh] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.middle-section[b-2x5igrbmsh] {
    height: calc(100vh - 100px); /* Full viewport minus header and footer */
}

.footer[b-2x5igrbmsh] {
    height: 50px;
    background-color: #f5f5f5;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-u7rfg9795q] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-u7rfg9795q] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-u7rfg9795q] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-u7rfg9795q] {
    font-size: 1.1rem;
}

.bi[b-u7rfg9795q] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill[b-u7rfg9795q] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill[b-u7rfg9795q] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested[b-u7rfg9795q] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-u7rfg9795q] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-u7rfg9795q] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-u7rfg9795q] {
        padding-bottom: 1rem;
    }

    .nav-item[b-u7rfg9795q]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-u7rfg9795q]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-u7rfg9795q]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-u7rfg9795q] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-u7rfg9795q] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-u7rfg9795q] {
        display: none;
    }

    .nav-scrollable[b-u7rfg9795q] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Applications/FlowVisualizer/FlowVisualizer.razor.rz.scp.css */
.flow-visualizer[b-x76ec03wbo] {
    --flow-bg: #f6f2ea;
    --flow-panel: #ffffff;
    --flow-border: rgba(30, 35, 40, 0.12);
    --flow-text: #1f2a30;
    --flow-muted: #5a6a73;
    --flow-accent: #d8a15b;
    background: radial-gradient(circle at top left, #fff9f0, transparent 45%),
        radial-gradient(circle at bottom right, #eef6ff, transparent 45%),
        var(--flow-bg);
}

.flow-title[b-x76ec03wbo] {
    color: var(--flow-text);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.flow-subtitle[b-x76ec03wbo] {
    color: var(--flow-muted);
    max-width: 70ch;
}

.flow-alert[b-x76ec03wbo] {
    border-color: rgba(216, 161, 91, 0.4);
    background: rgba(255, 244, 230, 0.6);
}

.flow-panel[b-x76ec03wbo] {
    padding: 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #fdf7ef 100%);
    border: 1px solid var(--flow-border);
    border-radius: 16px;
}

.flow-chart-panel[b-x76ec03wbo] {
    padding: 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
    border: 1px solid var(--flow-border);
    border-radius: 18px;
    min-height: 600px;
}

.flow-chart-header[b-x76ec03wbo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.flow-section-title[b-x76ec03wbo] {
    color: var(--flow-text);
    margin-bottom: 0.25rem;
}

.flow-muted[b-x76ec03wbo] {
    color: var(--flow-muted);
}

.flow-stat[b-x76ec03wbo] {
    padding: 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--flow-border);
    background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 900px) {
    .flow-chart-panel[b-x76ec03wbo] {
        min-height: 480px;
    }
}
/* /Components/Pages/Applications/ProjectFinder/ProjectFinder.razor.rz.scp.css */
.pf-shell[b-e13040lhyy] { padding-top: 3rem; padding-bottom: 5rem; }
.pf-run-card[b-e13040lhyy] { height: 100%; border-top: 3px solid var(--mud-palette-primary); }
.pf-empty[b-e13040lhyy] { text-align: center; max-width: 760px; margin: 4rem auto; border-style: dashed !important; }
.pf-clamp[b-e13040lhyy] { min-height: 2.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* /Components/Pages/Applications/ProjectFinder/RunWorkspace.razor.rz.scp.css */
.pf-workspace[b-kfhi6wgjew] { padding: 2rem clamp(1rem, 3vw, 3.5rem) 5rem; }
.pf-title[b-kfhi6wgjew] { min-width: min(38rem, 50vw); }
.pf-title[b-kfhi6wgjew]  .mud-input { font-size: 1.45rem; font-weight: 650; }
.pf-stagebar[b-kfhi6wgjew] { display: grid; grid-template-columns: repeat(7, minmax(7rem, 1fr)); gap: .35rem; padding: .45rem; overflow-x: auto; background: var(--mud-palette-background-gray); }
.pf-stage[b-kfhi6wgjew] { border: 0; border-radius: .35rem; padding: .7rem .5rem; background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer; white-space: nowrap; font: inherit; }
.pf-stage span[b-kfhi6wgjew] { display: inline-grid; place-items: center; width: 1.45rem; height: 1.45rem; margin-right: .4rem; border-radius: 50%; background: var(--mud-palette-divider); font-size: .72rem; }
.pf-stage:hover[b-kfhi6wgjew], .pf-stage.active[b-kfhi6wgjew] { color: var(--mud-palette-primary); background: var(--mud-palette-surface); }
.pf-stage.active span[b-kfhi6wgjew] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary); }
.pf-candidate[b-kfhi6wgjew] { border-left: 3px solid transparent; }
.pf-candidate.rejected[b-kfhi6wgjew] { border-left-color: var(--mud-palette-error); opacity: .72; }
.pf-gate[b-kfhi6wgjew] { border-left: 3px solid var(--mud-palette-divider); }
@media (max-width: 800px) { .pf-title[b-kfhi6wgjew] { min-width: 0; } .pf-stagebar[b-kfhi6wgjew] { grid-template-columns: repeat(7, 9rem); } }
/* /Components/Pages/Applications/WesternBar/Game.razor.rz.scp.css */
.westernbar-page[b-s5kcov64wb] {
    --ink: #17251b;
    min-height: calc(100vh - 64px);
    padding: clamp(12px, 3vw, 36px);
    background: radial-gradient(circle at 20% 10%, rgba(255, 214, 130, .13), transparent 25%), linear-gradient(135deg, #261610, #100c0a 70%);
    color: #f8dfac;
    font-family: "Courier New", Courier, monospace;
}

.game-case[b-s5kcov64wb] {
    width: min(100%, 760px); margin: 0 auto; padding: clamp(18px, 4vw, 38px);
    border: 3px solid #472015; border-radius: 30px 30px 46px 46px;
    background: linear-gradient(105deg, rgba(255,255,255,.18), transparent 18% 80%, rgba(0,0,0,.2)), #c9bca2;
    box-shadow: 0 24px 60px rgba(0,0,0,.55), inset 0 2px 1px #fff5d5, inset 0 -8px 16px rgba(79,48,31,.25);
}

.case-header[b-s5kcov64wb] { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; color: #29140e; text-align: center; }
.case-header h1[b-s5kcov64wb] { margin: 0; font: 900 clamp(24px, 5vw, 42px)/.9 Georgia, serif; letter-spacing: .04em; color: #a5281e; text-shadow: 1px 2px #f5cb72; }
.case-header p[b-s5kcov64wb] { margin: 6px 0 12px; font-size: 10px; letter-spacing: .25em; text-transform: uppercase; }
.case-link[b-s5kcov64wb] { justify-self: start; border: 0; background: none; padding: 0; color: #191411; font-weight: 900; letter-spacing: .08em; cursor: pointer; }
.model-number[b-s5kcov64wb] { justify-self: end; align-self: start; font-size: 11px; font-weight: 700; }
.screen-bezel[b-s5kcov64wb] { padding: clamp(8px, 2vw, 15px); border: 2px solid #241d18; border-radius: 15px; background: linear-gradient(#302a25, #151210); box-shadow: inset 0 2px 4px #000, 0 2px #eee1c5; }
.lcd-screen[b-s5kcov64wb] { position: relative; aspect-ratio: 16 / 9; min-height: 290px; overflow: hidden; outline: none; background: #a9b58e; color: var(--ink); box-shadow: inset 0 0 28px rgba(26,40,25,.3); isolation: isolate; }
.lcd-screen:focus-visible[b-s5kcov64wb] { box-shadow: inset 0 0 0 3px rgba(38,54,38,.6), inset 0 0 28px rgba(26,40,25,.3); }
.lcd-texture[b-s5kcov64wb] { position: absolute; inset: 0; z-index: 20; pointer-events: none; opacity: .4; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(20,34,23,.09) 3px 4px); }
.lcd-hud[b-s5kcov64wb] { position: relative; z-index: 5; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 44px; padding: 5px 14px; border-bottom: 2px solid rgba(23,37,27,.22); font: 700 clamp(12px, 2vw, 17px)/1 monospace; }
.lcd-hud > div[b-s5kcov64wb] { display: flex; align-items: center; gap: 8px; }.hud-label[b-s5kcov64wb] { opacity: .65; font-size: .65em; letter-spacing: .08em; }.hud-center[b-s5kcov64wb] { justify-content: center; font-size: .8em; }.fails[b-s5kcov64wb] { justify-content: flex-end; }.fails i[b-s5kcov64wb] { opacity: .12; font-style: normal; }.fails i.active[b-s5kcov64wb] { opacity: 1; }
.saloon-sign[b-s5kcov64wb] { position: absolute; z-index: -1; top: 55px; left: 50%; translate: -50%; padding: 2px 16px; border: 2px solid rgba(23,37,27,.18); border-radius: 50%; opacity: .22; font: 900 clamp(12px, 2.4vw, 21px) Georgia, serif; white-space: nowrap; }
.swing-door[b-s5kcov64wb] { position: absolute; z-index: -1; top: 84px; width: 15%; height: 38%; border: 3px solid rgba(23,37,27,.13); opacity: .9; }.left-door[b-s5kcov64wb] { left: 35%; transform: skewY(5deg); }.right-door[b-s5kcov64wb] { right: 35%; transform: skewY(-5deg); }
.patron[b-s5kcov64wb], .bartender[b-s5kcov64wb], .sheriff[b-s5kcov64wb] { position: absolute; color: var(--ink); }.patron[b-s5kcov64wb] { top: 38%; width: 8%; height: 24%; opacity: .78; }.patron-left[b-s5kcov64wb] { left: 7%; }.patron-right[b-s5kcov64wb] { right: 7%; }
.patron .hat[b-s5kcov64wb] { position: absolute; top: 0; left: 8%; width: 84%; height: 14%; background: currentColor; border-radius: 50%; }.patron .head[b-s5kcov64wb], .bartender .head[b-s5kcov64wb] { position: absolute; top: 10%; left: 30%; width: 40%; aspect-ratio: 1; border-radius: 50%; background: currentColor; }.patron .body[b-s5kcov64wb], .bartender .body[b-s5kcov64wb] { position: absolute; left: 18%; bottom: 0; width: 64%; height: 62%; border-radius: 50% 50% 5% 5%; background: currentColor; }
.bartender[b-s5kcov64wb] { top: 28%; right: 20%; width: 7%; height: 22%; opacity: .8; }.bartender .arm[b-s5kcov64wb] { position: absolute; top: 48%; right: 76%; width: 70%; height: 8%; rotate: -18deg; background: currentColor; transform-origin: right; }
.bar-top[b-s5kcov64wb] { position: absolute; z-index: 2; top: 52%; left: 3%; right: 3%; height: 5px; border: 1px solid rgba(23,37,27,.35); background: rgba(23,37,27,.3); box-shadow: 0 32px rgba(23,37,27,.08); }
.bar-item[b-s5kcov64wb] { --x: calc(5% + var(--position) * 11.1%); position: absolute; z-index: 4; top: 43%; left: var(--x); width: 8%; height: 10%; display: grid; place-items: center; translate: -50% 0; font: 900 clamp(18px, 4vw, 34px)/1 monospace; transition: left .11s linear; will-change: left; }.bar-item.dynamite[b-s5kcov64wb] { rotate: -12deg; }.bar-item.bonusbottle[b-s5kcov64wb] { animation: lcdBlink-b-s5kcov64wb .35s steps(1) infinite; }
.hazard[b-s5kcov64wb] { position: absolute; z-index: 5; left: calc(18% + var(--lane) * 32%); top: calc(35% + var(--row) * 11%); width: 6%; aspect-ratio: 1; display: grid; place-items: center; font-size: clamp(13px, 3vw, 25px); transition: top .08s linear; }.hazard.ashtray[b-s5kcov64wb] { transform: rotate(-12deg); }
.sheriff[b-s5kcov64wb] { z-index: 7; bottom: 4%; left: calc(16.1% + var(--lane) * 33.3%); width: 9%; height: 25%; translate: -50%; transition: left .08s ease-out; }
.sheriff-hat[b-s5kcov64wb], .cowboy-hat[b-s5kcov64wb] { position: absolute; top: 0; left: 5%; width: 90%; height: 16%; border-radius: 55% 55% 15% 15%; background: currentColor; box-shadow: 0 5px 0 -2px currentColor; }.sheriff-head[b-s5kcov64wb], .cowboy-head[b-s5kcov64wb] { position: absolute; top: 16%; left: 32%; width: 38%; aspect-ratio: 1; border-radius: 45%; background: currentColor; }.sheriff-body[b-s5kcov64wb], .cowboy-body[b-s5kcov64wb] { position: absolute; left: 21%; bottom: 0; width: 60%; height: 57%; border-radius: 45% 45% 8% 8%; background: currentColor; }.sheriff-arm[b-s5kcov64wb] { position: absolute; top: 48%; right: 5%; width: 48%; height: 8%; background: currentColor; transform-origin: left; }.sheriff.firing .sheriff-arm[b-s5kcov64wb] { rotate: -55deg; }
.shot[b-s5kcov64wb] { position: absolute; z-index: 6; bottom: 24%; left: calc(16.1% + var(--lane) * 33.3%); width: 3px; height: 39%; background: repeating-linear-gradient(var(--ink) 0 8px, transparent 8px 14px); animation: shotFlash-b-s5kcov64wb .18s steps(2); }
.duel-scene[b-s5kcov64wb] { position: absolute; inset: 44px 0 0; z-index: 4; display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, .75fr) minmax(0, 1fr); align-items: end; padding: 7% 4% 3%; overflow: hidden; cursor: crosshair; }
.duel-side[b-s5kcov64wb] { position: relative; height: 100%; color: var(--ink); }.duel-side small[b-s5kcov64wb] { position: absolute; bottom: 0; left: 50%; translate: -50%; font-size: clamp(7px, 1.2vw, 10px); font-weight: 900; letter-spacing: .08em; opacity: .7; }.duel-character[b-s5kcov64wb] { position: absolute; z-index: 1; bottom: 15%; width: 32%; height: 62%; color: var(--ink); transition: left .2s ease-out, right .2s ease-out, opacity .12s; }.desperado[b-s5kcov64wb] { left: 14%; }.desperado.covered[b-s5kcov64wb] { left: 14%; opacity: .3; }.desperado.exposed[b-s5kcov64wb] { left: 62%; opacity: 1; animation: outlawPop-b-s5kcov64wb .12s ease-out; }.sheriff-duelist[b-s5kcov64wb] { right: 14%; transform: scaleX(-1); }.sheriff-duelist.covered[b-s5kcov64wb] { right: 14%; opacity: .3; }.sheriff-duelist.exposed[b-s5kcov64wb] { right: 62%; opacity: 1; }
.cowboy-hat[b-s5kcov64wb] { position: absolute; top: 0; left: 5%; width: 90%; height: 16%; border-radius: 55% 55% 15% 15%; background: currentColor; box-shadow: 0 5px 0 -2px currentColor; }.cowboy-head[b-s5kcov64wb] { position: absolute; top: 16%; left: 32%; width: 38%; aspect-ratio: 1; border-radius: 45%; background: currentColor; }.cowboy-body[b-s5kcov64wb] { position: absolute; left: 21%; bottom: 0; width: 60%; height: 57%; border-radius: 45% 45% 8% 8%; background: currentColor; }.gun-arm[b-s5kcov64wb] { position: absolute; right: -40%; top: 49%; width: 65%; height: 9%; background: currentColor; }.duel-character.exposed .gun-arm[b-s5kcov64wb]::after { content: ""; position: absolute; right: -30%; top: -100%; width: 45%; aspect-ratio: 1; border-radius: 50%; background: currentColor; }.desperado.exposed .gun-arm[b-s5kcov64wb]::after { animation: lcdBlink-b-s5kcov64wb .15s steps(1) infinite; }.sheriff-duelist.firing .gun-arm[b-s5kcov64wb]::after { animation: shotFlash-b-s5kcov64wb .12s steps(2) infinite; }
.flipped-table[b-s5kcov64wb] { position: absolute; z-index: 3; bottom: 8%; width: 54%; height: 35%; border: clamp(3px, .7vw, 6px) solid var(--ink); border-radius: 5px; background: rgba(23,37,27,.12); transform: rotate(-8deg); box-shadow: inset 0 0 0 2px rgba(169,181,142,.3); }.flipped-table[b-s5kcov64wb]::before, .flipped-table[b-s5kcov64wb]::after { content: ""; position: absolute; bottom: 88%; width: 8%; height: 50%; background: var(--ink); }.flipped-table[b-s5kcov64wb]::before { left: 15%; rotate: -15deg; }.flipped-table[b-s5kcov64wb]::after { right: 15%; rotate: 15deg; }.flipped-table span[b-s5kcov64wb] { position: absolute; left: 8%; right: 8%; top: 45%; height: 4px; background: var(--ink); opacity: .65; }.flipped-table i[b-s5kcov64wb], .flipped-table b[b-s5kcov64wb] { position: absolute; bottom: -15%; width: 22%; aspect-ratio: 1; border: 3px solid var(--ink); border-radius: 50%; background: #a9b58e; }.flipped-table i[b-s5kcov64wb] { left: 7%; }.flipped-table b[b-s5kcov64wb] { right: 7%; }.sheriff-table[b-s5kcov64wb] { right: 5%; }.desperado-table[b-s5kcov64wb] { left: 5%; transform: scaleX(-1) rotate(-8deg); }
.duel-center[b-s5kcov64wb] { align-self: stretch; position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 13px; text-align: center; }.duel-callout[b-s5kcov64wb] { display: flex; flex-direction: column; gap: 4px; min-width: 100%; padding: 7px 6px; border: 2px solid rgba(23,37,27,.35); background: rgba(169,181,142,.82); }.duel-callout strong[b-s5kcov64wb] { font-size: clamp(17px, 3.5vw, 32px); line-height: 1; letter-spacing: .07em; }.duel-callout span[b-s5kcov64wb] { font-size: clamp(7px, 1.2vw, 11px); font-weight: 900; }.duel-callout.drawn[b-s5kcov64wb] { color: #0d1c12; border-color: var(--ink); animation: duelAlert-b-s5kcov64wb .3s steps(2) infinite; }.duel-pips[b-s5kcov64wb] { display: flex; gap: 7px; }.duel-pips i[b-s5kcov64wb] { width: clamp(10px, 2vw, 15px); height: 7px; border: 2px solid var(--ink); opacity: .2; }.duel-pips i.active[b-s5kcov64wb] { opacity: 1; background: var(--ink); }
.ground-dynamite[b-s5kcov64wb] { position: absolute; z-index: 9; bottom: 3%; right: 10%; width: 17%; padding: 3px; border: 2px solid var(--ink); font-size: clamp(9px, 1.5vw, 13px); font-weight: 900; }.ground-dynamite i[b-s5kcov64wb] { display: block; width: var(--fuse); height: 4px; margin-top: 3px; background: var(--ink); }
.screen-message[b-s5kcov64wb] { position: absolute; z-index: 10; left: 50%; bottom: 3%; translate: -50%; padding: 2px 7px; background: rgba(169,181,142,.8); font-size: clamp(9px, 1.7vw, 14px); font-weight: 900; white-space: nowrap; }.screen-overlay[b-s5kcov64wb] { position: absolute; z-index: 15; inset: 44px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; background: rgba(169,181,142,.88); text-align: center; }.screen-overlay strong[b-s5kcov64wb] { font-size: clamp(22px, 5vw, 42px); letter-spacing: .06em; }.screen-overlay span[b-s5kcov64wb] { font-weight: 700; }.screen-overlay button[b-s5kcov64wb] { padding: 8px 20px; border: 2px solid var(--ink); background: transparent; color: var(--ink); font: 900 14px monospace; cursor: pointer; }
.progress-strip[b-s5kcov64wb] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin: 12px 4px 0; color: #32251d; font-size: 10px; font-weight: 900; }.progress-strip div[b-s5kcov64wb] { height: 5px; border: 1px solid #403127; }.progress-strip i[b-s5kcov64wb] { display: block; height: 100%; background: #a5281e; transition: width .15s; }
.controls[b-s5kcov64wb] { display: flex; align-items: center; justify-content: space-around; gap: 32px; margin-top: clamp(20px, 4vw, 34px); color: #342219; }.move-controls > span[b-s5kcov64wb] { display: block; margin-bottom: 7px; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-align: center; }.move-controls > div[b-s5kcov64wb] { display: flex; gap: 9px; }
.move-controls button[b-s5kcov64wb], .fire-button[b-s5kcov64wb] { touch-action: manipulation; user-select: none; cursor: pointer; color: #eee5d4; background: radial-gradient(circle at 35% 28%, #56514b, #191715 68%); border: 4px solid #29251f; box-shadow: 0 5px 0 #0d0c0b, 0 7px 10px rgba(0,0,0,.25); }.move-controls button[b-s5kcov64wb] { width: clamp(58px, 12vw, 82px); aspect-ratio: 1.3; border-radius: 17px; font-size: 22px; }.move-controls button.selected[b-s5kcov64wb] { border-color: #a5281e; box-shadow: 0 5px 0 #0d0c0b, 0 0 0 3px #d6a64f; }.fire-button[b-s5kcov64wb] { width: clamp(82px, 16vw, 110px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 28%, #e05138, #8c211a 68%); border-color: #7b241d; font-weight: 900; letter-spacing: .08em; }.move-controls button:active:not(:disabled)[b-s5kcov64wb], .fire-button:active:not(:disabled)[b-s5kcov64wb] { translate: 0 4px; box-shadow: 0 1px 0 #0d0c0b; }button:disabled[b-s5kcov64wb] { cursor: not-allowed; opacity: .45; }
.utility-controls[b-s5kcov64wb] { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }.utility-controls button[b-s5kcov64wb] { padding: 7px 12px; border: 1px solid #635243; border-radius: 4px; color: #39271d; background: #b8aa90; font: 700 10px monospace; cursor: pointer; }.keyboard-help[b-s5kcov64wb] { margin: 15px 0 0; color: #5c493a; font-size: 10px; text-align: center; }.keyboard-help kbd[b-s5kcov64wb] { padding: 1px 4px; border: 1px solid #7a6755; border-radius: 3px; }
.how-to-play[b-s5kcov64wb] { width: min(100%, 760px); margin: 14px auto 0; padding: 13px 18px; border: 1px solid rgba(248,223,172,.2); border-radius: 10px; background: rgba(0,0,0,.15); color: #d9c197; font-size: 12px; }.how-to-play summary[b-s5kcov64wb] { cursor: pointer; font-weight: 900; }.how-to-play p[b-s5kcov64wb] { margin: 10px 0 0; line-height: 1.5; }
.case-hit[b-s5kcov64wb] { animation: caseShake-b-s5kcov64wb .32s ease; }.case-hit .lcd-screen[b-s5kcov64wb] { filter: contrast(1.3); }
@keyframes caseShake-b-s5kcov64wb { 25% { transform: translateX(-5px) rotate(-.4deg); } 55% { transform: translateX(5px) rotate(.4deg); } 80% { transform: translateX(-2px); } }
@keyframes lcdBlink-b-s5kcov64wb { 50% { opacity: .2; } } @keyframes shotFlash-b-s5kcov64wb { 50% { opacity: .1; } } @keyframes outlawPop-b-s5kcov64wb { from { transform: translateX(18px); } } @keyframes duelAlert-b-s5kcov64wb { 50% { filter: invert(.18); } }
@media (max-width: 600px) {
    .westernbar-page[b-s5kcov64wb] { padding: 8px; }.game-case[b-s5kcov64wb] { padding: 14px 10px 20px; border-radius: 20px 20px 30px 30px; }.case-header[b-s5kcov64wb] { grid-template-columns: 52px 1fr 52px; gap: 4px; }.case-header p[b-s5kcov64wb] { display: none; }.case-header h1[b-s5kcov64wb] { margin-bottom: 9px; }.screen-bezel[b-s5kcov64wb] { padding: 7px; }.lcd-screen[b-s5kcov64wb] { min-height: 235px; }.lcd-hud[b-s5kcov64wb] { padding-inline: 7px; }.hud-label[b-s5kcov64wb] { display: none; }.controls[b-s5kcov64wb] { gap: 14px; }.keyboard-help[b-s5kcov64wb] { display: none; }
}
@media (prefers-reduced-motion: reduce) { *[b-s5kcov64wb], *[b-s5kcov64wb]::before, *[b-s5kcov64wb]::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* /Components/Pages/Applications/WesternBar/Index.razor.rz.scp.css */
.westernbar-landing[b-j2h63dt3rd] { min-height: calc(100vh - 64px); display: grid; grid-template-columns: minmax(260px, .85fr) minmax(340px, 1.15fr); grid-template-rows: 1fr auto; align-items: center; gap: clamp(28px, 6vw, 80px); padding: clamp(26px, 6vw, 72px); overflow: hidden; color: #f4dca9; background: radial-gradient(circle at 75% 35%, rgba(181,52,31,.2), transparent 29%), linear-gradient(135deg, #291710, #100c0a 68%); font-family: "Courier New", monospace; }
.hero[b-j2h63dt3rd] { position: relative; z-index: 2; }.eyebrow[b-j2h63dt3rd] { margin-bottom: 18px; color: #d99e58; font-size: 11px; font-weight: 700; letter-spacing: .17em; }.hero h1[b-j2h63dt3rd] { margin: 0; color: #efe1c1; font: 900 clamp(58px, 10vw, 118px)/.72 Georgia, serif; letter-spacing: -.06em; text-shadow: 4px 5px #601d16; }.hero h1 span[b-j2h63dt3rd] { margin-left: .55em; color: #bd3829; text-shadow: 3px 4px #e2ad59; }.tagline[b-j2h63dt3rd] { margin: 35px 0 25px; color: #cdbb98; font: 700 clamp(14px, 1.6vw, 18px)/1.6 "Courier New", monospace; }
.start-button[b-j2h63dt3rd] { display: inline-flex; align-items: center; gap: 20px; padding: 12px 16px 12px 22px; border: 2px solid #edbf69; border-radius: 4px; color: #25130d; background: #d6a64f; box-shadow: 5px 5px 0 #6d2419; cursor: pointer; font: 900 14px "Courier New", monospace; letter-spacing: .08em; }.start-button small[b-j2h63dt3rd] { padding: 7px 10px; color: #f4dca9; background: #6d2419; font-size: 9px; text-transform: uppercase; }.start-button:hover[b-j2h63dt3rd] { transform: translate(-1px, -1px); box-shadow: 7px 7px 0 #6d2419; }.start-button:active[b-j2h63dt3rd] { transform: translate(4px, 4px); box-shadow: 1px 1px 0 #6d2419; }.input-note[b-j2h63dt3rd] { color: #806d5d; font-size: 9px; letter-spacing: .08em; }
.handheld[b-j2h63dt3rd] { width: min(100%, 570px); justify-self: center; padding: clamp(22px, 4vw, 38px); border: 3px solid #5c4938; border-radius: 28px 28px 44px 44px; color: #2b1c14; background: linear-gradient(110deg, rgba(255,255,255,.2), transparent 22% 76%, rgba(62,36,23,.2)), #c9bca2; box-shadow: 0 28px 65px rgba(0,0,0,.6), inset 0 2px #f6ead0; transform: rotate(1.5deg); }.brand-row[b-j2h63dt3rd] { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 11px; }.brand-row strong[b-j2h63dt3rd] { font-size: 15px; letter-spacing: .08em; }
.preview-bezel[b-j2h63dt3rd] { padding: 12px; border: 2px solid #1c1814; border-radius: 13px; background: #24211d; box-shadow: inset 0 2px 4px #000; }.preview-screen[b-j2h63dt3rd] { position: relative; aspect-ratio: 16/9; overflow: hidden; color: #1b2a1c; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(20,35,22,.06) 3px 4px), #aab68f; box-shadow: inset 0 0 25px rgba(22,40,25,.26); }.preview-score[b-j2h63dt3rd] { padding: 7px 10px; border-bottom: 1px solid rgba(20,35,22,.25); font-size: clamp(10px, 1.5vw, 14px); font-weight: 900; }.preview-score span[b-j2h63dt3rd] { float: right; }.preview-sign[b-j2h63dt3rd] { position: absolute; top: 24%; left: 50%; translate: -50%; opacity: .2; font: 900 clamp(13px, 2.2vw, 24px) Georgia; white-space: nowrap; }.preview-bar[b-j2h63dt3rd] { position: absolute; top: 56%; left: 4%; right: 4%; height: 4px; background: rgba(20,35,22,.4); }.preview-bottle[b-j2h63dt3rd],.preview-plate[b-j2h63dt3rd] { position: absolute; top: 40%; font: 900 clamp(24px, 4vw, 42px) monospace; }.preview-bottle[b-j2h63dt3rd] { left: 23%; }.preview-plate[b-j2h63dt3rd] { left: 42%; }.preview-sheriff[b-j2h63dt3rd],.preview-outlaw[b-j2h63dt3rd] { position: absolute; bottom: 5%; width: 9%; height: 35%; }.preview-sheriff[b-j2h63dt3rd] { left: 28%; }.preview-outlaw[b-j2h63dt3rd] { right: 18%; }.preview-sheriff i[b-j2h63dt3rd],.preview-outlaw i[b-j2h63dt3rd] { position: absolute; left: 22%; width: 58%; aspect-ratio: 1; border-radius: 50%; background: currentColor; }.preview-sheriff b[b-j2h63dt3rd],.preview-outlaw b[b-j2h63dt3rd] { position: absolute; bottom: 0; width: 100%; height: 65%; border-radius: 50% 50% 8% 8%; background: currentColor; }
.preview-controls[b-j2h63dt3rd] { display: flex; align-items: center; justify-content: space-around; margin-top: 27px; }.preview-controls label[b-j2h63dt3rd] { display: block; margin-bottom: 6px; font-size: 9px; font-weight: 900; text-align: center; }.preview-controls span[b-j2h63dt3rd] { display: flex; gap: 7px; }.preview-controls i[b-j2h63dt3rd] { display: grid; place-items: center; width: clamp(48px, 7vw, 65px); aspect-ratio: 1.3; border: 3px solid #28231e; border-radius: 14px; color: #eee7da; background: #36322d; box-shadow: 0 4px #15130f; font-style: normal; }.preview-fire i[b-j2h63dt3rd] { width: clamp(70px, 10vw, 88px); aspect-ratio: 1; border-radius: 50%; border-color: #74241c; background: #ad3327; font-size: 12px; font-weight: 900; }
.rules[b-j2h63dt3rd] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid rgba(244,220,169,.14); background: rgba(244,220,169,.14); }.rules article[b-j2h63dt3rd] { display: flex; gap: 14px; min-height: 90px; padding: 18px; background: #17100d; }.rules article > span[b-j2h63dt3rd] { color: #a8392b; font: 900 22px Georgia; }.rules strong[b-j2h63dt3rd] { display: block; margin-bottom: 5px; color: #ead29f; font-size: 12px; text-transform: uppercase; }.rules p[b-j2h63dt3rd] { margin: 0; color: #8e7d68; font-size: 10px; line-height: 1.5; }
@media (max-width: 800px) { .westernbar-landing[b-j2h63dt3rd] { grid-template-columns: 1fr; grid-template-rows: auto; padding: 30px 16px; text-align: center; }.hero h1 span[b-j2h63dt3rd] { margin-left: 0; }.handheld[b-j2h63dt3rd] { max-width: 520px; transform: none; }.rules[b-j2h63dt3rd] { grid-template-columns: 1fr; text-align: left; } }
@media (prefers-reduced-motion: reduce) { .start-button[b-j2h63dt3rd] { transition: none; } }