@import '_content/btlrun.Components/btlrun.Components.4722q8quf1.bundle.scp.css';

/* /Layout/GameLayout.razor.rz.scp.css */
/* Layout styles handled by global .stage/.screen/.frame/.panel in app.css */
/* /Pages/Game.razor.rz.scp.css */
.game-page[b-prc8rsfcah] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md, 1rem);
    max-width: 480px;
    margin: 0 auto;
    padding: var(--gap-md, 1rem);
}

.loading-state[b-prc8rsfcah] {
    text-align: center;
    padding: var(--gap-xl, 2rem);
}

.spinner[b-prc8rsfcah] {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid var(--color-surface, #1a1a2e);
    border-top-color: var(--color-primary, #e94560);
    border-radius: 50%;
    animation: spin-b-prc8rsfcah 0.8s linear infinite;
}

@keyframes spin-b-prc8rsfcah {
    to { transform: rotate(360deg); }
}

.action-submitted[b-prc8rsfcah] {
    text-align: center;
    color: var(--color-success, #4ecca3);
    padding: var(--gap-md, 1rem);
    background: rgba(78, 204, 163, 0.1);
    border-radius: var(--radius-md, 0.5rem);
    border: 1px solid rgba(78, 204, 163, 0.3);
}

.eliminated-banner[b-prc8rsfcah] {
    text-align: center;
    color: var(--color-error, #e94560);
    padding: var(--gap-md, 1rem);
    background: rgba(233, 69, 96, 0.1);
    border-radius: var(--radius-md, 0.5rem);
    border: 1px solid rgba(233, 69, 96, 0.3);
}
/* /Pages/Home.razor.rz.scp.css */
.player-home-scroll[b-ggo7umwum8] {
    padding: 0 var(--frame-pad-x, 22px) var(--space-md, 16px);
    gap: var(--space-md, 16px);
}

/* ── Hero ─────────────────────────────────────────── */

.player-home-hero[b-ggo7umwum8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: var(--space-lg, 22px) var(--space-md, 16px) var(--space-md, 16px);
    border-radius: var(--r, 16px);
    border: 1px solid color-mix(in oklab, var(--accent) 18%, rgba(255,255,255,0.06));
    background: linear-gradient(170deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.22) 100%);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

.player-home-hero-avatar[b-ggo7umwum8] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in oklab, var(--accent) 12%, rgba(0,0,0,0.40));
    border: 2px solid color-mix(in oklab, var(--accent) 35%, rgba(255,255,255,0.10));
    display: grid;
    place-items: center;
    font-size: 28px;
    box-shadow: 0 0 18px color-mix(in oklab, var(--accent) 20%, transparent);
}

.player-home-hero-copy[b-ggo7umwum8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.player-home-eyebrow[b-ggo7umwum8] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in oklab, var(--accent) 70%, white);
    margin: 0;
}

.player-home-title[b-ggo7umwum8] {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.player-home-tagline-text[b-ggo7umwum8] {
    font-size: 11px;
    color: var(--muted);
    margin: 0;
    line-height: 1.5;
    max-width: 280px;
}

.player-home-stats[b-ggo7umwum8] {
    display: flex;
    gap: 24px;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.player-home-stat[b-ggo7umwum8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.player-home-stat-value[b-ggo7umwum8] {
    font-size: 20px;
    font-weight: 900;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.player-home-stat-label[b-ggo7umwum8] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--dim);
}

/* ── Sections ─────────────────────────────────────── */

.player-home-section[b-ggo7umwum8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.player-home-section-head[b-ggo7umwum8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.player-home-count[b-ggo7umwum8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: color-mix(in oklab, var(--accent) 14%, rgba(0,0,0,0.30));
    border: 1px solid color-mix(in oklab, var(--accent) 20%, rgba(255,255,255,0.06));
    font-size: 10px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: color-mix(in oklab, var(--accent) 80%, white);
}

/* ── Empty States ─────────────────────────────────── */

.player-home-empty[b-ggo7umwum8] {
    border-radius: var(--r-sm, 10px);
    border: 1px dashed rgba(255,255,255,0.08);
    background: rgba(0,0,0,0.15);
    padding: var(--space-md, 16px) var(--space-lg, 22px);
    text-align: center;
}

.player-home-empty--compact[b-ggo7umwum8] {
    padding: var(--space-sm, 10px) var(--space-md, 16px);
}

.player-home-empty-title[b-ggo7umwum8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    margin: 0;
}

.player-home-empty-copy[b-ggo7umwum8] {
    font-size: 10px;
    color: var(--dim);
    margin: 4px 0 0;
    line-height: 1.5;
}

/* ── Card Stack ───────────────────────────────────── */

.player-home-card-stack[b-ggo7umwum8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Action bar tweak ─────────────────────────────── */

.player-home-actionbar[b-ggo7umwum8] {
    padding-bottom: 0;
}

/* ── Responsive ───────────────────────────────────── */

@media (max-height: 700px) {
    .player-home-hero[b-ggo7umwum8] { padding: var(--space-sm, 10px) var(--space-sm, 10px) var(--space-xs, 6px); gap: 6px; }
    .player-home-hero-avatar[b-ggo7umwum8] { width: 44px; height: 44px; font-size: 22px; }
    .player-home-title[b-ggo7umwum8] { font-size: 18px; }
    .player-home-stats[b-ggo7umwum8] { gap: 18px; margin-top: 4px; padding-top: 6px; }
    .player-home-stat-value[b-ggo7umwum8] { font-size: 16px; }
}
/* /Pages/Join.razor.rz.scp.css */
/* Page-specific overrides; layout handled by global game classes in app.css */

.back-btn[b-xvsrc5m8cc] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.30);
    color: var(--muted);
    font-size: 18px;
    cursor: pointer;
    display: grid;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}
.back-btn:active[b-xvsrc5m8cc] { transform: translateY(1px); }

.header-title[b-xvsrc5m8cc] {
    flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text);
}
/* /Pages/Play.razor.rz.scp.css */
/* Page-specific overrides; layout handled by global game classes in app.css */
/* /Pages/WaitingRoom.razor.rz.scp.css */
/* Page-specific overrides; layout handled by global game classes in app.css */

.back-btn[b-o7h9n3bgfz] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.30);
    color: var(--muted);
    font-size: 18px;
    cursor: pointer;
    display: grid;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}
.back-btn:active[b-o7h9n3bgfz] { transform: translateY(1px); }

.header-title[b-o7h9n3bgfz] {
    flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: var(--text);
}

.invite-section[b-o7h9n3bgfz] {
    margin-left: 35px;
    width: calc(100% - 43px);
    margin-top: 2px;
    margin-bottom: -12px;
    padding: 0 8px 0 0;
}

.invite-card[b-o7h9n3bgfz] {
    border-radius: var(--r);
    border: 1px solid color-mix(in oklab, var(--accent) 25%, rgba(255,255,255,0.10));
    background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.20));
    box-shadow: 0 8px 20px rgba(0,0,0,0.30);
    padding: 6px 8px;
    text-align: center;
}

