:root{color-scheme:dark;--bg:#11131a;--panel:#1a1f2a;--panel2:#222838;--line:#353d50;--text:#f2f4f8;--muted:#aeb7c7;--accent:#94a3ff;--accent-soft:#262e55;--warning:#f1b56d;--danger:#ff9da4;--ok:#80d6a2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#252c4c 0,var(--bg) 42rem);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}.app-shell,.game-shell{width:min(1180px,calc(100% - 2rem));margin:auto;padding:2rem 0 3rem}.topbar,.account-banner,.item-topline,.answer-footer,.game-row,.game-heading,.game-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar{margin-bottom:1.25rem}.topbar h1,.game-heading h1{margin:.15rem 0;font-size:clamp(2rem,6vw,4rem);letter-spacing:-.05em;line-height:1}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em}.muted{color:var(--muted)}.button{border:1px solid #6675c9;border-radius:.65rem;padding:.62rem .85rem;color:#fff;background:#4a5bd1;cursor:pointer}.button:hover,.button:focus-visible{border-color:#cad1ff}.button-quiet{border-color:var(--line);background:var(--panel2)}.button.danger{color:#ffd1d3;border-color:#704552}.account-banner,.notice,.menu-panel,.filters,.item-card,.game-card{border:1px solid var(--line);border-radius:1rem;background:#171b27e8;box-shadow:0 12px 30px #0002}.account-banner{padding:1rem 1.2rem;margin-bottom:1rem}.account-banner strong{display:block;font-size:1.2rem}.progress-box{min-width:240px}.progress-track{height:7px;margin-top:.35rem;overflow:hidden;border-radius:999px;background:#0e1017}.progress{height:100%;width:0;background:var(--accent);transition:width .2s}.notice{padding:1rem 1.2rem;margin-bottom:1rem}.notice h2,.menu-section h2,.item-card h2,.game-card h2{margin:0 0 .55rem;font-size:1.1rem}.menu-panel{padding:1rem;margin-bottom:1rem}.menu-panel.hidden,.hidden{display:none!important}.menu-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.menu-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.menu-section label,.modal-box label,.game-card label{display:flex;flex-direction:column;gap:.35rem;margin:.55rem 0}.check{display:inline-flex!important;flex-direction:row!important;align-items:center;margin-right:1rem!important}.check input{width:auto}.menu-actions{display:flex;flex-wrap:wrap}.account-list{display:grid;gap:.45rem;margin:.6rem 0}.account-row,.game-row{padding:.6rem .7rem;border:1px solid var(--line);border-radius:.6rem;background:#11141d}.account-row small,.game-row small{display:block;color:var(--muted);font-size:.75rem}.account-row.current{border-color:#5b6ac0}.account-row>span,.game-row>span{min-width:0}.role-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.role-tab{border:1px solid var(--line);border-radius:999px;padding:.55rem 1.1rem;color:var(--text);background:var(--panel);cursor:pointer}.role-tab.active{border-color:var(--accent);background:var(--accent-soft);color:#fff}.role-empty{padding:.55rem 0;color:var(--warning)}.filters{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:.8rem;padding:1rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.3rem}.field span{color:var(--muted);font-size:.78rem}.filters input,.filters select,.modal-box input,.modal-box select,.modal-box textarea,.game-card textarea{width:100%;border:1px solid var(--line);border-radius:.6rem;padding:.65rem .7rem;color:var(--text);background:#11141d}.filters input:focus,.filters select:focus,.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus,.game-card textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.item-card{padding:1.1rem}.item-card.answered{border-color:#4a6590}.item-card h2{font-size:1.3rem}.item-card p{margin:.55rem 0}.item-id{color:#7f8ba3;font: .72rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.exclusion-badge{color:var(--warning);font-size:.68rem;font-weight:800;letter-spacing:.07em}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.65rem 0}.chip{display:inline-flex;border:1px solid #3d496d;border-radius:999px;padding:.18rem .5rem;color:#d9defe;background:var(--accent-soft);font-size:.7rem}.chip-high,.chip-severe,.chip-extreme,.chip-irreversible,.chip-poorly_reversible{border-color:#85505c;color:#ffd2d5;background:#3b222e}.answer-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:1rem}.answer-button{min-height:58px;border:1px solid var(--line);border-radius:.55rem;padding:.35rem;color:var(--muted);background:#11141d;cursor:pointer}.answer-button b,.answer-button span{display:block}.answer-button b{font-size:1.05rem;color:var(--text)}.answer-button span{font-size:.65rem;line-height:1.1}.answer-button:hover,.answer-button.selected{border-color:var(--accent);background:var(--accent-soft);color:#fff}.answer-button.value-2.selected,.answer-button.value-1.selected{border-color:#6fc495}.answer-button.value--2.selected,.answer-button.value--1.selected{border-color:#e0838c}.answer-footer{margin-top:.7rem;flex-wrap:wrap}.answer-state{color:var(--muted);font-size:.82rem}.saved-comment{padding:.6rem .7rem;border-left:3px solid var(--accent);color:#d8def4;font-size:.88rem}.empty-state{text-align:center;padding:3rem;color:var(--muted)}.footer{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:#7f8ba3;font-size:.78rem}.status{min-height:1.3em;color:var(--warning)}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#0009}.modal-box{position:relative;width:min(580px,100%);max-height:90vh;overflow:auto;padding:1.3rem;border:1px solid var(--line);border-radius:1rem;background:#1a1f2a}.modal-close{position:absolute;top:.55rem;right:.7rem;border:0;color:var(--muted);background:transparent;font-size:1.7rem;cursor:pointer}.modal-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.copy-input{margin:.5rem 0}.partner-games h2{margin-top:0}.game-row{justify-content:flex-start;flex-wrap:wrap}.game-row>span{flex:1}.game-shell{max-width:820px}.game-card{padding:1.4rem}.game-heading{align-items:flex-start}.role-badge{padding:.35rem .65rem;border:1px solid var(--accent);border-radius:999px;color:#dce1ff;background:var(--accent-soft);white-space:nowrap}.game-progress{color:var(--muted)}.game-answer,.game-peer{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#11141d}.game-peer{color:var(--muted)}.success{color:var(--ok)}.error{color:var(--danger)}.game-actions{justify-content:flex-start;margin-top:1rem}.game-card .answer-scale{max-width:700px}
@media(max-width:850px){.catalog{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.field-search{grid-column:span 2}.account-banner{align-items:flex-start;flex-direction:column}.progress-box{width:100%}}@media(max-width:560px){.app-shell,.game-shell{width:calc(100% - 1rem);padding-top:1rem}.filters{grid-template-columns:1fr}.field-search{grid-column:auto}.answer-scale{grid-template-columns:repeat(5,1fr)}.answer-button span{font-size:.56rem}.topbar{align-items:flex-start}.game-heading{flex-direction:column}}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --panel: #ffffff;
  --panel2: #eef1f8;
  --line: #cbd3e3;
  --text: #1c2433;
  --muted: #5e6a7f;
  --accent: #4354bd;
  --accent-soft: #e5e9ff;
  --warning: #8d5a16;
  --danger: #a13b49;
  --ok: #187044;
}
html[data-theme="light"] body { background: radial-gradient(circle at top right, #e2e7ff 0, var(--bg) 42rem); }
html[data-theme="light"] .account-banner,
html[data-theme="light"] .notice,
html[data-theme="light"] .menu-panel,
html[data-theme="light"] .filters,
html[data-theme="light"] .item-card,
html[data-theme="light"] .game-card { background: #ffffffeb; }
html[data-theme="light"] .progress-track,
html[data-theme="light"] .account-row,
html[data-theme="light"] .game-row,
html[data-theme="light"] .filters input,
html[data-theme="light"] .filters select,
html[data-theme="light"] .modal-box input,
html[data-theme="light"] .modal-box select,
html[data-theme="light"] .modal-box textarea,
html[data-theme="light"] .game-card textarea,
html[data-theme="light"] .answer-button,
html[data-theme="light"] .game-answer,
html[data-theme="light"] .game-peer { background: #f7f9fd; }
html[data-theme="light"] .chip { color: #303d78; background: var(--accent-soft); }
html[data-theme="light"] .chip-high,
html[data-theme="light"] .chip-severe,
html[data-theme="light"] .chip-extreme,
html[data-theme="light"] .chip-irreversible,
html[data-theme="light"] .chip-poorly_reversible { color: #8f3542; background: #ffe8eb; border-color: #d798a1; }
html[data-theme="light"] .saved-comment { color: #34405a; }
html[data-theme="light"] .footer { color: #68758b; }
html[data-theme="light"] .role-tab.active,
html[data-theme="light"] .answer-button:hover,
html[data-theme="light"] .answer-button.selected { color: #1c2433; }
html[data-theme="light"] .role-badge { color: #303d78; }
html[data-theme="light"] .button-quiet { color: var(--text); }
html[data-theme="light"] .button-quiet.danger { color: #8f3542; border-color: #d798a1; }
.topbar-actions,.game-topbar { display:flex; align-items:center; gap:.55rem; }
.game-topbar { justify-content:flex-end; margin-bottom:1rem; }
@media(max-width:560px){.topbar-actions{align-items:flex-end;flex-direction:column;gap:.35rem}.theme-toggle{font-size:.78rem;padding:.48rem .65rem}}

.menu-panel { position:fixed; inset:0; z-index:20; margin:0; padding:1rem; border:0; border-radius:0; background:#0009; box-shadow:none; overflow:auto; }
.modal { z-index:40; }
.page-modal { z-index:50; }
.menu-sheet { width:min(680px,100%); margin:0 auto; padding:1rem; border:1px solid var(--line); border-radius:1rem; background:#171b27; box-shadow:0 20px 60px #0006; }
.menu-heading { position:relative; display:flex; align-items:center; justify-content:space-between; padding-right:2rem; }
.menu-heading h2 { margin:0; }
.menu-heading .modal-close { top:-.4rem; right:-.4rem; }
.page-modal { z-index:30; }
.page-modal .modal-box { width:min(720px,100%); }
.page-content { padding:.5rem; }
.page-content h2 { font-size:clamp(1.7rem,5vw,2.5rem); margin:.2rem 0 1rem; }
.page-content li { margin:.55rem 0; }
.share-shell { width:min(1180px,calc(100% - 2rem)); margin:auto; padding:2rem 0 3rem; }
.share-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.share-heading h1 { margin:.15rem 0; font-size:clamp(2rem,6vw,4rem); letter-spacing:-.05em; line-height:1; }
.share-answer { padding:.7rem .8rem; border-radius:.6rem; background:var(--accent-soft); }
.share-filters { grid-template-columns:2fr repeat(4,minmax(0,1fr)); }
.share-filters .status { grid-column:1 / -1; margin:0; }
@media(max-width:560px){.share-shell{width:calc(100% - 1rem);padding-top:1rem}.share-heading{flex-direction:column}}
@media(max-width:1000px){.share-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.share-filters .field-search{grid-column:span 3}}
@media(max-width:560px){.share-filters{grid-template-columns:1fr}.share-filters .field-search{grid-column:auto}}
html[data-theme="light"] .menu-sheet { background:#fff; }
.admin-shell { width:min(1440px,calc(100% - 2rem)); margin:auto; padding:2rem 0 3rem; }
.admin-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.admin-heading h1 { margin:.15rem 0; font-size:clamp(2rem,5vw,3.2rem); letter-spacing:-.04em; }
.admin-card { margin:1rem 0; padding:1.2rem; border:1px solid var(--line); border-radius:1rem; background:#171b27e8; box-shadow:0 12px 30px #0002; }
.admin-card h2 { margin:0 0 .55rem; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; min-width:900px; border-collapse:collapse; }
.admin-table th,.admin-table td { padding:.7rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.admin-table th { color:var(--muted); font-size:.78rem; }
.admin-table small,.admin-identity small { display:block; color:var(--muted); font-size:.76rem; margin-top:.2rem; }
.admin-identity { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 0; border-top:1px solid var(--line); }
html[data-theme="light"] .admin-card { background:#ffffffeb; }
@media(max-width:560px){.admin-shell{width:calc(100% - 1rem);padding-top:1rem}.admin-heading{flex-direction:column}.admin-identity{align-items:flex-start;flex-direction:column}}
.admin-activity small { margin:.35rem 0; padding:.35rem 0; border-bottom:1px solid var(--line); }
.admin-activity small:last-child { border-bottom:0; }
@media(max-width:850px){.admin-table{min-width:0}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{padding:.7rem 0;border-bottom:1px solid var(--line)}.admin-table td{border-bottom:0;padding:.35rem 0}.admin-table td::before{display:block;margin-bottom:.15rem;color:var(--muted);font-size:.75rem;font-weight:700}.admin-table td:nth-child(1)::before{content:"Uživatel"}.admin-table td:nth-child(2)::before{content:"Role a vyplnění"}.admin-table td:nth-child(3)::before{content:"Poslední aktivita"}.admin-table td:nth-child(4)::before{content:"Posledních 5 unikátních interakcí"}}
.admin-flash { margin:.8rem 0; }
.admin-users { display:grid; gap:.7rem; }
.admin-user { border:1px solid var(--line); border-radius:.8rem; background:#171b27e8; overflow:hidden; }
.admin-user > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1rem; cursor:pointer; list-style:none; }
.admin-user > summary::-webkit-details-marker { display:none; }
.admin-user > summary::after { content:"＋"; color:var(--muted); font-size:1.2rem; }
.admin-user[open] > summary::after { content:"−"; }
.admin-user > summary > span { margin-left:auto; color:var(--muted); font-size:.82rem; }
.admin-user-detail { padding:1rem; border-top:1px solid var(--line); }
.admin-user-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-bottom:1.2rem; }
.admin-user-overview p { min-width:0; margin:0; padding:.7rem; border:1px solid var(--line); border-radius:.6rem; background:#11141d; }
.admin-user-overview p > span { display:block; color:var(--muted); font-size:.76rem; margin-bottom:.2rem; }
.admin-user-overview small { display:block; color:var(--muted); font-size:.76rem; margin-top:.2rem; }
.admin-user-overview code { overflow-wrap:anywhere; color:var(--muted); font-size:.76rem; }
.admin-user-detail h3 { margin:0 0 .55rem; font-size:1rem; }
.admin-activity-list { display:grid; gap:.45rem; }
.admin-activity { display:grid; grid-template-columns:minmax(0,1fr) minmax(8rem,auto) minmax(12rem,auto); gap:.8rem; align-items:center; padding:.6rem .7rem; border:1px solid var(--line); border-radius:.6rem; background:#11141d; }
.admin-activity span,.admin-activity time { color:var(--muted); font-size:.8rem; overflow-wrap:anywhere; }
.admin-delete-form { display:flex; justify-content:flex-end; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line); }
html[data-theme="light"] .admin-user,
html[data-theme="light"] .admin-user-overview p,
html[data-theme="light"] .admin-activity { background:#ffffffeb; }
@media(max-width:700px){.admin-user-overview{grid-template-columns:1fr}.admin-activity{grid-template-columns:1fr;gap:.2rem}.admin-user > summary{align-items:flex-start;flex-direction:column}.admin-user > summary > span{margin-left:0}}
.summary-meta{color:var(--muted);font-size:.85rem}.summary-preview{margin:1rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.8rem;background:#11141d}.summary-preview h1,.summary-preview h2,.summary-preview h3{line-height:1.15;margin:1rem 0 .45rem}.summary-preview h1:first-child,.summary-preview h2:first-child,.summary-preview h3:first-child{margin-top:0}.summary-preview p{margin:.65rem 0}.summary-preview ul,.summary-preview ol{padding-left:1.35rem}.summary-preview blockquote{margin:.8rem 0;padding:.6rem .8rem;border-left:3px solid var(--accent);color:var(--muted)}html[data-theme="light"] .summary-preview{background:#f7f9fd}