.play-paths[data-v-2ee1c345] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    width: min(100%, 680px);
}
.screen--home[data-v-2ee1c345] { overflow-y: auto;
}
.play-path[data-v-2ee1c345] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-height: 150px;
    padding: 1.15rem 0.8rem;
    border: 2px solid rgba(255,255,255,0.12);
    border-radius: var(--radius);
    background: var(--bg-card);
    color: var(--text-main);
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s, background 0.15s;
}
.play-path[data-v-2ee1c345]:hover {
    transform: translateY(-3px);
    border-color: var(--brand-purple);
    background: var(--bg-card-solid);
}
.play-path--primary[data-v-2ee1c345] {
    border-color: rgba(130,95,255,0.65);
    background: rgba(130,95,255,0.16);
}
.play-path__icon[data-v-2ee1c345] { font-size: 2.25rem;
}
.play-path__name[data-v-2ee1c345] { font-family: var(--font-display); font-size: 1rem; font-weight: 800;
}
.play-path__desc[data-v-2ee1c345] { color: var(--text-muted); font-size: 0.75rem; line-height: 1.35;
}
@media (max-width: 560px) {
.play-paths[data-v-2ee1c345] { grid-template-columns: 1fr; max-width: 340px;
}
.play-path[data-v-2ee1c345] { min-height: 0; display: grid; grid-template-columns: auto 1fr; text-align: left;
}
.play-path__icon[data-v-2ee1c345] { grid-row: span 2;
}
}

.multiplayer-choice[data-v-a2a57018] { justify-content: center;
}
.multiplayer-choice__intro[data-v-a2a57018] { color: var(--text-muted); text-align: center;
}
.multiplayer-choice__cards[data-v-a2a57018] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; width: min(100%, 620px);
}
.choice-card[data-v-a2a57018] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    min-height: 210px;
    padding: 1.8rem 1.2rem;
    border: 2px solid rgba(255,255,255,0.12);
    border-radius: var(--radius-lg);
    background: var(--bg-card);
    color: var(--text-main);
    cursor: pointer;
}
.choice-card[data-v-a2a57018]:hover { border-color: var(--brand-purple); background: var(--bg-card-solid);
}
.choice-card__icon[data-v-a2a57018] { font-size: 3rem;
}
.choice-card strong[data-v-a2a57018] { font-family: var(--font-display); font-size: 1.25rem;
}
.choice-card span[data-v-a2a57018]:last-child { color: var(--text-muted); font-size: 0.9rem;
}
@media (max-width: 520px) {
.multiplayer-choice__cards[data-v-a2a57018] { grid-template-columns: 1fr;
}
.choice-card[data-v-a2a57018] { min-height: 150px;
}
}

.mode-card[data-v-12b37193]:disabled { opacity: 0.45; cursor: not-allowed;
}

/* ── Trigger button (inline) ────────────────────────────────────────────── */
.pack-trigger[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    max-width: 540px;
    padding: 0.7rem 1rem;
    border-radius: var(--radius);
    border: 2px solid rgba(255,255,255,0.1);
    background: var(--bg-card);
    color: var(--text-main);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    font-size: 0.9rem;
    user-select: none;
    text-align: left;
}
.pack-trigger[data-v-72eb0e2e]:hover {
    border-color: var(--brand-purple);
    background: var(--bg-card-solid);
}
.pack-trigger__icons[data-v-72eb0e2e] {
    display: flex;
    gap: 0.2rem;
    font-size: 1.15rem;
    flex-shrink: 0;
}
.pack-trigger__more[data-v-72eb0e2e] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-left: 0.1rem;
    align-self: center;
}
.pack-trigger__label[data-v-72eb0e2e] {
    flex: 1;
    color: var(--text-muted);
    font-size: 0.85rem;
}
.pack-trigger__arrow[data-v-72eb0e2e] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* ── Modal backdrop ─────────────────────────────────────────────────────── */
.pp-backdrop[data-v-72eb0e2e] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.pp-modal[data-v-72eb0e2e] {
    display: flex;
    flex-direction: column;
    background: #1a1a2e;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 1rem;
    width: 94%;
    max-width: 520px;
    max-height: 85vh;
    overflow: hidden;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.pp-header[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.2rem 0.6rem;
}
.pp-header h3[data-v-72eb0e2e] {
    margin: 0;
    font-size: 1.15rem;
}
.pp-close[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--tap-min);
    height: var(--tap-min);
    margin: -0.3rem -0.5rem -0.3rem 0;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
.pp-close[data-v-72eb0e2e]:hover { color: var(--text-main);
}

/* ── Toolbar ────────────────────────────────────────────────────────────── */
.pp-toolbar[data-v-72eb0e2e] {
    display: flex;
    gap: 0.5rem;
    padding: 0 1.2rem 0.7rem;
    align-items: center;
}
.pp-search[data-v-72eb0e2e] {
    flex: 1;
    padding: 0.45rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.07);
    color: var(--text-main);
    font-size: 0.85rem;
    outline: none;
}
.pp-search[data-v-72eb0e2e]::placeholder { color: var(--text-muted);
}
.pp-search[data-v-72eb0e2e]:focus { border-color: var(--brand-purple);
}
.pp-bulk[data-v-72eb0e2e] {
    display: flex;
    gap: 0.3rem;
    flex-shrink: 0;
}
.pp-bulk-btn[data-v-72eb0e2e] {
    padding: 0.35rem 0.7rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    color: var(--text-muted);
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.pp-bulk-btn[data-v-72eb0e2e]:hover {
    background: rgba(255,255,255,0.1);
    color: var(--text-main);
}

/* ── Scrollable body ────────────────────────────────────────────────────── */
.pp-body[data-v-72eb0e2e] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1.2rem;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-purple) transparent;
}

/* ── Category group ─────────────────────────────────────────────────────── */
.pp-category[data-v-72eb0e2e] {
    margin-bottom: 0.6rem;
}
.pp-category-header[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 0 0.35rem;
    cursor: pointer;
    user-select: none;
}
.pp-category-header[data-v-72eb0e2e]:hover { color: var(--text-main);
}
.pp-category-toggle[data-v-72eb0e2e] {
    font-size: 0.7rem;
    width: 0.9rem;
    text-align: center;
    flex-shrink: 0;
}
.pp-category-name[data-v-72eb0e2e] { flex: 1; text-align: left;
}
.pp-category-count[data-v-72eb0e2e] {
    font-weight: 600;
    font-size: 0.72rem;
    color: var(--brand-purple);
}

