:root{--bg:#0e0c0f;--panel:#1a1620;--panel2:#221c2a;--ink:#e8e2d8;--muted:#8c8494;--accent:#b8862f;--blood:#8e2436;--moon:#c9d4e8;--green:#4f8a4f;--border:#352c40}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(1200px 600px at 50% -10%,#1b1622 0,var(--bg) 60%)}.wrap{max-width:720px;margin:0 auto;padding:20px 16px 80px;position:relative;z-index:1}h1,h2,h3{font-weight:600;letter-spacing:.02em}.title{font-size:28px;margin:18px 0 4px}.subtitle,.title{text-align:center}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select{width:100%;background:var(--panel2);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:10px 12px}button,input,select{font-size:15px;font-family:inherit}button{background:var(--accent);color:#1a1206;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:filter .15s}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}button.danger{background:var(--blood);color:var(--ink)}button.sm{padding:5px 10px;font-size:13px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seat,.spread{justify-content:space-between}.seat{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.seat:last-child{border-bottom:none}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.dot.on{background:var(--green)}.dot.off{background:#4a4350}.tag{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;margin-left:6px}.tag.ready{color:var(--green);border-color:var(--green)}.tag.host{color:var(--accent);border-color:var(--accent)}.card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--accent);border-radius:12px;padding:14px 16px}.card .role{font-size:22px;font-weight:700}.card .meta{color:var(--muted);font-size:13px;margin-top:4px}.lore{margin:12px 0;font-style:italic;color:#c2bacb;font-size:14.5px;line-height:1.65}.ability{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:13.5px;color:#d2cabf}.ability-h{color:var(--accent);font-weight:600;margin-bottom:8px;font-style:normal;letter-spacing:.03em}.abil-li{white-space:pre-wrap;line-height:1.55;margin-bottom:9px}.abil-li:last-child{margin-bottom:0}.drawer h2{font-size:21px;line-height:1.2}.drawer .meta{line-height:1.5}.log .ev{white-space:pre-wrap}.scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene .sky{position:absolute;inset:0;transition:background 2.5s ease}.scene-day .sky{background:linear-gradient(#3b3b44,#56515d 55%,#2a2630)}.scene-dusk .sky{background:linear-gradient(#241f2e,#3a2c38 50%,#18131d)}.scene-night .sky{background:linear-gradient(#090912,#14121f 60%,#06060a)}.scene-moon .sky{background:linear-gradient(#0a0e22,#181d38 60%,#08080f)}.celestial{position:absolute;border-radius:50%;transition:all 2.5s ease}.scene-day .celestial{width:88px;height:88px;top:44px;left:18%;background:radial-gradient(circle,#cdc8b4,#86826f);box-shadow:0 0 60px #5d5a4f;opacity:.45}.scene-dusk .celestial{width:66px;height:66px;top:80px;left:76%;background:radial-gradient(circle,#d08a55,#7a4628);box-shadow:0 0 55px #7a4628;opacity:.75}.scene-night .celestial{width:78px;height:78px;top:54px;left:73%;background:radial-gradient(circle,#d9deee,#98a0bb);box-shadow:0 0 60px #8a93b5}.scene-moon .celestial{width:124px;height:124px;top:44px;left:70%;background:radial-gradient(circle,#eef1ff,#aab2dc);box-shadow:0 0 130px #8092e0}.stars{position:absolute;inset:0;opacity:0;transition:opacity 2.5s;background-image:radial-gradient(1px 1px at 15% 25%,#fff,transparent),radial-gradient(1px 1px at 35% 12%,#fff,transparent),radial-gradient(1px 1px at 55% 28%,#fff,transparent),radial-gradient(1px 1px at 72% 16%,#fff,transparent),radial-gradient(1px 1px at 88% 32%,#fff,transparent),radial-gradient(1px 1px at 25% 40%,#fff,transparent),radial-gradient(1px 1px at 62% 44%,#fff,transparent)}.scene-moon .stars,.scene-night .stars{opacity:.55;animation:twinkle 5s ease-in-out infinite alternate}.fog{position:absolute;left:-50%;width:200%;height:200px;bottom:40px;background:radial-gradient(ellipse at center,rgba(190,190,205,.06),transparent 70%);pointer-events:none}.fog-a{animation:drift 50s linear infinite}.fog-b{animation:drift 80s linear infinite reverse;bottom:0;opacity:.6}@keyframes drift{0%{transform:translateX(-12%)}to{transform:translateX(12%)}}@keyframes twinkle{0%{opacity:.35}to{opacity:.65}}.village{position:absolute;bottom:0;left:0;width:100%;height:210px;opacity:.9}.card,.panel{background:rgba(24,20,30,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 0}.phase{flex:1 1;text-align:center;border:1px solid var(--border);border-radius:10px;padding:9px}.menu-btn,.phase{font-size:14px;background:rgba(20,18,26,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-btn{border:1px solid var(--accent);color:var(--ink);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-family:inherit;font-weight:600}.menu-btn:hover{filter:brightness(1.15)}.menu-ico{font-size:17px}.menu-chev{color:var(--accent);font-size:19px;line-height:1;margin-left:1px}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px;margin:10px 0}.chip{display:flex;align-items:center;gap:8px;background:rgba(26,22,32,.85);color:var(--ink);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:9px 11px;text-align:left;font-family:inherit;font-size:15px;font-weight:400}.chip-btn{cursor:pointer;transition:filter .12s,transform .12s;width:100%}.chip-btn:hover{filter:brightness(1.25);transform:translateY(-1px)}.chip-dead{opacity:.45}.chip-ico{font-size:16px;width:20px;text-align:center}.chip-name{flex:1 1}.chip-you{border:1px solid var(--border);border-radius:999px;padding:1px 6px;margin-left:6px}.chip-role,.chip-you{font-size:11px;color:var(--muted)}.drawer-wrap{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.5);display:flex;justify-content:flex-end}.drawer{width:min(440px,92vw);height:100%;overflow-y:auto;background:var(--panel);border-left:1px solid var(--accent);padding:18px;animation:slidein .22s ease}@keyframes slidein{0%{transform:translateX(100%)}to{transform:translateX(0)}}.banner{text-align:center;padding:10px;border-radius:10px;margin:10px 0;font-size:15px}.banner.night{background:#14131f;color:var(--moon);border:1px solid #2a3350}.banner.day{background:#1f1a16;color:#e8c98a;border:1px solid #4a3a22}.log{max-height:320px;overflow-y:auto;font-size:14px;line-height:1.5}.log .ev{padding:4px 0;border-bottom:1px dashed #2a2433;color:#cfc7bd;animation:evIn .5s ease}@keyframes evIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.prompt{animation:promptIn .35s ease}@keyframes promptIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.prompt.revealing{text-align:center;color:var(--muted);font-style:italic;border-color:var(--border)}.dead{opacity:.5;text-decoration:line-through}.prompt{position:-webkit-sticky;position:sticky;bottom:0;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:14px;margin-top:14px;box-shadow:0 -8px 24px rgba(0,0,0,.4)}.targets{display:flex;flex-wrap:wrap;gap:8px}.err,.targets{margin-top:8px}.err{color:#e88;font-size:13px}.center{text-align:center}a{color:var(--accent)}.mono{font-family:ui-monospace,monospace;font-size:13px}