:root{color-scheme:dark;--bg:#100e1c;--panel:#1b172d;--panel2:#29223c;--line:#3c3450;--white:#faf8ff;--muted:#b4aec9;--lime:#dfff87;--purple:#baa7ff;--red:#ff9aa6}*{box-sizing:border-box}html{background:var(--bg);height:100%}body{margin:0;min-height:100dvh;color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse 67% 26% at 56% 0,#32284e 0,transparent 100%),var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app{max-width:710px;margin:auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:1000;letter-spacing:-.06em;font-size:17px}.brandicon{display:grid;place-items:center;width:36px;height:36px;background:var(--lime);color:#1e1b18;border-radius:12px;font-size:24px;transform:rotate(-9deg)}.header span.muted{font-size:11px}.topbtn{border:1px solid var(--line);background:#221d34;color:var(--muted);border-radius:13px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:950;color:var(--lime);margin:4px 0 18px}.eyebrow::before{content:'•';margin-right:7px;font-size:16px}.hero{font-size:clamp(62px,13vw,102px);font-weight:1000;letter-spacing:-.095em;line-height:.87;margin:8px 0 21px}.hero em{font-style:normal;color:var(--lime);display:block}.lead{color:#c6bfd9;line-height:1.55;font-size:15px;margin:0 0 20px;max-width:480px}.chips{display:flex;gap:7px;flex-wrap:wrap}.pill{border-radius:999px;border:1px solid var(--line);padding:9px 12px;color:#d4cde6;font-size:12px;font-weight:750}.panel{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:23px;margin:13px 0}.sectionhead{font-size:22px;letter-spacing:-.055em;line-height:1.1;margin:0 0 10px;font-weight:950}.kicker{color:var(--purple);font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:7px 0}.desc{color:var(--muted);line-height:1.5;font-size:13px;margin:8px 0 15px}.h2{font-size:clamp(37px,9vw,57px);letter-spacing:-.07em;line-height:1.0;margin:12px 0 15px}.muted{color:var(--muted)}.small{font-size:12px}.field{min-width:0;width:100%;background:#121021;border:1px solid #514466;border-radius:14px;color:#fff;padding:12px 13px;min-height:47px;font-size:15px;outline:none}.field::placeholder{color:#7f7898}.field+ .field{margin-top:9px}textarea.field{min-height:78px;resize:vertical}.field-label{display:block;font-size:12px;color:#c6bbdc;font-weight:750;margin:0 0 7px}.fieldgroup{margin:12px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.rowwrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:9px}.primary,.secondary{border:0;width:100%;border-radius:17px;padding:16px 18px;min-height:54px;text-align:center;font-size:15px;font-weight:950;letter-spacing:-.02em}.primary{background:var(--lime);color:#1e2113;box-shadow:0 12px 35px #abcf5721}.secondary{background:#2d2643;color:#fff;border:1px solid #584b6c}.ghost{background:none;border:0;color:var(--purple);font-size:13px;font-weight:800;padding:9px 4px}.dangertext{color:var(--red)}.outline{background:none;color:var(--white);border:1px solid var(--line);border-radius:15px;padding:13px 14px;font-weight:750;min-height:48px}.stack{display:grid;gap:9px}.stack-sm{display:grid;gap:6px}.sticky{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));margin-top:21px;padding:6px 0;z-index:3;background:linear-gradient(0deg,#100e1c 68%,transparent)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile{padding:15px 13px;background:#241e36;border:1px solid #453b59;border-radius:17px;min-height:90px;text-align:left;color:#fff}.tile.active{border:1px solid var(--lime);background:#30342b}.tile .emoji{font-size:23px;display:block;margin:0 0 6px}.tile strong{display:block;letter-spacing:-.02em;font-size:14px}.tile small{color:var(--muted);font-size:11px}.stepper{display:flex;gap:8px;align-items:center;justify-content:space-between}.circlebutton{border-radius:12px;background:var(--panel2);border:1px solid var(--line);width:42px;height:42px;color:#fff;font-size:24px;font-weight:500}.segmented{display:flex;gap:7px;flex-wrap:wrap}.segment{border:1px solid #574d6a;background:#2a2340;color:#e6e0ef;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px}.segment.active{background:var(--lime);color:#17190d;border-color:var(--lime)}.person{display:flex;align-items:center;justify-content:space-between;border:1px solid #3c3450;border-radius:14px;background:#191529;margin-bottom:7px;min-height:59px;padding:8px 9px 8px 11px;gap:10px}.person.off{opacity:.58}.checkpart{flex:1;background:none;border:0;text-align:left;color:white;display:flex;align-items:center;gap:10px;min-height:42px;padding:0}.checkmark{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1px solid #71668b;font-size:14px;flex-shrink:0}.person:not(.off) .checkmark{background:var(--lime);border-color:var(--lime);color:#1b1c10;font-weight:950}.personName{font-size:14px;font-weight:850;line-height:1.15}.personCat{font-size:10px;color:var(--muted);margin-top:5px}.editbtn{border-radius:9px;padding:10px;background:#29223e;color:var(--purple);font-size:12px;font-weight:800;border:0}.tabline{display:flex;align-items:center;gap:8px;margin:13px 0}.rulebox{border:1px solid #544663;background:#292139;border-radius:16px;padding:16px;color:#d5cde5;font-size:14px;line-height:1.55}.num{color:var(--lime);font-variant-numeric:tabular-nums}.invite{font-size:clamp(44px,12vw,77px);letter-spacing:.11em;font-weight:1000;text-align:center;color:var(--lime);margin:8px 0 5px}.playerLine{border:1px solid #3e3651;background:#241d35;padding:13px 15px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-weight:800}.playerLine small{font-size:11px;color:var(--muted)}.privateCard{padding:20px 16px;border:1px solid #75678e;border-radius:24px;background:radial-gradient(ellipse at top,#413551,#251f3a 75%);min-height:285px;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:center;margin:17px 0}.privateCard h2{letter-spacing:-.065em;line-height:1.1;font-size:clamp(34px,9vw,51px);margin:7px 0;overflow-wrap:anywhere}.privateCard .sub{font-size:13px;color:#e3d9f0}.fact{background:#332b47;border:1px solid #69577d;border-radius:12px;text-align:left;padding:12px 13px;line-height:1.4;font-size:14px}.factLabel{display:block;color:#b6a2e5;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:5px}.timerline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;padding:10px 2px}.timerline strong{font-size:26px;color:var(--lime);font-variant-numeric:tabular-nums}.progress{height:6px;background:#3a304e;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--lime);transition:width .12s linear}.count{display:grid;place-items:center;border-radius:10px;background:#382c4d;color:var(--purple);font-size:12px;font-weight:800;padding:8px 12px}.votebtn{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-radius:14px;width:100%;border:1px solid #544762;background:#28213d;color:#fff;text-align:left;padding:11px 16px;margin:8px 0;font-weight:800}.votebtn.active{border:1px solid var(--lime);background:#363b2a}.result{background:#272037;border:1px solid #604f78;border-radius:22px;padding:22px;margin:18px 0}.result .value{font-size:28px;font-weight:950;letter-spacing:-.05em;overflow-wrap:anywhere;margin:8px 0}.result hr{border:0;border-top:1px solid #504262;margin:16px 0}.win{padding:16px;border:1px solid #7c9760;background:#273327;color:#ddffbe;border-radius:17px;margin:15px 0;font-weight:900;text-align:center}.win.spy{background:#402531;border-color:#b56478;color:#ffd4e0}.footer{font-size:11px;color:#8e87a4;text-align:center;margin:18px 0}.dialogBackdrop{position:fixed;inset:0;z-index:10;background:#090711d9;display:flex;align-items:center;justify-content:center;padding:14px}.dialog{background:#1e1930;border:1px solid #76658c;border-radius:24px;max-width:520px;width:100%;padding:18px;max-height:94dvh;overflow:auto}.dialog h2{font-size:24px;letter-spacing:-.04em;margin:0}.dialogActions{display:flex;gap:8px;margin-top:14px}#toast{position:fixed;z-index:50;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(92%,480px);padding:14px 17px;border-radius:15px;background:#dfff87;color:#1b2012;text-align:center;font-size:13px;font-weight:800;display:none;box-shadow:0 8px 32px #0006}#toast.show{display:block}.loading{color:var(--muted);margin-top:120px;text-align:center}.hidden{display:none!important}details summary{cursor:pointer;font-weight:800}details .desc{margin-top:9px}a{color:var(--purple)}@media(min-width:610px){.app{padding-top:28px}.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:374px){.app{padding-left:12px;padding-right:12px}.panel{padding:14px}.tile{padding:12px 10px}.hero{font-size:56px}.fact{font-size:12px;padding:10px}}

/* Простая настройка нескольких тем и числа подсказок */
.catGroup{min-width:0;display:flex;flex-direction:column;gap:4px}
.catGroup .tile{width:100%;min-height:82px;flex:1}
.onlyCat{padding:7px 5px 10px;text-align:center;font-size:11px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px}
.onlyCat:focus-visible{outline:2px solid var(--lime)}
.hintOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hintOption{border:1px solid #574d6a;background:#2a2340;color:#eee8f7;min-width:0;min-height:78px;padding:8px 3px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.hintOption strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.hintOption small{font-size:10px;font-weight:700}
.hintOption.active{background:#313b28;border-color:var(--lime);color:var(--lime)}
/* На маленьком экране настройки занимают меньше места */
.catGroup .tile{min-height:68px;padding:10px 9px}
.catGroup .tile .emoji{font-size:16px;display:inline-block;margin:0 5px 3px 0;vertical-align:middle}
.catGroup .tile strong{display:inline;font-size:12px;vertical-align:middle}
.catGroup .tile small{display:block;margin-top:3px;font-size:10px}
.catGroup .onlyCat{padding:6px 4px;font-size:10px}
/* В тестовом мастере кнопка не должна закрывать другие настройки */
.app:has(.hintOptions) .sticky{position:static}

/* v0.3: спокойная типографика, понятные настройки без лишних символов. */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;font-weight:400}
.brand{font-size:16px;font-weight:850;letter-spacing:-.025em}
.hero{font-size:clamp(58px,12vw,94px);font-weight:900;letter-spacing:-.045em;line-height:1.01;overflow-wrap:normal}
.h2{font-weight:850;letter-spacing:-.035em;line-height:1.08}
.sectionhead{font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.privateCard h2{font-weight:850;letter-spacing:-.035em;line-height:1.16}
.eyebrow::before{content:none}
.eyebrow{letter-spacing:.13em}
.primary,.secondary{font-weight:800;letter-spacing:0;text-transform:none}
.tile strong{font-size:15px;font-weight:800;letter-spacing:0}
.tile{min-height:72px}
.catList{display:grid;gap:9px;margin-top:12px}
.categoryItem{background:#201b31;border:1px solid #443954;border-radius:17px;overflow:hidden}
.categoryItem.selected{border-color:#79699b}
.catHead{display:flex;align-items:stretch;gap:0;min-height:67px}
.catCheck{width:54px;flex:0 0 54px;display:grid;place-items:center;background:none;border:0;border-right:1px solid #3b3350}
.catCheck[aria-pressed="true"] .checkmark,.personChoice.chosen .checkmark{background:var(--lime);border-color:var(--lime);color:#181f13;font-weight:800}
.catOpen{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;background:none;color:var(--white);padding:12px 14px;min-width:0}
.catTitle{font-weight:800;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.catMeta{font-size:11px;color:#aea5c2;line-height:1.3;text-align:right;max-width:104px}
.catBody{padding:0 12px 12px;border-top:1px solid #423651}
.catTools{min-height:47px;gap:4px}
.catTools .ghost{font-weight:750;font-size:11px;padding:8px 2px}
.catTools .rowwrap{gap:10px}
.personList{display:grid;gap:4px;max-height:310px;overflow-y:auto;overscroll-behavior:contain}
.personChoice{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:#191527;color:var(--white);padding:10px 12px;min-height:43px;border-radius:11px}
.personChoice.chosen{background:#2b2738}
.personChoice .checkmark{width:20px;height:20px;border-radius:6px}
.personChoice.unavailable{opacity:.45;cursor:not-allowed}
.personChoice .personName{font-size:13px;line-height:1.35;letter-spacing:0;font-weight:650}
.catFooter{margin-top:13px}
.fullwidth{width:100%;margin-top:10px}
.micro-note{font-size:12px;margin:8px 2px 1px}
.hintOptions{gap:8px}
.hintOption{min-height:75px}
.hintOption strong{font-weight:850;font-size:26px}
.hintOption small{font-size:10px;line-height:1.2;letter-spacing:0}
.timeOptions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.timeOption{background:#29223e;border:1px solid #5e4f73;color:var(--white);padding:12px 4px;min-height:47px;border-radius:13px;font-size:13px;font-weight:750}
.timeOption.active{color:var(--lime);border-color:var(--lime);background:#303a2a}
.nameList{display:grid;gap:9px}
.nameRow{display:flex;gap:10px;align-items:center}
.nameRow .field{flex:1}
.nameNumber{color:var(--purple);font-weight:750;font-size:13px;width:26px;flex-shrink:0}
.nameControls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;flex-wrap:wrap}
.nameControls .outline{background:#29213d;border-color:#605072}
.nameControls .ghost{font-size:12px}
.note{margin-top:9px}
.dialogActions .primary,.dialogActions .secondary{min-width:0}
.app:has(.catList) .sticky{position:static}
@media(max-width:374px){.hero{font-size:56px}.catOpen{gap:6px;padding:10px}.catMeta{max-width:84px}.catTitle{font-size:13px}.nameControls{gap:3px}}
/* Заголовок категории не ломается посередине слова на телефоне. */
.catOpen{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
.catTitle{overflow-wrap:normal;word-break:normal}
.catMeta{max-width:none;text-align:left}

/* v0.4: чистая иерархия: раунд отдельно, номер игрока отдельно. */
.roundMeta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:1px 0 15px}
.roundMeta .kicker{margin:0;text-transform:none;letter-spacing:.04em;font-size:12px}
.playerProgress{font-size:13px;line-height:1.45;color:var(--muted);font-weight:700;letter-spacing:.005em}

/* Раздача на одном телефоне: прогресс вместо повторяющихся номеров игроков. */
.handoffScreen{display:flex;flex-direction:column;min-height:min(70dvh,650px)}
.handoffSteps{display:flex;gap:7px;margin:18px 0 24px}
.handoffStep{flex:1;min-width:0;height:6px;border-radius:100px;background:#423b55}
.handoffStep.filled{background:var(--lime)}
.handoffHero{flex:1;min-height:220px;display:flex;flex-direction:column;justify-content:center;padding:12px 0 30px}
.handoffTitle{font-size:clamp(33px,8vw,51px);line-height:1.13;letter-spacing:-.05em;overflow-wrap:anywhere;margin:0 0 15px}
.handoffInstructions{font-size:14px;line-height:1.5;margin:0;max-width:340px}
.handoffScreen .sticky{margin-top:12px}
@media(max-width:360px){.handoffTitle{font-size:32px}.handoffSteps{gap:5px}}