:root{color-scheme:dark light;--bg: #0e1014;--surface: #171a21;--surface-2: #1e222c;--raised: #262b37;--border: #2b3140;--text: #e9ecf3;--muted: #98a1b4;--faint: #6b7487;--accent: #ffb454;--accent-ink: #1a1206;--accent-soft: rgba(255, 180, 84, .14);--yes: #5ddc93;--no: #ff7a7a;--neutral: #8fa7ff;--radius: 14px;--radius-lg: 20px;--gap: 16px;--shadow: 0 8px 28px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}@media (prefers-color-scheme: light){:root{--bg: #f5f6f9;--surface: #ffffff;--surface-2: #eef0f5;--raised: #e4e7ee;--border: #d8dce5;--text: #151821;--muted: #5c6577;--faint: #8790a1;--accent: #c2700c;--accent-ink: #fff8ec;--accent-soft: rgba(194, 112, 12, .12);--yes: #178a4c;--no: #c2372f;--neutral: #3b5bdb;--shadow: 0 6px 20px rgba(18, 22, 33, .09)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.shell{width:100%;max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap);min-height:100%}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.015em}h1{font-size:32px;font-weight:700}h2{font-size:22px;font-weight:650}h3{font-size:15px;font-weight:600;color:var(--muted)}p{margin:0}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:14px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:10px;align-items:center}.row-wrap{display:flex;gap:10px;flex-wrap:wrap}.grow{flex:1;min-width:0}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.card-tight{padding:14px}button{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--radius);min-height:48px;padding:12px 18px;cursor:pointer;background:var(--raised);color:var(--text);transition:transform .06s ease,filter .15s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-yes{background:var(--yes);color:#04150b}.btn-no{background:var(--no);color:#1a0505}.btn-block{width:100%}.btn-big{min-height:60px;font-size:19px}input,textarea{font:inherit;width:100%;min-height:52px;padding:12px 14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--faint)}label{display:block;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:6px}.code-input{font-size:26px;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase}.roomcode{font-size:40px;font-weight:750;letter-spacing:.16em;color:var(--accent);text-align:center;font-variant-numeric:tabular-nums}.player-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 380px){.player-grid{grid-template-columns:1fr}}.player{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.player-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.player-out{opacity:.55}.player-name{font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px;min-width:0}.player-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-character{font-size:19px;font-weight:650;overflow-wrap:anywhere}.player-character-pending{color:var(--faint);font-weight:500;font-size:16px}.dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--yes)}.dot-off{background:var(--faint)}.lives{display:flex;gap:3px}.heart{width:9px;height:9px;border-radius:50%;background:var(--no)}.heart-spent{background:var(--border)}.you-card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;text-align:center;box-shadow:var(--shadow)}.you-secret{font-size:52px;font-weight:750;color:var(--accent);letter-spacing:.06em}.you-revealed{font-size:30px;font-weight:700;overflow-wrap:anywhere}.banner{border-radius:var(--radius);padding:12px 16px;font-weight:600;text-align:center;background:var(--surface-2);border:1px solid var(--border)}.banner-turn{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.banner-warn{background:#ff7a7a1f;border-color:var(--no);color:var(--no)}.timer{height:4px;border-radius:999px;background:var(--border);overflow:hidden}.timer-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s linear}.timer-low{background:var(--no)}.question{font-size:24px;font-weight:650;text-align:center;overflow-wrap:anywhere}.verdict{font-size:30px;font-weight:750;text-align:center}.verdict-yes{color:var(--yes)}.verdict-no{color:var(--no)}.verdict-tie{color:var(--neutral)}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.pill-match{color:var(--yes);border-color:var(--yes)}.feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.feed li{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.feed li:last-child{color:var(--text)}details>summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--muted);padding:6px 0;min-height:44px;display:flex;align-items:center}.toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));margin:0 auto;max-width:528px;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);text-align:center;font-weight:600;z-index:10}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}