/* ── 2-column grid of pack chips ────────────────────────────────────────── */
.pp-grid[data-v-72eb0e2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}
.pp-chip[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.7rem;
    border-radius: var(--radius-sm);
    border: 2px solid rgba(255,255,255,0.08);
    background: var(--bg-card);
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    font-size: 0.82rem;
    user-select: none;
    text-align: left;
}
.pp-chip[data-v-72eb0e2e]:hover {
    border-color: var(--brand-purple);
    background: var(--bg-card-solid);
}
.pp-chip--active[data-v-72eb0e2e] {
    border-color: var(--brand-purple);
    background: rgba(130,95,255,0.2);
    color: var(--text-main);
}
.pp-chip__icon[data-v-72eb0e2e] { font-size: 1.1rem; flex-shrink: 0;
}
.pp-chip__name[data-v-72eb0e2e] { font-weight: 600; line-height: 1.2;
}
.pp-empty[data-v-72eb0e2e] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem 0;
    font-size: 0.85rem;
}

/* ── Sticky footer ──────────────────────────────────────────────────────── */
.pp-footer[data-v-72eb0e2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 1.2rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.pp-footer__count[data-v-72eb0e2e] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ── Fade transition ────────────────────────────────────────────────────── */
.fade-enter-active[data-v-72eb0e2e],
.fade-leave-active[data-v-72eb0e2e] { transition: opacity 0.2s;
}
.fade-enter-from[data-v-72eb0e2e],
.fade-leave-to[data-v-72eb0e2e] { opacity: 0;
}

/* ── Mobile: single column at narrow widths ─────────────────────────────── */
@media (max-width: 420px) {
.pp-grid[data-v-72eb0e2e] {
        grid-template-columns: 1fr;
}
.pp-modal[data-v-72eb0e2e] {
        width: 100%;
        max-height: 95vh;
        border-radius: 1rem 1rem 0 0;
        align-self: flex-end;
}
}

.big-screen-setup[data-v-00eab796] { overflow-y: auto;
}
.big-screen-setup__heading[data-v-00eab796] { display: flex; align-items: center; gap: 1rem; width: min(100%, 680px);
}
.big-screen-setup__heading p[data-v-00eab796] { color: var(--text-muted);
}
.big-screen-setup__tv[data-v-00eab796] { font-size: 3rem;
}
.mode-explainer[data-v-00eab796], .cast-settings[data-v-00eab796] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: min(100%, 680px);
    padding: 1rem;
    border: 1px solid rgba(123,206,254,0.25);
    border-radius: var(--radius);
    background: rgba(123,206,254,0.07);
}
.mode-explainer span[data-v-00eab796], .cast-settings .field-hint[data-v-00eab796] { color: var(--text-muted); font-size: 0.85rem;
}

.big-screen[data-v-85a3c243] { display: grid; grid-template-rows: auto 1fr auto; gap: 1rem; width: 100%; overflow-y: auto;
}
.big-screen__header[data-v-85a3c243], .big-screen__footer[data-v-85a3c243] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(100%, 1200px); margin: 0 auto;
}
.big-screen__brand[data-v-85a3c243] { font-family: var(--font-display); font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 900; letter-spacing: -0.08em;
}
.big-screen__brand span[data-v-85a3c243]:first-child { color: var(--brand-purple);
}
.big-screen__brand span[data-v-85a3c243]:last-child { color: var(--brand-blue);
}
.big-screen__meta[data-v-85a3c243], .big-screen__controls[data-v-85a3c243], .big-screen__actions[data-v-85a3c243] { display: flex; align-items: center; justify-content: center; gap: 0.75rem;
}
.big-screen__cast[data-v-85a3c243], .big-screen__pill[data-v-85a3c243] { padding: 0.45em 0.8em; border-radius: 99px; background: var(--bg-card); font-size: 0.85rem;
}
.big-screen__timer[data-v-85a3c243] { min-width: 2ch; color: var(--brand-gold); font-family: var(--font-display); font-size: clamp(1.8rem, 5vw, 3rem); font-weight: 900; text-align: center;
}
.big-screen__main[data-v-85a3c243] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: min(100%, 1200px); margin: 0 auto; text-align: center;
}
.big-screen__main h1[data-v-85a3c243] { max-width: 1000px; font-size: clamp(2rem, 6vw, 4.8rem); line-height: 1.08;
}
.big-screen__eyebrow[data-v-85a3c243] { color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.85rem; font-weight: 800;
}
.big-screen__hint[data-v-85a3c243], .big-screen__waiting[data-v-85a3c243] { color: var(--text-muted);
}
.big-screen__code[data-v-85a3c243] { padding: 0; border: 0; background: transparent; color: var(--brand-blue); font-family: var(--font-display); font-size: clamp(3.8rem, 14vw, 8rem); font-weight: 900; letter-spacing: 0.15em; cursor: pointer;
}
.big-screen__joined[data-v-85a3c243], .big-screen__scores[data-v-85a3c243] { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.6rem; margin: 1.4rem 0;
}
.big-screen__player[data-v-85a3c243], .big-screen__score-chip[data-v-85a3c243] { padding: 0.55em 0.9em; border-radius: 99px; background: var(--bg-card);
}
.big-screen__score-chip strong[data-v-85a3c243] { margin-left: 0.35rem; color: var(--brand-gold);
}
.big-screen__countdown[data-v-85a3c243] { color: var(--brand-gold); font-family: var(--font-display); font-size: clamp(7rem, 25vw, 14rem); font-weight: 900;
}
.big-screen__question[data-v-85a3c243] { margin: 0.7rem 0 1.2rem;
}
.big-screen__options[data-v-85a3c243] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; width: min(100%, 980px);
}
.big-screen__option[data-v-85a3c243] { padding: clamp(0.9rem, 2.5vw, 1.6rem); border: 2px solid rgba(255,255,255,0.12); border-radius: var(--radius); background: var(--bg-card); font-family: var(--font-display); font-size: clamp(1rem, 2.7vw, 1.8rem); font-weight: 700;
}
.big-screen__buzzed[data-v-85a3c243] { padding: 0.55em 1em; border-radius: 99px; background: var(--brand-pink); font-family: var(--font-display); font-size: clamp(1.8rem, 6vw, 4rem); font-weight: 900; box-shadow: 0 0 42px rgba(255,107,157,0.35);
}
.big-screen__answer[data-v-85a3c243] { color: var(--correct); font-family: var(--font-display); font-size: clamp(2.5rem, 8vw, 6rem); font-weight: 900;
}
.big-screen__judge[data-v-85a3c243] { margin-top: 1.5rem;
}
.big-screen__judge p[data-v-85a3c243] { margin-bottom: 0.7rem; color: var(--text-muted);
}
.big-screen__judge .big-screen__answer-key[data-v-85a3c243] { color: var(--text-main); font-size: 1.2rem;
}
.big-screen__answer-key strong[data-v-85a3c243] { color: var(--correct);
}
.big-screen__judge-correct[data-v-85a3c243] { background: var(--correct); color: white;
}
.big-screen__judge-wrong[data-v-85a3c243] { background: var(--wrong); color: white;
}
.big-screen__scoreboard[data-v-85a3c243] { display: flex; flex-direction: column; gap: 0.6rem; width: min(100%, 520px); margin: 1.5rem 0;
}
.big-screen__score-row[data-v-85a3c243] { display: flex; justify-content: space-between; padding: 0.8rem 1rem; border-radius: var(--radius-sm); background: var(--bg-card); font-size: 1.15rem;
}
.big-screen__score-row strong[data-v-85a3c243] { color: var(--brand-gold);
}
.big-screen__footer[data-v-85a3c243] { align-items: flex-end; flex-wrap: wrap;
}
.big-screen__cast-notice[data-v-85a3c243] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-basis: 100%; padding: 0.8rem 1rem; border: 1px solid var(--brand-gold); border-radius: var(--radius-sm);
}
.big-screen__cast-notice p[data-v-85a3c243] { margin: 0;
}
.big-screen__error[data-v-85a3c243] { position: fixed; bottom: 1rem;
}
@media (max-width: 600px) {
.big-screen__meta[data-v-85a3c243] { flex-wrap: wrap; justify-content: flex-end;
}
.big-screen__cast-notice[data-v-85a3c243] { flex-direction: column; width: 100%;
}
.big-screen__options[data-v-85a3c243] { grid-template-columns: 1fr;
}
.big-screen__footer[data-v-85a3c243] { flex-direction: column; align-items: center;
}
.big-screen__controls[data-v-85a3c243] { flex-wrap: wrap;
}
}

