:root{--night:#0d1020;--ink2:#161a2e;--ink3:#1f2440;--line:#2c3254;--moon:#efe8d8;--mist:#9ea1bd;--lantern:#e8a94e;--lantern2:#f3c77d;--blood:#c9443b;--leaf:#74b382;--rose:#e07a9a;--display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--body:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Naskh Arabic", "Geeza Pro", serif;--r:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:#0d1020}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, #23294a 0%, var(--night) 55%) fixed, var(--night);color:var(--moon);font-family:var(--body);-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.45;transition:background 1.2s,color .8s}body.day{--night:#2a2236;--ink2:#3a2f47;--ink3:#463a55;--line:#5c4b67;--mist:#cbbccc;background:radial-gradient(120% 80% at 50% -10%,#8e5d5a 0%,#4a3550 45%,#2a2236 100%) fixed,#2a2236}[dir=rtl]{text-align:right}.sky{pointer-events:none;z-index:0;opacity:1;transition:opacity 1.2s;position:fixed;inset:0}body.day .sky{opacity:0}.sky i{background:#fff;border-radius:50%;width:2px;height:2px;animation:6s infinite alternate twinkle;position:absolute;box-shadow:12vw 8vh #fff,33vw 14vh #ddd,61vw 5vh #fff,82vw 19vh #ccc,45vw 28vh #bbb,90vw 40vh #ddd,7vw 35vh #ccc,70vw 33vh #fff,25vw 52vh #aaa,55vw 60vh #ccc,88vw 70vh #bbb,15vw 78vh #aaa}.sky i:nth-child(2){opacity:.7;animation-delay:2s;transform:translate(5vw,3vh)}.sky i:nth-child(3){opacity:.5;animation-delay:4s;transform:translate(-4vw,9vh)}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.wrap{z-index:1;max-width:560px;padding:max(12px, env(safe-area-inset-top)) 16px 48px;flex-direction:column;gap:14px;min-height:100vh;margin:0 auto;display:flex;position:relative}header{align-items:center;gap:12px;display:flex}.moon{background:radial-gradient(circle at 35% 35%, #fffaf0, var(--moon) 55%, #b9b19c);border-radius:50%;flex:none;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:0 0 24px #efe8d855}.moon:after{content:"";background:#1a1e36;border-radius:50%;transition:transform 1.2s,background 1.2s;position:absolute;inset:0;transform:translate(42%)}body.day .moon{background:radial-gradient(circle, #ffe1a1, var(--lantern));box-shadow:0 0 30px #e8a94e99}body.day .moon:after{transform:translate(130%)}h1{font-family:var(--display);letter-spacing:.06em;font-variant:small-caps;margin:0;font-size:1.6rem;font-weight:600}.tools{gap:6px;margin-inline-start:auto;display:flex}.narr{background:linear-gradient(180deg, var(--ink2), var(--ink3));border:1px solid var(--line);border-radius:var(--r);align-items:flex-start;gap:10px;padding:12px 14px;display:flex;box-shadow:0 10px 30px #0006}#narr{flex:1;min-width:0}#narr p{margin:0}#narr .main{font-size:1.06rem;font-style:italic}#narr .main:before{content:"❝ ";color:var(--lantern);font-style:normal}#narr .subt{color:var(--mist);margin-top:4px;font-size:.9rem}.icon{border:1px solid var(--line);color:var(--mist);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:38px;height:38px;font-size:.95rem}.icon.off{opacity:.5}.stack{flex-direction:column;gap:10px;display:flex}.screen{animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h2{font-family:var(--display);text-wrap:balance;margin:6px 0 0;font-size:2rem;font-weight:600;line-height:1.1}h3{font-family:var(--display);margin:0}.sub{color:var(--mist);margin:0}.small{font-size:.88rem}.hint{border:1px dashed var(--blood);background:#c9443b22;border-radius:10px;margin:0;padding:8px 12px}.label{text-transform:uppercase;letter-spacing:.16em;color:var(--mist);margin:10px 0 0;font-size:.74rem}.total{color:var(--lantern2);margin:0}.btn{font:600 1.05rem var(--body);background:linear-gradient(180deg, var(--lantern2), var(--lantern));color:#1a1205;cursor:pointer;text-align:center;border:0;border-radius:12px;width:100%;padding:15px 18px;text-decoration:none;transition:transform .1s;display:block;box-shadow:0 6px 18px #e8a94e33}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--moon);border:1px solid var(--line);box-shadow:none;background:0 0}.btn.red{background:linear-gradient(180deg, #df5a50, var(--blood));color:#fff;box-shadow:0 6px 18px #c9443b44}.btn:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--lantern);outline-offset:2px}.pick{text-align:start;width:100%;font:1.05rem var(--body);color:var(--moon);background:var(--ink2);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pick.on{border-color:var(--lantern);box-shadow:inset 0 0 0 1px var(--lantern), 0 0 18px #e8a94e33}.pick.static{cursor:default}.pick small{color:var(--mist);margin-inline-start:auto;font-size:.8rem}.seal{width:36px;height:36px;font-family:var(--display);background:var(--night);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:1.15rem;display:grid}.seal.bot{color:var(--lantern2);border-style:dashed}.botmark{color:var(--lantern2);border:1px solid #e8a94e55;border-radius:99px;padding:0 6px;font-size:.75rem;font-style:normal}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}input[type=text],select{font:1rem var(--body);background:var(--ink2);color:var(--moon);border:1px solid var(--line);border-radius:10px;padding:11px 12px}input[type=text]{flex:1;min-width:0}.flagsel{padding:9px 4px;font-size:1.2rem}.toggle{cursor:pointer;align-items:flex-start;gap:10px;padding:4px 0;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--lantern);flex:none;margin-top:2px}.toggle.role span{display:block}.toggle.role .art{vertical-align:middle;width:24px;height:24px;margin-inline-end:6px}details.more{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}details summary{cursor:pointer;color:var(--lantern2);font-weight:600}.comp{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.cname{align-items:center;gap:8px;display:flex}.cname .art{width:26px;height:26px}.step{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.step button{border:1px solid var(--line);background:var(--ink2);width:36px;height:36px;color:var(--moon);cursor:pointer;border-radius:10px;font-size:1.1rem}.step button:disabled{opacity:.35}.step span{text-align:center;min-width:1.6em}.warn{color:#ff8a80;margin:0;font-size:.92rem}.langs{flex-wrap:wrap;gap:8px;display:flex}.chip{font:.95rem var(--body);background:var(--ink2);color:var(--moon);border:1px solid var(--line);cursor:pointer;border-radius:99px;padding:7px 12px}.chip.on{border-color:var(--lantern);background:#e8a94e22}small.chip{cursor:default;margin-inline-start:6px;padding:1px 8px;font-size:.78rem}small.chip.raven{border-color:#8a7cff}.hero{text-align:center;padding:18px 0 4px}.hero h2{letter-spacing:.08em;font-variant:small-caps;font-size:2.8rem}.moonbig{background:radial-gradient(circle at 38% 36%,#fffaf0,#efe8d8 50%,#a79f8a);border-radius:50%;width:120px;height:120px;margin:0 auto 6px;animation:6s ease-in-out infinite float;position:relative;box-shadow:0 0 60px #efe8d866,0 0 140px #e8a94e22}.moonbig:after{content:"";background:linear-gradient(transparent, var(--night));filter:blur(6px);height:46px;position:absolute;bottom:-8px;left:-10%;right:-10%}@keyframes float{50%{transform:translateY(-6px)}}.links{text-align:center}.links a,.legal a{color:var(--lantern2)}.legal{text-align:center;color:var(--mist);margin-top:8px;font-size:.85rem}.amazon{border-radius:var(--r);background:linear-gradient(#e8a94e14,#0000);border:1px solid #e8a94e55;flex-direction:column;gap:8px;padding:14px;display:flex}.amazon p{margin:0}.amazon .fine{color:var(--mist);font-size:.75rem}.tuto{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.tuto .art{width:120px;height:120px;color:var(--lantern2)}.tutotext{min-height:5em;font-size:1.2rem}.dots{justify-content:center;gap:6px;margin:0;display:flex}.dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.dots i.on{background:var(--lantern)}.card{perspective:1000px;cursor:pointer;height:360px}.card .in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1);position:relative}.card.flip .in{transform:rotateY(180deg)}.face{backface-visibility:hidden;border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.back{background:repeating-linear-gradient(45deg,#1b2038 0 12px,#141830 12px 24px);box-shadow:inset 0 0 0 8px #0d102088,0 20px 40px #0008}.back b{font-family:var(--display);color:var(--moon);font-size:1.5rem}.crest{border:2px solid var(--lantern);background:radial-gradient(circle at 40% 40%,#efe8d8,#b9b19c);border-radius:50%;width:90px;height:90px;box-shadow:0 0 30px #e8a94e44}.front{background:radial-gradient(circle at 50% 20%, var(--ink3), var(--ink2));transform:rotateY(180deg);box-shadow:0 20px 40px #0008}.front .big{font-family:var(--display);font-size:2.3rem;line-height:1}.front p{color:var(--mist);max-width:34ch;margin:0}.front .art{width:110px;height:110px}.front.loups{color:var(--blood)}.front.loups p,.front.loups .pack{color:var(--mist)}.front.village{color:var(--lantern2)}.front .pack{font-weight:600;color:var(--moon)!important}.tag{letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 10px;font-size:.72rem}.art{color:inherit}.art .ring{stroke-opacity:.35}.art .fill{fill:currentColor}.art-small{flex:none;width:44px;height:44px}.rolehead{align-items:center;gap:12px;display:flex}.rolehead .art{width:56px;height:56px;color:var(--lantern2)}.wolves .rolehead .art{color:var(--blood)}.bigicon{font-size:2.6rem}.reveal{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:14px;padding:14px 16px;animation:.6s both rise;display:flex}.reveal>div{flex-direction:column;display:flex}.reveal .big{font-family:var(--display);font-size:1.8rem}.reveal.loups{color:var(--blood);border-color:#c9443b77}.reveal.village{color:var(--lantern2)}.reveal .sub{color:var(--mist)}.cardpick{justify-content:flex-start;align-items:center;gap:10px;display:flex}.hush{text-align:center;color:var(--mist);letter-spacing:.3em;font-size:3rem}.night.screen .sub{text-align:center}.private .sub{text-align:start}.wait{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.wait i{background:var(--mist);width:0;height:100%;animation:linear forwards fill;display:block}@keyframes fill{to{width:100%}}.moonrise{background:radial-gradient(circle at 50% 120%,#efe8d855 0 30%,#0000 31%);height:90px;animation:2s both rise}.chat{flex-direction:column;gap:10px;display:flex}.bubble{background:var(--ink2);border:1px solid var(--line);border-radius:4px 14px 14px;align-items:flex-start;gap:10px;padding:10px 12px;animation:.4s both rise;display:flex}[dir=rtl] .bubble{border-radius:14px 4px 14px 14px}.bubble p{margin:2px 0 0}.bubble .subt{color:var(--mist);font-size:.88rem}.bubble.accuse,.bubble.agree{border-inline-start:3px solid var(--blood)}.bubble.seerClaim{border-inline-start:3px solid #8a7cff}.bubble.defend,.bubble.slip{border-inline-start:3px solid var(--leaf)}.voterow{background:var(--ink2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.voterow .pname{flex:1}.tally{color:var(--lantern2);font-size:1.2rem;font-weight:700}.botvotes{background:var(--ink2);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.botvotes p{color:var(--mist);margin:4px 0}.endtitle{text-align:center;font-size:2.4rem}.endtitle.loups{color:var(--blood)}.endtitle.village{color:var(--lantern2)}.endtitle.amoureux{color:var(--rose)}.grim{flex-direction:column;gap:6px;display:flex}.grim>div{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding-block:6px;display:flex}.grim>div>span:nth-child(2){flex:1}.grim .art{vertical-align:middle;width:26px;height:26px}.grim .loups{color:var(--blood)}.grim .village{color:var(--lantern2)}.grim .isdead{opacity:.6}.history ul{margin:6px 0 0;padding:0;list-style:none}.history h4{color:var(--lantern2);font-family:var(--display);margin:12px 0 4px}.history li{color:var(--mist);padding:3px 0}.history li b{color:var(--moon)}.history li.death{color:#ff9a90}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}