:root{--bg-0:#080b14;--bg-1:#0e1424;--surface:#151d31;--surface-2:#1c273f;--surface-3:#243150;--border:#2b3a59;--border-soft:#213049;--text:#e9edf8;--text-dim:#98a4c2;--text-faint:#66708c;--moon:#eaf0ff;--gold:#d8b15a;--gold-soft:#b6914a;--blood:#e05568;--blood-deep:#8f2030;--good:#5aa6ef;--seer:#b58ce6;--safe:#57c08a;--radius:12px;--radius-sm:8px;--shadow:0 8px 30px #00000073;--shadow-sm:0 2px 10px #00000059;--ring:0 0 0 2px var(--surface), 0 0 0 4px var(--gold);--font:"Avenir Next", "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Songti SC", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-2;background:radial-gradient(1200px 700px at 50% -10%, #1b2747 0%, #1b274700 60%), radial-gradient(900px 600px at 85% 8%, #5aa6ef1f 0%, #0000 55%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 70%);transition:background 1.2s;position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.5;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 70% 20%,#ffffff59 50%,#0000 50%),radial-gradient(1px 1px at 40% 12%,#ffffff4d 50%,#0000 50%),radial-gradient(1px 1px at 88% 40%,#ffffff40 50%,#0000 50%),radial-gradient(1px 1px at 12% 60%,#fff3 50%,#0000 50%);position:fixed;inset:0}.nf-app[data-phase^=day]~#nf-ambient,.nf-app[data-phase^=day]{--ambient:day}.nf-app[data-phase^=day]+#nf-noop{display:none}h1{font-family:var(--font-display);letter-spacing:.5px;color:var(--moon);text-shadow:0 0 18px #5aa6ef40;margin:0 0 2px;font-size:26px;font-weight:600}h2{font-family:var(--font-display);letter-spacing:.4px;color:var(--text-dim);text-transform:uppercase;margin:0 0 8px;font-size:15px;font-weight:600}button{font:inherit;color:var(--text);background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 13px;transition:transform 80ms,border-color .15s,background .15s,box-shadow .15s}button:hover:not(:disabled){border-color:var(--good);transform:translateY(-1px);box-shadow:0 0 0 1px #5aa6ef4d,0 4px 14px #00000059}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed}.nf-controls button:first-child{background:linear-gradient(180deg, var(--gold), var(--gold-soft));border-color:var(--gold);color:#1a1206;font-weight:700}.nf-controls button:first-child:hover:not(:disabled){box-shadow:0 0 18px #d8b15a73}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 8px}input:focus,select:focus,textarea:focus{border-color:var(--good);outline:none;box-shadow:0 0 0 2px #5aa6ef40}select option{background:var(--surface)}fieldset{border:1px solid var(--border-soft);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151d3199}legend{color:var(--gold);padding:0 6px;font-weight:600}label{color:var(--text-dim);font-size:13px}details>summary{color:var(--text-dim)}a{color:var(--good)}.nf-app{transition:filter 1s}.nf-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nf-toggle{border-radius:999px;padding:4px 11px;font-size:13px}.nf-toggle.is-on{background:linear-gradient(180deg, var(--good), #3f7fc4);border-color:var(--good);color:#061018;font-weight:600}.nf-panel{border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151d31b3}.nf-stage{aspect-ratio:1/.84;width:100%;max-width:620px;margin:8px auto;position:relative}.nf-felt{background:radial-gradient(at 50% 38%,#78aaff29,#0000 60%),radial-gradient(#1a2c46 0%,#11203a 55%,#0c1730 100%);border:1px solid #7896d238;border-radius:50%;transition:background 1.2s,box-shadow 1.2s;position:absolute;inset:12% 6%;box-shadow:inset 0 0 60px #0000008c,0 18px 50px #00000080}.nf-app[data-phase^=day] .nf-felt{background:radial-gradient(at 50% 30%,#ffe0a833,#0000 60%),radial-gradient(#2a3147 0%,#20283c 55%,#171d2e 100%);border-color:#d8b15a4d}.nf-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.nf-orb{background:radial-gradient(circle at 35% 30%,#fff,#c9d6f5 45%,#7e8db8 100%);border-radius:50%;width:56px;height:56px;transition:background 1s,box-shadow 1s;box-shadow:0 0 30px #c8d7ff8c,inset -6px -6px 12px #3c466e99}.nf-app[data-phase^=day] .nf-orb{background:radial-gradient(circle at 38% 32%,#fff6e0,#ffd87a 45%,#f0a83c 100%);box-shadow:0 0 38px #ffc86e99}.nf-center .day{font-family:var(--font-display);color:var(--moon);letter-spacing:1px;font-size:15px}.nf-center .phase{color:var(--text-dim);font-size:13px}.nf-center .winner{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 20px #d8b15a80;font-size:20px;font-weight:700}.nf-seat{flex-direction:column;align-items:center;gap:3px;width:92px;margin-top:-42px;margin-left:-46px;display:flex;position:absolute}.nf-avatar{width:58px;height:58px;font-family:var(--font-display);color:var(--moon);background:linear-gradient(180deg, var(--surface-3), var(--surface));border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:transform .2s,filter .6s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.nf-avatar-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.nf-avatar-fallback{z-index:0;position:relative}.nf-seat .name{max-width:118px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.nf-seat .role{font-size:11px;line-height:1}.nf-role-wolf{color:var(--blood)}.nf-role-seer{color:var(--seer)}.nf-role-villager{color:var(--good)}.nf-avatar.r-wolf{border-color:#e0556899}.nf-avatar.r-seer{border-color:#b58ce699}.nf-avatar.r-villager{border-color:#5aa6ef80}.nf-seat.acting .nf-avatar{border-color:var(--gold);animation:1.4s ease-in-out infinite nf-pulse;box-shadow:0 0 0 3px #d8b15a59,0 0 22px #d8b15a8c}@keyframes nf-pulse{0%,to{box-shadow:0 0 0 3px #d8b15a4d,0 0 16px #d8b15a66}50%{box-shadow:0 0 0 5px #d8b15a2e,0 0 30px #d8b15ab3}}.nf-seat .you-tag{z-index:2;filter:drop-shadow(0 0 4px #0009);font-size:13px;position:absolute;top:-8px;right:-2px}.nf-seat.dead .nf-avatar{filter:grayscale()brightness(.55);border-color:var(--border-soft)}.nf-seat.dead .name{color:var(--text-faint)}.nf-seat.dead .nf-avatar:after{content:"☠";color:#e05568d9;text-shadow:0 0 8px #000c;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.nf-seat .fate{color:var(--blood);font-size:10px}.nf-bubble{background:var(--moon);color:#11203a;width:max-content;max-width:190px;box-shadow:var(--shadow);z-index:5;border-radius:10px;padding:6px 9px;font-size:12px;line-height:1.35;animation:.25s both nf-bubble-in;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.nf-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--moon);border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes nf-bubble-in{0%{opacity:0;transform:translate(-50%,6px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.nf-banner-wrap{pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.nf-banner{font-family:var(--font-display);letter-spacing:2px;color:var(--moon);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1224d1;border:1px solid #7896d259;border-radius:999px;margin-top:14vh;padding:14px 30px;font-size:22px;animation:1.8s both nf-banner;box-shadow:0 10px 40px #0009,inset 0 0 30px #5aa6ef1f}.nf-banner.day{border-color:#d8b15a66;box-shadow:0 10px 40px #0009,inset 0 0 30px #ffd27824}@keyframes nf-banner{0%{opacity:0;transform:translateY(-16px)scale(.96)}18%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}.nf-log{font-size:14px;line-height:1.5}.nf-log .row{border-left:2px solid #0000;padding:2px 0 2px 12px}.nf-log .phase-row{font-family:var(--font-display);color:var(--gold);border-bottom:1px solid var(--border-soft);letter-spacing:.5px;margin-top:14px;padding:4px 0 4px 8px;font-weight:600}.nf-log .actor{color:var(--text);font-weight:600}.nf-log .say{color:var(--text)}.nf-log .reason{color:var(--text-faint);font-style:italic}.nf-log .err{color:var(--blood)}.nf-log .t-kill{color:var(--blood);border-left-color:var(--blood-deep)}.nf-log .t-safe{color:var(--safe)}.nf-log .t-info{color:var(--good)}.nf-log .gameover{font-family:var(--font-display);color:var(--gold);margin-top:14px;font-size:20px;font-weight:800}.nf-board{grid-template-columns:1fr minmax(300px,380px);align-items:start;gap:22px;margin-top:10px;display:grid}@media (width<=860px){.nf-board{grid-template-columns:1fr}}