@import "https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Grenze:wght@500;600;700&display=swap";:root{--bg:#15110e;--bg-2:#1b1612;--panel:#211b16;--panel-2:#29221c;--panel-3:#322a22;--line:#3b3129;--line-2:#4d4036;--text:#ede3d0;--muted:#b0a291;--faint:#8a7c6e;--ember:#e08a3c;--ember-2:#f0a35c;--ember-dim:#a9612a;--gold:#d1ab55;--moss:#8bab73;--blood:#cf5a47;--sky:#7c9cc0;--shadow:0 10px 30px #0805038c;--radius:10px;--radius-sm:6px;--font-display:"Grenze", Georgia, serif;--font-body:"Alegreya Sans", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:var(--ember-2);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#ffc28a}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .5em;font-weight:600;line-height:1.1}p{margin:0 0 .75em}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ember-2);outline-offset:2px}::selection{background:#e08a3c59}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.45em;padding:.5em .95em;font-weight:500;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover{background:var(--panel-3);color:var(--text);border-color:#5e4f42}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1c120a;background:linear-gradient(#e8964a,#c8702c);border-color:#f0a35c;font-weight:700}.btn.primary:hover{color:#1c120a;background:linear-gradient(#f0a35c,#d27a34)}.btn.gold{color:#1d150a;background:linear-gradient(#d9b763,#b48f3e);border-color:#e7c77a;font-weight:700}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--panel-2);color:var(--text)}.btn.danger{color:#f3a194;background:#2b1a16;border-color:#6a3a31}.btn.danger:hover{background:#3a201b}.btn.sm{padding:.3em .6em;font-size:.88rem}.btn.xs{border-radius:5px;padding:.15em .45em;font-size:.8rem}.btn.icon{padding:.45em}.btn.lg{padding:.75em 1.3em;font-size:1.08rem}.btn.active{border-color:var(--ember);color:var(--ember-2);background:#3a2715}.input,.textarea,.select{border-radius:var(--radius-sm);border:1px solid var(--line-2);width:100%;color:var(--text);background:#15110d;padding:.5em .7em}.input:focus,.textarea:focus,.select:focus{border-color:var(--ember);outline:none;box-shadow:0 0 0 3px #e08a3c2e}.textarea{resize:vertical;min-height:5em;line-height:1.45}.input.sm{padding:.25em .45em;font-size:.9rem}.num{text-align:center;font-variant-numeric:tabular-nums;width:4.2em}label.field{color:var(--muted);gap:.3em;font-size:.9rem;display:grid}label.field>span{font-weight:500}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.88rem}.tiny{font-size:.78rem}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{gap:.75rem;display:grid}.stack.tight{gap:.4rem}.grow{flex:1;min-width:0}.kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:var(--ember);font-size:.78rem}.pill{border:1px solid var(--line-2);color:var(--muted);background:var(--panel-2);white-space:nowrap;border-radius:99px;align-items:center;gap:.3em;padding:.1em .55em;font-size:.78rem;display:inline-flex}.pill.live{color:#b9dca4;background:#1f2a19;border-color:#4f6b3f}.pill.dm{color:#ecd18e;background:#2a2212;border-color:#6d5826}.pill.warn{color:#f3c58a;background:#2b1f12;border-color:#6d4a26}.pill.bad{color:#f3a194;background:#2b1a16;border-color:#6a3a31}.dot{background:var(--faint);border-radius:50%;flex:none;width:.55em;height:.55em;display:inline-block}.dot.on{background:#8fd16a;box-shadow:0 0 0 3px #8fd16a26}.divider{background:var(--line);height:1px;margin:.75rem 0}.empty{border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted);text-align:center;padding:1rem;font-size:.92rem}.err{color:#f3a194;font-size:.9rem}.chip{color:#f1b9a5;background:#3a2218;border:1px solid #5b3324;border-radius:5px;align-items:center;gap:.25em;padding:.1em .5em;font-size:.78rem;display:inline-flex}.chip button{all:unset;cursor:pointer;opacity:.7}.chip button:hover{opacity:1}kbd{border:1px solid var(--line-2);background:var(--panel-2);border-radius:4px;padding:.05em .4em;font-family:inherit;font-size:.8em}.toasts{z-index:80;gap:.5rem;max-width:22rem;display:grid;position:fixed;top:4.2rem;right:1rem}.toast{background:var(--panel-2);border:1px solid var(--line-2);border-left:3px solid var(--ember);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.6rem .8rem;font-size:.92rem}.toast.error{border-left-color:var(--blood)}.modal-back{z-index:90;background:#0a0705b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:14px;padding:1.25rem;overflow:auto}.site{flex-direction:column;min-height:100%;display:flex}.site-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#15110ed9;align-items:center;gap:1.25rem;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{width:30px;height:30px}.site-nav nav{gap:1rem;margin-left:auto;display:flex}.site-nav nav a{color:var(--muted);font-weight:500;text-decoration:none}.site-nav nav a:hover,.site-nav nav a.on{color:var(--text)}.site-main{flex:1}.site-footer{border-top:1px solid var(--line);color:var(--faint);padding:1.5rem clamp(1rem,4vw,3rem);font-size:.85rem}.container{width:min(1180px,100% - 2rem);margin:0 auto}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2rem,6vw,5rem) 0 clamp(2rem,5vw,4rem);display:grid;position:relative}.hero h1{margin-bottom:.35em;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.98}.hero h1 em{color:var(--ember-2);font-style:normal}.hero .lede{color:var(--muted);max-width:36em;font-size:1.2rem}.hero-art{border:1px solid var(--line-2);box-shadow:var(--shadow);aspect-ratio:16/11;border-radius:16px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.hero-art img{object-fit:cover;width:100%;height:100%;display:block}.hero-art:after{content:"";background:linear-gradient(#0000 55%,#15110ebf);position:absolute;inset:0}.hero-art figcaption{z-index:1;color:var(--muted);font-size:.85rem;position:absolute;bottom:.8rem;left:1rem}.start-box{gap:.85rem;max-width:34rem;margin-top:1.75rem;display:grid}.start-box .row .input{flex:1}.paths{grid-template-columns:1.3fr 1fr 1fr;gap:1rem;margin:1rem 0 3rem;display:grid}.path{padding:1.25rem;position:relative;overflow:hidden}.path h3{font-size:1.45rem}.path .num{font-family:var(--font-display);color:var(--panel-3);width:auto;font-size:3rem;position:absolute;top:.6rem;right:1rem}.path.featured{background:linear-gradient(145deg,#2c2016,#1f1813);border-color:#5a4330}.tables-list{gap:.5rem;display:grid}.table-item{align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.table-item a.name{color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}.table-item a.name:hover{color:var(--ember-2)}.how{counter-reset:how;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:1rem 0 3rem;display:grid}.how li{border-top:2px solid var(--line-2);padding-top:.9rem;list-style:none}.how li:before{counter-increment:how;content:counter(how, upper-roman);font-family:var(--font-display);color:var(--ember);margin-bottom:.3rem;font-size:1.1rem;display:block}.how strong{margin-bottom:.2rem;font-size:1.05rem;display:block}.join-wrap{place-items:start center;padding:clamp(1.5rem,5vw,4rem) 1rem;display:grid}.join-card{width:min(640px,100%);padding:clamp(1.25rem,3vw,2rem)}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:.4rem;display:grid}.avatar-btn{aspect-ratio:1;border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;color:var(--muted);border-radius:10px;place-items:center;display:grid}.avatar-btn:hover{color:var(--text);border-color:#5e4f42}.avatar-btn.on{border-color:var(--ember);color:var(--ember-2);background:#33231a;box-shadow:0 0 0 3px #e08a3c26}.swatches{flex-wrap:wrap;gap:.4rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.8rem;height:1.8rem}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}.char-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.char-opt{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem;display:flex}.char-opt:hover{border-color:#5e4f42}.char-opt.on{border-color:var(--ember);background:#33231a}.char-opt:disabled{opacity:.45;cursor:not-allowed}.learn-layout{grid-template-columns:240px minmax(0,1fr);gap:2.5rem;padding:2rem 0 4rem;display:grid}.learn-toc{align-self:start;gap:.15rem;display:grid;position:sticky;top:5rem}.learn-toc a{color:var(--muted);border-left:2px solid #0000;border-radius:6px;padding:.4rem .7rem;text-decoration:none}.learn-toc a:hover{color:var(--text);background:var(--panel)}.learn-toc a.on{color:var(--text);border-left-color:var(--ember);background:var(--panel)}.prose{max-width:46rem}.prose h2{margin-top:.2em;font-size:2.2rem}.prose h3{margin-top:1.4em;font-size:1.35rem}.prose p,.prose li{color:#e0d5c1}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.3em}.prose li{margin-bottom:.35em}.prose strong{color:var(--text)}.callout{border-radius:var(--radius);background:linear-gradient(145deg,#2a1f16,#211a14);border:1px solid #5a4330;margin:1rem 0;padding:.9rem 1rem}.callout h4{color:var(--ember-2);margin-bottom:.3em;font-size:1.05rem}.callout p{margin:0}.prose table,.ref-table{border-collapse:collapse;width:100%;margin:.5rem 0 1.25rem;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .6rem}.prose th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:500}.section-nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.ref-search{position:relative}.ref-search svg{color:var(--faint);position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.ref-search .input{padding-left:2.2rem}.ref-cats{flex-wrap:wrap;gap:.35rem;display:flex}.ref-list{gap:.5rem;display:grid}.ref-item{padding:.75rem .9rem}.ref-item summary{cursor:pointer;align-items:baseline;gap:.6rem;list-style:none;display:flex}.ref-item summary::-webkit-details-marker{display:none}.ref-item summary strong{font-size:1.05rem}.ref-item ul{color:#e0d5c1;margin:.5rem 0 0;padding-left:1.2em;font-size:.95rem}.ref-item ul li{margin-bottom:.25em}.attribution{color:var(--faint);border-top:1px solid var(--line);margin-top:2rem;padding-top:.9rem;font-size:.82rem}.resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.resource{color:var(--text);padding:.8rem .9rem;text-decoration:none;display:block}.resource:hover{color:var(--text);border-color:#5e4f42}.resource strong{align-items:center;gap:.4rem;display:flex}.table-app{background:var(--bg);grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:.75rem;min-height:52px;padding:.45rem .75rem;display:flex}.topbar .brand{font-size:1.1rem}.topbar .brand-mark{width:24px;height:24px}.topbar .title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:600;overflow:hidden}.presence{align-items:center;display:flex}.presence .av{border:2px solid var(--bg-2);margin-left:-6px}.conn{color:var(--muted);align-items:center;gap:.35em;font-size:.82rem;display:inline-flex}.conn.bad{color:#f3c58a}.workspace{grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;width:340px;min-height:0;display:flex}.side.right{border-right:0;border-left:1px solid var(--line);width:340px}.side.collapsed{width:44px}.side-head{border-bottom:1px solid var(--line);align-items:center;gap:.25rem;padding:.4rem;display:flex}.side-tabs{flex:1;gap:.15rem;min-width:0;display:flex;overflow-x:auto}.side-tab{all:unset;cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:.35em;padding:.35rem .6rem;font-size:.92rem;font-weight:500;display:inline-flex}.side-tab:hover{color:var(--text);background:var(--panel-2)}.side-tab.on{color:var(--text);background:var(--panel-3)}.side-tabs.compact .side-tab:not(.on) .lbl{display:none}.side-body{flex:1;min-height:0;padding:.8rem;overflow-y:auto}.side.collapsed .side-body,.side.collapsed .side-tabs{display:none}.side.collapsed .side-head{border:0;flex-direction:column;gap:.5rem;padding-top:.6rem}.vtabs{display:none}.side.collapsed .vtabs{gap:.35rem;display:grid}.section-title{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:.5rem;margin:.2rem 0 .6rem;font-size:1.15rem;display:flex}.sub-title{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:1rem 0 .45rem;font-size:.78rem;font-weight:700}.map-wrap{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#1f1915 0%,#110d0a 75%);min-width:0;min-height:0;position:relative;overflow:hidden}.map-svg{width:100%;height:100%;display:block}.map-svg.tool-pan{cursor:grab}.map-svg.panning{cursor:grabbing}.map-svg.tool-ping{cursor:crosshair}.map-svg.tool-fog{cursor:cell}.map-toolbar{border:1px solid var(--line-2);box-shadow:var(--shadow);z-index:5;background:#1b1612eb;border-radius:12px;gap:.3rem;padding:.35rem;display:grid;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.map-toolbar .sep{background:var(--line-2);height:1px;margin:.15rem .2rem}.tool{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid;position:relative}.tool:hover{background:var(--panel-3);color:var(--text)}.tool.on{color:var(--ember-2);border-color:var(--ember-dim);background:#3a2715}.tool.dm.on{color:var(--gold);background:#2f2612;border-color:#7a632c}.tool[data-tip]:hover:after{content:attr(data-tip);border:1px solid var(--line-2);white-space:nowrap;color:var(--text);pointer-events:none;z-index:10;background:#0f0c0a;border-radius:6px;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.fog-options{z-index:5;width:200px;box-shadow:var(--shadow);background:#1b1612f2;border:1px solid #6d5826;border-radius:12px;gap:.45rem;padding:.6rem;font-size:.88rem;display:grid;position:absolute;top:50%;left:4.2rem;transform:translateY(-50%)}.map-banner{z-index:6;border:1px solid var(--line-2);box-shadow:var(--shadow);background:#1b1612f2;border-radius:12px;align-items:center;gap:.75rem;max-width:calc(100% - 2rem);padding:.6rem .9rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.map-banner.dm{border-color:#6d5826}.map-corner{z-index:5;gap:.3rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.map-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.map-empty>div{pointer-events:auto;text-align:center;max-width:26rem;padding:1.25rem}.scene-label{z-index:4;font-family:var(--font-display);color:var(--muted);border:1px solid var(--line);pointer-events:none;background:#15110eb3;border-radius:99px;align-items:center;gap:.5rem;padding:.15rem .7rem;font-size:1rem;display:flex;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.scene-label.preview{color:var(--gold);pointer-events:auto;border-color:#6d5826}.token-g{cursor:grab}.token-g.static{cursor:default}.token-g.dragging{cursor:grabbing}.token-name{font-family:var(--font-body);paint-order:stroke;stroke:#0e0b09;stroke-width:3px;fill:#f4ead8;pointer-events:none;font-weight:700}.ping-ring{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out forwards ping}@keyframes ping{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}.init-strip{z-index:4;border:1px solid var(--line-2);max-width:calc(100% - 9rem);box-shadow:var(--shadow);background:#15110edb;border-radius:12px;align-items:center;gap:.3rem;padding:.3rem .45rem;display:flex;position:absolute;top:2.6rem;left:50%;overflow-x:auto;transform:translate(-50%)}.init-chip{white-space:nowrap;color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:.2rem .5rem .2rem .25rem;font-size:.85rem;display:flex}.init-chip .v{font-variant-numeric:tabular-nums;color:var(--text);background:var(--panel-3);border-radius:5px;padding:0 .35rem;font-size:.78rem;font-weight:700}.init-chip.cur{border-color:var(--ember);color:var(--text);background:#33231a}.init-chip.monster .v{background:#4a2420}.init-round{font-family:var(--font-display);color:var(--ember-2);white-space:nowrap;padding:0 .4rem;font-size:.95rem}.dice-tray{z-index:6;border:1px solid var(--line-2);box-shadow:var(--shadow);background:#1b1612f2;border-radius:14px;width:252px;padding:.55rem;position:absolute;bottom:3.5rem;right:.75rem}.dice-row{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.die-btn{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;height:46px;color:var(--text);border-radius:9px;place-items:center;padding:0;font-size:.82rem;font-weight:700;display:grid;position:relative}.die-btn:hover{border-color:var(--ember-dim);background:#30241b}.die-btn svg.shape{width:calc(100% - 10px);height:calc(100% - 10px);color:var(--line-2);position:absolute;inset:5px}.die-btn:hover svg.shape{color:var(--ember-dim)}.die-btn span{position:relative}.die-btn.d20{border-color:var(--ember-dim);background:#33231a}.dice-opts{align-items:center;gap:.3rem;margin-top:.4rem;display:flex}.seg{border:1px solid var(--line-2);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{all:unset;cursor:pointer;color:var(--muted);padding:.15rem .45rem;font-size:.78rem}.seg button.on{color:var(--ember-2);background:#3a2715}.seg button+button{border-left:1px solid var(--line-2)}.stepper{border:1px solid var(--line-2);border-radius:7px;align-items:center;display:inline-flex}.stepper button{all:unset;cursor:pointer;text-align:center;width:1.4rem;color:var(--muted)}.stepper button:hover{color:var(--text)}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:2rem;font-size:.85rem}.roll-toasts{z-index:6;pointer-events:none;gap:.4rem;display:grid;position:absolute;bottom:.9rem;left:4.5rem}.roll-toast{border:1px solid var(--line-2);border-left:3px solid var(--c,var(--ember));box-shadow:var(--shadow);background:#1b1612f5;border-radius:10px;min-width:210px;padding:.45rem .7rem;animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.roll-card{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:.35rem;padding:.5rem .6rem;display:grid}.roll-card.private{background:#231d12;border-style:dashed;border-color:#6d5826}.roll-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.roll-total{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1}.roll-total.crit{color:#9fe07a}.roll-total.fumble{color:#f08a78}.roll-dice{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.die-face{border:1px solid var(--line-2);font-variant-numeric:tabular-nums;background:#3a2e25;border-radius:6px;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .3rem;font-size:.85rem;font-weight:700;animation:.35s ease-out tumble;display:inline-grid}.die-face.max{color:#c4eaa8;background:#2c3a22;border-color:#5c7a44}.die-face.min{color:#f6b1a4;background:#3d201b;border-color:#7a3c31}.die-face.drop{opacity:.35;text-decoration:line-through}.die-face.d20{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0;min-width:2rem;height:2rem}@keyframes tumble{0%{opacity:0;transform:rotate(-90deg)scale(.6)}to{opacity:1;transform:none}}.roll-mod{color:var(--muted);font-size:.9rem;font-weight:700}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-filter{border-bottom:1px solid var(--line);gap:.25rem;padding:.4rem .8rem;display:flex}.chat-log{flex-direction:column;flex:1;gap:.55rem;min-height:0;padding:.6rem .8rem;display:flex;overflow-y:auto}.msg{gap:.15rem;display:grid}.msg-head{align-items:baseline;gap:.4rem;font-size:.85rem;display:flex}.msg-head b{font-weight:700}.msg-head time{color:var(--faint);margin-left:auto;font-size:.75rem}.msg-text{white-space:pre-wrap;word-break:break-word}.msg.system{color:var(--muted);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.15rem .5rem;font-size:.9rem;font-style:italic}.msg.private .msg-head:after{content:"only you";color:var(--gold);border:1px solid #6d5826;border-radius:99px;padding:0 .4rem;font-size:.7rem}.chat-input{border-top:1px solid var(--line);gap:.35rem;padding:.55rem;display:grid}.chat-input form{gap:.35rem;display:flex}.chat-hint{color:var(--faint);font-size:.76rem}.av{color:#17110c;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:inline-grid;position:relative}.av.lg{width:44px;height:44px}.av .badge{position:absolute;bottom:-2px;right:-2px}.person{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;align-items:center;gap:.6rem;padding:.55rem;display:flex}.hp-bar{background:#3a2420;border-radius:99px;height:7px;overflow:hidden}.hp-bar>i{background:linear-gradient(90deg,#6f9b54,#8fbf6c);border-radius:99px;height:100%;transition:width .2s;display:block}.hp-bar.mid>i{background:linear-gradient(90deg,#b8913a,#d4ad55)}.hp-bar.low>i{background:linear-gradient(90deg,#a8402f,#cf5a47)}.char-card{gap:.6rem;padding:.8rem;display:grid}.char-card.mine{background:linear-gradient(160deg, #2a1f16, var(--panel));border-color:#5a4330}.stat-row{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.stat{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:8px;padding:.35rem .4rem}.stat .k{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.7rem}.stat .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1.1}.hp-ctrl{align-items:center;gap:.3rem;display:flex}.sheet{font-family:var(--font-body);white-space:pre-wrap;color:#dccfbb;border:1px solid var(--line);background:#19140f;border-radius:8px;margin:0;padding:.55rem .65rem;font-size:.88rem}.cond-picker{flex-wrap:wrap;gap:.25rem;display:flex}.cond-picker button{all:unset;cursor:pointer;border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:.08rem .45rem;font-size:.75rem}.cond-picker button:hover{color:var(--text)}.cond-picker button.on{color:#f1b9a5;background:#3a2218;border-color:#5b3324}.dm-row{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:.45rem;padding:.65rem;display:grid}.dm-row+.dm-row{margin-top:.5rem}.inline-stats{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.inline-stats label{align-items:center;gap:.25rem;display:inline-flex}.init-list{gap:.3rem;display:grid}.init-row{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .45rem;display:flex}.init-row.cur{border-color:var(--ember);background:#33231a}.init-row .num{width:3.2em}.token-card{z-index:7;border:1px solid var(--line-2);width:270px;box-shadow:var(--shadow);background:#1b1612f7;border-radius:12px;gap:.55rem;max-height:calc(100% - 5rem);padding:.75rem;display:grid;position:absolute;top:.75rem;right:.75rem;overflow:auto}.guide-block{border-left:2px solid var(--gold);padding-left:.75rem}.read-aloud{color:#e7d9b8;background:#1f1911;border:1px solid #4d3e22;border-radius:9px;padding:.7rem .8rem;font-style:italic}.learn-drawer{background:var(--panel);border-left:1px solid var(--line-2);width:min(460px,100%);box-shadow:var(--shadow);z-index:70;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.learn-drawer .side-body{padding:1rem}.learn-drawer .prose h2{font-size:1.6rem}.mobile-tabs{display:none}.onboard{z-index:30;background:#0c09078c;place-items:center;display:grid;position:absolute;inset:0}.onboard .modal{width:min(520px,100% - 2rem)}.steps{counter-reset:s;gap:.6rem;margin:.75rem 0 1rem;padding:0;display:grid}.steps li{grid-template-columns:1.8rem 1fr;align-items:start;gap:.5rem;list-style:none;display:grid}.steps li:before{counter-increment:s;content:counter(s);width:1.6rem;height:1.6rem;color:var(--ember-2);background:#3a2715;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.skeleton{background:linear-gradient(90deg, var(--panel) 0%, var(--panel-2) 50%, var(--panel) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1100px){.side,.side.right{width:300px}.paths{grid-template-columns:1fr 1fr}.paths .path.featured{grid-column:1/-1}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-art{transform:none}.how{grid-template-columns:1fr 1fr}.learn-layout{grid-template-columns:1fr}.learn-toc{gap:.25rem;display:flex;position:static;overflow-x:auto}.learn-toc a{white-space:nowrap;border-bottom:2px solid #0000;border-left:0}.learn-toc a.on{border-bottom-color:var(--ember)}.resource-list{grid-template-columns:1fr}}@media (width<=760px){.paths,.how,.char-pick{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(4,1fr)}.site-nav nav{gap:.75rem;font-size:.92rem}.table-app{grid-template-rows:auto minmax(0,1fr) auto}.workspace{grid-template-columns:1fr;position:relative}.workspace .side{z-index:20;border:0;display:none;position:absolute;inset:0;width:100%!important}.workspace .side.mobile-open{display:flex}.side .collapse-btn{display:none}.mobile-tabs{border-top:1px solid var(--line);background:var(--bg-2);grid-template-columns:repeat(4,1fr);display:grid}.mobile-tabs button{all:unset;cursor:pointer;color:var(--muted);place-items:center;gap:.1rem;padding:.45rem 0;font-size:.75rem;display:grid}.mobile-tabs button.on{color:var(--ember-2)}.topbar .hide-sm{display:none}.init-strip{max-width:calc(100% - 1rem);top:2.4rem}.map-toolbar{display:flex;top:auto;bottom:.75rem;transform:none}.tool[data-tip]:hover:after{display:none}.fog-options{top:auto;bottom:4.2rem;left:.75rem;transform:none}.dice-tray{width:auto;bottom:4.2rem;left:.5rem;right:.5rem}.roll-toasts{bottom:4.5rem;left:.5rem}.token-card{width:auto;left:.5rem;right:.5rem}.map-corner{bottom:4.2rem}}