:root{--ember:#f0a83c;--ember-bright:#ffca6e;--ember-deep:#b87320;--ember-rgb:240,168,60;--hearth-strength:1;--present:0;--paper:#211a12;--paper-line:#3a2c1a;--ink:#e6d8bd}html,body{height:100%}body{overflow:hidden;background:var(--void)}.tavern{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(140% 120% at 50% -10%,#0c1119 0%,var(--void) 60%)}.hearthlight{position:fixed;left:50%;top:-12%;transform:translate(-50%);width:120vw;height:80vh;pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(50% 60% at 50% 30%,rgba(var(--ember-rgb),calc(.16 * var(--hearth-strength))),transparent 62%),radial-gradient(34% 40% at 50% 24%,rgba(255,190,90,calc(.1 * var(--hearth-strength))),transparent 60%);opacity:calc((.3 + var(--present) * .13) * var(--hearth-strength));transition:opacity 1.6s var(--ease-cinema);animation:hearth-flicker 5.5s ease-in-out infinite}@keyframes hearth-flicker{0%,to{transform:translate(-50%) scale(1)}28%{transform:translate(-50.4%) scale(1.015)}52%{transform:translate(-49.7%) scale(.992)}74%{transform:translate(-50.2%) scale(1.01)}}.hearthlight:after{content:"";position:absolute;left:50%;top:8%;transform:translate(-50%);width:60vw;height:46vh;border-radius:50%;background:radial-gradient(circle,rgba(var(--ember-rgb),.22),transparent 64%);opacity:calc(.4 + var(--present) * .16);transition:opacity 1.6s var(--ease-cinema);animation:hearth-pulse 4.2s ease-in-out infinite}@keyframes hearth-pulse{0%,to{opacity:.55}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.hearthlight,.hearthlight:after{animation:none}}.tav-top{position:relative;z-index:30;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem clamp(1rem,3vw,2.4rem);border-bottom:1px solid var(--slate-line);background:linear-gradient(180deg,#080b12db,#080b1266);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tav-leave{display:inline-flex;align-items:center;gap:.6rem;justify-self:start;font-family:var(--head);text-transform:uppercase;font-size:.66rem;letter-spacing:.22em;color:var(--mist);transition:color .4s}.tav-leave:hover{color:var(--ember-bright)}.tav-leave svg{width:14px;height:14px}.tav-house{text-align:center;display:flex;flex-direction:column;gap:.35rem}.tav-house__name{font-family:var(--display);font-weight:700;color:var(--ivory);font-size:clamp(1rem,2.4vw,1.5rem);letter-spacing:.04em;line-height:1;text-shadow:0 0 30px rgba(var(--ember-rgb),.3)}.tav-house__sub{font-family:var(--head);text-transform:uppercase;letter-spacing:.26em;font-size:.58rem;color:var(--ember);display:flex;align-items:center;gap:.5rem;justify-content:center}.tav-house__sub b{color:var(--ember-bright);font-weight:500}.tav-house__sub .dot{width:5px;height:5px;border-radius:50%;background:var(--ember-bright);box-shadow:0 0 8px var(--ember-bright);animation:livedot 2.4s ease-in-out infinite}@keyframes livedot{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tav-house__sub .dot,.tav-top .dot{animation:none}}.tav-tools{justify-self:end;display:flex;align-items:center;gap:.7rem}.tav-boardbtn{display:none}.tav-manage{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:none;border:1px solid var(--slate-line);border-radius:2px;padding:.45rem .75rem;text-decoration:none;font-family:var(--head);text-transform:uppercase;font-size:.58rem;letter-spacing:.14em;color:var(--ember);transition:all .35s;white-space:nowrap}.tav-manage:hover{color:var(--ember-bright);border-color:rgba(var(--ember-rgb),.5);background:rgba(var(--ember-rgb),.06)}.tav-room{position:relative;z-index:20;flex:1;display:flex;min-height:0}.tav-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.table-rail{flex:none;position:relative;padding:1.5rem clamp(1rem,3vw,2rem) 1.3rem;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,3vw,2.6rem);overflow-x:auto;scrollbar-width:none}.table-rail::-webkit-scrollbar{display:none}.table-rail:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--ember-rgb),.4),transparent)}.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:none;width:104px;text-align:center;cursor:default;transition:opacity .8s var(--ease-out),filter .8s var(--ease-out)}.seat__medallion{position:relative;width:74px;height:74px}.seat__halo{position:absolute;inset:-7px;border-radius:50%;pointer-events:none;border:1px solid transparent;transition:all .8s var(--ease-out)}.seat__portrait{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:1px solid var(--slate-line);background:var(--abyss);transition:border-color .8s,box-shadow .8s}.seat__portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 65% at 50% 32%,rgba(var(--accent-rgb),.5),transparent 62%),linear-gradient(165deg,var(--abyss-alt),var(--void))}.seat__sigil{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-family:var(--display);font-weight:900;font-size:2rem;line-height:0;color:rgba(var(--accent-rgb),.55);text-shadow:0 0 18px rgba(var(--accent-rgb),.4)}.seat__grain{position:absolute;inset:0;z-index:2;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.seat__crown{position:absolute;top:-6px;right:-4px;z-index:4;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--void);border:1px solid var(--blood);color:var(--blood-bright);font-size:.7rem;box-shadow:0 0 12px #8b1a2a80}.seat__status{position:absolute;bottom:1px;right:6px;z-index:4;width:13px;height:13px;border-radius:50%;border:2px solid var(--void);background:var(--mist-dim);transition:background .6s,box-shadow .6s}.seat__name{font-family:var(--head);font-weight:600;font-size:.82rem;letter-spacing:.02em;color:var(--parchment);line-height:1.1;white-space:nowrap}.seat__role{font-family:var(--mono);font-size:.56rem;letter-spacing:.04em;color:var(--mist-dim);text-transform:uppercase;line-height:1.3}.seat__presence{font-family:var(--head);text-transform:uppercase;font-size:.52rem;letter-spacing:.18em;color:var(--mist-dim);min-height:.7rem;transition:color .6s}.seat.is-present .seat__portrait{border-color:rgba(var(--ember-rgb),.55);box-shadow:0 0 22px -4px rgba(var(--ember-rgb),.5),inset 0 0 16px -6px rgba(var(--ember-rgb),.4)}.seat.is-present .seat__halo{border-color:rgba(var(--ember-rgb),.4);box-shadow:0 0 26px -2px rgba(var(--ember-rgb),.35);animation:seat-pulse 3.4s var(--ease-out) infinite}.seat.is-present .seat__status{background:var(--ember-bright);box-shadow:0 0 10px var(--ember-bright)}.seat.is-present .seat__name{color:var(--accent-bright)}.seat.is-present .seat__presence{color:var(--ember)}.seat.is-present .seat__sigil{color:rgba(var(--accent-rgb),.85)}@keyframes seat-pulse{0%{box-shadow:0 0 rgba(var(--ember-rgb),.28)}70%{box-shadow:0 0 0 12px rgba(var(--ember-rgb),0)}to{box-shadow:0 0 rgba(var(--ember-rgb),0)}}@media(prefers-reduced-motion:reduce){.seat.is-present .seat__halo{animation:none}}.seat.is-away{opacity:.42;filter:grayscale(.55) brightness(.82)}.seat.is-away .seat__presence{color:var(--mist-dim)}.seat.is-typing .seat__portrait{border-color:rgba(var(--ember-rgb),.7)}.seat.is-typing .seat__presence{color:var(--ember-bright)}.seat__typing{display:inline-flex;gap:3px;align-items:center;justify-content:center}.seat__typing i{width:4px;height:4px;border-radius:50%;background:var(--ember-bright);animation:typedot 1.1s ease-in-out infinite}.seat__typing i:nth-child(2){animation-delay:.18s}.seat__typing i:nth-child(3){animation-delay:.36s}@keyframes typedot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.seat__typing i{animation:none;opacity:.7}}.seat.is-arriving .seat__portrait{animation:arrive 1.5s var(--ease-out)}@keyframes arrive{0%{box-shadow:0 0 rgba(var(--ember-rgb),0)}35%{box-shadow:0 0 40px 6px rgba(var(--ember-rgb),.7)}to{box-shadow:0 0 22px -4px rgba(var(--ember-rgb),.5)}}.seat.is-empty{opacity:.6}.seat.is-empty .seat__portrait{border:1px dashed var(--slate-line);background:transparent;box-shadow:none}.seat.is-empty .seat__portrait:before{opacity:.25}.seat.is-empty .seat__sigil{font-size:1.5rem;color:var(--mist-dim);text-shadow:none;opacity:.6}.seat.is-empty .seat__name{color:var(--mist-dim);font-style:italic;font-family:var(--body);font-weight:400;text-transform:none;letter-spacing:0;font-size:.74rem}.seat.is-empty .seat__role,.seat.is-empty .seat__status{display:none}.table-rail.is-toasting .seat__halo{animation:toast-ripple 1.4s var(--ease-out)}.table-rail.is-toasting .seat:nth-child(1) .seat__halo{animation-delay:0s}.table-rail.is-toasting .seat:nth-child(2) .seat__halo{animation-delay:.1s}.table-rail.is-toasting .seat:nth-child(3) .seat__halo{animation-delay:.2s}.table-rail.is-toasting .seat:nth-child(4) .seat__halo{animation-delay:.3s}.table-rail.is-toasting .seat:nth-child(5) .seat__halo{animation-delay:.4s}.table-rail.is-toasting .seat:nth-child(6) .seat__halo{animation-delay:.5s}@keyframes toast-ripple{0%{box-shadow:0 0 rgba(var(--ember-rgb),0);border-color:rgba(var(--ember-rgb),.4)}40%{box-shadow:0 0 30px 6px #ffc86ecc;border-color:var(--ember-bright)}to{box-shadow:0 0 rgba(var(--ember-rgb),0)}}@media(prefers-reduced-motion:reduce){.table-rail.is-toasting .seat__halo{animation:none}}.hearth{flex:1;min-height:0;overflow-y:auto;padding:1.6rem clamp(1rem,3vw,2rem) 1rem;scrollbar-width:thin;scrollbar-color:rgba(var(--ember-rgb),.3) transparent}.hearth::-webkit-scrollbar{width:7px}.hearth::-webkit-scrollbar-thumb{background:rgba(var(--ember-rgb),.28);border-radius:4px}.feed{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:.5rem}.feed .msg,.feed .sysline,.feed .roll,.feed .narration{animation:msg-in .6s var(--ease-out)}@keyframes msg-in{0%{transform:translateY(9px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.feed .msg,.feed .sysline,.feed .roll,.feed .narration{animation:none}}.msg{display:flex;flex-direction:column;gap:.4rem}.msg__meta{display:flex;align-items:baseline;gap:.7rem}.msg__who{font-family:var(--head);text-transform:uppercase;font-size:.7rem;letter-spacing:.18em;color:var(--accent-bright);font-weight:600}.msg__role{font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;color:var(--mist-dim);text-transform:uppercase}.msg__time{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;color:var(--mist-dim);margin-left:auto}.msg--ic .msg__body{position:relative;font-family:var(--body);font-style:italic;font-size:1.22rem;line-height:1.7;color:var(--ivory);padding-left:1.4rem;border-left:1px solid rgba(var(--accent-rgb),.4);text-wrap:pretty}.msg--ic .msg__body:before{content:"“";position:absolute;left:-.1rem;top:-.5rem;font-family:var(--display);font-size:2.4rem;line-height:1;color:rgba(var(--accent-rgb),.55)}.msg--ic .msg__body em{color:var(--ember-bright);font-style:normal}.msg--ooc{opacity:.92}.msg--ooc .msg__who{color:var(--mist);font-size:.64rem;letter-spacing:.12em;white-space:nowrap}.msg--ooc .msg__body{font-family:var(--mono);font-weight:300;font-size:.86rem;line-height:1.65;color:var(--mist);padding-left:1.4rem;position:relative}.msg--ooc .msg__body:before{content:"›";position:absolute;left:.3rem;top:0;color:var(--mist-dim);font-family:var(--mono)}.roll{max-width:480px;align-self:flex-start;border:1px solid var(--slate-line);background:linear-gradient(160deg,#14100ae6,#0b0c12f2);border-radius:2px;overflow:hidden;position:relative}.roll__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--slate-line)}.roll__caster{font-family:var(--head);text-transform:uppercase;font-size:.64rem;letter-spacing:.16em;color:var(--parchment-dark);display:flex;align-items:center;gap:.5rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roll__caster svg{width:14px;height:14px;color:var(--ember);flex:none}.roll__formula{font-family:var(--mono);font-size:.74rem;color:var(--ember-bright);letter-spacing:.04em;white-space:nowrap;flex:none}.roll__body{display:flex;align-items:center;gap:1.1rem;padding:1rem 1.2rem 1.1rem}.roll__dice{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.die{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:none;font-family:var(--mono);font-weight:500;font-size:.95rem;color:var(--ivory);border:1px solid var(--slate-line);background:#1a213880;border-radius:4px;animation:die-cast .5s var(--ease-out)}.die small{position:absolute;bottom:1px;right:3px;font-size:.42rem;color:var(--mist-dim);letter-spacing:0}.die.is-max{border-color:var(--ember);color:var(--ember-bright);box-shadow:0 0 14px -2px rgba(var(--ember-rgb),.6);background:rgba(var(--ember-rgb),.1)}.die.is-min{border-color:var(--blood);color:var(--blood-bright);box-shadow:0 0 14px -2px #8b1a2a99;background:#8b1a2a1f}.die.mod{border-style:dashed;color:var(--mist);background:transparent}@keyframes die-cast{0%{transform:translateY(-8px) rotate(-12deg)}60%{transform:translateY(2px) rotate(4deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.die{animation:none}}.roll__total{flex:none;text-align:center;min-width:64px;padding-left:1rem;border-left:1px solid var(--slate-line)}.roll__total .n{font-family:var(--mono);font-weight:500;font-size:2rem;line-height:1;color:var(--ivory)}.roll__total .lbl{font-family:var(--head);text-transform:uppercase;font-size:.5rem;letter-spacing:.2em;color:var(--mist-dim);margin-top:.3rem}.roll__verdict{font-family:var(--display);font-weight:700;text-align:center;letter-spacing:.1em;font-size:.84rem;padding:.5rem;text-transform:uppercase}.roll.is-crit{border-color:rgba(var(--ember-rgb),.7);box-shadow:0 0 36px -10px rgba(var(--ember-rgb),.6),inset 0 0 30px -16px rgba(var(--ember-rgb),.5)}.roll.is-crit .roll__total .n{color:var(--ember-bright);text-shadow:0 0 24px rgba(var(--ember-rgb),.6)}.roll.is-crit .roll__verdict{color:var(--void);background:linear-gradient(90deg,var(--ember-deep),var(--ember-bright),var(--ember-deep))}.roll.is-fumble{border-color:#8b1a2ab3;box-shadow:0 0 36px -12px #8b1a2a99,inset 0 0 30px -16px #8b1a2a66}.roll.is-fumble .roll__total .n{color:var(--blood-bright);text-shadow:0 0 24px rgba(139,26,42,.6)}.roll.is-fumble .roll__verdict{color:var(--ivory);background:linear-gradient(90deg,var(--blood-deep),var(--blood),var(--blood-deep))}.narration{max-width:780px;align-self:stretch;position:relative;border:1px solid rgba(139,26,42,.35);border-left:2px solid var(--blood);background:radial-gradient(120% 100% at 0% 0%,rgba(139,26,42,.08),transparent 50%),linear-gradient(160deg,#221a12b3,#0f1016d9);padding:1.3rem 1.6rem 1.4rem;border-radius:2px}.narration__label{font-family:var(--head);text-transform:uppercase;font-size:.6rem;letter-spacing:.24em;color:var(--blood-bright);display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.narration__label svg{width:13px;height:13px}.narration__label .t{margin-left:auto;font-family:var(--mono);letter-spacing:.06em;color:var(--mist-dim);text-transform:none;font-size:.6rem}.narration__body{font-family:var(--body);font-size:1.18rem;line-height:1.75;color:var(--parchment);text-wrap:pretty}.narration__body em{color:var(--ivory);font-style:italic}.sysline{display:flex;align-items:center;justify-content:center;gap:.9rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--mist-dim);text-transform:uppercase;text-align:center;padding:.1rem 0}.sysline:before,.sysline:after{content:"";height:1px;width:36px;background:linear-gradient(90deg,transparent,var(--slate-line))}.sysline:after{transform:scaleX(-1)}.sysline b{color:var(--ember);font-weight:400}.hearth-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--mist-dim);padding:2rem}.hearth-empty .glyph{font-family:var(--display);font-size:3.4rem;color:rgba(var(--ember-rgb),.3);line-height:1}.hearth-empty h3{font-family:var(--head);font-weight:600;font-size:1.3rem;letter-spacing:.04em;color:var(--parchment-dark)}.hearth-empty p{font-family:var(--body);font-style:italic;font-size:1.05rem;color:var(--mist-dim);max-width:340px}.composer{flex:none;position:relative;z-index:25;border-top:1px solid var(--slate-line);background:linear-gradient(0deg,#080b12f0,#080b1299);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.9rem clamp(1rem,3vw,2rem) 1rem}.composer__inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}.reacts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.react{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-family:var(--head);text-transform:uppercase;font-size:.58rem;letter-spacing:.14em;color:var(--mist);background:none;border:1px solid var(--slate-line);border-radius:999px;padding:.35rem .8rem;transition:all .35s}.react svg{width:13px;height:13px;color:var(--ember);transition:transform .35s}.react:hover{color:var(--ember-bright);border-color:rgba(var(--ember-rgb),.5);background:rgba(var(--ember-rgb),.06)}.react:hover svg{transform:translateY(-1px) scale(1.1)}.react__spacer{flex:1}.composer__hint{font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;color:var(--mist-dim);white-space:nowrap}.composer__hint b{color:var(--ember);font-weight:400}.composer__bar{display:flex;align-items:stretch;gap:.7rem}.voice{display:flex;flex:none;border:1px solid var(--slate-line);border-radius:2px;overflow:hidden;align-self:stretch}.voice button{font-family:var(--head);text-transform:uppercase;font-size:.58rem;letter-spacing:.14em;color:var(--mist-dim);background:none;border:none;cursor:pointer;padding:0 .85rem;transition:all .35s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.voice button .vsub{font-family:var(--mono);font-size:.48rem;letter-spacing:.04em;text-transform:none;opacity:.7}.voice button+button{border-left:1px solid var(--slate-line)}.voice button.is-on[data-v=ic]{color:var(--ember-bright);background:rgba(var(--ember-rgb),.1)}.voice button.is-on[data-v=ooc]{color:var(--parchment);background:#8a96a81f}.composer__field{flex:1;display:flex;align-items:center;gap:.7rem;border:1px solid var(--slate-line);border-radius:2px;background:#06080d80;padding:0 .8rem 0 1rem;transition:border-color .4s,box-shadow .4s}.composer__field:focus-within{border-color:rgba(var(--ember-rgb),.5);box-shadow:0 0 24px -8px rgba(var(--ember-rgb),.4)}.composer__field.is-ic input{font-family:var(--body);font-style:italic;font-size:1.1rem;color:var(--ivory)}.composer__field.is-ooc input{font-family:var(--mono);font-size:.92rem;color:var(--parchment)}.composer__field input{flex:1;background:none;border:none;outline:none;color:var(--ivory);padding:.85rem 0;min-width:0}.composer__field input::placeholder{color:var(--mist-dim);font-style:inherit}.composer__send{flex:none;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(var(--ember-rgb),.5);border-radius:2px;background:rgba(var(--ember-rgb),.06);color:var(--ember-bright);transition:all .4s}.composer__send:hover{background:rgba(var(--ember-rgb),.16);box-shadow:0 0 22px -6px rgba(var(--ember-rgb),.6)}.composer__send:disabled{opacity:.35;cursor:default;box-shadow:none;background:none}.composer__send svg{width:18px;height:18px}.tav-board{flex:none;width:clamp(320px,27vw,400px);display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--slate-line);background:linear-gradient(180deg,#0d0b08b8,#08080cd9)}.board__head{flex:none;padding:1.2rem 1.4rem .9rem;border-bottom:1px solid var(--slate-line)}.board__title{font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--ivory);letter-spacing:.03em;display:flex;align-items:center;gap:.6rem}.board__title svg{width:16px;height:16px;color:var(--ember)}.board__sub{font-family:var(--body);font-style:italic;font-size:.84rem;color:var(--mist);margin-top:.3rem}.board__tabs{flex:none;display:flex;gap:.2rem;padding:.6rem .9rem 0;border-bottom:1px solid var(--slate-line)}.board__tab{flex:1;font-family:var(--head);text-transform:uppercase;font-size:.54rem;letter-spacing:.1em;color:var(--mist-dim);background:none;border:none;cursor:pointer;padding:.5rem .2rem .7rem;position:relative;transition:color .35s;white-space:nowrap}.board__tab:hover{color:var(--parchment-dark)}.board__tab.is-on{color:var(--ember-bright)}.board__tab.is-on:after{content:"";position:absolute;left:.4rem;right:.4rem;bottom:-1px;height:2px;background:var(--ember-bright);box-shadow:0 0 10px var(--ember-bright)}.board__tab .ct{font-family:var(--mono);font-size:.7em;opacity:.6;margin-left:.2em}.board__scroll{flex:1;min-height:0;overflow-y:auto;padding:1rem .9rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;scrollbar-width:thin;scrollbar-color:rgba(var(--ember-rgb),.25) transparent}.board__scroll::-webkit-scrollbar{width:6px}.board__scroll::-webkit-scrollbar-thumb{background:rgba(var(--ember-rgb),.22);border-radius:4px}.note{position:relative;background:linear-gradient(160deg,var(--paper),#19130c);border:1px solid var(--paper-line);border-radius:2px;padding:1rem 1rem .8rem;box-shadow:0 8px 20px -12px #000c;transform:rotate(var(--tilt,0deg));transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s;animation:note-in .5s var(--ease-out)}@keyframes note-in{0%{transform:translateY(8px) rotate(var(--tilt,0deg))}to{transform:rotate(var(--tilt,0deg))}}.note:hover{transform:rotate(0) translateY(-2px);box-shadow:0 14px 28px -14px #000000e6;border-color:rgba(var(--ember-rgb),.4)}.note__tack{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--ember-bright),var(--ember-deep));box-shadow:0 2px 5px #000000b3,0 0 10px -2px rgba(var(--ember-rgb),.7)}.note.is-blood .note__tack{background:radial-gradient(circle at 35% 30%,var(--blood-bright),var(--blood-deep));box-shadow:0 2px 5px #000000b3,0 0 10px -2px #8b1a2ab3}.note__kicker{font-family:var(--head);text-transform:uppercase;font-size:.5rem;letter-spacing:.2em;color:var(--ember);margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}.note__kicker.blood{color:var(--blood-bright)}.note__title{font-family:var(--head);font-weight:600;font-size:1rem;color:var(--ivory);line-height:1.2;margin-bottom:.4rem;outline:none;border-radius:2px;transition:background .3s}.note__body{font-family:var(--body);font-size:.96rem;line-height:1.55;color:var(--ink);outline:none;border-radius:2px;transition:background .3s;text-wrap:pretty}.note__body[contenteditable=true]{cursor:text}.note__title[contenteditable]:empty:before,.note__body[contenteditable]:empty:before{content:attr(data-ph);color:var(--mist-dim);font-style:italic;pointer-events:none}.note__title:focus{background:rgba(var(--ember-rgb),.06);box-shadow:0 0 0 1px rgba(var(--ember-rgb),.3)}.note__body:focus{background:rgba(var(--ember-rgb),.06);box-shadow:0 0 0 1px rgba(var(--ember-rgb),.3)}.note__meta{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.05);font-family:var(--mono);font-size:.56rem;letter-spacing:.03em;color:var(--mist-dim)}.note__meta .by{color:var(--parchment-dark)}.note__del{margin-left:auto;background:none;border:none;color:var(--mist-dim);cursor:pointer;font-size:.8rem;line-height:1;opacity:0;transition:opacity .3s,color .3s;padding:.1rem}.note:hover .note__del{opacity:1}.note__del:hover{color:var(--blood-bright)}.board__add{flex:none;margin:0 .9rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--head);text-transform:uppercase;font-size:.6rem;letter-spacing:.16em;color:var(--ember);background:none;border:1px dashed rgba(var(--ember-rgb),.35);border-radius:2px;padding:.7rem;cursor:pointer;transition:all .35s}.board__add:hover{color:var(--ember-bright);border-color:rgba(var(--ember-rgb),.6);background:rgba(var(--ember-rgb),.05)}.board__add svg{width:13px;height:13px}.toast-emote{position:fixed;z-index:40;pointer-events:none;font-family:var(--head);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--ember-bright);display:flex;align-items:center;gap:.5rem;text-shadow:0 0 16px rgba(var(--ember-rgb),.7);animation:toast-rise 1.8s var(--ease-out) forwards}.toast-emote svg{width:16px;height:16px}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%) scale(.8)}18%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-90px) scale(1.05)}}@media(max-width:980px){.tav-board{position:fixed;top:0;right:0;bottom:0;width:min(380px,86vw);z-index:60;transform:translate(100%);transition:transform .6s var(--ease-cinema);box-shadow:-30px 0 60px -20px #000000d9}.tavern.board-open .tav-board{transform:translate(0)}.tav-boardbtn{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;background:none;border:1px solid var(--slate-line);border-radius:2px;padding:.45rem .75rem;font-family:var(--head);text-transform:uppercase;font-size:.58rem;letter-spacing:.14em;color:var(--mist);transition:all .35s}.tav-boardbtn:hover,.tav-boardbtn.is-on{color:var(--ember-bright);border-color:rgba(var(--ember-rgb),.5)}.tav-boardbtn svg{width:13px;height:13px}.board-scrim{position:fixed;inset:0;z-index:55;background:#04060a99;opacity:0;pointer-events:none;transition:opacity .5s}.tavern.board-open .board-scrim{opacity:1;pointer-events:auto}}@media(max-width:720px){.tav-top{grid-template-columns:auto 1fr auto;gap:.6rem}.tav-house{align-items:center}.tav-leave span.txt{display:none}.table-rail{justify-content:flex-start;gap:1rem;padding:1rem .8rem .9rem}.seat{width:80px}.seat__medallion{width:58px;height:58px}.seat__sigil{font-size:1.5rem}.seat__role{display:none}.seat__name{font-size:.72rem}.feed{gap:1.2rem}.msg--ic .msg__body{font-size:1.1rem}.narration__body{font-size:1.05rem}.composer__bar{flex-wrap:wrap}.voice{order:2}.composer__field{order:1;width:100%;flex-basis:100%}.composer__send{order:3}.roll{max-width:100%}}body>.nav{display:none}body>.atmos{display:none}body>footer{display:none}main{padding-top:0!important}