.buzzer-screen[data-v-60c8e103] { text-align: center; gap: 1rem;
}
.buzzer-screen__top[data-v-60c8e103] { position: absolute; top: calc(1rem + env(safe-area-inset-top)); left: 1rem; right: 1rem; display: flex; justify-content: space-between; align-items: center;
}
.buzzer-screen__question-number[data-v-60c8e103] { color: var(--text-muted); font-weight: 800;
}
.buzzer-screen__icon[data-v-60c8e103] { font-size: 5rem;
}
.buzzer-screen p[data-v-60c8e103] { color: var(--text-muted);
}
.buzzer-screen__players[data-v-60c8e103] { padding: 0.6em 1em; border-radius: 99px; background: var(--bg-card);
}
.buzzer[data-v-60c8e103] { width: min(72vw, 320px); aspect-ratio: 1; border: 10px solid rgba(255,255,255,0.2); border-radius: 50%; background: radial-gradient(circle at 35% 28%, #ff829f, #e42450 60%, #8b102c); color: white; box-shadow: 0 18px 0 #750d26, 0 28px 55px rgba(0,0,0,0.45); cursor: pointer;
}
.buzzer[data-v-60c8e103]:active:not(:disabled) { transform: translateY(12px); box-shadow: 0 6px 0 #750d26, 0 16px 32px rgba(0,0,0,0.4);
}
.buzzer span[data-v-60c8e103] { display: block; font-size: 3rem;
}
.buzzer strong[data-v-60c8e103] { display: block; font-family: var(--font-display); font-size: 2.2rem;
}
.buzzer--disabled[data-v-60c8e103] { filter: grayscale(0.8); opacity: 0.55; cursor: not-allowed;
}
.buzzer-screen__your-turn[data-v-60c8e103], .buzzer-screen__waiting-turn[data-v-60c8e103] { display: flex; flex-direction: column; align-items: center; gap: 0.6rem;
}
.buzzer-screen__your-turn > span[data-v-60c8e103], .buzzer-screen__waiting-turn > span[data-v-60c8e103] { font-size: 6rem;
}
.buzzer-screen__your-turn h2[data-v-60c8e103] { color: var(--brand-gold); font-size: 2.6rem;
}
.buzzer-screen__answer[data-v-60c8e103] { color: var(--correct); font-size: clamp(2.5rem, 12vw, 5rem);
}
.buzzer-screen__scores[data-v-60c8e103] { display: flex; flex-direction: column; width: min(100%, 420px); gap: 0.5rem;
}
.buzzer-screen__scores > div[data-v-60c8e103] { display: flex; justify-content: space-between; padding: 0.8rem 1rem; border-radius: var(--radius-sm); background: var(--bg-card);
}
.buzzer-screen__score--me[data-v-60c8e103] { border: 1px solid var(--brand-purple);
}

/* ── Trigger button (inline) ────────────────────────────────────────────── */
.mg-trigger[data-v-7e490b4d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    max-width: 540px;
    padding: 0.7rem 1rem;
    border-radius: var(--radius);
    border: 2px solid rgba(255,255,255,0.1);
    background: var(--bg-card);
    color: var(--text-main);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    font-size: 0.9rem;
    user-select: none;
    text-align: left;
}
.mg-trigger[data-v-7e490b4d]:hover {
    border-color: var(--brand-purple);
    background: var(--bg-card-solid);
}
.mg-trigger__icons[data-v-7e490b4d] {
    display: flex;
    gap: 0.2rem;
    font-size: 1.15rem;
    flex-shrink: 0;
}
.mg-trigger__more[data-v-7e490b4d] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-left: 0.1rem;
    align-self: center;
}
.mg-trigger__label[data-v-7e490b4d] {
    flex: 1;
    color: var(--text-muted);
    font-size: 0.85rem;
}
.mg-trigger__arrow[data-v-7e490b4d] {
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* ── Modal backdrop ─────────────────────────────────────────────────────── */
.mg-backdrop[data-v-7e490b4d] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.mg-modal[data-v-7e490b4d] {
    display: flex;
    flex-direction: column;
    background: #1a1a2e;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 1rem;
    width: 94%;
    max-width: 480px;
    max-height: 85vh;
    overflow: hidden;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.mg-header[data-v-7e490b4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.2rem 0.6rem;
}
.mg-header h3[data-v-7e490b4d] {
    margin: 0;
    font-size: 1.15rem;
}
.mg-close[data-v-7e490b4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--tap-min);
    height: var(--tap-min);
    margin: -0.3rem -0.5rem -0.3rem 0;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
.mg-close[data-v-7e490b4d]:hover { color: var(--text-main);
}

/* ── Toolbar ────────────────────────────────────────────────────────────── */
.mg-toolbar[data-v-7e490b4d] {
    display: flex;
    gap: 0.5rem;
    padding: 0 1.2rem 0.7rem;
    align-items: center;
}
.mg-bulk[data-v-7e490b4d] {
    display: flex;
    gap: 0.3rem;
}
.mg-bulk-btn[data-v-7e490b4d] {
    padding: 0.35rem 0.7rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    color: var(--text-muted);
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.mg-bulk-btn[data-v-7e490b4d]:hover {
    background: rgba(255,255,255,0.1);
    color: var(--text-main);
}

/* ── Scrollable body ────────────────────────────────────────────────────── */
.mg-eligibility[data-v-7e490b4d] {
    margin: 0;
    padding: 0 1.2rem 0.8rem;
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}
.mg-body[data-v-7e490b4d] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1.2rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-purple) transparent;
}

/* ── Mini-game cards ────────────────────────────────────────────────────── */
.mg-card[data-v-7e490b4d] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.6rem 0.8rem;
    border-radius: var(--radius-sm);
    border: 2px solid rgba(255,255,255,0.08);
    background: var(--bg-card);
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    font-size: 0.85rem;
    user-select: none;
    text-align: left;
}
.mg-card[data-v-7e490b4d]:hover {
    border-color: var(--brand-purple);
    background: var(--bg-card-solid);
}
.mg-card--active[data-v-7e490b4d] {
    border-color: var(--brand-purple);
    background: rgba(130,95,255,0.2);
    color: var(--text-main);
}
.mg-card__icon[data-v-7e490b4d] {
    font-size: 1.3rem;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 0.1rem;
}
.mg-card__info[data-v-7e490b4d] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.mg-card__name[data-v-7e490b4d] {
    font-weight: 700;
    font-size: 0.88rem;
}
.mg-card__desc[data-v-7e490b4d] {
    font-size: 0.73rem;
    color: var(--text-muted);
    line-height: 1.3;
}

