:root{--night:#0b0f1c;--night-2:#141b31;--ink:#2a1d10;--parchment:#efe2bf;--parchment-2:#e2cf9e;--gold:#c9a449;--gold-hi:#f1d27a;--gold-lo:#8a6a22;--good:#3c74c9;--good-hi:#8fb8ff;--evil:#b3263a;--evil-hi:#ff7b8b;--wood:#5b3a1e;--text:#f3e9d2;--muted:#b7a987;--radius:14px;--display:"Cinzel", "Trajan Pro", Georgia, serif;--body:"EB Garamond", Garamond, Georgia, serif;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--body);color:var(--text);background:radial-gradient(1200px 600px at 50% -10%, #2a2350 0%, transparent 60%), radial-gradient(800px 500px at 50% 110%, #3a1a10 0%, transparent 60%), var(--night);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:18px;line-height:1.4;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 72% 8%,#fff6 50%,#0000 51%),radial-gradient(1.5px 1.5px at 38% 32%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 88% 40%,#fff7 50%,#0000 51%),radial-gradient(1px 1px at 22% 62%,#fff4 50%,#0000 51%),radial-gradient(1.5px 1.5px at 60% 70%,#fff3 50%,#0000 51%),radial-gradient(1px 1px at 5% 88%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 94% 82%,#fff4 50%,#0000 51%);position:fixed;top:0;bottom:0;left:0;right:0}h1,h2,h3{font-family:var(--display);letter-spacing:.04em;margin:0 0 .4em;font-weight:700;line-height:1.15}h1{font-size:2.6rem;font-weight:900}h2{font-size:1.25rem}h3{margin-top:.8em;font-size:1rem}p{margin:.3em 0 .6em}em{color:var(--muted)}small{font-size:.8em}.good-t{color:var(--good-hi)}.evil-t{color:var(--evil-hi)}#app{z-index:1;position:relative}.shell{max-width:520px;padding:12px 16px 24px;padding-top:max(12px, env(safe-area-inset-top));margin:0 auto}.shell.with-bar{padding-bottom:calc(150px + var(--safe-b))}.banner{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.banner-title{font-family:var(--display);letter-spacing:.18em;color:var(--gold-hi);text-shadow:0 2px 12px #c9a44955;align-items:center;gap:8px;font-size:1.3rem;font-weight:900;display:flex}.icon-btn{width:42px;height:42px;color:var(--gold);cursor:pointer;background:#ffffff08;border:1px solid #c9a44966;border-radius:50%;place-items:center;display:grid}.icon-btn.small{width:34px;height:34px}.icon-btn .i svg{width:20px;height:20px}.i{vertical-align:-.18em;place-items:center;display:inline-grid}.i svg{width:1.1em;height:1.1em}.crest{filter:drop-shadow(0 4px 14px #000a);display:inline-block}.crest svg{width:100%;height:100%}.crest.small{filter:none;width:28px;height:28px}.crest.big{width:96px;height:96px}.crest.good,.crest.evil{flex:none;width:64px;height:64px}.modal .crest{width:88px;height:88px}.hero{text-align:center;padding:24px 0 8px}.hero h1{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));color:#0000;letter-spacing:.14em;filter:drop-shadow(0 2px #0008);-webkit-background-clip:text;background-clip:text;margin:8px 0 0}.hero.small h1{font-size:2rem}.tagline{color:var(--muted);margin-top:0;font-style:italic}.scroll{color:var(--ink);background:radial-gradient(ellipse at 20% 10%, #fff6 0, transparent 40%), radial-gradient(ellipse at 90% 90%, #a97d3a33 0, transparent 50%), linear-gradient(180deg, var(--parchment), var(--parchment-2));box-shadow:0 0 0 1px #8a6a2266, 0 0 0 4px #1c140b, 0 0 0 5px var(--gold-lo), 0 12px 30px #000c;border-radius:6px;margin:14px 0;padding:18px 18px 16px;position:relative}.scroll h2{color:#4a2d0e}.scroll em{color:#7a6038}.scroll .good-t{color:#1f4c94}.scroll .evil-t{color:#9c1b2e}.scroll.center{text-align:center}.scroll.small-pad{padding:10px 14px}.fine{color:#6a5431;font-size:.85em;font-style:italic}.h-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.count{font-family:var(--display);color:#6a5431;font-size:.8rem}.center-msg{text-align:center;color:var(--muted);padding:30vh 20px 0}.center-msg h2{color:var(--gold-hi)}.spinner{border:3px solid #c9a44933;border-top-color:var(--gold-hi);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{font-family:var(--display);letter-spacing:.08em;color:#5a3f1a;margin-bottom:12px;font-size:.8rem;display:block}input[type=text],input:not([type]){width:100%;font:inherit;font-family:var(--body);letter-spacing:0;color:var(--ink);background:#fffaf0cc;border:1px solid #8a6a22aa;border-radius:10px;outline:none;margin-top:6px;padding:12px 14px;font-size:1.15rem;display:block}input:focus{border-color:var(--gold-lo);box-shadow:0 0 0 3px #c9a44955}.btn{min-height:48px;font-family:var(--display);letter-spacing:.06em;color:#2a1a05;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, #a9842f);cursor:pointer;touch-action:manipulation;border:1px solid #6b4f14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex;box-shadow:inset 0 1px #fff8,0 3px #5a4210,0 6px 16px #0008}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff8,0 1px #5a4210}.btn:disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed;font-size:.85rem}.btn.big{width:100%;min-height:56px;font-size:1.1rem}.btn.small{min-height:40px;padding:6px 14px;font-size:.85rem}.btn.ghost{color:#5a3f1a;box-shadow:none;background:0 0;border-color:#8a6a22aa}.action-bar .btn.ghost,.center-msg .btn.ghost{color:var(--gold);border-color:#c9a44966}.btn.evil,.btn.fail,.btn.reject{color:#ffe8ea;background:linear-gradient(180deg, #d9485b, var(--evil) 50%, #7c1323);border-color:#4d0a14;box-shadow:inset 0 1px #fff5,0 3px #4d0a14,0 6px 16px #0008}.btn.approve,.btn.success{color:#eef4ff;background:linear-gradient(180deg, #5f95e6, var(--good) 50%, #234b8d);border-color:#122a52;box-shadow:inset 0 1px #fff5,0 3px #122a52,0 6px 16px #0008}.btn.success{color:#2a1a05;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, #a9842f);border-color:#6b4f14;box-shadow:inset 0 1px #fff8,0 3px #5a4210,0 6px 16px #0008}.btn.approve:not(.chosen),.btn.reject:not(.chosen){opacity:.9}.row .btn.chosen{outline:3px solid var(--gold-hi);outline-offset:2px}.row:has(.chosen) .btn:not(.chosen){opacity:.45}.row{flex-wrap:wrap;gap:10px;display:flex}.row>.btn{flex:1}.row.two>.btn{flex:1 1 0}.qr{background:#fffaf0;border-radius:8px;width:190px;margin:6px auto 12px;padding:8px;box-shadow:0 0 0 1px #8a6a22aa}.qr svg{width:100%;height:auto;display:block}.link-row input{color:#5a3f1a;margin:0 0 10px;font-size:.85rem}.roster{margin:8px 0 12px;padding:0;list-style:none}.roster li{border-bottom:1px dashed #8a6a2255;align-items:center;gap:12px;padding:8px 0;display:flex}.roster li:last-child{border-bottom:0}.roster .pname{flex:1;font-size:1.1rem}.roster li.offline{opacity:.5}.roster .icon-btn{color:#7a1a24;background:0 0;border-color:#7a1a2455}.tag{font-family:var(--display);letter-spacing:.1em;color:var(--gold-hi);vertical-align:2px;background:#4a2d0e;border-radius:6px;padding:2px 6px;font-size:.65rem}.rename{align-items:center;gap:8px;display:flex}.rename input{margin:0;padding:9px 12px;font-size:1rem}.avatar{width:40px;height:40px;font-family:var(--display);color:var(--gold-hi);border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#34466f,#121a33 70%);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:relative;box-shadow:0 2px 8px #0008}.avatar.evil{color:#ffd1d6;background:radial-gradient(circle at 35% 30%,#7a1d2a,#2c070d 70%)}.avatar.merlinish{background:radial-gradient(circle at 35% 30%,#6b4aa8,#1f1238 70%)}.settings{margin:6px 0 0;padding:0;list-style:none}.settings li{border-bottom:1px dashed #8a6a2255;padding:8px 0}.settings li:last-child{border-bottom:0}.toggle{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.toggle.readonly{cursor:default}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle strong{font-family:var(--display);font-size:.95rem;display:block}.toggle small{color:#6a5431;font-size:.85rem;line-height:1.25;display:block}.switch{background:#8a6a2255;border:1px solid #8a6a22aa;border-radius:14px;flex:none;width:46px;height:28px;margin-top:2px;transition:background .2s;position:relative}.switch:after{content:"";background:#fffaf0;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.toggle input:checked+.switch{background:linear-gradient(180deg, var(--gold), var(--gold-lo))}.toggle input:checked+.switch:after{transform:translate(18px)}.toggle input:focus-visible+.switch{outline:2px solid var(--gold-lo);outline-offset:2px}.action-bar{z-index:10;padding:14px 16px calc(14px + var(--safe-b));background:linear-gradient(#0b0f1c00,#0b0f1cee 25%,#0b0f1c);position:fixed;bottom:0;left:0;right:0}.action-bar>*{max-width:488px;margin-left:auto;margin-right:auto}.waiting{text-align:center;color:var(--muted);margin:8px auto;font-style:italic}.waiting small{display:block}.hint{text-align:center;color:var(--muted);margin-top:8px;font-style:italic;display:block}.sealed{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(180deg, var(--parchment), var(--parchment-2));box-shadow:0 0 0 1px #8a6a2266, 0 0 0 4px #1c140b, 0 0 0 5px var(--gold-lo), 0 10px 24px #000a;border:0;border-radius:6px;align-items:center;gap:14px;margin:4px 0 12px;padding:14px 16px;display:flex}.sealed strong{font-family:var(--display);font-size:1.05rem;display:block}.sealed small{color:#6a5431;font-style:italic}.seal{color:#9c1b2e;filter:drop-shadow(0 2px 3px #0007);animation:2.4s ease-in-out infinite pulse}.seal .i svg{width:46px;height:46px}@keyframes pulse{50%{transform:scale(1.08)rotate(-4deg)}}.role-card{cursor:pointer;border:1px solid var(--gold);border-radius:12px;margin:4px 0 12px;padding:16px 18px;animation:.35s ease-out unfurl;box-shadow:0 0 0 4px #0b0f1c,0 0 0 5px #c9a44966,0 12px 30px #000c}.role-card.good{background:linear-gradient(160deg,#1d3566,#0f1b38 70%)}.role-card.evil{background:linear-gradient(160deg,#5a1320,#1e060b 70%)}.role-head{align-items:center;gap:14px;display:flex}.role-head small{font-family:var(--display);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:.7rem}.role-head h2{color:var(--gold-hi);margin:2px 0 0;font-size:1.55rem}.role-card h3{color:var(--gold);letter-spacing:.08em;font-size:.85rem}.knows{gap:6px;margin:6px 0;padding:0;list-style:none;display:grid}.knows li{align-items:center;gap:10px;display:flex}.knows .avatar{width:32px;height:32px;font-size:.9rem}.knows em{margin-left:auto;font-size:.85em}.lady-note{background:#ffffff10;border-radius:8px;padding:8px 10px}.tap-hide{text-align:right;color:var(--muted);font-style:italic;display:block}@keyframes unfurl{0%{opacity:0;transform:scaleY(.85)}}.status{text-align:center;margin:8px 0 4px}.status h2{color:var(--gold-hi);text-shadow:0 2px 10px #000;font-size:1.15rem}.status p{color:var(--text)}.status.good h2{color:var(--good-hi);font-size:1.6rem}.status.evil h2{color:var(--evil-hi);font-size:1.6rem}.table-wrap{width:100%;max-width:460px;margin:4px auto 8px}.round-table{aspect-ratio:1;width:100%;position:relative}.round-table:before{content:"";background:repeating-radial-gradient(circle at 50% 50%, #0000 0 6px, #0000001a 7px 8px), conic-gradient(from 0deg, #6b4526, #4e3019, #6e4828, #573520, #6b4526, #4a2d17, #6b4526), var(--wood);box-shadow:inset 0 0 0 3px var(--gold-lo), inset 0 0 0 7px #3b2412, inset 0 0 0 8px var(--gold), inset 0 0 40px #000c, 0 0 0 2px #1a0f06, 0 18px 40px #000d, 0 0 80px #c9a44922;border-radius:50%;position:absolute;top:17%;bottom:17%;left:17%;right:17%}.round-table:after{content:"";pointer-events:none;background:radial-gradient(circle,#f1d27a26,#0000 70%);border-radius:50%;position:absolute;top:25%;bottom:25%;left:25%;right:25%}.table-top{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8%;display:flex;position:absolute;top:27%;bottom:27%;left:27%;right:27%}.quests{justify-content:center;gap:3%;width:100%;display:flex}.quest{aspect-ratio:1;width:17%;font-family:var(--display);color:var(--gold-hi);border:2px solid var(--gold-lo);background:radial-gradient(circle at 35% 30%,#3b2a18,#1c120a);border-radius:50%;place-items:center;font-size:clamp(.8rem,3.6vw,1.1rem);font-weight:900;display:grid;position:relative;box-shadow:0 2px 6px #000a}.quest.current{border-color:var(--gold-hi);animation:2s ease-in-out infinite glow;box-shadow:0 0 0 2px #f1d27a55,0 0 14px #f1d27aaa}.quest.success{border-color:var(--gold-hi);color:var(--gold-hi);background:radial-gradient(circle at 35% 30%,#5f95e6,#1a3a74)}.quest.fail{color:#ffe0e4;background:radial-gradient(circle at 35% 30%,#d9485b,#5a0f19);border-color:#ff9aa6}.quest .i svg{width:1.1em;height:1.1em}.quest small{color:var(--gold);letter-spacing:0;white-space:nowrap;font-size:.55rem;position:absolute;bottom:-1.3em}@keyframes glow{50%{box-shadow:0 0 0 2px #f1d27a33,0 0 22px #f1d27a}}.vote-track{align-items:center;gap:5px;margin-top:6%;display:flex}.vote-track small{font-family:var(--display);color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-right:3px;font-size:.55rem}.vt{border:1.5px solid var(--gold-lo);background:#0006;border-radius:50%;width:11px;height:11px}.vt.last{border-color:var(--evil-hi)}.vt.on{background:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 8px var(--gold-hi)}.vt.last.on{background:var(--evil)}.seat{z-index:2;width:22%;color:var(--text);font:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;transition:transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat .avatar{width:clamp(42px,13vw,58px);height:clamp(42px,13vw,58px);font-size:clamp(1rem,4.5vw,1.4rem);transition:box-shadow .2s,transform .15s}.seat-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 8px #000;max-width:100%;font-size:.82rem;font-weight:600;overflow:hidden}.seat-role{font-family:var(--display);letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 1px 3px #000;white-space:nowrap;font-size:.58rem}.seat.me .seat-name{color:var(--gold-hi)}.seat.me .avatar{border-color:var(--gold-hi)}.seat.offline{opacity:.45}.seat.pickable{cursor:pointer}.seat.pickable .avatar{box-shadow:0 0 0 3px #f1d27a44,0 2px 8px #000a}.seat.unpickable{opacity:.5}.seat.picked .avatar,.seat.on-team .avatar{box-shadow:0 0 0 3px var(--gold-hi), 0 0 18px var(--gold-hi);transform:scale(1.06)}.seat.known-evil .avatar{border-color:var(--evil-hi)}.seat.known-merlin .avatar{border-color:#b69cff}.seat.good .avatar{background:radial-gradient(circle at 35% 30%,#5f95e6,#1a3a74)}.seat.evil .avatar{color:#ffe0e4;background:radial-gradient(circle at 35% 30%,#d9485b,#4a0c15)}.seat.slain .avatar:after{content:"✕";color:#ff4d62;text-shadow:0 0 6px #000;place-items:center;font-size:2em;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.badge{border:1.5px solid #0b0f1c;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;box-shadow:0 1px 4px #000a}.badge .i svg{width:13px;height:13px}.badge.crown{background:var(--gold-hi);color:#3a2605;top:-10px;left:50%;transform:translate(-50%)}.badge.lady{color:#0d3a4a;background:#7fd0e8;bottom:-6px;left:-8px}.badge.done{color:#fff;background:#3fae6a;top:-6px;right:-8px}.badge.sword{color:#2a1d10;background:#e8e3d6;bottom:-6px;right:-8px}.history summary{font-family:var(--display);cursor:pointer;color:#4a2d0e;font-weight:700;list-style-position:inside}.history ul{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.history li{border-bottom:1px dashed #8a6a2255;padding-bottom:10px;font-size:.95rem}.history li:last-child{border-bottom:0;padding-bottom:0}.log-h{font-weight:600}.log-team{color:#5a3f1a;font-style:italic}.log-votes{gap:2px;font-size:.88rem;display:grid}.pill{font-family:var(--display);letter-spacing:.06em;color:#fff;vertical-align:1px;border-radius:10px;padding:2px 8px;font-size:.68rem;display:inline-block}.pill.good{background:var(--good)}.pill.evil{background:var(--evil)}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#05070ecc;place-items:center;padding:20px;animation:.25s ease-out fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{text-align:center;width:100%;max-width:420px;max-height:90dvh;animation:.35s cubic-bezier(.2,1.4,.4,1) rise;overflow:auto}.modal h2{font-size:1.5rem}.modal .btn{min-width:60%;margin-top:8px}.big-icon{color:#1f6f8a}.big-icon .i svg{width:64px;height:64px}.vote-reveal{text-align:left;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.vote-reveal li{border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:flex;overflow:hidden}.vote-reveal li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vote-reveal li.yes{color:#1f4c94;background:#1f4c9422}.vote-reveal li.no{color:#9c1b2e;background:#9c1b2e22}.cards{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.card{border:2px solid var(--gold-lo);border-radius:8px;place-items:center;width:54px;height:78px;animation:.6s both flip;display:grid}.card .i svg{width:30px;height:30px}.card.success{color:var(--gold-hi);background:linear-gradient(160deg,#2b5cae,#10275a)}.card.fail{color:#ffe0e4;background:linear-gradient(160deg,#c2334a,#4a0a14)}@keyframes flip{0%{opacity:0;transform:rotateY(90deg)scale(.8)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}}.toast{left:50%;top:max(14px, env(safe-area-inset-top));z-index:60;color:#fff;background:#7c1323;border:1px solid #ff9aa6;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;animation:.25s rise;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #000a}.toast.warn{border-color:var(--gold-hi);top:auto;bottom:calc(110px + var(--safe-b));background:#5a4210}.rules summary{font-family:var(--display);cursor:pointer;color:#4a2d0e;font-weight:700}.rules ol{margin-bottom:0;padding-left:1.2em}.rules li{margin:6px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.net-status{color:var(--muted);max-width:320px;margin:14px auto;font-size:.9rem;font-style:italic}.net-err{color:var(--evil-hi);max-width:320px;margin:0 auto 14px;font-size:.9rem}.signal{color:#5a3f1a;justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:.85rem;display:flex}.signal .dot{background:#b0892c;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pulse}.signal.ok .dot{background:#2f9e5b;animation:none;box-shadow:0 0 6px #2f9e5b}.build{text-align:center;color:#b7a98777;letter-spacing:.05em;margin-top:18px;font-size:.7rem}