@import '_content/Games.Licitovany.Client/Games.Licitovany.Client.h5lh8iu3le.bundle.scp.css';
@import '_content/Games.Marias.Client/Games.Marias.Client.73eqf85vge.bundle.scp.css';
@import '_content/Games.Taroky.Client/Games.Taroky.Client.feyj4awqne.bundle.scp.css';

/* /Components/QuickPlayFlow.razor.rz.scp.css */
/* Rychlá hra proti botům — modal výběru (hra + síla botů). Klubový felt-motiv, laděné do landingu. */
.qplay-backdrop[b-2cpqvcjh8r] {
    position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center;
    padding: 1.5rem; background: rgba(4, 12, 8, 0.66); backdrop-filter: blur(2px);
    animation: qplay-fade-b-2cpqvcjh8r 0.18s ease;
}
.qplay[b-2cpqvcjh8r] {
    position: relative; width: min(560px, 100%); max-height: 90vh; overflow-y: auto;
    padding: 2rem 1.9rem; text-align: center; color: var(--c-cream-100, #f7f1e1);
    background: linear-gradient(180deg, #123322, #0c2417);
    border: 1px solid var(--c-gold-500, #c9a227); border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6);
    animation: qplay-pop-b-2cpqvcjh8r 0.22s cubic-bezier(0.2, 0.9, 0.3, 1);
}
.qplay__x[b-2cpqvcjh8r] {
    position: absolute; top: 0.8rem; right: 1rem; padding: 0.2rem; line-height: 1; cursor: pointer;
    background: none; border: none; color: rgba(247, 241, 225, 0.55); font-size: 1.25rem;
}
.qplay__x:hover[b-2cpqvcjh8r] { color: var(--c-cream-100, #f7f1e1); }
.qplay__title[b-2cpqvcjh8r] { font-family: var(--font-display, Georgia, serif); font-size: 1.9rem; color: var(--c-gold-200, #ecd9a0); margin: 0.35rem 0 0.4rem; }
.qplay__lead[b-2cpqvcjh8r] { color: rgba(247, 241, 225, 0.75); margin: 0 0 1.4rem; font-size: 0.98rem; line-height: 1.5; }

/* výběr hry — karta s minivějířem 3 karet + název */
.qplay__games[b-2cpqvcjh8r] { display: flex; gap: 0.8rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.5rem; }
.qplay-game[b-2cpqvcjh8r] {
    flex: 1 1 140px; max-width: 175px; display: flex; flex-direction: column; align-items: center; gap: 0.55rem;
    padding: 0.9rem 0.7rem; border-radius: 12px; cursor: pointer; color: inherit; font: inherit;
    background: rgba(0, 0, 0, 0.25); border: 2px solid transparent;
    transition: border-color 0.14s, background 0.14s, transform 0.14s;
}
.qplay-game:hover[b-2cpqvcjh8r] { transform: translateY(-2px); background: rgba(0, 0, 0, 0.36); }
.qplay-game.is-sel[b-2cpqvcjh8r] { border-color: var(--c-gold-500, #c9a227); background: rgba(201, 162, 39, 0.12); }
.qplay-game__art[b-2cpqvcjh8r] { display: flex; height: 4.6rem; align-items: flex-end; justify-content: center; }
.qplay-game__art img[b-2cpqvcjh8r] {
    height: 4.4rem; width: auto; margin-left: -1.7rem; border-radius: 4px; background: #f7f1e1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}
.qplay-game__art img:first-child[b-2cpqvcjh8r] { margin-left: 0; }
.qplay-game__name[b-2cpqvcjh8r] { font-weight: 700; font-size: 0.98rem; }

/* síla botů — dva stupně s dvojdílným metrem (shodně s lobby) */
.qplay__level[b-2cpqvcjh8r] { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.qplay__level-lbl[b-2cpqvcjh8r] { color: rgba(247, 241, 225, 0.7); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; }
.qplay__level-opts[b-2cpqvcjh8r] { display: flex; gap: 0.6rem; }
.qplay-lvl[b-2cpqvcjh8r] {
    display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1.05rem; border-radius: 999px;
    cursor: pointer; color: inherit; font: inherit; font-weight: 600;
    background: rgba(0, 0, 0, 0.25); border: 2px solid transparent;
    transition: border-color 0.14s, background 0.14s, color 0.14s;
}
.qplay-lvl.is-sel[b-2cpqvcjh8r] { border-color: var(--c-gold-500, #c9a227); background: rgba(201, 162, 39, 0.12); color: var(--c-gold-200, #ecd9a0); }
.qplay-lvl__pips[b-2cpqvcjh8r] { display: inline-flex; gap: 3px; }
.qplay-lvl__pip[b-2cpqvcjh8r] { width: 7px; height: 7px; border-radius: 50%; background: rgba(247, 241, 225, 0.28); }
.qplay-lvl__pip.is-on[b-2cpqvcjh8r] { background: var(--c-gold-400, #e6cd78); }

.qplay__go[b-2cpqvcjh8r] { width: 100%; justify-content: center; font-size: 1.05rem; }

@keyframes qplay-fade-b-2cpqvcjh8r { from { opacity: 0; } }
@keyframes qplay-pop-b-2cpqvcjh8r { from { opacity: 0; transform: scale(0.96) translateY(8px); } }

@media (max-width: 520px) {
    .qplay[b-2cpqvcjh8r] { padding: 1.6rem 1.2rem; }
    .qplay__games[b-2cpqvcjh8r] { gap: 0.5rem; }
    .qplay-game[b-2cpqvcjh8r] { flex-basis: 44%; padding: 0.7rem 0.4rem; }
}
/* /Components/TableRoster.razor.rz.scp.css */
.roster[b-1f2v28wigs] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-4);
}

.roster-player[b-1f2v28wigs] {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--border-gold);
    border-radius: 999px;
    background: rgba(8, 50, 31, 0.5);
    color: var(--c-cream-100);
    font-weight: 600;
}

.roster-player.on-turn[b-1f2v28wigs] {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--c-wood-900);
    box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.35);
}

.roster-player.away[b-1f2v28wigs] {
    opacity: .55;
}

.roster-tag[b-1f2v28wigs] {
    font-weight: 400;
    font-size: .82em;
    color: var(--accent-bright);
    margin-left: var(--space-2);
}

.roster-player.on-turn .roster-tag[b-1f2v28wigs] {
    color: var(--c-wood-800);
}

.roster-player.away .roster-tag[b-1f2v28wigs] {
    color: var(--c-red-400);
}