.invite-header[b-o7h9n3bgfz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 4px;
}

.invite-icon[b-o7h9n3bgfz] { font-size: 16px; }

.invite-title[b-o7h9n3bgfz] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in oklab, var(--accent) 70%, white);
}

.invite-desc[b-o7h9n3bgfz] {
    margin: 0 0 8px;
    font-size: 10px;
    color: var(--muted);
    line-height: 1.4;
}

.invite-code-row[b-o7h9n3bgfz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 6px;
}

.invite-code[b-o7h9n3bgfz] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.18em;
    color: var(--text);
    background: rgba(0,0,0,0.40);
    border: 1px solid color-mix(in oklab, var(--accent) 35%, rgba(255,255,255,0.12));
    border-radius: 8px;
    padding: 8px 16px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.40);
}

.invite-copy-btn[b-o7h9n3bgfz] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.30);
    color: var(--muted);
    font-size: 16px;
    cursor: pointer;
    display: grid;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: all 120ms ease;
}

.invite-copy-btn:hover[b-o7h9n3bgfz],
.invite-copy-btn:focus-visible[b-o7h9n3bgfz] {
    border-color: color-mix(in oklab, var(--accent) 50%, rgba(255,255,255,0.15));
    background: color-mix(in oklab, var(--accent) 12%, rgba(0,0,0,0.30));
}

.invite-copy-btn:active[b-o7h9n3bgfz] { transform: translateY(1px); }

.invite-copy-btn.copied[b-o7h9n3bgfz] {
    border-color: #4ade80;
    background: rgba(74, 222, 128, 0.15);
}

.invite-expires[b-o7h9n3bgfz] {
    margin: 0;
    font-size: 9px;
    color: var(--dim);
    font-style: italic;
}

.add-ai-btn[b-o7h9n3bgfz] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.30);
    color: var(--muted);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: all 120ms ease;
}
.add-ai-btn:hover[b-o7h9n3bgfz] {
    border-color: color-mix(in oklab, var(--accent) 40%, rgba(255,255,255,0.12));
    background: color-mix(in oklab, var(--accent) 10%, rgba(0,0,0,0.30));
}
.add-ai-btn:active[b-o7h9n3bgfz] { transform: translateY(1px); }

.tribute-remove[b-o7h9n3bgfz] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(239, 68, 68, 0.12);
    color: rgba(239, 68, 68, 0.8);
    font-size: 10px;
    cursor: pointer;
    display: grid;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: all 120ms ease;
}
.tribute-remove:hover[b-o7h9n3bgfz] {
    background: rgba(239, 68, 68, 0.25);
    border-color: rgba(239, 68, 68, 0.3);
}

.error-banner[b-o7h9n3bgfz] {
    padding: 8px 12px;
    border-radius: var(--r-sm);
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: rgba(239, 68, 68, 0.9);
    font-size: 11px;
    text-align: center;
    margin: 4px 30px 0 30px;
}

@media (max-height: 700px) {
    .invite-section[b-o7h9n3bgfz] { margin-top: 2px; }
    .invite-card[b-o7h9n3bgfz] { padding: 4px 6px; }
    .invite-header[b-o7h9n3bgfz] { margin-bottom: 2px; gap: 6px; }
    .invite-icon[b-o7h9n3bgfz] { font-size: 14px; }
    .invite-title[b-o7h9n3bgfz] { font-size: 10px; }
    .invite-desc[b-o7h9n3bgfz] { margin-bottom: 4px; font-size: 9px; }
    .invite-code-row[b-o7h9n3bgfz] { gap: 6px; margin-bottom: 4px; }
    .invite-code[b-o7h9n3bgfz] { font-size: 16px; padding: 5px 12px; }
    .invite-copy-btn[b-o7h9n3bgfz] { width: 32px; height: 32px; font-size: 14px; }
    .invite-expires[b-o7h9n3bgfz] { font-size: 8px; }
}