:root{--bg: #0e0c0a;--card: #1a1713;--border: #2e2a25;--amber: #f5a623;--amber-deep: #d98c0f;--cream: #f5ede0;--muted-text: #8a7d6c;--text: #e8ddd0;--green: #3ecf8e;--surface: var(--card);--muted: var(--muted-text);--accent: var(--amber);--accent-contrast: #1e130a;--accent-2: var(--amber-deep);--font-body: "Nunito", sans-serif;--font-display: "Lora", serif;--radius: 12px;--btn-weight: 800}html{height:100%}body{background:var(--bg);color:var(--text)}.screen{padding:24px 16px 40px;text-align:center;gap:14px}.back{position:fixed;top:16px;left:16px;border-radius:10px;color:var(--muted-text);z-index:10}#screen-lobby-host .back,#screen-lobby-guest .back{display:none!important}.title-main{font-family:Lora,serif;font-weight:700;font-size:clamp(2rem,9vw,2.8rem);line-height:1.1}.title-main em{color:var(--amber);font-style:italic}.title-sub{max-width:320px;line-height:1.5;color:var(--muted-text)}.btn{max-width:340px;-webkit-tap-highlight-color:transparent}.btn-amber{background:var(--amber);color:var(--accent-contrast);box-shadow:0 6px 22px #f5a62338}.btn-ghost{border:1.5px solid var(--border);color:var(--text)}.input-field{font-weight:800;font-size:1.3rem;letter-spacing:4px;background:var(--card);border-color:var(--border);color:var(--text)}.code-big{font-family:Lora,serif;font-weight:700;font-size:2.8rem;letter-spacing:8px;color:var(--amber)}.label{font-size:.65rem;letter-spacing:.14em;color:var(--muted-text)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px}.theme-tile{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:12px 6px 10px;cursor:pointer;color:var(--muted-text);font-weight:800;font-size:.78rem;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,border-color .15s ease}.theme-tile .em{font-size:1.6rem;display:block;margin-bottom:4px}.theme-tile.active{border-color:var(--amber);color:var(--text);background:#f5a62314}.theme-tile:active{transform:scale(.96)}.seg-row{display:flex;gap:8px;width:100%;max-width:340px}.seg-opt{flex:1;padding:11px 0;border-radius:99px;border:1.5px solid var(--border);background:var(--card);color:var(--muted-text);font-weight:800;font-size:.9rem;cursor:pointer}.seg-opt.active{background:var(--amber);color:var(--accent-contrast);border-color:var(--amber)}.names-row{display:flex;gap:8px;width:100%;max-width:340px}.name-input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-weight:700;font-size:.95rem}.name-input:focus{outline:none;border-color:var(--amber)}.name-input::placeholder{color:var(--muted-text);font-weight:600}.hud-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:360px;gap:8px}.round-pill{padding:6px 14px;border-radius:99px;background:var(--card);border:1px solid var(--border);font-size:.78rem;font-weight:800;color:var(--muted-text)}.timer{font-size:1.6rem;font-weight:900;min-width:3ch;font-variant-numeric:tabular-nums;color:var(--text)}.timer.low{color:#ff6b6b;animation:pulse .6s ease infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.progress-bar-bg{width:100%;max-width:360px;height:6px;background:var(--card);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--amber);border-radius:99px;transition:width .3s ease}.gap-card{width:100%;max-width:360px;background:var(--card);border:1.5px solid var(--border);border-radius:18px;padding:18px 16px}.gap-cat{display:inline-block;padding:4px 12px;border-radius:99px;background:#f5a6231f;color:var(--amber);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gap-hint{font-family:Lora,serif;font-style:italic;font-size:1.15rem;margin-top:10px;color:var(--cream);line-height:1.35}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.chip{padding:10px 14px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-weight:800;font-size:.92rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,border-color .15s ease}.chip:active{transform:scale(.95)}.chip:disabled{opacity:.5}.chip.own{border-style:dashed;color:var(--muted-text)}.chip.picked{border-color:var(--amber);background:#f5a62324;color:var(--text);opacity:1}.guess-row{display:flex;gap:8px;margin-top:10px}.or-line{color:var(--muted-text);font-size:.75rem;margin-top:12px}.type-row{display:flex;gap:8px;margin-top:8px}.type-input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-weight:700;font-size:1rem}.type-input:focus{outline:none;border-color:var(--amber)}.type-btn{padding:0 18px;border-radius:12px;border:none;background:var(--amber);color:var(--accent-contrast);font:inherit;font-weight:900;cursor:pointer}.type-btn:disabled{opacity:.4}.answers-strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%;max-width:360px}.answer-tag{padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:700;background:var(--card);border:1px solid var(--border);color:var(--muted-text)}.answer-tag.p1{border-color:#f5a62380;color:var(--amber)}.answer-tag.p2{border-color:#3ecf8e80;color:var(--green)}.wait-card{width:100%;max-width:360px;background:var(--card);border:1.5px dashed var(--border);border-radius:18px;padding:26px 16px}.wait-title{font-weight:900;font-size:1.1rem}.typing-dots{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle;opacity:0;transition:opacity .2s}.typing-dots.on{opacity:1}.typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:bounce 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.predict-label{margin-top:14px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);font-weight:800}.predict-status{margin-top:10px;font-size:.85rem;color:var(--muted-text);min-height:1.3em}.predict-status b{color:var(--text)}.predict-result{width:100%;max-width:360px;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--border);font-size:.85rem;color:var(--muted-text);line-height:1.4}.predict-result.hit{border-color:#3ecf8e80}.predict-result b{color:var(--text)}.predict-result .tally{display:block;margin-top:2px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--amber)}.answer-tag.hit:after{content:" ✓";color:var(--green)}.book-wrap{width:100%;max-width:480px;background:linear-gradient(160deg,#f5ede0,#ede0cc);border-radius:4px 16px 16px 4px;box-shadow:-4px 0 #c4935a,-8px 0 #a07840,0 20px 60px #0009;display:flex;flex-direction:column;height:66vh;overflow:hidden}.book-header{background:linear-gradient(135deg,#8b5e3c,#6b4423);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.book-title{font-family:Lora,serif;font-size:.95rem;font-style:italic;color:#f5ede0;text-align:left}.book-page-num{font-size:.68rem;color:#c4a06a;white-space:nowrap}.book-content{flex:1;padding:18px 22px 14px;font-family:Lora,serif;font-size:1rem;line-height:1.6;color:#2a1a0a;text-align:left;overflow-y:auto;scrollbar-width:thin}.book-content.page-flip{animation:pageFlip .4s ease both}@keyframes pageFlip{0%{opacity:0;transform:perspective(700px) rotateY(8deg)}to{opacity:1;transform:perspective(700px) rotateY(0)}}.book-content p{margin:0 0 14px}.book-content mark{background:none;font-weight:700;font-style:normal;padding:0 2px;border-radius:4px}.book-content mark.w-p1{color:#b3620f;background:#f5a6232e}.book-content mark.w-p2{color:#1f6f47;background:#3ecf8e2e}.book-content .cover{text-align:center;padding-top:18%}.book-content .cover .cover-em{font-size:3rem}.book-content .cover h3{font-family:Lora,serif;font-size:1.5rem;margin:10px 0 6px}.book-content .cover .by{font-family:Nunito,sans-serif;font-size:.8rem;color:#6b4423;font-weight:700}.book-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.1);background:#00000008}.book-legend{display:flex;gap:12px;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:800;color:#6b4423}.book-nav-btn{background:none;border:none;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;color:#8b5e3c;cursor:pointer;padding:8px 12px;border-radius:8px;-webkit-tap-highlight-color:transparent}.book-nav-btn:disabled{opacity:.35}.book-done-btns{display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;align-items:center}.book-share{display:block;width:100%;margin-top:18px;padding:13px 0;border:none;border-radius:10px;background:#7a5030;color:#f5ede0;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}.book-share:active{transform:scale(.98)}.book-share:disabled{opacity:.6}.book-listen{display:flex;align-items:center;gap:10px;padding:8px 18px;border-top:1px solid rgba(0,0,0,.1);font-family:Nunito,sans-serif;font-size:.8rem;font-weight:800;color:#6b4423}.listen-btn{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:none;background:#7a5030;color:#f5ede0;font-size:.8rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.listen-label{flex:1;min-width:0;text-align:left;cursor:pointer}.both-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.both-toggle input{accent-color:#7a5030;width:16px;height:16px;margin:0}.book-content .sent{border-radius:4px;transition:background .2s ease,box-shadow .2s ease}.book-content .sent.reading{background:#7c3aed1f;box-shadow:0 0 0 3px #7c3aed1f}.wait-msg{color:var(--muted-text);font-size:.9rem;min-height:1.4em}.disconnect-banner{background:#7a2e2e}