@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Outfit:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";.conn-banner[data-v-ec287652]{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;text-align:center}.conn-lost[data-v-ec287652]{background:var(--danger-bg);color:var(--danger);border-bottom:1px solid var(--danger)}.conn-ok[data-v-ec287652]{background:#103a20;color:var(--success);border-bottom:1px solid var(--success)}.spinner[data-v-ec287652]{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin-ec287652 .8s linear infinite}@keyframes spin-ec287652{to{transform:rotate(360deg)}}.banner-enter-active[data-v-ec287652],.banner-leave-active[data-v-ec287652]{transition:opacity .2s ease,transform .2s ease}.banner-enter-from[data-v-ec287652],.banner-leave-to[data-v-ec287652]{opacity:0;transform:translateY(-100%)}.fade-enter-active[data-v-db5896a8],.fade-leave-active[data-v-db5896a8]{transition:opacity .15s ease}.fade-enter-from[data-v-db5896a8],.fade-leave-to[data-v-db5896a8]{opacity:0}:root{--night-0: #0b1310;--night-1: #101c16;--night-2: #15271d;--night-3: #1d3527;--night-4: #25422f;--line: rgba(135, 175, 145, .14);--line-2: rgba(135, 175, 145, .22);--ember: #f2902f;--ember-2: #ff6f2c;--ember-deep: #c4571a;--ember-glow: rgba(242, 144, 47, .3);--parchment: #f5edde;--sage: #b3c0ad;--sage-dim: #7d8d80;--wolf: #d8493c;--wolf-2: #b3382e;--wolf-bg: rgba(216, 73, 60, .14);--dorf: #5fb06b;--dorf-bg: rgba(95, 176, 107, .14);--solo: #5e97cf;--solo-bg: rgba(94, 151, 207, .14);--gold: #e7b352;--gold-bg: rgba(231, 179, 82, .14);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 10px 30px rgba(0, 0, 0, .35);--bg: var(--night-0);--bg-elev: var(--night-2);--bg-elev-2: var(--night-3);--border: var(--line);--text: var(--parchment);--text-muted: var(--sage);--text-dim: var(--sage-dim);--accent: var(--ember);--accent-strong: var(--ember-deep);--accent-contrast: #2a1404;--danger: var(--wolf);--danger-bg: var(--wolf-bg);--success: var(--dorf);--warn: var(--gold);--werwolf: var(--wolf);--radius: var(--r-md);--radius-sm: var(--r-sm);--radius-lg: var(--r-lg);--shadow: var(--shadow-card);--touch: 56px;--gap: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--pines: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='96' viewBox='0 0 480 96'%3E%3Cg fill='%230a140e'%3E%3Cpath d='M6 96 L30 26 L54 96 Z'/%3E%3Cpath d='M52 96 L80 10 L108 96 Z'/%3E%3Cpath d='M108 96 L130 38 L152 96 Z'/%3E%3Cpath d='M149 96 L175 18 L201 96 Z'/%3E%3Cpath d='M201 96 L225 32 L249 96 Z'/%3E%3Cpath d='M245 96 L275 8 L305 96 Z'/%3E%3Cpath d='M306 96 L330 36 L354 96 Z'/%3E%3Cpath d='M350 96 L378 16 L406 96 Z'/%3E%3Cpath d='M404 96 L430 30 L456 96 Z'/%3E%3Cpath d='M446 96 L470 12 L494 96 Z'/%3E%3Crect y='90' width='480' height='6'/%3E%3C/g%3E%3C/svg%3E");--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:radial-gradient(1200px 700px at 18% -10%,#16271d 0%,transparent 60%),radial-gradient(900px 600px at 110% 110%,#1a1410 0%,transparent 55%),#080d0b;color:var(--parchment);font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.045;mix-blend-mode:overlay}#app{min-height:100%}h1,h2,h3{margin:0 0 .5em;line-height:1.18;font-weight:700;font-family:Bricolage Grotesque,Outfit,sans-serif;letter-spacing:-.012em}a{color:var(--ember)}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 24px 38px,rgba(245,237,222,.5),transparent),radial-gradient(1.2px 1.2px at 120px 22px,rgba(245,237,222,.38),transparent),radial-gradient(1.5px 1.5px at 182px 70px,rgba(231,179,82,.45),transparent),radial-gradient(1.1px 1.1px at 70px 96px,rgba(245,237,222,.32),transparent),radial-gradient(1.3px 1.3px at 150px 130px,rgba(245,237,222,.28),transparent);background-size:210px 190px;background-repeat:repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 42%);mask-image:linear-gradient(to bottom,#000 0%,transparent 42%);opacity:.6}.app-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;height:96px;z-index:-2;pointer-events:none;background-image:var(--pines);background-size:480px 96px;background-repeat:repeat-x;background-position:bottom center;opacity:.5}.page{flex:1;width:100%;max-width:560px;margin:0 auto;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--gap);box-shadow:var(--shadow-card)}.card-pad{padding:var(--gap)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--sage)}.dim{color:var(--sage-dim)}.center{text-align:center}.spacer{flex:1}.mt-0{margin-top:0}.text-sm{font-size:14px}.text-lg{font-size:20px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.seclabel,.label{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dim);font-weight:600}.label{font-size:12.5px;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-height:var(--touch);padding:0 20px;font-family:inherit;font-weight:700;font-size:16px;color:var(--parchment);background:#ffffff0a;border:1px solid var(--line-2);border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .06s ease,background .15s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-lg{min-height:60px;font-size:18px}.btn-primary,.btn-ember{background:linear-gradient(180deg,var(--ember),var(--ember-deep));color:#2a1404;border:0;box-shadow:0 8px 22px var(--ember-glow)}.btn-ghost{background:#ffffff0a;color:var(--parchment);border:1px solid var(--line-2)}.btn-wolf{background:linear-gradient(180deg,var(--wolf),#a8322a);color:#fff;border:0;box-shadow:0 8px 22px #d8493c47}.btn-danger{background:var(--wolf-bg);border:1px solid var(--wolf);color:var(--wolf)}.btn-solo{background:linear-gradient(180deg,var(--solo),#3f6e9c);color:#fff;border:0}.btn-sm{min-height:0;padding:10px 14px;font-size:14px;border-radius:11px}.field{display:flex;flex-direction:column;gap:8px}.input{width:100%;min-height:var(--touch);padding:0 16px;font-family:inherit;font-size:17px;font-weight:600;color:var(--parchment);background:var(--night-2);border:1px solid var(--line-2);border-radius:var(--r-md);outline:none}.input:focus{border-color:var(--ember)}.input-code{text-align:center;letter-spacing:.28em;text-transform:uppercase;font-family:Space Mono,monospace;font-weight:700;font-size:30px;color:var(--ember)}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b3c0ad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#ffffff0d;border:1px solid var(--line);color:var(--sage)}.badge-dorf{color:var(--dorf);border-color:#5fb06b73;background:var(--dorf-bg)}.badge-werwolf{color:var(--wolf);border-color:#d8493c73;background:var(--wolf-bg)}.badge-dead{color:var(--wolf);border-color:#d8493c73}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sage);background:#ffffff0d;border:1px solid var(--line);padding:5px 10px;border-radius:999px}.fbadge{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px;letter-spacing:.02em}.fbadge .d{width:7px;height:7px;border-radius:50%}.fbadge.wolf{color:var(--wolf);background:var(--wolf-bg)}.fbadge.wolf .d{background:var(--wolf)}.fbadge.dorf{color:var(--dorf);background:var(--dorf-bg)}.fbadge.dorf .d{background:var(--dorf)}.fbadge.solo{color:var(--solo);background:var(--solo-bg)}.fbadge.solo .d{background:var(--solo)}.fbadge.gold{color:var(--gold);background:var(--gold-bg)}.fbadge.gold .d{background:var(--gold)}.dot{width:10px;height:10px;border-radius:50%;background:var(--sage-dim);flex:none}.dot-on{background:var(--dorf);box-shadow:0 0 8px #5fb06b99}.dot-off{background:var(--wolf)}.av{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:700;font-size:16px;flex-shrink:0;font-family:Bricolage Grotesque,sans-serif;position:relative;color:#1a1208}.av.dead{filter:grayscale(1) brightness(.7)}.av .skull{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;border-radius:13px}.artslot{position:relative;border-radius:var(--r-md);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(245,237,222,.07),transparent 70%),var(--noise),repeating-linear-gradient(45deg,#ffffff0a 0,#ffffff0a 13px,#ffffff03 13px,#ffffff03 26px),linear-gradient(170deg,#1b2a20,#14201a);background-size:auto,120px 120px,auto,auto;background-blend-mode:normal,overlay,normal,normal;border:1px solid var(--line-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--sage);gap:10px;padding:16px}.artslot:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:11px;pointer-events:none;border:1.5px dashed rgba(245,237,222,.28)}.artslot:after{content:"";position:absolute;top:9px;right:-16px;width:56px;height:17px;background:#f5edde24;border:1px dashed rgba(245,237,222,.25);transform:rotate(34deg);pointer-events:none}.artslot.wolf{background-image:radial-gradient(120% 90% at 50% 0%,rgba(216,73,60,.16),transparent 70%),var(--noise),repeating-linear-gradient(45deg,#d8493c1a 0,#d8493c1a 13px,#d8493c08 13px,#d8493c08 26px),linear-gradient(170deg,#2a1715,#1d100f);border-color:#d8493c73}.artslot.wolf:before{border-color:#d8493c80}.artslot.dorf{background-image:radial-gradient(120% 90% at 50% 0%,rgba(95,176,107,.16),transparent 70%),var(--noise),repeating-linear-gradient(45deg,#5fb06b17 0,#5fb06b17 13px,#5fb06b08 13px,#5fb06b08 26px),linear-gradient(170deg,#16271d,#112018);border-color:#5fb06b73}.artslot.dorf:before{border-color:#5fb06b80}.artslot.solo{background-image:radial-gradient(120% 90% at 50% 0%,rgba(94,151,207,.16),transparent 70%),var(--noise),repeating-linear-gradient(45deg,#5e97cf17 0,#5e97cf17 13px,#5e97cf08 13px,#5e97cf08 26px),linear-gradient(170deg,#15212e,#101a25);border-color:#5e97cf73}.artslot.solo:before{border-color:#5e97cf80}.artslot .cap{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--parchment);background:#00000052;border:1px dashed rgba(245,237,222,.2);padding:4px 11px;border-radius:5px;transform:rotate(-1.2deg)}.artslot>svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));opacity:.92;transform:rotate(-3deg)}.artslot.mini{padding:0;gap:0}.artslot.mini:before,.artslot.mini:after{display:none}.artslot.mini>svg{transform:none;filter:none}.stitched{position:relative}.stitched:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:12px;pointer-events:none;border:1.5px dashed rgba(245,237,222,.22)}.player-row,.prow{display:flex;align-items:center;gap:12px;min-height:var(--touch);padding:12px 14px;border-radius:14px;background:var(--night-2);border:1px solid var(--line)}.player-row.is-dead{opacity:.55}.player-row .name,.prow .nm{flex:1;font-weight:600;font-size:15px}.prow .sub{font-size:12.5px;color:var(--sage-dim)}.prow.sel{border-color:var(--ember);background:linear-gradient(180deg,#f2902f1f,#f2902f0a)}.prow.sel.wolf{border-color:var(--wolf);background:var(--wolf-bg)}.rsel{width:24px;height:24px;border-radius:999px;border:2px solid var(--line-2);flex-shrink:0;display:grid;place-items:center}.rsel.on{border-color:var(--ember);background:var(--ember);color:#2a1404}.rsel.on.wolf{border-color:var(--wolf);background:var(--wolf);color:#fff}.pickgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.picktile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:16px;cursor:pointer;font:inherit;color:var(--parchment);background:var(--night-2);border:1px solid var(--line)}.picktile.sel{background:linear-gradient(180deg,#f2902f38,#f2902f0f);border:1.5px solid var(--ember)}.picktile.sel.wolf{background:linear-gradient(180deg,#d8493c38,#d8493c0f);border-color:var(--wolf)}.picktile.sel.solo{background:linear-gradient(180deg,#5e97cf38,#5e97cf0f);border-color:var(--solo)}.picktile .nm{font-weight:600;font-size:14px}.tgl{width:46px;height:27px;border-radius:999px;background:#ffffff1a;position:relative;flex-shrink:0;transition:background .15s;border:0;cursor:pointer;padding:0}.tgl.on{background:var(--ember)}.tgl:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .15s}.tgl.on:after{left:22px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:12px;overflow:hidden}.stepper button{width:40px;height:40px;border:0;background:#ffffff0a;color:var(--parchment);font-size:20px;cursor:pointer;font-family:inherit}.stepper .val{min-width:44px;text-align:center;font-weight:700;font-family:Bricolage Grotesque,sans-serif;font-size:18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:10px;border-bottom:1px solid var(--line);background:#0003}.phasechip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sage)}.phasechip .dot{width:8px;height:8px;background:var(--ember);box-shadow:0 0 10px var(--ember)}.phasechip.night .dot{background:var(--solo);box-shadow:0 0 10px var(--solo)}.phasechip.day .dot{background:var(--gold);box-shadow:0 0 10px var(--gold)}.phasechip.wolf .dot{background:var(--wolf);box-shadow:0 0 10px var(--wolf)}.minitimer{display:inline-flex;align-items:center;gap:7px;font-family:Space Mono,monospace;font-weight:700;font-size:14px;color:var(--parchment);background:#0000004d;border:1px solid var(--line);padding:5px 11px;border-radius:999px}.tallybar{height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.tallybar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ember),var(--ember-2))}.cuecard{border-radius:var(--r-lg);padding:22px;text-align:center;border:1px solid;position:relative;overflow:hidden;background:var(--night-2);border-color:var(--line)}.cue-1{background:radial-gradient(circle at 50% 0%,rgba(94,151,207,.18),var(--night-2));border-color:#5e97cf66}.cue-2{background:radial-gradient(circle at 50% 0%,rgba(242,144,47,.18),var(--night-2));border-color:#f2902f66}.cue-3{background:radial-gradient(circle at 50% 0%,rgba(231,179,82,.2),var(--night-2));border-color:#e7b35273}.bubble{max-width:80%;padding:9px 13px;border-radius:15px;font-size:14px;line-height:1.4}.bubble .who{font-size:11px;font-weight:700;margin-bottom:3px;opacity:.9}.bubble.them{align-self:flex-start;background:var(--night-3);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.me{align-self:flex-end;background:linear-gradient(180deg,var(--ember-deep),#9a430f);color:#fff;border-bottom-right-radius:5px}.bubble.sys{align-self:center;background:transparent;color:var(--sage-dim);font-size:12px;font-style:italic;max-width:90%;text-align:center}.chatinput{flex:1;background:var(--night-3);border:1px solid var(--line);border-radius:999px;padding:11px 15px;color:var(--parchment);font-family:inherit;font-size:14px;outline:none}.iconbtn{width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.gmtable{width:100%;border-collapse:collapse;font-size:13.5px}.gmtable th{text-align:left;font-weight:600;color:var(--sage-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--line)}.gmtable td{padding:9px 12px;border-bottom:1px solid var(--line)}.statedot{display:inline-flex;align-items:center;gap:7px;font-weight:600}.statedot .d{width:8px;height:8px;border-radius:50%}.statedot.alive .d{background:var(--dorf)}.statedot.dead .d{background:var(--wolf)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}