/* Alias Original palette: white shell, red word card, yellow decorative accents. */
:root {
    /* Answer and gender tones: COMMON/roomplay-palettes.html / alias (correct, wrong, male, female). */
    --rp-correct: #078747;
    --rp-correct-ink: #ffffff;
    --rp-wrong: #bf382e;
    --rp-wrong-ink: #ffffff;
    --rp-male: #235ea4;
    --rp-female: #b6102a;
    color-scheme: light;
    --bg-primary: #ffffff;
    --bg-secondary: #fbecef;
    --bg-card: #ffffff;
    --text-primary: #211d22;
    --text-secondary: #686068;
    --text-placeholder: #766d76;
    --game-accent: #cb1731;
    --game-accent-strong: #b6102a;
    --accent-pink: var(--game-accent-strong);
    --accent-pink-dark: #940d22;
    --success: #078747;
    --error: #bf382e;
    --mood-purple: #ffd333;
    --mood-line: #d4c4c8;
    --alias-ink: #211d22;
    --alias-muted: #686068;
    --alias-paper-tint: #fbecef;
    --alias-yellow: #ffd333;
    --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Unbounded', 'Manrope', sans-serif;
    --onboarding-accent: var(--text-primary);
    --onboarding-accent-dark: #383039;
    --onboarding-shadow: transparent;
    --onboarding-shadow-hover: transparent;
    --settings-accent: var(--game-accent-strong);
    --settings-accent-dark: #940d22;
}
body[data-rp-game="alias"] { background: var(--bg-primary); font-family: var(--font-body); }
.app { max-width: 560px; }
.screen {
    padding: calc(88px + env(safe-area-inset-top, 0px)) 24px calc(24px + env(safe-area-inset-bottom, 0px));
}
.btn-back { top: calc(24px + env(safe-area-inset-top, 0px)); left: 24px; min-width: 48px; min-height: 48px; }
.title { font-size: clamp(28px, 6vw, 40px); line-height: 1.12; letter-spacing: -1px; margin-bottom: 24px; }
.alias-brand { position: absolute; top: calc(32px + env(safe-area-inset-top, 0px)); right: 24px; font-size: 20px; font-weight: 800; letter-spacing: -1px; }
.alias-brand::after { content: '•'; color: var(--game-accent-strong); margin-left: 4px; }
/* Pack and setup screens share one header (packs.css, game-ui.css); the brand mark would crowd it. */
body:has(:is(#packs-screen, #mode-screen, #players-screen, #teams-screen).active) .alias-brand { display: none; }
.subtitle, .guessing-player, .mode-card-desc, .stat-label { font-size: 16px; line-height: 1.5; }
.bottom-section { margin-top: auto; padding: 24px 0 0; }
.btn-play, .btn-next-slide { background: var(--text-primary); color: var(--bg-card); box-shadow: none; border-radius: 16px; min-height: 56px; font-weight: 700; }
.btn-play:hover, .btn-next-slide:hover { background: #383039; box-shadow: none; }
.btn-play:disabled { background: var(--bg-secondary); color: var(--text-secondary); opacity: 1; }
.btn-skip { color: var(--text-secondary); border: 1px solid var(--mood-line); border-radius: 16px; min-height: 56px; }
.btn-additional-settings { border-color: var(--alias-ink); }
/* Shared carousel/controller, themed illustrations and responsive content. */
#onboarding-screen { height: auto; min-height: var(--app-height, 100dvh); overflow: visible; }
.onboarding-container { flex: 1; height: auto; padding-top: 0; }
.onboarding-slides { flex: 1; padding-top: 0; align-items: center; }
.rule-animated-onboarding .onboarding-slide { max-width: 464px; padding: 0; }
/* Onboarding: animated flat SVG scenes (static copies via <picture> for reduced motion). */
#onboarding-screen .slide-icon { width: min(240px, 55vw); margin: 0 auto 20px; font-size: 0; line-height: 0; }
#onboarding-screen .slide-icon picture,
#onboarding-screen .slide-icon img { display: block; width: 100%; height: auto; }
.rule-animated-onboarding .slide-title { color: var(--text-primary); font-size: clamp(28px, 6vw, 40px); max-width: 440px; letter-spacing: -1px; line-height: 1.12; margin-bottom: 16px; }
.rule-animated-onboarding .slide-text { color: var(--text-secondary); max-width: 400px; font-size: 16px; line-height: 1.6; min-height: 0; }
.onboarding-dots { margin: 24px 0; }
.dot { background: var(--mood-line); }
.dot.active { background: var(--text-primary); }
.onboarding-buttons { width: 100%; flex-shrink: 0; }
/* The two formats are illustrated choices, with the original activation behavior. */
.mode-cards { max-width: none; gap: 16px; flex: 0; margin: auto 0; padding: 16px 0; }
.mode-card { position: relative; display: grid; grid-template-columns: 96px 1fr; column-gap: 20px; text-align: left; padding: 24px; border: 1px solid var(--mood-line); background: var(--bg-card); box-shadow: none; }
.mode-card-icon { grid-row: 1 / 3; margin: 0; align-self: center; }
.mode-card-icon img { display: block; width: 96px; height: 96px; }
.mode-card-title { font-size: 22px; align-self: end; }
.mode-card:hover { border-color: var(--text-primary); box-shadow: none; }
.ps-entry { border: 1px solid var(--mood-line); }
.ps-add-btn { border-radius: 16px; min-height: 56px; }
.ps-name { font-size: 16px; }
/* Pack illustrations preserve selection, word counts and Premium locks. */
#packs-screen { padding-top: calc(88px + env(safe-area-inset-top, 0px)); max-width: 560px; }
#packs-screen .subtitle { font-size: 16px; margin-bottom: 24px; }
#packs-screen .packs-grid { gap: 16px; }
#packs-screen .pack-card,
#packs-screen .pack-card.premium,
#packs-screen .pack-card.premium.selected { background: var(--bg-card); border: 1px solid var(--mood-line); border-radius: 20px; box-shadow: none; }
#packs-screen .pack-card::before { background: none; }
#packs-screen .pack-card::after { background: none; }
#packs-screen .pack-card.selected,
#packs-screen .pack-card.premium.selected:not(.locked) { border: 2px solid var(--game-accent-strong); background: #fce8f3; box-shadow: none; }
#packs-screen .pack-card.premium.locked { border-color: #a37820; }
#packs-screen .pack-art { inset: 8px 20% auto; width: 60%; height: 64%; object-fit: contain; transform: none; }
#packs-screen .pack-card.locked .pack-art { filter: none; }
#packs-screen .pack-card:hover .pack-art { transform: rotate(-4deg); }
#packs-screen .pack-name, #packs-screen .pack-count { left: 12px; right: 12px; text-align: center; text-shadow: none; }
#packs-screen .pack-name { bottom: 32px; color: var(--text-primary); font-size: 16px; line-height: 1.2; }
#packs-screen .pack-count { bottom: 12px; color: var(--text-secondary); font-size: 12px; }
#packs-screen .pack-lock-image { top: 12px; left: auto; right: 12px; width: 24px; height: 24px; filter: none; }
#packs-screen .premium-badge { box-shadow: none; background: var(--bg-secondary); border: none; color: var(--text-primary); backdrop-filter: none; }
#packs-screen .bottom-section { background: var(--bg-primary); padding-top: 16px; }
.packs-summary { color: var(--text-secondary); }
.summary-text strong { color: var(--text-primary); }
/* A red word card is the focus of the otherwise white interface. */
#ready-screen::before, .team-turn-card::before { content: ''; display: block; width: 160px; height: 160px; background: url('assets/mood-flower.svg?v=20260914-inverted') center / contain no-repeat; margin: 24px auto; }
#ready-screen::before { order: 0; }
.team-turn-card { background: none; box-shadow: none; padding: 0 16px 24px; margin: auto 0 0; }
.team-turn-card::before { background-image: url('assets/mood-cloud.svg?v=20260914-inverted'); }
.explaining-player { color: var(--text-primary); font-size: 32px; overflow-wrap: anywhere; }
#game-screen { gap: 24px; justify-content: flex-start; }
.game-header { padding-left: 0; gap: 12px; flex-wrap: wrap; }
.team-indicator { color: var(--text-primary); background: var(--game-accent); overflow-wrap: anywhere; }
.words-left-badge { background: var(--bg-secondary); }
.timer-container { width: 112px; height: 112px; flex-shrink: 0; }
.timer-bg { stroke: var(--bg-secondary); stroke-width: 5; }
.timer-progress { stroke: var(--game-accent-strong); stroke-width: 5; }
.timer-text { font-size: 36px; }
.btn-pause { color: var(--text-secondary); border-color: var(--mood-line); min-height: 48px; }
.word-card { position: relative; width: 100%; min-width: 0; min-height: 200px; margin: 0; padding: 48px 24px; display: grid; place-items: center; background: var(--game-accent); border-radius: 32px; box-shadow: none; }
.word-card::before { content: ''; position: absolute; top: -28px; right: 16px; width: 64px; height: 64px; background: url('assets/mood-cloud.svg?v=20260914-inverted') center / contain no-repeat; transform: rotate(12deg); }
#current-word { font-size: clamp(28px, 7vw, 40px); line-height: 1.15; font-weight: 750; overflow-wrap: anywhere; max-width: 100%; }
.game-buttons { width: 100%; gap: 16px; margin-top: auto; }
.btn-wrong, .btn-correct { flex: 1; height: 72px; border-radius: 20px; font-size: 36px; }
.pause-overlay { background: var(--bg-primary); color: var(--text-primary); }
.round-stats { gap: 16px; margin: 24px 0; }
.stat { flex: 1; background: var(--bg-secondary); border-radius: 24px; padding: 24px 12px; }
.stat:first-child { background: #e0f1e4; }
.stat-value { color: var(--text-primary); font-size: 48px; }
.score-item, .result-item { box-shadow: none; border: 1px solid var(--mood-line); }
.winner-icon { font-size: 0; width: 144px; height: 144px; margin: 0 auto 24px; background: url('assets/mood-sun.svg?v=20260914-inverted') center / contain no-repeat; }
.winner-name { color: var(--text-primary); overflow-wrap: anywhere; }
@media (max-width: 380px) {
    .screen { padding-left: 16px; padding-right: 16px; }
    .mode-card { grid-template-columns: 72px 1fr; gap: 12px; padding: 16px; }
    .mode-card-icon img { width: 72px; height: 72px; }
    .mode-card-title { font-size: 20px; }
    #packs-screen .packs-grid { gap: 8px; }
    #onboarding-screen .slide-icon { width: min(208px, 55vw); }
}
@media (max-height: 700px) {
    #onboarding-screen .slide-icon { width: min(176px, 50vw); margin-bottom: 12px; }
    .onboarding-slides { min-height: 0; }
    .onboarding-dots { margin: 16px 0; }
    #game-screen { gap: 16px; }
    .timer-container { width: 80px; height: 80px; }
    .timer-text { font-size: 28px; }
    .word-card { min-height: 144px; padding: 32px 24px; }
}
@media (orientation: landscape) and (max-height: 600px) {
    #packs-screen { min-height: 560px; height: auto; overflow: visible; }
    #packs-screen .packs-container { overflow: visible; }
    #onboarding-screen .slide-icon { width: 104px; margin-bottom: 4px; }
    .onboarding-container { gap: 0; }
}

.alias-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.btn-pause { font-size: 16px; }
.settings-popup-btn { min-width: 48px; min-height: 48px; }

/* Typography and surface roles stay local to Alias, including shared controls. */
.title, .rule-animated-onboarding .slide-title, .alias-brand, .winner-name {
    font-family: var(--font-display);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}
.title, .rule-animated-onboarding .slide-title { font-size: clamp(24px, 5.5vw, 34px); }
.mode-card-title { font-family: var(--font-display); font-size: clamp(16px, 4vw, 20px); line-height: 1.45; overflow-wrap: anywhere; }
#current-word, .timer-text, .ps-name, button, input, select { font-family: var(--font-body); }
.alias-brand { font-size: 18px; }
.alias-brand::after { color: var(--game-accent); }
.mode-card, .ps-entry, .pack-card, .packs-summary, .word-card, .stat, .scoreboard, .score-item, .result-item, .guessed-word-item {
    --text-primary: var(--alias-ink);
    --text-secondary: var(--alias-muted);
    --bg-secondary: var(--alias-paper-tint);
    --mood-line: #dfb9c0;
    color: var(--text-primary);
}
.btn-play, .btn-next-slide { background: var(--game-accent-strong); color: #ffffff; border: 2px solid var(--game-accent-strong); }
.btn-play:not(:disabled):hover, .btn-next-slide:hover { background: var(--accent-pink-dark); color: #ffffff; }
.btn-play:disabled { background: #eee5e7; color: #75666b; border-color: #eee5e7; }
.btn-back { color: var(--text-primary); }
.btn-skip, .btn-pause { color: var(--text-primary); border-color: var(--mood-line); }
.btn-additional-settings { color: var(--text-primary); }
.mode-card:hover { border-color: var(--alias-yellow); }
#packs-screen { --packs-feedback-rgb: 182, 16, 42; }
#packs-screen .pack-card.selected,
#packs-screen .pack-card.premium.selected:not(.locked) { border-color: var(--alias-yellow); background: var(--alias-paper-tint); }
#packs-screen .pack-card.premium.locked { border-color: #a37820; }
.ps-add-btn { color: var(--text-primary); border-color: var(--mood-line); }
.word-card { --text-primary: #ffffff; --text-secondary: #fff0f2; background: var(--game-accent); color: var(--text-primary); }
.team-indicator { background: var(--alias-paper-tint); color: var(--alias-ink); }
.timer-container {
    --text-primary: var(--alias-ink);
    --bg-secondary: var(--alias-paper-tint);
    background: var(--bg-card); border-radius: 50%; color: var(--text-primary);
}
.timer-progress { stroke: var(--game-accent-strong); }
.btn-wrong { border: 2px solid #ffffff; }
.btn-correct { border: 2px solid #ffffff; }
.score-item.leading { background: var(--alias-paper-tint); border-color: var(--game-accent-strong); }
.words-remaining-info strong, .winner-score { color: var(--game-accent-strong); }
.mode-card:focus-visible, .ps-entry :focus-visible, .pack-card:focus-visible, .word-card:focus-visible {
    outline: 3px solid var(--alias-ink); outline-offset: 3px;
}
/* Back/exit confirmation and «Дополнительные настройки» in the same Alias sheet: white paper,
   ink text, red action, ink outline cancel, the same 16 px corners as Play and the other Alias buttons.
   Colours go through the shared --rp-dialog-* tokens (assets/css/confirm-dialog.css). */
:root {
  --rp-dialog-overlay: rgba(33, 29, 34, .55);
  --rp-dialog-bg: var(--bg-card);
  --rp-dialog-border: 1px solid var(--mood-line);
  --rp-dialog-shadow: 0 18px 48px rgba(33, 29, 34, .22);
  --rp-dialog-title: var(--alias-ink);
  --rp-dialog-text: var(--alias-muted);
  --rp-dialog-primary-bg: var(--game-accent-strong);
  --rp-dialog-primary-text: #ffffff;
  --rp-dialog-btn-radius: 16px;
  --rp-dialog-secondary-border: var(--alias-ink);
  --rp-dialog-secondary-text: var(--alias-ink);
  --rp-dialog-control-bg: var(--alias-paper-tint);
  --rp-dialog-control-btn-bg: var(--bg-card);
  --rp-dialog-toggle-bg: var(--alias-paper-tint);
}
.confirm-dialog-overlay, .settings-popup-overlay { color-scheme: light; }
.confirm-dialog-title { font-family: var(--font-display); font-weight: 800; letter-spacing: -.03em; }
.confirm-dialog-btn { min-height: 56px; font-weight: 700; }
.confirm-dialog-btn-confirm:hover { background: var(--accent-pink-dark); }
.settings-popup-title, .settings-popup-value { font-family: var(--font-display); }
.settings-popup-title { font-weight: 800; letter-spacing: -.03em; }
.settings-popup-selector { border-radius: 16px; }
.settings-popup-btn { border: 1px solid #dfb9c0; }
.settings-popup-btn:hover { background: #fff7f8; }
.settings-popup-toggle:focus-visible { outline-color: var(--alias-ink); }
.settings-popup-done { min-height: 56px; font-weight: 700; }
.settings-popup-done:hover { background: var(--accent-pink-dark); }
.btn-additional-settings { border-radius: 16px; border-width: 2px; }

/* Short, one-shot motion: characters greet players without distracting from words. */
@keyframes alias-arrive {
    from { opacity: 0; transform: translateY(calc(12px * var(--rp-motion-screen-intensity, 1))) scale(calc(1 - .02 * var(--rp-motion-screen-intensity, 1))); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes alias-greet {
    0% { transform: translateY(calc(8px * var(--rp-motion-artwork-intensity, 1))) rotate(calc(-7deg * var(--rp-motion-artwork-intensity, 1))) scale(calc(1 - .08 * var(--rp-motion-artwork-intensity, 1))); }
    65% { transform: translateY(calc(-3px * var(--rp-motion-artwork-intensity, 1))) rotate(calc(4deg * var(--rp-motion-artwork-intensity, 1))) scale(calc(1 + .03 * var(--rp-motion-artwork-intensity, 1))); }
    100% { transform: translateY(0) rotate(0) scale(1); }
}
@keyframes alias-card-friend {
    0% { transform: rotate(12deg) translateY(0); }
    50% { transform: rotate(calc(12deg - 10deg * var(--rp-motion-artwork-intensity, 1))) translateY(calc(-6px * var(--rp-motion-artwork-intensity, 1))); }
    100% { transform: rotate(12deg) translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
    .screen.active .mode-card,
    .screen.active .stat,
    .screen.active .result-item {
        animation: var(--rp-motion-screen-name, alias-arrive) calc(var(--rp-motion-screen-duration, 300ms) * 1.06666667) var(--rp-motion-screen-easing, cubic-bezier(.22, 1, .36, 1)) backwards;
    }
    .screen.active .mode-card:nth-child(2),
    .screen.active .stat:nth-child(2),
    .screen.active .result-item:nth-child(2) { animation-delay: calc(var(--rp-motion-screen-duration, 300ms) * .2); }
    .screen.active .result-item:nth-child(n+3) { animation-delay: calc(var(--rp-motion-screen-duration, 300ms) * .4); }
    .screen.active .mode-card-icon img,
    #ready-screen.active::before,
    .screen.active .team-turn-card::before,
    .screen.active .winner-icon { animation: alias-greet 440ms cubic-bezier(.22, 1, .36, 1) backwards; }
    #game-screen.active .word-card::before { animation: alias-card-friend 440ms ease-out; }
    .onboarding-slide.active .slide-icon { animation: alias-greet 440ms cubic-bezier(.22, 1, .36, 1) backwards; }
    .pause-overlay.active .pause-overlay-text { animation: var(--rp-motion-screen-name, alias-arrive) calc(var(--rp-motion-screen-duration, 300ms) * .8) var(--rp-motion-screen-easing, ease-out); }
    .mode-card-icon img { transition: transform 220ms ease-out; }
    .btn-play, .btn-next-slide, .btn-skip, .btn-back,
    .btn-correct, .btn-wrong, .btn-pause, .btn-additional-settings {
        transition: transform 160ms ease-out, background-color 160ms ease-out, border-color 160ms ease-out;
    }
    .btn-play:not(:disabled):active, .btn-next-slide:active,
    .btn-skip:active, .btn-back:active, .btn-pause:active,
    .btn-additional-settings:active { transform: scale(.97); }
    .btn-correct:not(:disabled):active, .btn-wrong:not(:disabled):active { transform: scale(.94); }
    @media (hover: hover) {
        .mode-card:hover .mode-card-icon img { transform: rotate(-5deg) translateY(-3px); }
        .btn-play:not(:disabled):not(:active):hover, .btn-next-slide:not(:active):hover { transform: translateY(-2px); }
    }
}

/* Pack choice arrow: COMMON/roomplay-palettes.html / alias secondary #FFD333 (the accent is too dark for the ink outline). */
:root {
    --packs-cue-color: #FFD333;
}

/* Flat character pack covers (20261008-pack-art): larger scene art, small flat lock in the top-right corner. */
#packs-screen .pack-card.pack-card--flat-art .pack-art { inset: 6px 12% auto; width: 76%; height: 68%; object-fit: contain; border-radius: 18px; }
#packs-screen .pack-card.pack-card--flat-art .pack-lock-image { top: 10px; right: 10px; left: auto; width: 28px; height: 28px; filter: drop-shadow(0 2px 6px rgba(23, 25, 31, .25)); }
/* Cover art is drawn on white; multiply keeps it seamless on the tinted selected card. */
#packs-screen .pack-card.selected .pack-art { mix-blend-mode: multiply; }

/* «Задания при объяснении» (tasks.js): the «Задания» screen and the round's task block. */
body:has(#tasks-screen.active) .alias-brand { display: none; }
.settings-popup-choice-option { border: 0; background: transparent; color: var(--alias-muted); font-size: 14px; }
.settings-popup-choice-option:hover { background: #fff7f8; }
.settings-popup-choice-option.active { background: var(--game-accent-strong); color: #ffffff; }
.settings-popup-choice-option:focus-visible { outline-color: var(--alias-ink); }
#tasks-screen { padding-top: calc(88px + env(safe-area-inset-top, 0px)); max-width: 560px; overflow-y: auto; }
#tasks-screen .subtitle { color: var(--text-secondary); margin-bottom: 16px; }
#tasks-screen .bottom-section { position: sticky; bottom: 0; background: var(--bg-primary); padding: 16px 0 calc(8px + env(safe-area-inset-bottom, 0px)); }
.alias-tasks { display: flex; flex-direction: column; gap: 16px; width: 100%; text-align: left; }
.alias-task-group { border: 1px solid var(--mood-line); border-radius: 20px; padding: 4px 16px; background: var(--bg-card); }
.alias-task-head { display: flex; align-items: center; gap: 12px; min-height: 56px; margin: 0; font-family: var(--font-display); font-size: 17px; font-weight: 800; letter-spacing: -.02em; color: var(--text-primary); cursor: pointer; }
.alias-task-head .rp-icon { font-size: 24px; color: var(--game-accent-strong); }
.alias-task-head-name { flex: 1; min-width: 0; }
.alias-task { display: flex; align-items: center; gap: 4px; border-top: 1px solid var(--mood-line); }
.alias-task-label { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; cursor: pointer; }
.alias-task-text { flex: 1; min-width: 0; font-size: 16px; line-height: 1.35; color: var(--text-primary); overflow-wrap: anywhere; }
.alias-task-check, .alias-task-all { flex: none; width: 24px; height: 24px; margin: 0 2px; accent-color: var(--game-accent-strong); cursor: pointer; }
.alias-task-check:focus-visible, .alias-task-all:focus-visible { outline: 2px solid var(--alias-ink); outline-offset: 2px; }
.alias-task-remove { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 12px; background: none; color: var(--text-secondary); font-size: 20px; cursor: pointer; }
.alias-task-remove:active { background: var(--bg-secondary); }
.alias-task-add { display: flex; gap: 8px; padding: 0 0 12px; }
.alias-task-input { flex: 1; min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid var(--mood-line); border-radius: 14px; background: var(--bg-primary); color: var(--text-primary); font: inherit; font-size: 16px; }
.alias-task-input::placeholder { color: var(--text-placeholder); }
.alias-task-input:focus { outline: 2px solid var(--alias-ink); outline-offset: 0; border-color: transparent; }
.alias-task-add-btn { position: relative; flex: none; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 14px; background: var(--text-primary); color: var(--bg-card); cursor: pointer; }
.alias-task-add-btn::before, .alias-task-add-btn::after { content: ''; position: absolute; left: 50%; top: 50%; width: 18px; height: 2.4px; border-radius: 2px; background: currentColor; transform: translate(-50%, -50%); }
.alias-task-add-btn::after { transform: translate(-50%, -50%) rotate(90deg); }
.alias-task-add-btn:focus-visible { outline: 2px solid var(--alias-ink); outline-offset: 2px; }
.alias-task-add-btn:disabled { background: var(--bg-secondary); color: var(--text-secondary); cursor: default; }
.alias-tasks-status { margin: 0 0 12px; font-size: 14px; line-height: 1.4; color: var(--text-secondary); text-align: center; }

.alias-round-task { display: flex; flex-direction: column; gap: 4px; width: 100%; max-width: 440px; margin: 16px auto 0; padding: 16px 20px; border-radius: 20px; background: var(--alias-yellow); color: var(--alias-ink); text-align: center; }
.alias-round-task[hidden] { display: none; }
.alias-round-task-label { font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.alias-round-task-text { font-size: 18px; font-weight: 750; line-height: 1.3; overflow-wrap: anywhere; }
.alias-round-task--game { margin: 0 0 8px; padding: 10px 16px; border-radius: 16px; }
.alias-round-task--game .alias-round-task-label { font-size: 11px; }
.alias-round-task--game .alias-round-task-text { font-size: 16px; }