/* Herní vrstva doplňuje veřejný design systém. Je záměrně omezená na /hry/. */
.site-games {
  --games-ink: #172a46;
  --games-muted: #5e7087;
  --games-line: #d9e3ef;
  --games-surface: #fff;
  --games-soft: #f4f8fc;
  --games-blue: #155eef;
  --games-blue-dark: #1146b8;
  --games-teal: #087e71;
  --games-purple: #6546c7;
  --games-amber: #a85a00;
  --games-red: #b42318;
  color: var(--games-ink);
}
.site-games .kb-card,.site-games .card { background:var(--games-surface); border:1px solid var(--games-line); border-radius:22px; box-shadow:0 12px 30px rgba(30,64,112,.07); }
.site-games .hidden { display:none !important; }
.site-games .muted { color:var(--games-muted); }
.site-games .kb-games-intro { background:linear-gradient(180deg,#f5f9ff 0%,#fff 100%); padding:64px 0 58px; }
.kb-games-intro__layout { display:grid; gap:42px; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); align-items:center; }
.kb-games-intro h1,.kb-games-who-intro h1 { color:var(--games-ink); font-size:clamp(2.4rem,5vw,4.3rem); letter-spacing:-.06em; line-height:1.03; margin:0; max-width:800px; }
.kb-games-intro p:not(.kb-eyebrow),.kb-games-who-intro p:not(.kb-eyebrow) { color:var(--games-muted); font-size:1.08rem; line-height:1.65; margin:18px 0 0; max-width:740px; }
.kb-games-intro__actions,.site-games .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.kb-games-button-secondary { background:#fff; border-color:#b8cce9; color:var(--games-blue-dark); }
.kb-games-storage { align-items:flex-start; background:#172f52; border-radius:24px; color:#fff; display:flex; gap:16px; padding:27px; }
.kb-games-storage > span { align-items:center; background:#18a99d; border-radius:50%; display:flex; flex:0 0 auto; font-weight:900; height:33px; justify-content:center; width:33px; }
.kb-games-storage strong { font-size:1.08rem; }.kb-games-storage p { color:#cad8e9; line-height:1.55; margin:7px 0 0; }
.kb-games-section { padding:70px 0 88px; }.kb-games-section__head { align-items:end; display:flex; gap:32px; justify-content:space-between; margin-bottom:28px; }.kb-games-section__head h2 { font-size:clamp(1.9rem,3vw,2.8rem); letter-spacing:-.045em; line-height:1.1; margin:0; }.kb-games-section__head > p { color:var(--games-muted); line-height:1.55; margin:0; max-width:390px; }
.kb-games-grid { display:grid; gap:20px; grid-template-columns:repeat(3,minmax(0,1fr)); }.kb-games-catalog-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; position:relative; }.kb-games-catalog-card--recommended { border-color:#a9c5fb; box-shadow:0 16px 38px rgba(21,94,239,.13); }.kb-games-catalog-card__art { align-items:center; background:linear-gradient(135deg,#e9f2ff,#f8fbff); display:flex; height:178px; justify-content:center; overflow:hidden; }.kb-games-catalog-card__art img { height:128px; max-width:65%; object-fit:contain; }.kb-games-catalog-card__body { display:flex; flex:1; flex-direction:column; padding:24px; }.kb-games-catalog-card__body h3 { font-size:1.42rem; letter-spacing:-.035em; line-height:1.15; margin:12px 0 9px; }.kb-games-catalog-card__body > p { color:var(--games-muted); margin:0; }.kb-games-chip,.kb-games-access,.kb-games-recommended { border-radius:999px; display:inline-flex; font-size:.77rem; font-weight:800; line-height:1.25; padding:6px 10px; width:max-content; }.kb-games-chip { background:#e9f2ff; color:#174d9f; }.kb-games-recommended { background:#dff7f2; color:#087466; margin-bottom:12px; }.kb-games-catalog-card__meta { color:var(--games-muted); display:flex; flex-wrap:wrap; font-size:.84rem; gap:7px 14px; margin-top:18px; }.kb-games-catalog-card__meta span + span::before { color:#9aabbd; content:'•'; margin-right:14px; }.kb-games-catalog-card__footer { align-items:center; border-top:1px solid var(--games-line); display:flex; gap:12px; justify-content:space-between; margin-top:auto; padding-top:19px; }.kb-games-access { background:#f2f5f9; color:#4d6078; }.kb-games-catalog-card__footer a { color:var(--games-blue-dark); font-weight:850; text-decoration:none; }.kb-games-catalog-card__footer a:hover,.kb-games-catalog-card__footer a:focus-visible { text-decoration:underline; }.kb-games-empty { padding:28px; }

/* Společný pracovní režim her. */
.kb-games-runner-shell { padding-bottom:72px; padding-top:26px; }.kb-games-runner-head { align-items:center; background:#fff; border:1px solid var(--games-line); border-radius:18px; display:grid; gap:16px; grid-template-columns:auto minmax(0,1fr) auto; margin-bottom:24px; padding:14px 18px; }.kb-games-runner-head strong,.kb-games-runner-head span { display:block; }.kb-games-runner-head strong { font-size:1.02rem; }.kb-games-runner-head span { color:var(--games-muted); font-size:.84rem; margin-top:2px; }.kb-games-back,.kb-games-runner-help { background:transparent; border:0; color:var(--games-blue-dark); cursor:pointer; font:inherit; font-size:.88rem; font-weight:820; padding:6px; text-decoration:none; }.kb-games-back:hover,.kb-games-back:focus-visible,.kb-games-runner-help:hover,.kb-games-runner-help:focus-visible { text-decoration:underline; }
.kb-games-start { align-items:center; background:linear-gradient(135deg,#f5f9ff,#fff); display:grid; gap:30px; grid-template-columns:minmax(0,1fr) 250px; min-height:340px; overflow:hidden; padding:clamp(25px,4vw,48px); }.kb-games-start h1,.kb-games-result h1 { font-size:clamp(2.05rem,4vw,3.45rem); letter-spacing:-.055em; line-height:1.06; margin:0; }.kb-games-start__copy > p:not(.kb-eyebrow) { color:var(--games-muted); font-size:1.06rem; max-width:660px; }.kb-games-start > img { justify-self:center; max-height:235px; }.kb-games-start__facts { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }.kb-games-start__facts span { background:#fff; border:1px solid var(--games-line); border-radius:12px; color:var(--games-muted); font-size:.86rem; padding:9px 11px; }.kb-games-start__facts strong { color:var(--games-ink); }.kb-games-set-list { margin-top:54px; }.game-set-preview-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 0 18px; }.game-set-preview { background:#fff; border:1px solid var(--games-line); border-radius:18px; display:flex; flex-direction:column; justify-content:space-between; min-height:190px; padding:20px; }.game-set-preview.is-locked { background:#f6f8fb; }.game-set-preview h3 { font-size:1.18rem; margin:11px 0 4px; }.game-set-preview p,.game-set-preview small { color:var(--games-muted); margin:0; }.game-set-preview small { display:block; margin-top:17px; }
.site-games .badge { align-items:center; background:#eaf2ff; border-radius:999px; color:#174d9f; display:inline-flex; font-size:.78rem; font-weight:800; gap:6px; line-height:1.2; padding:6px 10px; }.site-games .badge.green { background:#e3f7ef; color:#08775f; }.site-games .badge.orange { background:#fff0dc; color:#9a5200; }.site-games .badge.purple { background:#eee9ff; color:#5d42ba; }.site-games .callout { border:1px solid var(--games-line); border-radius:16px; line-height:1.55; margin-top:16px; padding:16px 18px; }.site-games .callout.info { background:#f1f6ff; border-color:#c9daf7; color:#244876; }.site-games .callout.good { background:#effaf6; border-color:#b9ead9; color:#086250; }.site-games .callout.warn { background:#fff7eb; border-color:#f3d5a1; color:#764400; }.site-games .callout.bad { background:#fff1f0; border-color:#f0c0bd; color:#8d2b25; }
.site-games .btn { align-items:center; border:1px solid transparent; border-radius:12px; cursor:pointer; display:inline-flex; font:inherit; font-weight:820; gap:8px; justify-content:center; min-height:48px; padding:10px 16px; text-decoration:none; transition:background 160ms ease,box-shadow 160ms ease,transform 160ms ease; }.site-games .btn:hover { transform:translateY(-1px); }.site-games .btn-primary { background:var(--games-blue); box-shadow:0 9px 20px rgba(21,94,239,.2); color:#fff; }.site-games .btn-primary:hover { background:var(--games-blue-dark); }.site-games .btn-secondary { background:#eaf2ff; color:#174d9f; }.site-games .btn-ghost { background:#fff; border-color:var(--games-line); color:var(--games-ink); }.site-games .btn-danger { background:#fff0ef; border-color:#f0bfbc; color:var(--games-red); }.site-games .btn:focus-visible,.site-games .option:focus-visible,.site-games .check-card:focus-visible,.site-games .social-choice input:focus-visible + span { outline:3px solid rgba(21,94,239,.35); outline-offset:2px; }
.kb-games-play { margin-top:18px; }.kb-games-progress { color:var(--games-muted); display:flex; font-size:.9rem; font-weight:750; justify-content:space-between; margin-bottom:8px; }.site-games .progress { background:#e7edf5; border-radius:99px; height:8px; overflow:hidden; }.site-games .progress > span { background:linear-gradient(90deg,var(--games-blue),#607ce8); display:block; height:100%; transition:width .25s ease; }.site-games .game-grid { display:grid; gap:20px; grid-template-columns:minmax(0,1fr) 300px; margin-top:18px; }.kb-games-story { overflow:hidden; }.site-games .story-visual { background:#edf4ff; display:block; height:195px; object-fit:contain; width:100%; }.kb-games-story__body { padding:clamp(22px,3vw,34px); }.kb-games-story__set { color:var(--games-blue-dark); font-size:.9rem; font-weight:800; margin:0 0 3px; }.kb-games-story h1 { font-size:clamp(1.85rem,3.6vw,3rem); letter-spacing:-.05em; line-height:1.08; margin:13px 0; }.kb-games-story__text { font-size:1.06rem; line-height:1.65; }.site-games .option-list { display:grid; gap:10px; margin-top:21px; }.site-games .option { background:#fff; border:2px solid var(--games-line); border-radius:15px; color:var(--games-ink); cursor:pointer; font:inherit; padding:15px; text-align:left; transition:border-color 150ms ease,box-shadow 150ms ease,background 150ms ease; width:100%; }.site-games .option:hover { border-color:#8dafee; box-shadow:0 7px 18px rgba(21,94,239,.08); }.site-games .option-row { align-items:flex-start; display:flex; gap:12px; }.site-games .choice-icon { align-items:center; background:#eaf2ff; border-radius:11px; display:flex; flex:0 0 34px; height:34px; justify-content:center; }.kb-games-sidebar { display:grid; gap:14px; align-content:start; }.site-games .stats { display:grid; gap:11px; }.site-games .stat,.kb-games-timeline { background:#fff; border:1px solid var(--games-line); border-radius:16px; padding:16px; }.site-games .stat .value { font-size:1.36rem; font-variant-numeric:tabular-nums; font-weight:900; }.site-games .stat-bar { background:#e8eef5; border-radius:99px; height:7px; margin-top:8px; overflow:hidden; }.site-games .stat-bar span { background:var(--games-teal); display:block; height:100%; }.site-games .stop-box { background:#fff8ec; border:1px solid #f1d397; border-radius:16px; padding:16px; }.site-games .stop-box h2,.site-games .stop-box h3 { font-size:1.05rem; margin:0 0 5px; }.site-games .stop-box p { color:#704400; margin:0; }.kb-games-timeline h2 { font-size:1.03rem; margin:0; }.site-games .timeline { display:grid; gap:10px; margin-top:14px; }.site-games .timeline-item { align-items:flex-start; display:flex; gap:10px; }.site-games .timeline-dot { background:var(--games-blue); border-radius:50%; flex:0 0 10px; height:10px; margin-top:7px; width:10px; }.kb-games-result { margin-top:22px; padding:clamp(25px,4vw,42px); }.site-games .grid { display:grid; gap:16px; }.site-games .grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }.site-games .grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }.site-games .report-section { border-top:1px solid var(--games-line); margin-top:22px; padding-top:20px; }.site-games .report-list { display:grid; gap:8px; list-style:none; margin:0; padding:0; }.site-games .report-list li { background:#f5f8fc; border-radius:12px; padding:12px; }

/* Povídejme si. */
.kb-games-setup { padding:clamp(24px,4vw,38px); }.kb-games-setup h1 { font-size:clamp(2rem,4vw,3.25rem); letter-spacing:-.05em; line-height:1.08; margin:0; }.kb-games-setup > div:first-child > p:not(.kb-eyebrow) { color:var(--games-muted); max-width:740px; }.conversation-filters { display:grid; gap:12px; grid-template-columns:repeat(5,minmax(0,1fr)); margin:25px 0 0; }.conversation-filters label,.deck-panel label { color:var(--games-ink); display:grid; font-size:.85rem; font-weight:800; gap:6px; }.conversation-filters select,.deck-panel select { background:#fff; border:1px solid #bfcddd; border-radius:10px; color:var(--games-ink); font:inherit; min-height:43px; padding:8px 10px; width:100%; }.site-games .deck-layout { align-items:start; display:grid; gap:22px; grid-template-columns:278px minmax(0,1fr); margin-top:24px; }.site-games .deck-panel { padding:21px; position:sticky; top:18px; }.site-games .deck-panel h2 { font-size:1.55rem; letter-spacing:-.04em; margin:5px 0; }.kb-games-check { align-items:center; display:flex !important; font-weight:650 !important; gap:9px !important; margin-top:13px; }.kb-games-check input { height:18px; width:18px; }.site-games .actions.vertical { display:grid; }.site-games .timer { color:var(--games-blue-dark); font-size:1.7rem; font-variant-numeric:tabular-nums; font-weight:900; min-height:1.7em; }.site-games .flip-wrap { perspective:1200px; }.site-games .flip-card { min-height:360px; position:relative; transform-style:preserve-3d; transition:transform .5s ease; }.site-games .flip-card.flipped { transform:rotateY(180deg); }.site-games .flip-face { align-items:center; backface-visibility:hidden; border:1px solid var(--games-line); border-radius:22px; box-shadow:0 16px 36px rgba(30,64,112,.10); display:flex; flex-direction:column; inset:0; justify-content:center; padding:clamp(28px,5vw,58px); position:absolute; text-align:center; }.site-games .flip-front { background:linear-gradient(135deg,#fff,#f1f6ff); }.site-games .flip-back { background:linear-gradient(135deg,#effaf6,#fff); transform:rotateY(180deg); }.site-games .flip-face h2 { font-size:clamp(1.55rem,3.3vw,2.65rem); letter-spacing:-.045em; line-height:1.18; margin:18px 0 10px; max-width:850px; }.site-games .flip-face ul { text-align:left; width:min(100%,670px); }.site-games .flip-face .callout { text-align:left; width:min(100%,670px); }.site-games .card-number { color:var(--games-muted); font-weight:800; position:absolute; right:22px; top:19px; }.site-games .mode-instruction { background:#edf4ff; border-radius:12px; color:#264c7b; margin:14px 0 0; max-width:700px; padding:12px 14px; }.kb-games-card-actions { justify-content:center; }.kb-games-sr-only { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }.projector-exit { box-shadow:0 10px 30px rgba(0,0,0,.25); position:fixed; right:18px; top:18px; z-index:10020; }.projector-mode .public-header,.projector-mode .public-footer,.projector-mode .public-breadcrumbs,.projector-mode .kb-games-runner-head,.projector-mode .kb-games-setup,.projector-mode .deck-panel { display:none; }.projector-mode .kb-games-runner-shell { max-width:none; padding:0; width:100%; }.projector-mode .deck-layout { display:block; margin:0; }.projector-mode .deck-layout > section { width:100%; }.projector-mode .flip-card { min-height:calc(100vh - 112px); }.projector-mode .flip-face { border-radius:0; padding:clamp(45px,8vw,105px); }.projector-mode .flip-face h2 { font-size:clamp(2rem,5vw,4.4rem); }.projector-mode .kb-games-card-actions { margin:12px 18px 20px; }

/* Kdo jsem na internetu. */
.kb-games-who-intro { align-items:center; background:linear-gradient(135deg,#f5f9ff,#fff); border:1px solid var(--games-line); border-radius:22px; display:grid; gap:28px; grid-template-columns:minmax(0,1fr) 190px; margin-bottom:24px; overflow:hidden; padding:clamp(25px,4vw,42px); }.kb-games-who-intro h1 { font-size:clamp(2rem,4.4vw,3.5rem); }.kb-games-who-intro img { justify-self:center; max-height:155px; }.kb-games-who-layout { align-items:start; display:grid; gap:22px; grid-template-columns:245px minmax(0,1fr); }.kb-games-who-content { min-width:0; }.site-games .stepper { background:#fff; border:1px solid var(--games-line); border-radius:18px; display:grid; gap:4px; padding:10px; position:sticky; top:18px; }.site-games .step { align-items:center; border-radius:12px; color:var(--games-muted); display:flex; font-size:.92rem; font-weight:760; gap:10px; min-width:0; padding:11px; }.site-games .step.active { background:#eaf2ff; color:#174d9f; }.site-games .step.done { color:#08775f; }.kb-games-step-number { align-items:center; background:#eff3f7; border-radius:50%; display:inline-flex; flex:0 0 27px; font-size:.8rem; height:27px; justify-content:center; }.step.active .kb-games-step-number { background:var(--games-blue); color:#fff; }.step.done .kb-games-step-number { background:#dff7ef; }.site-games .device-visual { align-items:center; background:radial-gradient(circle,#f4f8ff,#eaf1fa); display:grid; min-height:470px; overflow:hidden; position:relative; }.site-games .device { background:#172a46; border-radius:34px; box-shadow:0 22px 38px rgba(23,42,70,.24); height:320px; padding:13px; width:198px; }.site-games .device-screen { background:linear-gradient(180deg,#edf5ff,#fff); border-radius:24px; display:flex; flex-direction:column; gap:12px; height:100%; padding:18px; }.site-games .mini-card { background:#fff; border:1px solid #dce6f1; border-radius:12px; height:50px; }.site-games .data-chip { background:#fff; border:1px solid var(--games-line); border-left:5px solid var(--games-teal); border-radius:12px; box-shadow:0 8px 20px rgba(30,64,112,.10); font-size:.78rem; max-width:220px; padding:8px 10px; position:absolute; }.site-games .data-chip.estimate { border-left-color:var(--games-amber); }.site-games #s1 { align-items:stretch; }.site-games #s1 > .card,.site-games #s2,.site-games #s3,.site-games #s4,.site-games #s5 { padding:clamp(22px,3vw,34px); }.site-games .permission { border:1px solid var(--games-line); border-radius:15px; display:grid; gap:13px; grid-template-columns:50px minmax(0,1fr); margin:11px 0; padding:16px; }.site-games .permission-icon { align-items:center; background:#edf4ff; border-radius:14px; display:flex; font-size:1.4rem; height:50px; justify-content:center; width:50px; }.site-games .permission h3 { margin:0; }.site-games .permission p { margin:5px 0 11px; }.site-games .video-box { align-items:center; aspect-ratio:16/9; background:#172a46; border-radius:15px; color:#fff; display:grid; overflow:hidden; padding:15px; text-align:center; }.site-games .video-box video { height:100%; object-fit:cover; width:100%; }.site-games .meter { background:#e6edf4; border-radius:99px; height:10px; margin-top:10px; overflow:hidden; }.site-games .meter span { background:linear-gradient(90deg,var(--games-teal),#e29a20,var(--games-red)); display:block; height:100%; width:0; }.site-games .check-grid { display:grid; gap:11px; grid-template-columns:repeat(2,minmax(0,1fr)); }.site-games .check-card { background:#fff; border:2px solid var(--games-line); border-radius:15px; color:var(--games-ink); cursor:pointer; font:inherit; padding:15px; text-align:left; }.site-games .check-card.selected { background:#eff5ff; border-color:var(--games-blue); }.site-games .form-grid { display:grid; gap:15px; grid-template-columns:repeat(2,minmax(0,1fr)); }.site-games .field { display:grid; gap:7px; }.site-games .field.full { grid-column:1/-1; }.site-games .field label { font-weight:800; }.site-games .field input,.site-games .field textarea { background:#fff; border:1px solid #bfcddd; border-radius:10px; color:var(--games-ink); font:inherit; min-height:46px; padding:10px 11px; width:100%; }.site-games .field textarea { min-height:180px; resize:vertical; }.site-games .field-help { color:var(--games-muted); font-size:.84rem; }.site-games .social-picker,.site-games .ai-options { display:flex; flex-wrap:wrap; gap:8px; }.site-games .social-choice { position:relative; }.site-games .social-choice input { opacity:0; position:absolute; }.site-games .social-choice span { background:#fff; border:1px solid var(--games-line); border-radius:999px; cursor:pointer; display:inline-flex; font-size:.88rem; font-weight:750; min-height:40px; padding:8px 12px; }.site-games .social-choice input:checked + span { background:#eaf2ff; border-color:var(--games-blue); color:#174d9f; }.site-games .privacy-strip { align-items:flex-start; background:#effaf6; border:1px solid #b9ead9; border-radius:15px; display:flex; gap:12px; margin-top:20px; padding:15px; }.site-games .privacy-strip .icon { font-size:1.35rem; }.site-games .osint-results { display:grid; gap:11px; margin-top:18px; }.site-games .search-card { align-items:center; background:#fff; border:1px solid var(--games-line); border-radius:15px; display:grid; gap:14px; grid-template-columns:45px minmax(0,1fr) auto; padding:14px; }.site-games .search-card .icon { align-items:center; background:#edf4ff; border-radius:13px; display:flex; font-size:1.25rem; height:45px; justify-content:center; width:45px; }.site-games .search-card h3,.site-games .search-card p { margin:0; }.site-games .search-card p { color:var(--games-muted); font-size:.87rem; overflow-wrap:anywhere; }.site-games .search-card .btn { min-height:42px; white-space:nowrap; }.site-games .ai-panel { background:linear-gradient(135deg,#f7f4ff,#eef5ff); border:1px solid #d7ccff; border-radius:18px; margin-top:24px; padding:21px; }.site-games .ai-panel-head { align-items:start; display:grid; gap:14px; grid-template-columns:54px minmax(0,1fr); }.site-games .ai-mark { align-items:center; background:linear-gradient(135deg,var(--games-purple),var(--games-blue)); border-radius:16px; color:#fff; display:flex; font-weight:900; height:54px; justify-content:center; width:54px; }.site-games .ai-panel-head h3,.site-games .ai-panel-head p { margin:0; }.site-games .ai-panel-head p { color:var(--games-muted); }.site-games .btn:disabled,.site-games .social-choice input:disabled + span { cursor:not-allowed; opacity:.55; }.site-games .btn:disabled:hover { transform:none; }

@media (max-width: 900px) { .kb-games-grid { grid-template-columns:1fr; }.kb-games-catalog-card { display:grid; grid-template-columns:180px minmax(0,1fr); }.kb-games-catalog-card__art { height:auto; }.kb-games-catalog-card__art img { max-height:125px; }.site-games .game-grid,.site-games .deck-layout,.kb-games-who-layout { grid-template-columns:1fr; }.kb-games-sidebar { grid-template-columns:repeat(3,minmax(0,1fr)); }.kb-games-sidebar .stop-box,.kb-games-sidebar .kb-games-timeline { grid-column:span 1; }.site-games .deck-panel,.site-games .stepper { position:static; }.site-games .stepper { grid-template-columns:repeat(5,minmax(0,1fr)); }.site-games .step { font-size:.76rem; padding:9px; }.site-games .step .kb-games-step-number { display:none; } }
@media (max-width: 680px) { .kb-games-intro { padding:42px 0; }.kb-games-intro__layout,.kb-games-start,.kb-games-who-intro { grid-template-columns:1fr; }.kb-games-intro h1,.kb-games-who-intro h1 { font-size:clamp(2.18rem,11vw,3.15rem); }.kb-games-storage { padding:22px; }.kb-games-section { padding:50px 0 62px; }.kb-games-section__head { align-items:start; display:block; }.kb-games-section__head > p { margin-top:12px; }.kb-games-catalog-card { display:block; }.kb-games-catalog-card__art { height:145px; }.kb-games-runner-shell { padding-bottom:45px; padding-top:18px; }.kb-games-runner-head { align-items:start; grid-template-columns:1fr auto; }.kb-games-runner-head > div { grid-column:1/-1; grid-row:1; padding-right:4px; }.kb-games-back { grid-column:1; grid-row:2; }.kb-games-runner-help { grid-column:2; grid-row:2; }.kb-games-start { padding:25px; }.kb-games-start > img { display:none; }.game-set-preview-grid,.site-games .grid-2,.site-games .grid-3,.site-games .check-grid,.site-games .form-grid { grid-template-columns:1fr; }.site-games .field.full { grid-column:auto; }.site-games .game-grid { margin-top:15px; }.kb-games-sidebar { grid-template-columns:1fr; }.kb-games-progress { gap:10px; }.site-games .actions .btn { width:100%; }.site-games .conversation-filters { grid-template-columns:1fr; }.site-games .deck-panel { position:static; }.site-games .flip-card { min-height:420px; }.site-games .flip-face { padding:45px 18px 24px; }.site-games .flip-face h2 { font-size:clamp(1.45rem,7.5vw,2rem); }.site-games .card-number { right:16px; top:14px; }.kb-games-card-actions { display:grid; grid-template-columns:1fr 1fr; }.kb-games-card-actions .btn:last-child { grid-column:1/-1; }.kb-games-who-intro img { display:none; }.site-games .stepper { gap:3px; grid-template-columns:1fr; }.site-games .step .kb-games-step-number { display:inline-flex; }.site-games .device-visual { min-height:auto; padding:30px 12px; }.site-games .data-chip { margin:7px 0; max-width:none; position:static !important; }.site-games .permission { grid-template-columns:1fr; }.site-games .search-card { grid-template-columns:45px minmax(0,1fr); }.site-games .search-card .btn { grid-column:1/-1; width:100%; }.site-games .ai-panel-head { grid-template-columns:1fr; }.projector-mode .flip-card { min-height:calc(100vh - 140px); }.projector-mode .flip-face { padding:64px 18px 28px; }.projector-mode .kb-games-card-actions { display:grid; grid-template-columns:1fr; }.projector-mode .kb-games-card-actions .btn:last-child { grid-column:auto; } }
@media print { .public-header,.public-footer,.public-breadcrumbs,.kb-games-runner-head,.kb-games-setup,.deck-panel,.kb-games-card-actions,.projector-exit { display:none !important; }.site-games .deck-layout { display:block; }.site-games .flip-card { min-height:0 !important; transform:none !important; }.site-games .flip-face { box-shadow:none; display:block; position:static; transform:none !important; }.site-games .flip-back { border-top:1px dashed #697a8e; margin-top:18px; } }
@media (prefers-reduced-motion: reduce) { .site-games *, .site-games *::before, .site-games *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }.site-games .flip-card { transform:none !important; }.site-games .flip-card .flip-back { transform:none; visibility:hidden; }.site-games .flip-card.flipped .flip-front { visibility:hidden; }.site-games .flip-card.flipped .flip-back { visibility:visible; } }
/* Height is measured by conversation-layout.js for both card faces. */
.conversation-game .flip-wrap { height:var(--conversation-card-height,360px); min-height:var(--conversation-card-height,360px); transition:height .24s ease; }
.conversation-game .flip-card { height:var(--conversation-card-height,360px); min-height:var(--conversation-card-height,360px); transition:transform .5s ease,height .24s ease; }
.kb-games-intro__layout--solo { grid-template-columns:minmax(0,1fr); }