/* ── Sticky footer ──────────────────────────────────────────────────────── */
.mg-footer[data-v-7e490b4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 1.2rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.mg-footer__count[data-v-7e490b4d] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ── Fade transition ────────────────────────────────────────────────────── */
.fade-enter-active[data-v-7e490b4d],
.fade-leave-active[data-v-7e490b4d] { transition: opacity 0.2s;
}
.fade-enter-from[data-v-7e490b4d],
.fade-leave-to[data-v-7e490b4d] { opacity: 0;
}

/* ── Mobile ─────────────────────────────────────────────────────────────── */
@media (max-width: 420px) {
.mg-modal[data-v-7e490b4d] {
        width: 100%;
        max-height: 95vh;
        border-radius: 1rem 1rem 0 0;
        align-self: flex-end;
}
}

.board-info[data-v-925b11dc] { max-width: 680px; width: 100%; padding: 1rem 1.2rem; border: 1px solid #aa89ff60; border-radius: 1rem; background: #825fff16; text-align: left;
}
.board-info strong[data-v-925b11dc] { color: #dacaff; font-size: 1.05rem;
}
.board-info p[data-v-925b11dc] { margin: 0.6rem 0; line-height: 1.5;
}
.board-info span[data-v-925b11dc] { color: #d0c7dd; font-size: 0.875rem;
}
.board-info .board-info__fallback[data-v-925b11dc] { color: #ffe099; font-size: 0.875rem;
}

.modal-backdrop[data-v-1dfaff48] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.modal-card[data-v-1dfaff48] {
    background: var(--bg-card-solid, rgba(255,255,255,0.14));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 1rem;
    padding: 1.8rem 2rem;
    max-width: 340px;
    width: 90%;
    text-align: center;
}
.modal-card h3[data-v-1dfaff48] {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
}
.modal-card p[data-v-1dfaff48] {
    color: var(--text-muted, rgba(255,255,255,0.6));
    font-size: 0.9rem;
    margin: 0 0 1.4rem;
    line-height: 1.4;
}
.modal-actions[data-v-1dfaff48] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}
.btn--danger[data-v-1dfaff48] {
    background: #e53e3e;
    color: #fff;
    border: none;
    padding: 0.55em 1.4em;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.btn--danger[data-v-1dfaff48]:hover {
    background: #c53030;
}

/* fade transition */
.fade-enter-active[data-v-1dfaff48],
.fade-leave-active[data-v-1dfaff48] {
    transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-1dfaff48],
.fade-leave-to[data-v-1dfaff48] {
    opacity: 0;
}

.qmg-backdrop[data-v-d554ac88] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.qmg-modal[data-v-d554ac88] {
    display: flex;
    flex-direction: column;
    background: #1a1a2e;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 1rem;
    width: 94%;
    max-width: 480px;
    max-height: 80vh;
    overflow: hidden;
}
.qmg-header[data-v-d554ac88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.2rem 0.4rem;
}
.qmg-header h3[data-v-d554ac88] {
    margin: 0;
    font-size: 1.15rem;
}
.qmg-close[data-v-d554ac88] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--tap-min);
    height: var(--tap-min);
    margin: -0.3rem -0.5rem -0.3rem 0;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
.qmg-close[data-v-d554ac88]:hover { color: var(--text-main);
}
.qmg-subtitle[data-v-d554ac88] {
    margin: 0;
    padding: 0 1.2rem 0.8rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}
.qmg-body[data-v-d554ac88] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1.2rem 1.2rem;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-purple) transparent;
}
.btn--outline[data-v-d554ac88] {
    background: transparent;
    border: 2px solid rgba(255,255,255,0.15);
    color: var(--text-main);
    padding: 0.65em 1.4em;
    border-radius: 0.6rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}
.btn--outline[data-v-d554ac88]:hover {
    border-color: var(--brand-purple);
    background: rgba(130,95,255,0.12);
}

/* fade transition */
.fade-enter-active[data-v-d554ac88],
.fade-leave-active[data-v-d554ac88] { transition: opacity 0.2s;
}
.fade-enter-from[data-v-d554ac88],
.fade-leave-to[data-v-d554ac88] { opacity: 0;
}
@media (max-width: 420px) {
.qmg-modal[data-v-d554ac88] {
        width: 100%;
        max-height: 90vh;
        border-radius: 1rem 1rem 0 0;
        align-self: flex-end;
}
}

