:root{--bg: #0b0b12;--surface: #14141d;--surface-2: #1c1c28;--surface-3: #2a2a3a;--border: #34344a;--border-subtle: #2a2a3a;--border-glow: rgba(200, 180, 120, .15);--accent: #523584;--accent-dim: #342257;--accent-bright: #6f4aa8;--accent-glow: rgba(82, 53, 132, .4);--gold: #d4b060;--gold-dim: #9c7a32;--gold-glow: rgba(212, 176, 96, .3);--blood: #7b1e1e;--blood-dim: #4a1010;--blood-glow: rgba(123, 30, 30, .35);--townsfolk: #3297F4;--color-townsfolk: var(--townsfolk);--townsfolk-tint: rgba(50, 151, 244, .12);--townsfolk-light: #90C6F9;--outsider: #3266f4;--color-outsider: var(--outsider);--outsider-tint: rgba(50, 102, 244, .12);--outsider-light: #A3BAFA;--minion: #c03c2b;--color-minion: var(--minion);--minion-tint: rgba(192, 60, 43, .12);--minion-light: #EAACA4;--demon: #c02b3f;--color-demon: var(--demon);--demon-tint: rgba(192, 57, 43, .12);--demon-light: #ECACB4;--text: #ede6d3;--muted: #8a8275;--ink: #0a0a0f;--alive: #6c8f6b;--dead: #4b3a5a;--radius: 6px;--radius-lg: 12px;--shadow: 0 10px 40px rgba(0, 0, 0, .9);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .7);--fog: radial-gradient(circle, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .6) 100%);--font-display: "Cinzel Decorative", "Cinzel", serif;--font-fancy: "Cinzel Decorative", "Cinzel", serif;--font-body: "DM Sans", sans-serif;--texture-noise: url(/textures/noise.png);--texture-parchment: url(/textures/parchment.jpg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{overflow-x:hidden;font-family:var(--font-body);font-size:17px;line-height:1.55;background-color:var(--bg);background-image:radial-gradient(ellipse 140% 45% at 50% 0%,rgba(140,20,20,.09) 0%,transparent 100%),radial-gradient(ellipse 100% 50% at 50% 100%,rgba(0,0,0,.55) 0%,transparent 100%);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(ellipse 140% 45% at 50% 0%,rgba(140,20,20,.09) 0%,transparent 100%),radial-gradient(ellipse 100% 50% at 50% 100%,rgba(0,0,0,.55) 0%,transparent 100%);background-size:200px 200px,auto,auto;background-attachment:fixed;background-blend-mode:overlay,normal,normal}a{color:var(--gold);text-decoration:none}input,select,textarea{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .875rem;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input::placeholder{color:var(--muted)}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-top-color:#c9a84c1f;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.divider{height:1px;background:var(--border);margin:1rem 0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}h1{font-size:2rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-gold{color:var(--gold);font-family:var(--font-display)}@media (orientation: landscape) and (min-width: 768px){body{font-size:15px}}@media (max-width: 600px){h1{font-size:1.6rem}h2{font-size:1.15rem}}.tooltip-wrap{position:relative;cursor:default}.tooltip-wrap[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-family:var(--font-body);line-height:1.5;padding:.4rem .7rem;max-width:260px;width:max-content;white-space:normal;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:var(--shadow)}.tooltip-wrap[data-tooltip]:hover:after{opacity:1}.app-tabs{display:flex;gap:.25rem;background-color:var(--bg-surface-elevated);padding:.5rem .5rem 0;border-bottom:1px solid var(--border-subtle);align-items:flex-end;background:var(--surface);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-tabs__action{margin-left:auto;margin-bottom:.25rem;margin-right:.5rem}.app-tabs::-webkit-scrollbar{display:none}@media (max-width: 600px){.app-tabs{padding:.3rem .75rem 0;gap:.25rem}.app-tab{font-size:.82rem;padding:.5rem .4rem .65rem;white-space:nowrap;flex-shrink:0}}.app-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .5rem .75rem;color:var(--muted);font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;cursor:pointer;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.5rem}.app-tab:hover{color:var(--text)}.app-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.app-tab-badge{background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:10px;line-height:1}.phase-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;height:calc(100vh - 48px);width:280px;flex-shrink:0;position:sticky;top:0;overflow-y:auto}@media (max-width: 900px){.phase-panel{width:100%;position:static;height:auto}}.phase-panel__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.phase-panel__header h2{margin:0}.phase-panel__sub{font-size:.85rem;margin-top:.2rem;color:var(--muted)}.phase-panel__footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:inherit;font-weight:600;letter-spacing:.06em;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .15s,opacity .15s,transform .1s,box-shadow .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--sm{padding:.5rem .875rem;font-size:.8rem;min-height:36px}.btn--md{padding:.75rem 1.5rem;font-size:.95rem;min-height:44px}.btn--lg{padding:1rem 2rem;font-size:1.05rem;min-height:52px}.btn--full{width:100%}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn--primary:hover:not(:disabled){background:var(--accent-dim);box-shadow:0 2px 18px var(--accent-glow)}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:background-color .15s,color .15s}.btn--secondary:hover:not(:disabled){background-color:var(--surface-3);color:var(--gold)}.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-glow)}.btn--gold{background:var(--gold);color:#0a0a0f;box-shadow:0 2px 12px var(--gold-glow)}.btn--gold:hover:not(:disabled){opacity:.88;box-shadow:0 2px 18px #c9a84c80}.btn--danger{background:#8b1a1a;color:#fff;box-shadow:0 2px 12px #8b1a1a66}.btn--end-game{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--end-game:hover:not(:disabled){background:var(--surface-3);color:var(--gold)}.btn--danger:hover:not(:disabled){background:#a52020;box-shadow:0 2px 18px #8b1a1a99}.btn--accent{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn--accent:hover:not(:disabled){background:#bf3a2e;box-shadow:0 2px 18px var(--accent-glow)}.landing{min-height:100vh}.landing__header{padding:3.5rem 1rem 2.5rem;text-align:center;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent) 1;position:relative}.landing__header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:180px;height:1px;background:var(--gold);opacity:.3;filter:blur(3px)}.landing__title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:.06em;color:var(--text);margin-bottom:.5rem;text-shadow:0 0 30px rgba(201,168,76,.2),0 0 60px rgba(168,50,40,.15)}.landing__subtitle{font-family:var(--font-display);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.75}.landing__main{padding-top:3rem;padding-bottom:3rem}.landing__panels{display:flex;flex-direction:column;align-content:center;gap:1.5rem;max-width:600px;margin:0 auto}@media (max-width: 600px){.landing__panels{grid-template-columns:1fr}.landing__title{font-size:1.9rem}}.landing__panel{display:flex;flex-direction:column;gap:.5rem}.landing__panel-desc{font-size:1rem;line-height:1.6;color:var(--muted)}.landing__divider{display:flex;align-items:center;justify-content:center;padding-top:2.75rem;color:var(--muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em}@media (max-width: 600px){.landing__divider{padding-top:0}.landing__divider:before,.landing__divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border));margin:0 .75rem}.landing__divider:after{background:linear-gradient(90deg,var(--border),transparent)}}.landing__form{display:flex;flex-direction:column;gap:.875rem;margin-top:1rem}.landing__label{display:block;font-family:var(--font-display);font-size:.7rem;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.1em}.landing__code-input{font-family:var(--font-display)!important;text-transform:uppercase;letter-spacing:.3em;font-size:1.35rem;text-align:center}.landing__error{font-size:.9rem;color:var(--accent)}.landing__demo{max-width:600px;margin:2rem auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.landing__demo-hint{font-size:.8rem}.phase-bar{display:flex;align-items:center;gap:0;background:var(--surface);border-bottom:1px solid var(--border);padding:.625rem 1rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;overflow:hidden}.phase-bar__step{padding:.3rem .75rem;border-radius:999px;color:var(--muted);font-weight:400;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.phase-bar__step--done{color:var(--muted);opacity:.5}.phase-bar__step--done:before{content:"✓ ";opacity:.6}.phase-bar__step--active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.phase-bar__round{margin-left:auto;font-family:var(--font-display);color:var(--gold);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-shadow:0 0 8px var(--gold-glow);white-space:nowrap;flex-shrink:0}@media (max-width: 600px){.phase-bar{overflow:hidden}.phase-bar__step--done,.phase-bar__sep{display:none}.phase-bar__step--active{font-size:.68rem;padding:.25rem .6rem}}.room-code{display:flex;flex-direction:column;align-items:center;gap:.35rem}.room-code__label{font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.room-code__value{font-family:var(--font-display);font-size:2.75rem;font-weight:700;letter-spacing:.3em;color:var(--gold)}.player-chip{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.player-chip--dead{opacity:.55;border-color:var(--dead)}.player-chip__seat{font-size:.75rem;color:var(--muted);min-width:1.5rem;text-align:center}.player-chip__name{flex:1;font-weight:500}.player-chip__role{font-size:.8rem;color:var(--gold)}.player-chip__dead-marker{color:var(--muted);font-size:1rem}.player-chip[draggable=true]{cursor:grab}.player-chip[draggable=true]:active{cursor:grabbing}.lobby{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;max-width:600px;margin:0 auto}.lobby__code-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem;background:var(--surface);border:1px solid var(--border);border-top:1px solid rgba(201,168,76,.2);border-radius:var(--radius-lg);box-shadow:0 0 30px #c9a84c0a}.lobby__hint{font-size:.95rem}.lobby__qr{background:#fff;padding:.5rem;border-radius:var(--radius-md);margin-top:.25rem}.lobby__demo-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.lobby__demo-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:999px;padding:.25rem .75rem}.lobby__players{display:flex;flex-direction:column;gap:.75rem}.lobby__players-header{display:flex;align-items:baseline;justify-content:space-between}.lobby__count{color:var(--muted);font-size:.9em;font-weight:400}.lobby__count-hint{font-size:.85rem}.lobby__empty{font-size:.95rem;text-align:center;padding:2rem 0}.lobby__player-list{display:flex;flex-direction:column;gap:.5rem}.lobby__actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lobby__start-hint{font-size:.85rem}.script-picker{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:800px;margin:0 auto}.script-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.script-picker__subtitle{font-size:.875rem;margin-top:.25rem}.script-picker__sections{display:flex;flex-direction:column;gap:1.25rem}.script-picker__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.script-picker__section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;border-bottom:1px solid var(--border)}.script-picker__type-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.script-picker__section--townsfolk .script-picker__type-label{color:var(--townsfolk)}.script-picker__section--outsider .script-picker__type-label{color:var(--outsider)}.script-picker__section--minion .script-picker__type-label{color:var(--minion)}.script-picker__section--demon .script-picker__type-label{color:var(--demon)}.script-picker__counter{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--border);padding:.1rem .5rem;border-radius:999px}.script-picker__counter--done{color:#fff;background:var(--townsfolk)}.script-picker__section--outsider .script-picker__counter--done{background:var(--outsider)}.script-picker__section--minion .script-picker__counter--done{background:var(--minion)}.script-picker__section--demon .script-picker__counter--done{background:var(--demon)}.script-picker__grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem .875rem}.script-picker__card{padding:.375rem .75rem;border-radius:var(--radius);border:0px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.875rem;cursor:pointer;transition:background .12s,border-color .12s,color .12s,opacity .12s}.script-picker__card:hover:not(:disabled){border-color:currentColor;background:var(--surface-3);opacity:.9}.script-picker__card--townsfolk.script-picker__card--selected{background:var(--townsfolk);border-color:var(--townsfolk);color:#fff}.script-picker__card--outsider.script-picker__card--selected{background:var(--outsider);border-color:var(--outsider);color:#fff}.script-picker__card--minion.script-picker__card--selected{background:var(--minion);border-color:var(--minion);color:#fff}.script-picker__card--demon.script-picker__card--selected{background:var(--demon);border-color:var(--demon);color:#fff}.script-picker__card--disabled{opacity:.35;cursor:not-allowed}.script-picker__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.5rem}.script-picker__footer-hint{font-size:.8rem}.assignment{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:700px;margin:0 auto}.assignment__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.assignment__count{font-size:.875rem;margin-top:.25rem}.assignment__header-actions{display:flex;gap:.5rem;flex-shrink:0}.assignment__list{display:flex;flex-direction:column;gap:.5rem}.assignment__row{display:flex;align-items:center;gap:1rem;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.assignment__player-name{display:flex;align-items:center;gap:.5rem;min-width:120px;font-weight:500}.assignment__seat{font-size:.75rem;color:var(--muted);min-width:1.25rem}.assignment__role-selector{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.assignment__select{flex:1;padding:.375rem .625rem;font-size:.9rem;border-width:1px;border-style:solid;transition:border-color .15s}.assignment__type-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;color:#fff;white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.assignment__role-selector .assignment__drunk-select{border-color:var(--gold);font-size:.85rem}.assignment__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.5rem}.assignment__footer-hint{font-size:.8rem}.assignment__warnings{background:#ff3c3c26;border:1px solid var(--accent);color:#fee;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.assignment__player-name{font-family:var(--font-display);font-weight:700}@media (max-width: 600px){.assignment__header{flex-wrap:wrap}.assignment__header-actions{flex-shrink:1;flex-wrap:wrap}.assignment__row{flex-direction:column;align-items:flex-start;gap:.5rem}.assignment__player-name{min-width:unset;width:100%}.assignment__role-selector{width:100%}.assignment__select{min-width:0}}.night-panel{max-width:520px;margin:0 auto}.night-panel__progress{font-family:var(--font-display);font-size:.8rem;letter-spacing:.06em;color:var(--gold);font-weight:600;text-shadow:0 0 8px var(--gold-glow)}.night-panel__list{display:flex;flex-direction:column;gap:.4rem}.night-panel__empty{font-size:.95rem;padding:1rem 0}.night-panel__row{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:opacity .15s,border-color .15s;-webkit-user-select:none;user-select:none}.night-panel__row:hover{border-color:var(--gold)}.night-panel__row--done{opacity:.4}.night-panel__check{width:1.25rem;height:1.25rem;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.night-panel__role-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.night-panel__role-name{font-weight:600;font-size:.95rem;font-family:var(--font-display);letter-spacing:.02em}.night-panel__row--done .night-panel__role-name{text-decoration:line-through;text-decoration-color:var(--muted)}.night-panel__player-name{font-size:.8rem;color:var(--muted)}.night-panel__type-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.night-panel__type-dot--townsfolk{background:var(--townsfolk);box-shadow:0 0 5px #4a9c6d80}.night-panel__type-dot--outsider{background:var(--outsider);box-shadow:0 0 5px #5b7fbf80}.night-panel__type-dot--minion{background:var(--minion);box-shadow:0 0 5px #bf7a2a80}.night-panel__type-dot--demon{background:var(--demon);box-shadow:0 0 6px #c0392b99}.night-panel__info-line{font-size:.78rem;color:var(--gold);line-height:1.5;margin-top:.15rem}.night-panel__token-btn{flex-shrink:0;padding:.5rem .875rem;min-height:38px;background:transparent;border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold);font-family:var(--font-display);font-size:.7rem;letter-spacing:.05em;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.night-panel__token-btn:hover{background:var(--gold);color:#000;box-shadow:0 0 10px var(--gold-glow)}.night-panel__token-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.reminder-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--gold-dim);color:var(--gold);white-space:nowrap;box-shadow:0 0 6px var(--gold-glow)}.reminder-chip__remove{background:none;border:none;color:var(--muted);font-size:.9rem;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;transition:color .15s;min-width:16px;min-height:16px}.reminder-chip__remove:hover{color:var(--accent)}.drag-canvas{position:relative;width:100%;min-height:70vh;overflow:visible}@media (max-width: 900px){.drag-canvas{min-height:40vh}}.drag-canvas__item{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;z-index:1}.drag-canvas__item:active{cursor:grabbing;z-index:100}.grimoire{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.grimoire__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.grimoire__header-left{display:flex;flex-direction:column;gap:.5rem}.grimoire__tabs{display:flex;gap:.25rem}.grimoire__tab{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;padding:.5rem 1.1rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.grimoire__tab:hover:not(.grimoire__tab--active){border-color:var(--border-glow);color:var(--text)}.grimoire__tab--active{border-color:var(--gold);color:var(--gold);background:#d4af3714}.grimoire__setup-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.05em;color:var(--muted)}.grimoire__setup-hint__sep{color:var(--border-glow)}.grimoire__seating{display:flex;flex-direction:column;align-items:center;gap:.875rem;overflow:visible}.drag-canvas .grimoire-card{width:200px;flex-shrink:0}@media (orientation: landscape) and (max-height: 500px){.drag-canvas{min-height:55vh}.drag-canvas .grimoire-card{width:148px}.grimoire-card{padding:.5rem .625rem;gap:.25rem}.grimoire-card__name{font-size:.82rem}.grimoire-card__role{font-size:.65rem}.grimoire-card__dead-toggle,.grimoire-card__ghost-vote{min-width:30px;min-height:30px;font-size:.85rem}.grimoire-card__reminders{min-height:unset;margin-top:.25rem;gap:.2rem}.grimoire-card__add-reminder{width:24px;height:24px;font-size:.8rem}.grimoire{padding:.625rem;gap:.625rem}.grimoire__header h2{font-size:1rem}.grimoire__setup-hint,.grimoire__alive-count{font-size:.68rem}}.grimoire__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;isolation:isolate}@media (orientation: landscape) and (min-width: 768px){.grimoire__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 480px){.grimoire{padding:.75rem;gap:.875rem}.grimoire__header{flex-direction:column;align-items:flex-start}.grimoire__grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.625rem}}.grimoire-card{position:relative;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:.875rem;display:flex;flex-direction:column;transition:border-color .15s,opacity .2s,box-shadow .2s}.grimoire-card[data-type=townsfolk]{border-top-color:var(--townsfolk)}.grimoire-card[data-type=outsider]{border-top-color:var(--outsider)}.grimoire-card[data-type=minion]{border-top-color:var(--minion)}.grimoire-card[data-type=demon]{border-top-color:var(--demon);box-shadow:-2px 0 12px #c0392b40,var(--shadow-sm)}.grimoire-card--dead{filter:grayscale(55%);border-top-color:var(--surface-2)!important;border-color:var(--surface-2);box-shadow:none!important;background:transparent}.grimoire-card--dead .grimoire-card__name{color:var(--muted)}.grimoire-card__top{display:flex;align-items:center;gap:.5rem}.grimoire-card__seat{font-family:var(--font-display);font-size:.65rem;color:var(--muted);min-width:1.25rem;text-align:center}.grimoire-card__name{flex:1;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display)}.grimoire-card__dead-toggle{background:var(--surface-3);border:none;font-size:1rem;cursor:pointer;padding:.1rem .25rem;border-radius:4px;transition:background .15s,fill .15s,border-color .15s;line-height:1;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;fill:var(--gold);border:1px solid transparent}.grimoire-card__dead-toggle svg{width:16px;height:16px}.grimoire-card__dead-toggle:hover{background:var(--surface-2);fill:var(--gold);border-color:var(--gold)}.grimoire-card__dead-toggle--dead{color:var(--muted);fill:var(--bg)}.grimoire-card__dead-toggle:not(.grimoire-card__dead-toggle--dead):hover{fill:var(--blood);border-color:var(--blood)}.grimoire-card__ghost-vote{background:none;border:1px solid transparent;font-size:.85rem;cursor:pointer;padding:.1rem .25rem;border-radius:4px;transition:background .15s,border-color .15s,opacity .15s;line-height:1;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem;letter-spacing:.03em}.grimoire-card__ghost-vote svg{width:16px;height:16px}.grimoire-card__ghost-vote--available{color:var(--gold);fill:var(--gold);border-color:var(--gold-dim)}.grimoire-card__ghost-vote--available:hover{background:var(--surface-2);fill:var(--gold);border-color:var(--gold)}.grimoire-card__ghost-vote--used{color:var(--muted);fill:var(--muted);border-color:var(--border);opacity:.6}.grimoire-card__ghost-vote--used:hover{background:var(--surface-2);fill:var(--muted);opacity:1}.grimoire-card__role{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:.35rem}.grimoire-card__role--editable{cursor:pointer;transition:opacity .15s;display:flex;flex-direction:row-reverse;justify-content:flex-end}.grimoire-card__role--editable:before{content:"▼";font-size:.7rem;color:transparent;transition:color .15s}.grimoire-card__role--editable:hover:before{color:var(--muted)}.grimoire-card__role--editable:hover{opacity:1}.grimoire-card__drunk-badge{font-size:.6rem;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--outsider);border-radius:3px;padding:1px 5px}.grimoire-card__role-picker{position:absolute;top:100%;left:0;right:0;z-index:11;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:6px;overflow:hidden}@media (max-width: 480px){.grimoire-card__role-picker{left:0;right:auto;width:min(280px,calc(100vw - 1.5rem))}}.role-picker__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.role-picker__content{padding:.5rem}.role-picker__select{width:100%;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem}.grimoire-card__reminders{display:flex;flex-wrap:wrap;margin-top:.5rem;gap:.3rem;align-items:center;min-height:1.75rem}.grimoire-card__add-reminder{background:none;border:1px dashed var(--border-glow);color:var(--muted);font-size:1rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:border-color .15s,color .15s,box-shadow .15s}.grimoire-card__add-reminder:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.grimoire-card__reminder-picker{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:6px;overflow:hidden}@media (max-width: 480px){.grimoire-card__reminder-picker{left:0;right:auto;width:min(280px,calc(100vw - 1.5rem))}}.reminder-picker__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.reminder-picker__close{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:0;line-height:1;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.reminder-picker__list{max-height:220px;overflow-y:auto}.reminder-picker__option{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:.625rem .875rem;background:none;border:none;color:var(--text);font-size:.9rem;cursor:pointer;text-align:left;gap:.5rem;transition:background .1s;min-height:44px}.reminder-picker__option:hover{background:var(--surface)}.reminder-picker__opt-label{font-weight:600}.reminder-picker__opt-role{font-family:var(--font-display);font-size:.65rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.grimoire__footer{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem}.grimoire__alive-count{font-family:var(--font-display);font-size:.78rem;letter-spacing:.06em}.win-helper{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.win-helper__row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem}.win-helper__label{color:var(--muted)}.win-helper__value{font-weight:700;font-size:.9rem;color:var(--text)}.win-helper__value--danger{color:var(--accent)}.win-helper__value--muted{font-size:.8rem;font-weight:400;color:var(--muted)}.win-helper__alert{font-size:.75rem;line-height:1.4;padding:.4rem .5rem .4rem .65rem;border-radius:4px;border-left:3px solid transparent;margin:0}.win-helper__alert--evil{background:#c0392b1f;border-left-color:var(--accent);color:#e07060}.win-helper__alert--warn{background:#bf7a2a1f;border-left-color:var(--gold);color:var(--gold)}.win-helper__alert--good{background:#4a9c6d1f;border-left-color:var(--townsfolk);color:var(--townsfolk)}.script-list,.script-section{display:flex;flex-direction:column;gap:0}.script-section+.script-section{margin-top:1.5rem}.script-section__header{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .875rem;margin-bottom:.5rem;border-bottom:2px solid var(--border)}.script-section__header--good{color:var(--townsfolk);border-bottom-color:var(--townsfolk-tint)}.script-section__header--evil{color:var(--demon);border-bottom-color:var(--demon-tint)}.script-subgroup{display:grid;grid-template-columns:1fr;gap:.25rem;margin-bottom:.75rem}@media (min-width: 1200px){.script-subgroup{grid-template-columns:1fr 1fr}}.script-subtype{display:flex;align-items:baseline;gap:.6rem;padding:.25rem .875rem .25rem 0;grid-column:1 / -1}.script-subtype__label{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);padding:.25rem .875rem;border-radius:var(--radius)}.script-subtype[data-type=townsfolk] .script-subtype__label{background-color:var(--townsfolk)}.script-subtype[data-type=outsider] .script-subtype__label{background-color:var(--outsider)}.script-subtype[data-type=minion] .script-subtype__label{background-color:var(--minion)}.script-subtype[data-type=demon] .script-subtype__label{background-color:var(--demon)}.script-subtype__note{font-size:.75rem;color:var(--muted);font-style:italic}.script-row{display:grid;grid-template-columns:150px 1fr;align-items:baseline;gap:.75rem;padding:.75rem .875rem;background:var(--surface);border-radius:var(--radius)}.script-row[data-type=townsfolk]{background-image:linear-gradient(175deg,var(--townsfolk-tint) 0%,transparent 2rem)}.script-row[data-type=outsider]{background-image:linear-gradient(175deg,var(--outsider-tint) 0%,transparent 2rem)}.script-row[data-type=minion]{background-image:linear-gradient(2deg,var(--minion-tint) 0%,transparent 2rem)}.script-row[data-type=demon]{background-image:linear-gradient(2deg,var(--demon-tint) 0%,transparent 2rem)}.script-row__name{font-family:var(--font-display);font-weight:600;font-size:.9rem;white-space:nowrap}[data-type=townsfolk] .script-row__name{color:var(--townsfolk-light)}[data-type=outsider] .script-row__name{color:var(--outsider-light)}[data-type=minion] .script-row__name{color:var(--minion-light)}[data-type=demon] .script-row__name{color:var(--demon-light)}.script-row__badge{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.15rem .4rem;border-radius:4px;font-weight:600;white-space:nowrap}.script-row__badge--townsfolk{color:var(--townsfolk);background:var(--townsfolk-tint)}.script-row__badge--outsider{color:var(--outsider);background:var(--outsider-tint)}.script-row__badge--minion{color:var(--minion);background:var(--minion-tint)}.script-row__badge--demon{color:var(--demon);background:var(--demon-tint)}.script-row__ability{font-size:.88rem;color:var(--text);opacity:.75;line-height:1.45;margin:0}@media (max-width: 600px){.script-row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.script-row__ability{grid-column:1 / -1}}.script-row--clickable{cursor:pointer;transition:background-color .2s}.script-row--clickable:hover{background-color:var(--surface-2)}.role-token-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fade-in .2s ease-out}.role-token-overlay__content{position:relative;background-color:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:3rem 2rem;width:100%;max-width:min-content;min-width:400px;text-align:center;box-shadow:0 10px 40px #00000080}.role-token-overlay__content--townsfolk{border-color:var(--color-townsfolk)}.role-token-overlay__content--outsider{border-color:var(--color-outsider)}.role-token-overlay__content--minion{border-color:var(--color-minion)}.role-token-overlay__content--demon{border-color:var(--color-demon)}.role-token-overlay__type{font-size:.8rem;letter-spacing:.1em;font-weight:700;margin-bottom:.5rem;opacity:.7}.role-token-overlay__content--townsfolk .role-token-overlay__type{color:var(--color-townsfolk)}.role-token-overlay__content--outsider .role-token-overlay__type{color:var(--color-outsider)}.role-token-overlay__content--minion .role-token-overlay__type{color:var(--color-minion)}.role-token-overlay__content--demon .role-token-overlay__type{color:var(--color-demon)}.role-token-overlay__name{font-family:var(--font-fancy);font-size:3rem;margin:0 0 1.5rem;line-height:1.1;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.role-token-overlay__ability{font-size:1.25rem;line-height:1.4;color:var(--muted);margin:0}.role-token-overlay__close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:0;line-height:1}.role-token-overlay__close:hover{color:var(--color-text)}.role-token-overlay__tap-hint{margin-top:2rem;font-size:.85rem;color:var(--surface-3);opacity:.6}.day-panel{display:flex;align-items:flex-start;min-height:calc(100vh - 48px)}.day-panel__main{flex:1;min-width:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.day-panel__nominations-container{padding:1.25rem}.day-panel__execution{display:flex;flex-direction:column;gap:.75rem}.day-panel__vote-hint{font-size:.8rem;color:var(--muted);margin:0}.day-panel__vote-hint strong{color:var(--gold)}.day-panel__vote-hint-sub{opacity:.7}.day-panel__select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;font-size:.9rem;cursor:pointer}.day-panel__select:disabled{opacity:.5;cursor:default}.day-panel__executed-note{color:var(--accent);font-weight:600;font-size:.9rem;margin:0}.day-panel__executed-note--none{color:var(--muted);font-weight:400}.day-panel__nominations-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.day-panel__nom-list-header{padding:1rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.day-panel__nominations-list h3{margin:0;font-size:1rem;text-transform:uppercase;color:var(--muted)}.day-panel__nom-cards{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.day-panel__nom-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;padding:.6rem 1rem;border-radius:var(--radius-sm);background:#ffffff0d}.day-panel__nom-row--block{background:rgba(var(--color-accent-rgb),.2);border-left:4px solid var(--accent)}.day-panel__nom-votes{font-weight:700;color:var(--gold);font-size:1.1rem}.day-panel__nom-form{display:flex;gap:.5rem;padding:1rem;background:#ffffff05;border-top:1px solid var(--border)}.day-panel__nom-form select,.day-panel__nom-form input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;font-size:.9rem}.day-panel__nom-form select{flex:2}.day-panel__nom-form input{flex:1;max-width:100px}.day-panel__nom-form button{flex:1;white-space:nowrap}.day-panel__execute-action{display:flex;gap:.5rem;flex-direction:column}@media (max-width: 900px){.day-panel{flex-direction:column}.day-panel__main,.day-panel__grimoire{border-right:none;border-bottom:1px solid var(--border);width:100%}.day-panel__sidebar{width:100%;position:static;height:auto}}@media (max-width: 600px){.day-panel__nom-form{flex-direction:column}.day-panel__nom-form select{flex:unset;width:100%}.day-panel__nom-form input{flex:unset;max-width:100%;width:100%}.day-panel__nom-form button{flex:unset;width:100%}.day-panel__nominations-container{padding:.875rem}}.setup-panel__bluffs{display:flex;flex-direction:column;gap:.5rem}.setup-panel__bluffs-title{font-size:.8rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin:0}.setup-panel__bluffs-sub{font-size:.75rem;margin:0}.setup-panel__bluffs-selects{display:flex;flex-direction:column;gap:.375rem}.setup-panel__bluff-select{font-size:.82rem;padding:.375rem .5rem;border-color:var(--gold)}.info-token-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center}.info-token-overlay__content{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:3rem;width:100%;max-width:800px;max-height:100vh;overflow-y:auto;text-align:center}@media (max-width: 600px){.info-token-overlay__content{padding:1.5rem 1rem;gap:2rem}}.info-token-overlay__nav{display:flex;align-items:center;gap:1.5rem;position:absolute;bottom:6.5rem}@media (max-width: 600px){.info-token-overlay__nav{bottom:4.5rem}}.info-token-overlay__nav-btn{background:none;border:none;color:var(--gold);font-size:3rem;line-height:1;cursor:pointer;padding:0 .5rem;opacity:.9;transition:opacity .15s}.info-token-overlay__nav-btn:disabled{opacity:.2;cursor:default}.info-token-overlay__nav-btn:not(:disabled):hover{opacity:1}.info-token-overlay__dots{display:flex;gap:.6rem}.info-token-overlay__dot{width:.6rem;height:.6rem;border-radius:50%;background:#ffffff40;transition:background .2s}.info-token-overlay__dot--active{background:var(--gold)}.info-token-overlay__section{display:flex;flex-direction:column;gap:2rem;width:100%}.info-token-overlay__label{font-size:3.5rem;font-weight:600;letter-spacing:.12em;line-height:1.1;font-family:var(--font-display);color:var(--gold);margin:0}@media (max-width: 480px){.info-token-overlay__label{font-size:2.2rem;letter-spacing:.08em}}.info-token-overlay__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}.info-token-overlay__item{font-size:2rem;font-weight:700;font-family:var(--font-display);line-height:1.1;background:var(--surface);padding:1rem 1.5rem;border-radius:var(--radius);color:var(--text);border:2px solid transparent}@media (max-width: 480px){.info-token-overlay__items{gap:1rem}.info-token-overlay__item{font-size:1.25rem;padding:.625rem 1rem}}.info-token-overlay__item--townsfolk{border-color:#4a90d9;color:#a8ccf0}.info-token-overlay__item--outsider{border-color:#5bbfdf;color:#a3dff0}.info-token-overlay__item--minion{border-color:#c0392b;color:#f0a09a}.info-token-overlay__item--demon{border-color:#8b0000;color:#f08080}.info-token-overlay__item--fabled{border-color:var(--gold);color:var(--gold)}.info-token-overlay__done{margin-top:.5rem;padding:1rem;background:var(--surface);color:var(--text);border:none;border-radius:var(--radius);font-size:1.5rem;aspect-ratio:1;line-height:0px;text-transform:uppercase;cursor:pointer;transition:opacity .15s;position:absolute;bottom:2.5rem}.info-token-overlay__done:hover{opacity:.85}@media (max-width: 600px){.info-token-overlay__done{bottom:1rem;padding:.75rem;font-size:1.25rem}}.custom-info-token-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem}.custom-info-token-modal__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;overflow:hidden;animation:infoTokenModalAppear .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes infoTokenModalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-info-token-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border)}.custom-info-token-modal__header h3{margin:0;font-size:1.1rem}.custom-info-token-modal__close{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.custom-info-token-modal__close:hover{color:var(--text)}.custom-info-token-modal__form{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.custom-info-token-modal__field{display:flex;flex-direction:column;gap:.5rem}.custom-info-token-modal__field span{font-size:.85rem;color:var(--muted);font-family:var(--font-display);letter-spacing:.03em}.custom-info-token-modal__select{padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}.custom-info-token-modal__select:focus{outline:none;border-color:var(--gold)}.custom-info-token-modal__footer{display:flex;justify-content:flex-end;margin-top:.5rem}.storyteller-dashboard{display:flex;flex-direction:column;min-height:100vh}.storyteller-content{flex:1;overflow-y:auto}.storyteller-loading,.storyteller-error{display:flex;align-items:center;justify-content:center;flex:1;gap:1rem;flex-direction:column;color:var(--muted)}.night-layout{display:flex;align-items:flex-start;min-height:calc(100vh - 48px)}.night-layout .grimoire{flex:1;min-width:0}@media (max-width: 900px){.night-layout{flex-direction:column}.night-layout .grimoire{border-right:none;border-bottom:1px solid var(--border);width:100%}}.night-layout__left{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-x:hidden}@media (max-width: 900px){.night-layout__left{border-right:none;border-bottom:1px solid var(--border);width:100%}}.storyteller-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 1rem;color:var(--muted)}.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;gap:1rem}.waiting__orb-wrap{position:relative;width:110px;height:110px;margin-bottom:1rem}.waiting__orb{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent-glow),var(--ink) 70%);border:1px solid var(--accent-dim);animation:orb-pulse 3s ease-in-out infinite}.waiting__orb-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid var(--accent-dim);animation:ring-expand 3s ease-in-out infinite}@keyframes orb-pulse{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 20px var(--accent-glow)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 40px var(--accent-glow),0 0 60px #5528a826}}@keyframes ring-expand{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}.waiting__title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em;color:var(--text)}.waiting__body{max-width:280px;line-height:1.75}.waiting__count{font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;color:var(--gold);margin-top:.5rem;text-shadow:0 0 8px var(--gold-glow)}@media (max-width: 380px){.waiting__title{font-size:1.25rem}.waiting{padding:1.25rem;gap:.75rem}}.role-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem 1.5rem;gap:1.5rem}.role-card{position:relative;width:100%;max-width:340px;min-height:240px;border-radius:18px;border:2px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color .2s,box-shadow .2s}.role-card--revealed{border-color:var(--role-color, var(--accent));box-shadow:0 0 40px color-mix(in srgb,var(--role-color, var(--accent)) 50%,transparent),0 0 80px color-mix(in srgb,var(--role-color, var(--accent)) 20%,transparent)}.role-card:not(.role-card--revealed){color:transparent}.role-card__blur-layer{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08080da6;z-index:1;transition:opacity .18s}.role-card--revealed .role-card__blur-layer{opacity:0;pointer-events:none}.role-card__content{position:relative;z-index:0;padding:2rem;display:flex;flex-direction:column;gap:.75rem}.role-card__type{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--role-color, var(--accent));font-weight:600;text-shadow:0 0 10px color-mix(in srgb,var(--role-color, var(--accent)) 60%,transparent)}.role-card__name{font-family:var(--font-display);font-size:2.1rem;font-weight:700;letter-spacing:.04em;line-height:1.1}.role-card__ability{font-size:1rem;color:var(--muted);line-height:1.65}.role-card__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.role-card__hint span{font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#08080dcc;padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--gold-dim);box-shadow:0 0 12px var(--gold-glow)}@media (max-width: 480px){.role-card{min-height:55vh}.role-card__name{font-size:2.5rem}.role-card__ability{font-size:1.05rem}}.role-reveal--unknown{justify-content:center}.role-reveal__dead-notice{font-size:.95rem;color:var(--muted);text-align:center;max-width:280px}.reveal-view{padding:2rem 1rem;text-align:center;animation:fade-in 1s ease-out}.reveal-view__title{font-family:var(--font-fancy);font-size:2.5rem;margin-bottom:2rem;color:var(--gold);text-shadow:0 0 10px rgba(212,175,55,.3)}.reveal-view__subtitle{font-size:1.5rem;display:block;color:var(--accent);text-shadow:none}.reveal-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.reveal-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.reveal-card--dead{opacity:.6}.reveal-card--dead:after{content:"✝";position:absolute;top:.5rem;right:.8rem;color:var(--accent);font-size:1.2rem}.reveal-card__seat{position:absolute;top:-.8rem;left:50%;transform:translate(-50%);background:var(--bg);border:1px solid var(--border);border-radius:50%;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.reveal-card__name{font-size:1.2rem;font-weight:700;margin-top:.5rem}.reveal-card__role{font-size:1.1rem;letter-spacing:.05em;font-family:var(--font-fancy)}.reveal-card__drunk{font-size:.8rem;color:var(--color-outsider);margin-top:.5rem;font-style:italic}.nom-view{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}.nom-view--empty{align-items:center;justify-content:center;text-align:center;gap:.5rem;color:var(--muted);min-height:200px}.nom-view__empty-icon{font-size:2.5rem;width:40px;opacity:.5;margin-bottom:.25rem}.nom-view__empty-text{font-family:var(--font-display);font-size:1rem;color:var(--text)}.nom-view__empty-sub{font-size:.85rem;color:var(--muted)}.nom-view__meta{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.nom-view__meta-label{text-transform:uppercase;letter-spacing:.05em}.nom-view__meta-votes{font-family:var(--font-display);font-size:1.1rem;color:var(--gold);font-weight:700}.nom-view__meta-sub{opacity:.6}.nom-view__block-banner{display:flex;align-items:center;gap:.6rem;background:#52358433;border:1px solid var(--accent);border-radius:var(--radius);padding:.65rem 1rem;font-size:.95rem;animation:pulse-glow 2.5s ease-in-out infinite}.nom-view__block-banner--tie{background:#d4b0601a;border-color:var(--gold-dim);animation:none}.nom-view__block-icon{width:40px;font-size:0px;fill:var(--accent)}.nom-view__block-banner--tie .nom-view__block-icon{fill:var(--gold-dim)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #52358400}50%{box-shadow:0 0 10px 2px #52358459}}.nom-view__executed-banner{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#b43c3c26;border:1px solid rgba(180,60,60,.5);border-radius:var(--radius);padding:.85rem 1rem;font-size:.95rem;font-weight:700}.nom-view__executed-icon{width:40px;fill:var(--blood);flex-shrink:0}.nom-view__executed-you{font-family:var(--font-display);font-size:1.05rem;color:var(--text);letter-spacing:.02em}.nom-view__list{display:flex;flex-direction:column-reverse;gap:.6rem}.nom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem .6rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s;position:relative;overflow:hidden}.nom-card--block{border-color:var(--accent);background:linear-gradient(135deg,rgba(82,53,132,.15),var(--surface))}.nom-card__block-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);font-family:var(--font-display);margin-bottom:-.25rem}.nom-card__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nom-card__players{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.nom-card__name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nom-card__name--nominee{color:var(--text)}.nom-card__arrow{color:var(--muted);flex-shrink:0;font-size:.9rem}.nom-card__votes{display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.nom-card__vote-count{font-size:1.5rem;font-family:var(--font-display);color:var(--gold);line-height:1}.nom-card__vote-label{font-size:.75rem;color:var(--muted)}.nom-card__bar-wrap{height:4px;background:#ffffff0f;border-radius:2px;position:relative;overflow:visible}.nom-card__bar{height:100%;background:linear-gradient(to right,var(--gold-dim),var(--gold));border-radius:2px;transition:width .4s ease;max-width:100%}.nom-card--block .nom-card__bar{background:linear-gradient(to right,var(--accent-dim),var(--accent-bright))}.nom-card__bar-threshold{position:absolute;top:-2px;width:2px;height:8px;background:var(--muted);border-radius:1px;transform:translate(-50%)}.player-view{min-height:100vh;display:flex;flex-direction:column}.player-connecting{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem}.player-connecting__spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-view__setup-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;color:var(--bg);margin-bottom:.75rem;padding:.75rem .5rem;border-radius:.5rem;background-color:var(--text);font-weight:700}.player-view__setup-hint__sep{color:var(--muted)}.player-view__script{padding:1rem 1.25rem;flex:1;overflow-y:auto}.player-loading,.player-error{display:flex;align-items:center;justify-content:center;flex:1;gap:1rem;flex-direction:column;color:var(--muted)}