:root{--you: #ff8a3d;--coral: #ff7a59;--opp: #4fd0c0;--gold: #eab54a;--ink-dark: #f5ede2;--ink-light: #2c2740}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{font-family:SF Pro Rounded,ui-rounded,-apple-system,system-ui,Segoe UI,sans-serif;transition:background .4s ease}body.theme-light{background:radial-gradient(900px 500px at 15% 0%,#d7e8ff 0%,transparent 60%),linear-gradient(155deg,#e9f0ff,#f2e9ff 45%,#ffeede);color:var(--ink-light)}body.theme-dark{background:radial-gradient(1100px 700px at 50% -10%,#17231f,#0e1512 55%,#0a0f0d);color:var(--ink-dark)}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:440px;border-radius:26px;padding:26px 22px;display:flex;flex-direction:column;gap:14px}.theme-light .card{background:#ffffffb8;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px #5a468c2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-dark .card{background:#1c221edb;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 60px #00000073}h1{margin:0;font-size:2.1rem;text-align:center;font-weight:800}h2{margin:0;font-size:1.5rem;text-align:center;font-weight:800}.muted{opacity:.62}.hint{font-size:.82rem;text-align:center;opacity:.6;margin:4px 0 0}.lbl{font-size:.72rem;opacity:.6;margin-top:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.center{text-align:center}.log-head{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 2px}.log-head:empty{display:none}.log-title{font-size:.72rem;font-weight:800;letter-spacing:.06em;opacity:.6}.sorttoggle{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#80808033}.sortchip{border:none;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:800;padding:4px 11px;border-radius:999px;background:transparent;color:inherit;opacity:.55}.sortchip.on{background:#ffffff24;opacity:1}.theme-light .sortchip.on{background:#ffffffe6;box-shadow:0 1px 3px #5a468c2e}.qrow{list-style:none;padding:9px 11px;border-radius:12px;margin-bottom:6px;background:#7d5ceb1f;border:1px solid rgba(125,92,235,.2)}.qtop{display:flex;align-items:center;gap:8px}.qtext{font-style:italic;font-weight:600}.qmark{font-size:.95rem}.qreply{font-size:.85rem;opacity:.72;margin-top:4px}.duel-choices{display:flex;gap:12px;margin-top:8px}.duel-choice{flex:1;text-align:center;border:none;cursor:pointer;color:#fff;border-radius:16px;padding:18px 12px;display:flex;flex-direction:column;gap:6px;align-items:center}.duel-choice.race{background:#f2731f;box-shadow:0 6px 18px #f2731f59}.duel-choice.dare{background:#7d5ceb;box-shadow:0 6px 18px #7d5ceb59}.duel-choice-icon{font-size:1.8rem}.duel-choice-title{font-size:1.15rem;font-weight:800}.duel-choice-sub{font-size:.78rem;opacity:.92;line-height:1.25}.dare-word{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0 2px;padding:12px;border-radius:16px;background:#7d5ceb1f;border:1px solid rgba(125,92,235,.3)}.dare-word-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;opacity:.7}.dare-word-val{font-size:1.8rem;font-weight:800;color:#a08cf5}.reveal{text-align:center;margin:6px 0 4px}.reveal-label{margin:0 0 2px;font-size:.82rem}.reveal-word{margin:0;font-size:2rem;font-weight:800;letter-spacing:.01em}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti-bit{position:absolute;top:-12vh;border-radius:2px;will-change:transform;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-12vh) rotate(0)}to{transform:translateY(112vh) rotate(720deg)}}@media(prefers-reduced-motion:reduce){.confetti-bit{animation:none;display:none}}.wick-mascot{display:block;margin:0 auto}.mascot-wrap{display:flex;justify-content:center}.field{width:100%;border-radius:14px;padding:13px 15px;font-size:1rem;font-family:inherit}.theme-light .field{background:#ffffffd9;border:1px solid rgba(120,100,160,.2);color:var(--ink-light)}.theme-dark .field{background:#14100c;border:1px solid #33291f;color:var(--ink-dark)}.field:focus{outline:2px solid var(--you);border-color:transparent}.btn{width:100%;border-radius:999px;padding:14px 16px;font-size:1.02rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:transform .06s ease,filter .15s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--you);color:#241206}.theme-light .btn.secondary{background:#efe8ff;color:#4a3d7a}.theme-dark .btn.secondary{background:#2c2620;color:var(--ink-dark)}.btn.ghost{background:transparent;color:inherit;opacity:.8}.row{display:flex;gap:10px;align-items:center}.code{text-align:center;font-size:1.4rem;letter-spacing:.1em;font-weight:800}.opp-strip{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:10px 14px}.opp-strip .mini{flex:0 0 auto}.opp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.opp-top{display:flex;align-items:center;gap:8px}.tag{font-size:.72rem;padding:2px 9px;border-radius:999px;font-weight:800}.tag.human{background:#4fd0c033;color:var(--opp)}.tag.bot,.tag.ghost{background:#eab54a2e;color:var(--gold)}.opp-count{margin-left:auto;font-size:.8rem;opacity:.65}.mini-bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.mini-bar>i{display:block;height:100%;border-radius:999px;transition:width .4s ease}.hero{display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:16px 10px 10px}.gauge{position:relative;width:140px;height:140px;flex:0 0 auto}.gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-label .big{font-size:1.7rem;font-weight:800;line-height:1}.gauge-label .small{font-size:.78rem;opacity:.7;margin-top:3px}.hero .mascot-wrap{flex:0 0 auto}.latest{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.latest .word{font-size:1.2rem;font-weight:800}.chip{font-size:.82rem;font-weight:700;padding:4px 12px;border-radius:999px}.chip.cold{background:#4896ff2e;color:#82b4ff}.chip.warm{background:#ffb23d2e;color:#ffc06a}.chip.hot{background:#ff523d33;color:#ff9280}.clock{text-align:center;font-variant-numeric:tabular-nums;font-size:1rem;opacity:.6}.banner{text-align:center;font-size:.9rem;color:var(--you);max-height:0;overflow:hidden;transition:max-height .2s ease}.banner.show{max-height:44px}.guess-row{display:flex;gap:10px;align-items:center}.guess-row .field{flex:1;font-size:1.05rem}.send{flex:0 0 auto;width:52px;height:52px;border-radius:999px;border:none;cursor:pointer;background:var(--coral);color:#fff;font-size:1.5rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .06s ease,filter .15s}.send:hover{filter:brightness(1.08)}.send:active{transform:translateY(1px)}.guesses{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:34vh;overflow-y:auto}.guess-item{display:flex;align-items:center;gap:10px}.guess-item .gw{font-weight:700;flex:1}.guess-item .gb{flex:1.3;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden}.guess-item .gb>i{display:block;height:100%;border-radius:999px;transition:width .4s ease}.guess-item .gp{font-size:.72rem;font-weight:700;opacity:.85;width:62px;text-align:right;flex:0 0 auto}.btn.join{width:auto;flex:0 0 auto;padding:14px 20px}.home-wrap{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px}.home-title{text-align:center;font-size:1.8rem;font-weight:800;margin:4px 0 6px}.today-card{display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:16px 18px;background:linear-gradient(135deg,#ffe1d2e6,#f0dcffd9);box-shadow:0 14px 34px #785a962e;font-family:inherit;color:var(--ink-light)}.today-mascot{flex:0 0 auto}.today-text{flex:1}.today-num{color:var(--you);font-weight:800;font-size:.95rem}.today-h{font-size:1.5rem;font-weight:800;line-height:1.05}.today-sub{opacity:.7;font-size:.95rem}.today-play{flex:0 0 auto;width:46px;height:46px;border-radius:999px;background:var(--you);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{text-align:left;cursor:pointer;border-radius:22px;padding:16px;min-height:128px;display:flex;flex-direction:column;gap:4px;font-family:inherit;border:1px solid rgba(255,255,255,.6);color:var(--ink-light);background:#fff9}.tile-icon{font-size:1.6rem}.tile-title{font-weight:800;font-size:1.15rem;margin-top:auto}.tile-sub{opacity:.7;font-size:.85rem}.tile.duel{background:linear-gradient(140deg,#e6d7ffe6,#d7e1ffcc)}.tile.past{background:linear-gradient(140deg,#d2f0e8e6,#e1f0ffcc)}.tile.practice{background:linear-gradient(140deg,#e0f0d6e6,#f0ecd2cc)}.tile.wardrobe{background:linear-gradient(140deg,#ffeecde6,#ffe0d2cc)}.tile:active{transform:translateY(1px)}.home-foot{display:flex;gap:12px;margin-top:4px}.foot-btn{flex:1;cursor:pointer;font-family:inherit;font-weight:700;font-size:.9rem;border:none;border-radius:16px;padding:14px;background:#2c2836;color:#f3eefb}.solo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.solo-title{font-weight:800;font-size:1.05rem}.solo-title.dark{color:inherit}.icon-btn{width:38px;height:38px;border-radius:999px;border:none;cursor:pointer;background:#ffffff14;color:inherit;font-size:1.1rem;font-family:inherit}.icon-btn.dark{background:#7864a024;color:inherit}.row-actions{display:flex;gap:10px;width:100%;margin-top:6px}.row-actions .btn{width:100%}.arch-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:62vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.arch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;font-family:inherit;padding:12px 14px;border-radius:14px;border:none}.theme-light .arch-row{background:#fff9;color:var(--ink-light)}.theme-dark .arch-row{background:#7864a01a;color:var(--ink-dark)}.arch-row:hover{filter:brightness(1.06)}.arch-num{font-weight:800;font-size:.98rem}.arch-date{font-size:.78rem;opacity:.6;margin-top:1px}.arch-status{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.arch-status.solved{background:#4d9e4738;color:#7fce78}.arch-status.revealed{background:#b7a99633;color:#c9bda9}.arch-status.playing{background:#f2a62438;color:#ffc963}.arch-status.none{background:transparent;opacity:.4}.hint.center{opacity:.7;margin-top:24px}.giveup-slot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px;margin-top:2px}.giveup-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.8rem;opacity:.5;text-decoration:underline;color:inherit;padding:4px 8px}.giveup-btn:hover{opacity:.8}.giveup-ask{font-size:.82rem;opacity:.75}.giveup-yes,.giveup-no{border:none;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px}.giveup-yes{background:#e8423633;color:#ff8f82}.giveup-no{background:#7864a024;color:inherit}.word.reveal{color:#ff9a8f}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#2c2836;color:#f3eefb;padding:12px 18px;border-radius:14px;max-width:88%;box-shadow:0 12px 30px #0000004d;opacity:0;transition:all .25s ease;white-space:pre-line;font-size:.9rem;text-align:center;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}.keeper{display:none;align-items:flex-start;gap:10px;background:#7d5ceb1a;border:1px solid rgba(125,92,235,.3);border-radius:16px;padding:12px 14px}.keeper.show{display:flex}.keeper .kwick{flex:0 0 auto;width:40px;height:40px;margin-top:-2px}.keeper .kwick svg{display:block;width:40px;height:40px}.keeper .kbody{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kbadge{font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:999px}.kbadge.yes{background:#4d9e4738;color:#7fce78}.kbadge.no{background:#e8423638;color:#ff8f82}.kbadge.sortof{background:#f2a62438;color:#ffc963}.kbadge.idk{background:#6c8cc438;color:#a9c2ea}.kbadge.wontsay{background:#b7a99633;color:#c9bda9}.kreply{font-size:.98rem}