.party-challenge[data-v-2b571aa5] { width: 100%; max-width: 620px; margin: 0 auto; padding: 1rem; text-align: center;
}
.party-challenge__header[data-v-2b571aa5], .party-challenge__scale-labels[data-v-2b571aa5], .party-challenge__slider-label[data-v-2b571aa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.party-challenge__badge[data-v-2b571aa5] { color: #c4b5fd; font-weight: 700;
}
.party-challenge__eyebrow[data-v-2b571aa5] { margin: 1.8rem 0 0.5rem; color: #c4b5fd; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.08em;
}
.party-challenge h2[data-v-2b571aa5] { font-size: clamp(1.5rem, 5vw, 2.2rem); line-height: 1.25; margin: 0.6rem 0;
}
.party-challenge__hint[data-v-2b571aa5] { color: var(--text-muted); line-height: 1.55; margin: 1rem 0;
}
.party-challenge__small[data-v-2b571aa5] { color: var(--text-muted); line-height: 1.5; font-size: 0.8rem; margin: 1.2rem 0;
}
.party-challenge__treasure[data-v-2b571aa5] { display: grid; justify-items: center; gap: 0.25rem; margin: 1.5rem auto;
}
.party-challenge__treasure > span[data-v-2b571aa5] { font-size: 3rem;
}
.party-challenge__treasure > strong[data-v-2b571aa5] { font-size: 3.5rem; line-height: 1.1; color: #a7f3d0;
}
.party-challenge__treasure--bust > strong[data-v-2b571aa5] { color: #fda4af;
}
.party-challenge__treasure small[data-v-2b571aa5] { color: var(--text-muted);
}
.party-challenge__risk-meter[data-v-2b571aa5] { height: 0.5rem; border-radius: 1rem; background: #a7f3d030; overflow: hidden; margin: 1rem 0 1.5rem;
}
.party-challenge__risk-meter span[data-v-2b571aa5] { display: block; height: 100%; background: #fb7185;
}
.party-challenge__actions[data-v-2b571aa5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem;
}
.party-challenge__actions .btn[data-v-2b571aa5] { min-height: 64px; padding: 0.75rem; white-space: normal;
}
.party-challenge__locked[data-v-2b571aa5] { padding: 1rem; margin: 1.5rem 0; border: 1px solid #a78bfa; border-radius: 0.8rem; background: #a78bfa15;
}
.party-challenge__clock[data-v-2b571aa5] { display: grid; place-items: center; width: 210px; height: 210px; margin: 1.5rem auto; border: 5px solid #a78bfa; border-radius: 50%; font: 700 3.5rem ui-monospace, monospace; background: #a78bfa15;
}
.party-challenge__clock--hidden[data-v-2b571aa5] { border-color: #ffffff30; color: #c4b5fd;
}
.party-challenge__clock-button[data-v-2b571aa5] { min-height: 72px; min-width: 220px; font-size: 1.2rem; touch-action: manipulation;
}
.party-challenge__scale-labels[data-v-2b571aa5] { align-items: start; margin: 1.5rem 0 0.75rem; color: #c4b5fd; font-size: 0.9rem;
}
.party-challenge__scale-labels span[data-v-2b571aa5] { flex: 1; text-align: left;
}
.party-challenge__scale-labels span[data-v-2b571aa5]:last-child { text-align: right;
}
.party-challenge__slider-label[data-v-2b571aa5] { margin: 1.5rem 0 0; text-align: left;
}
.party-challenge__slider-label output[data-v-2b571aa5] { font-size: 1.5rem; font-weight: 700; color: #c4b5fd;
}
.party-challenge__slider[data-v-2b571aa5] { display: block; width: 100%; height: 48px; accent-color: #a78bfa; margin: 0.5rem 0 1.5rem; cursor: pointer;
}
.party-challenge__rows[data-v-2b571aa5] { display: grid; gap: 0.65rem; margin: 1.25rem 0;
}
.party-challenge__row[data-v-2b571aa5] { display: grid; gap: 0.5rem; text-align: left; border: 1px solid #ffffff25; border-radius: 0.8rem; padding: 1rem; overflow-wrap: anywhere;
}
.party-challenge__row--correct[data-v-2b571aa5] { border-color: #6ee7b7; background: #6ee7b710;
}
.party-challenge__row > span[data-v-2b571aa5], .party-challenge__row > small[data-v-2b571aa5] { color: var(--text-muted); font-size: 0.85rem;
}
.party-challenge__position[data-v-2b571aa5] { position: relative; height: 6px; margin: 0.75rem 0.5rem; border-radius: 1rem; background: linear-gradient(90deg, #c4b5fd55, #a7f3d055);
}
.party-challenge__position > span[data-v-2b571aa5] { position: absolute; top: -5px; width: 16px; height: 16px; transform: translateX(-50%); border-radius: 50%; background: #c4b5fd; border: 2px solid #fff;
}
.party-challenge__total[data-v-2b571aa5] { font-size: 1.2rem; font-weight: 700;
}
.party-challenge button[data-v-2b571aa5]:focus-visible, .party-challenge input[data-v-2b571aa5]:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 4px;
}
@media (max-width: 400px) {
.party-challenge[data-v-2b571aa5] { padding: 0.5rem;
}
.party-challenge__actions[data-v-2b571aa5] { gap: 0.5rem;
}
.party-challenge__clock[data-v-2b571aa5] { width: 180px; height: 180px;
}
}

.party-mini[data-v-7625e056] {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}
.party-mini__top[data-v-7625e056], .party-mini__form-footer[data-v-7625e056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}
.party-mini__eyebrow[data-v-7625e056] {
    margin: 1.75rem 0 0.5rem;
    color: #c4b5fd;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.party-mini h2[data-v-7625e056] { font-size: clamp(1.4rem, 5vw, 2rem); line-height: 1.25;
}
.party-mini__hint[data-v-7625e056] { color: var(--text-muted); line-height: 1.5; margin: 1rem 0;
}
.party-mini__label[data-v-7625e056] { display: block; text-align: left; margin: 1.5rem 0 0.5rem;
}
.party-mini__input[data-v-7625e056] { width: 100%; max-width: none; resize: vertical; font: inherit;
}
.party-mini__form-footer[data-v-7625e056] { margin-top: 0.75rem; color: var(--text-muted); font-size: 0.8rem;
}
.party-mini__locked[data-v-7625e056] {
    display: grid;
    gap: 0.65rem;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border: 1px solid #a78bfa;
    border-radius: 1rem;
    background: #a78bfa15;
    overflow-wrap: anywhere;
}
.party-mini__locked p[data-v-7625e056] { margin: 0; color: var(--text-muted);
}
.party-mini__tray[data-v-7625e056] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; margin: 1.25rem 0;
}
.party-mini__object[data-v-7625e056], .party-mini__option[data-v-7625e056] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 1rem 0.5rem;
    border: 2px solid #ffffff20;
    border-radius: 1rem;
    background: var(--bg-card, #20203a);
    color: var(--text-main, #fff);
    font: inherit;
}
.party-mini__object[data-v-7625e056] { font-size: 0.85rem;
}
.party-mini__emoji[data-v-7625e056] { font-size: clamp(2rem, 8vw, 3rem); line-height: 1.2;
}
.party-mini__options[data-v-7625e056] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 1.5rem 0;
}
.party-mini__options--words[data-v-7625e056] { grid-template-columns: 1fr;
}
.party-mini__option[data-v-7625e056] { min-height: 90px; cursor: pointer; overflow-wrap: anywhere;
}
.party-mini__options--words .party-mini__option[data-v-7625e056] { min-height: 64px; padding: 1rem;
}
.party-mini__option[data-v-7625e056]:hover:enabled, .party-mini__option--selected[data-v-7625e056] { border-color: #a78bfa; background: #a78bfa25;
}
.party-mini__option[data-v-7625e056]:disabled { cursor: default; opacity: 0.75;
}
.party-mini__option--selected[data-v-7625e056]:disabled, .party-mini__option--correct[data-v-7625e056]:disabled { opacity: 1;
}
.party-mini__option--correct[data-v-7625e056] { border-color: #6ee7b7; background: #6ee7b720;
}
.party-mini__option--wrong[data-v-7625e056] { border-color: #fda4af;
}
.party-mini__option small[data-v-7625e056] { font-size: 0.75rem; font-weight: 700;
}
.party-mini__option[data-v-7625e056]:focus-visible, .party-mini__source[data-v-7625e056]:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 4px;
}
.party-mini__feedback[data-v-7625e056] { margin: 1rem 0; font-size: 1.1rem; font-weight: 700;
}
.party-mini__progress[data-v-7625e056] { margin-top: 1.5rem; color: var(--text-muted); font-size: 0.85rem;
}
.party-mini__dots[data-v-7625e056] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; margin-top: 0.75rem;
}
.party-mini__dots span[data-v-7625e056] { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #ffffff30;
}
.party-mini__dots .party-mini__dot--done[data-v-7625e056] { background: #a78bfa;
}
.party-mini__reveal[data-v-7625e056] { display: grid; gap: 0.75rem; margin: 1.5rem 0;
}
.party-mini__reveal-row[data-v-7625e056] { display: grid; gap: 0.5rem; padding: 1rem; text-align: left; border: 1px solid #ffffff25; border-radius: 0.8rem; overflow-wrap: anywhere;
}
.party-mini__reveal-row span[data-v-7625e056], .party-mini__reveal-row small[data-v-7625e056] { color: var(--text-muted);
}
.party-mini__reveal-row--match[data-v-7625e056] { border-color: #6ee7b7; background: #6ee7b715;
}
.party-mini__source[data-v-7625e056] { color: #c4b5fd; font-size: 0.85rem;
}
@media (max-width: 400px) {
.party-mini[data-v-7625e056] { padding: 0.5rem;
}
.party-mini__tray[data-v-7625e056] { gap: 0.4rem;
}
.party-mini__object[data-v-7625e056] { padding: 0.75rem 0.25rem; font-size: 0.75rem;
}
}

.screen--pack-pick[data-v-8a90889f] {
    gap: 0.75rem;
}
.pack-pick-badge[data-v-8a90889f] {
    font-size: 4rem;
    line-height: 1;
}
.pack-pick-badge--chosen[data-v-8a90889f] {
    font-size: 5rem;
}
.pack-pick-title[data-v-8a90889f] {
    font-size: 1.5rem;
    font-weight: 800;
    text-align: center;
}
.pack-pick-subtitle[data-v-8a90889f] {
    color: var(--text-muted);
    text-align: center;
    max-width: 300px;
}
.pack-pick-chosen-name[data-v-8a90889f] {
    font-size: 1.75rem;
    font-weight: 900;
    background: linear-gradient(135deg, var(--brand-purple), var(--brand-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
}
.pack-pick-grid[data-v-8a90889f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 0.6rem;
    width: 100%;
    max-width: 500px;
    max-height: 50vh;
    overflow-y: auto;
    padding: 0.5rem;
    margin-top: 0.5rem;
}
.pack-pick-card[data-v-8a90889f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    padding: 0.75rem 0.5rem;
    border-radius: var(--radius-sm);
    background: var(--bg-card);
    border: 2px solid transparent;
    color: var(--text-main);
    cursor: pointer;
    transition: all var(--transition);
    font-family: inherit;
}
.pack-pick-card[data-v-8a90889f]:hover,
.pack-pick-card[data-v-8a90889f]:focus-visible {
    background: var(--bg-card-solid);
    border-color: var(--brand-purple);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(130, 95, 255, 0.3);
}
.pack-pick-card[data-v-8a90889f]:active {
    transform: translateY(0);
}
.pack-pick-card__icon[data-v-8a90889f] {
    font-size: 2rem;
    line-height: 1;
}
.pack-pick-card__name[data-v-8a90889f] {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
}
.animate-pop[data-v-8a90889f] {
    animation: pop-in-8a90889f 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes pop-in-8a90889f {
0% { transform: scale(0); opacity: 0;
}
100% { transform: scale(1); opacity: 1;
}
}

.star-icon[data-v-e0d2bed9] { display: block; flex-shrink: 0; color: #ffd24d;
}

.race[data-v-a0419867] { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.75rem 0.5rem 0.6rem; border-radius: 1.1rem; background: #241944; width: 100%;
}
.race__head[data-v-a0419867] { display: flex; justify-content: space-between; align-items: baseline; padding: 0 0.5rem 0.15rem;
}
.race__title[data-v-a0419867] { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #d9ccff;
}
.race__key[data-v-a0419867] { font-size: 0.75rem; color: #a99cc9;
}
.race__lanes[data-v-a0419867] { list-style: none; display: flex; flex-direction: column; gap: 0.15rem;
}
.race__lane[data-v-a0419867] { display: flex; align-items: center; gap: 0.5rem; min-height: 2.6rem; padding: 0 0.5rem; border-radius: 0.75rem;
}
.race--compact .race__lane[data-v-a0419867] { min-height: 2.15rem; gap: 0.4rem;
}
.race__lane--you[data-v-a0419867] { background: #6c47f033; box-shadow: inset 0 0 0 1.5px #ac91ff80;
}
.race__lane--away[data-v-a0419867] { opacity: 0.5;
}
.race__who[data-v-a0419867] { width: 3.6rem; flex-shrink: 0; display: flex; flex-direction: column; gap: 0.2rem; min-width: 0;
}
.race__name[data-v-a0419867] { font-size: 0.875rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.race__stars[data-v-a0419867] { display: flex; align-items: center; gap: 0.2rem; font-size: 0.75rem; font-weight: 700; color: #ffd24d;
}
.race__track[data-v-a0419867] { position: relative; flex: 1; min-width: 0; height: 2rem; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); align-items: center; justify-items: center;
}
.race__dot[data-v-a0419867] { width: 5px; height: 5px; border-radius: 50%; background: #ffffff1a;
}
.race__dot--ahead[data-v-a0419867] { background: #ffffff59;
}
.race__dot--trail[data-v-a0419867] { width: 6px; height: 6px; background: #7bcefe;
}
.race__goal[data-v-a0419867] { display: grid; place-items: center; opacity: 0.7;
}
.race__goal--near[data-v-a0419867] { opacity: 1;
}
.race__token[data-v-a0419867] { position: absolute; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; color: #211533; font-size: 0.7rem; font-weight: 800; box-shadow: 0 0 0 2px #1a1033; transition: left 1.2s cubic-bezier(0.3, 0.7, 0.3, 1); z-index: 1;
}
.race__lane--you .race__token[data-v-a0419867] { box-shadow: 0 0 0 2px #1a1033, 0 0 0 4px #fff;
}
.race--compact .race__token[data-v-a0419867] { width: 1.25rem; height: 1.25rem;
}
.race__tag[data-v-a0419867] { width: 2.4rem; flex-shrink: 0; display: flex; justify-content: flex-end;
}
.race__distance[data-v-a0419867] { display: flex; flex-direction: column; align-items: flex-end; font-size: 0.7rem; line-height: 1.1; color: #a99cc9;
}
.race__distance strong[data-v-a0419867] { font-size: 0.875rem; color: #fff;
}
.race__away[data-v-a0419867] { font-size: 0.75rem; color: #a99cc9;
}
.race__pill[data-v-a0419867] { display: inline-flex; align-items: center; gap: 0.15rem; padding: 0.3rem 0.5rem; border-radius: 999px; background: #ffffff26; font-size: 0.8rem; font-weight: 800; white-space: nowrap;
}
.race__pill--good[data-v-a0419867] { background: #6be0a7; color: #0e2a1c;
}
.race__pill--star[data-v-a0419867] { background: #ffd24d; color: #3d2d12;
}
.race__pill--star[data-v-a0419867] .star-icon { color: #3d2d12;
}
@media (prefers-reduced-motion: reduce) {
.race__token[data-v-a0419867] { transition: none;
}
}

.screen--circuit[data-v-f45de88d] { justify-content: flex-start; gap: 1rem; padding-top: max(0.75rem, env(safe-area-inset-top)); padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
}
.circuit-top[data-v-f45de88d], .circuit-body[data-v-f45de88d], .circuit-notice[data-v-f45de88d] { width: 100%; max-width: 560px;
}

/* The app's settings dot is pinned top-right; keep our controls clear of it. */
.circuit-top[data-v-f45de88d] { display: flex; align-items: center; gap: 0.75rem; padding-right: calc(var(--tap-min) + 0.25rem);
}
.circuit-top__round[data-v-f45de88d] { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; min-width: 0;
}
.circuit-top__round strong[data-v-f45de88d] { font-family: var(--font-display); font-size: 1.1rem;
}
.circuit-top__round strong span[data-v-f45de88d] { color: #a99cc9; font-weight: 500;
}
.circuit-top__round > span[data-v-f45de88d] { font-size: 0.8rem; color: #c9bfe0;
}
.circuit-top__leave[data-v-f45de88d] { min-height: var(--tap-min); padding: 0 0.9rem; border-radius: 0.75rem; border: 1px solid #ffffff26; background: transparent; color: #c9bfe0; font: inherit; font-size: 0.875rem; cursor: pointer;
}
.circuit-timer[data-v-f45de88d] { position: relative; width: 44px; height: 44px; flex-shrink: 0;
}
.circuit-timer svg[data-v-f45de88d] { width: 100%; height: 100%; transform: rotate(-90deg); fill: none; stroke-width: 4;
}
.circuit-timer__track[data-v-f45de88d] { stroke: #ffffff1f;
}
.circuit-timer__fill[data-v-f45de88d] { stroke: #7bcefe; stroke-linecap: round; transition: stroke-dasharray 0.1s linear;
}
.circuit-timer__fill--urgent[data-v-f45de88d] { stroke: #ffd24d;
}
.circuit-timer > span[data-v-f45de88d] { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-variant-numeric: tabular-nums;
}
.circuit-notice[data-v-f45de88d] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 0.75rem; background: #ffffff0c; color: #e0d4f2; font-size: 0.9rem;
}
.circuit-body[data-v-f45de88d] { flex: 1; display: flex; flex-direction: column; gap: 1rem;
}
.circuit-body--intro[data-v-f45de88d] { gap: 1.25rem;
}
.circuit-hero[data-v-f45de88d] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; text-align: center; padding-top: 0.5rem;
}
.circuit-hero h1[data-v-f45de88d] { font-family: var(--font-display); font-size: clamp(1.9rem, 8vw, 2.4rem); line-height: 1.05;
}
.circuit-hero p[data-v-f45de88d] { color: #c9bfe0; line-height: 1.45; max-width: 22rem;
}
.circuit-hero__icon[data-v-f45de88d] { font-size: 3rem;
}
.circuit-kicker[data-v-f45de88d] { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; color: #ffd24d;
}
.circuit-demo[data-v-f45de88d] { display: flex; align-items: center; justify-content: center; gap: 0.6rem; padding: 1rem; border-radius: 1.1rem; background: #241944;
}
.circuit-demo__token[data-v-f45de88d] { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #ac91ff; color: #211533; font-weight: 800; box-shadow: 0 0 0 2px #1a1033, 0 0 0 4px #fff;
}
.circuit-demo__dot[data-v-f45de88d] { width: 7px; height: 7px; border-radius: 50%; background: #ffffff40;
}
.circuit-demo__dot--lit[data-v-f45de88d] { background: #7bcefe;
}
.circuit-rules[data-v-f45de88d] { list-style: none; display: flex; flex-direction: column; gap: 1rem;
}
.circuit-rules li[data-v-f45de88d] { display: flex; gap: 0.85rem; align-items: flex-start;
}
.circuit-rules li > span[data-v-f45de88d] { display: grid; place-items: center; width: 2rem; height: 2rem; flex-shrink: 0; border-radius: 50%; background: #6c47f0; font-family: var(--font-display); font-weight: 800;
}
.circuit-rules p[data-v-f45de88d] { line-height: 1.45; color: #c9bfe0; padding-top: 0.2rem;
}
.circuit-rules strong[data-v-f45de88d] { display: block; color: #fff; font-family: var(--font-display); font-size: 1.05rem;
}
.circuit-rules em[data-v-f45de88d] { font-style: normal; font-weight: 700; color: #6be0a7;
}
.circuit-aside[data-v-f45de88d] { padding: 0.75rem 0.9rem; border-radius: 0.9rem; background: #ffffff0a; color: #c9bfe0; font-size: 0.9rem; line-height: 1.4; text-align: center;
}
.circuit-countdown[data-v-f45de88d] { margin-top: auto; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem; font-weight: 600;
}
.circuit-countdown > div[data-v-f45de88d] { display: flex; justify-content: space-between; gap: 0.5rem;
}
.circuit-countdown > div span[data-v-f45de88d]:last-child { color: #c9bfe0;
}
.circuit-countdown__bar[data-v-f45de88d] { display: block; height: 6px; border-radius: 3px; background: #ffffff1f; overflow: hidden;
}
.circuit-countdown__bar span[data-v-f45de88d] { display: block; height: 100%; background: #7bcefe; transition: width 0.1s linear;
}
.circuit-hint[data-v-f45de88d] { display: flex; align-items: center; gap: 0.5rem; color: #ffd24d; font-weight: 600; line-height: 1.3;
}
.circuit-question[data-v-f45de88d] { font-family: var(--font-display); font-size: clamp(1.4rem, 6vw, 1.75rem); line-height: 1.2; overflow-wrap: anywhere;
}
.circuit-answers[data-v-f45de88d] { margin-top: auto; display: flex; flex-direction: column; gap: 0.6rem;
}
.circuit-answer[data-v-f45de88d] { display: flex; align-items: center; gap: 0.85rem; min-height: 3.5rem; padding: 0.6rem 1rem; border: 2px solid #ffffff26; border-radius: 0.9rem; background: #ffffff0a; color: #fff; font: inherit; font-size: 1.05rem; font-weight: 600; text-align: left; cursor: pointer; overflow-wrap: anywhere;
}
.circuit-answer > span[data-v-f45de88d] { display: grid; place-items: center; width: 2rem; height: 2rem; flex-shrink: 0; border-radius: 0.55rem; background: #ffffff17; color: #d9ccff; font-size: 0.875rem;
}
.circuit-answer[data-v-f45de88d]:hover:enabled, .circuit-answer--selected[data-v-f45de88d] { border-color: #b599ff; background: #825fff2e;
}
.circuit-answer[data-v-f45de88d]:disabled { cursor: default;
}
.circuit-answer[data-v-f45de88d]:disabled:not(.circuit-answer--selected) { opacity: 0.6;
}
.circuit-answer[data-v-f45de88d]:focus-visible { outline: 3px solid #fff; outline-offset: 3px;
}
.circuit-waiting[data-v-f45de88d] { text-align: center; color: #c9bfe0; font-size: 0.9rem;
}
.circuit-stakes[data-v-f45de88d] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem;
}
.circuit-stakes > div[data-v-f45de88d] { display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.75rem; border-radius: 0.9rem; background: #ffffff0a; border: 1px solid #ffffff26; font-size: 0.8rem; line-height: 1.25;
}
.circuit-stakes strong[data-v-f45de88d] { font-family: var(--font-display); font-size: 1.6rem; color: #c9bfe0;
}
.circuit-stakes .circuit-stakes__good[data-v-f45de88d] { background: #6be0a71a; border-color: #6be0a766;
}
.circuit-stakes__good strong[data-v-f45de88d] { color: #6be0a7;
}
.circuit-starting[data-v-f45de88d] { margin-top: auto; text-align: center; color: #d9ccff;
}
.circuit-mini-stakes[data-v-f45de88d] { text-align: center; font-size: 0.875rem; color: #ffe099;
}
.circuit-outcome[data-v-f45de88d] { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0.9rem; border-radius: 0.9rem; border: 2px solid #ffffff26; background: #ffffff0a;
}
.circuit-outcome > span[data-v-f45de88d]:last-child { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0;
}
.circuit-outcome strong[data-v-f45de88d] { font-family: var(--font-display); font-size: 1.1rem; overflow-wrap: anywhere;
}
.circuit-outcome small[data-v-f45de88d] { font-size: 0.85rem; color: #c9bfe0;
}
.circuit-outcome__mark[data-v-f45de88d] { display: grid; place-items: center; width: 2rem; height: 2rem; flex-shrink: 0; border-radius: 50%; background: #ffffff26; font-weight: 900;
}
.circuit-outcome--good[data-v-f45de88d] { border-color: #6be0a7; background: #6be0a71a;
}
.circuit-outcome--good .circuit-outcome__mark[data-v-f45de88d] { background: #6be0a7; color: #0e2a1c;
}
.circuit-outcome--bad[data-v-f45de88d] { border-color: #ff8eb0; background: #ff8eb014;
}
.circuit-outcome--bad .circuit-outcome__mark[data-v-f45de88d] { background: #ff8eb0; color: #3a0f1d;
}
.circuit-grab[data-v-f45de88d] { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; padding: 1rem; border-radius: 1.1rem; border: 1.5px solid #e6b64a88; background: #3d2d1266; text-align: center;
}
.circuit-grab strong[data-v-f45de88d] { font-family: var(--font-display); font-size: 1.2rem; color: #ffd24d;
}
.circuit-grab span[data-v-f45de88d] { color: #fff2cc; font-size: 0.9rem;
}
.circuit-grab--you[data-v-f45de88d] { border-color: #e6b64a; background: #3d2d12cc;
}
.circuit-grab--you strong[data-v-f45de88d] { font-size: 1.7rem;
}
.circuit-grab--you[data-v-f45de88d] .star-icon { animation: star-pop-f45de88d 0.6s 1.2s cubic-bezier(0.3, 1.6, 0.5, 1) both;
}
@keyframes star-pop-f45de88d {
from { transform: scale(0.3); opacity: 0;
}
to { transform: scale(1); opacity: 1;
}
}
.circuit-winner[data-v-f45de88d] { position: relative; display: grid; place-items: center;
}
.circuit-winner > span[data-v-f45de88d] { position: absolute; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; color: #211533; font-weight: 800; box-shadow: 0 0 0 2px #1a1033;
}
.circuit-final[data-v-f45de88d] { list-style: none; display: flex; flex-direction: column; gap: 0.4rem;
}
.circuit-final li[data-v-f45de88d] { display: flex; align-items: center; gap: 0.75rem; min-height: 3.25rem; padding: 0 0.9rem; border-radius: 0.9rem; background: #ffffff0a;
}
.circuit-final li.circuit-final--you[data-v-f45de88d] { background: #6c47f033; box-shadow: inset 0 0 0 1.5px #ac91ff80;
}
.circuit-final__rank[data-v-f45de88d] { width: 1.4rem; font-family: var(--font-display); font-weight: 800; font-size: 1.1rem; color: #a99cc9;
}
.circuit-final__rank--first[data-v-f45de88d] { color: #ffd24d;
}
.circuit-final__token[data-v-f45de88d] { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; color: #211533; font-weight: 800; flex-shrink: 0;
}
.circuit-final__name[data-v-f45de88d] { flex: 1; font-weight: 700; overflow-wrap: anywhere;
}
.circuit-final__stars[data-v-f45de88d] { display: flex; align-items: center; gap: 0.3rem; font-family: var(--font-display); font-weight: 800; font-size: 1.1rem; color: #ffd24d;
}
.circuit-actions[data-v-f45de88d] { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 0.6rem;
}
@media (prefers-reduced-motion: reduce) {
.circuit-grab--you[data-v-f45de88d] .star-icon { animation: none;
}
}