:root{--bg-0:#0b0d12;--bg-1:#12151d;--bg-2:#181c26;--bg-3:#212633;--bg-4:#2c3242;--line:#2e3545;--line-soft:#232937;--text-0:#eef1f7;--text-1:#a8b1c4;--text-2:#6b7488;--accent:#f2a03d;--accent-bright:#ffb95a;--accent-dim:#8a5b20;--accent-text:#1a1206;--select:#4da3ff;--danger:#f2555a;--ok:#3ecf8e;--radius:8px;--radius-lg:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--measure:66ch;--wrap:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:600;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.25rem}p{margin:0 0 1em}p,li{max-width:var(--measure)}code,kbd{font-family:var(--mono);font-size:.9em}kbd{background:var(--bg-3);border:1px solid var(--line);color:var(--text-0);border-bottom-width:2px;border-radius:5px;padding:1px 6px}:focus-visible{outline:2px solid var(--select);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(var(--wrap), 100% - 2.5rem);margin-inline:auto}.section{padding:clamp(3rem,8vw,6rem) 0}.section+.section{border-top:1px solid var(--line-soft)}.section-head{max-width:40rem;margin-bottom:2.5rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-size:.78rem;font-weight:600}.lede{color:var(--text-1);font-size:1.2rem}.muted{color:var(--text-1)}.small{font-size:.9rem}.btn{border-radius:var(--radius);background:var(--bg-3);color:var(--text-0);border:1px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;transition:transform .12s,background .12s,border-color .12s;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--bg-4);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-bright)}.btn.ghost{background:0 0}.btn.big{padding:.9rem 1.6rem;font-size:1.05rem}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-header{z-index:20;background:color-mix(in srgb, var(--bg-0) 82%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.site-header .wrap{align-items:center;gap:1.5rem;height:62px;display:flex}.brand{font-family:var(--display);color:var(--text-0);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:flex}.brand svg{width:28px;height:28px}.brand:hover{text-decoration:none}.nav{align-items:center;gap:.25rem;margin-left:auto;display:flex}.nav a{color:var(--text-1);border-radius:6px;padding:.45rem .7rem;font-size:.95rem;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--text-0);background:var(--bg-2);text-decoration:none}.nav .btn{margin-left:.5rem;padding:.5rem 1rem}.nav-toggle{border-radius:6px;margin-left:auto;padding:.5rem;display:none}.nav-toggle span{background:var(--text-0);border-radius:2px;width:22px;height:2px;margin:5px 0;display:block}@media (width<=800px){.nav-toggle{display:block}.nav{background:var(--bg-1);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.75rem 1.25rem 1rem;display:none;position:absolute;top:62px;left:0;right:0}.nav.open{display:flex}.nav .btn{margin:.5rem 0 0}}.site-footer{border-top:1px solid var(--line-soft);color:var(--text-1);background:var(--bg-1);padding:3rem 0 2.5rem;font-size:.92rem}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:2rem;display:grid}.footer-grid h3{font-family:var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);margin-bottom:.8rem;font-size:.8rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:.35rem 0}.footer-grid a{color:var(--text-1)}.footer-grid a:hover{color:var(--text-0)}.footer-bottom{border-top:1px solid var(--line-soft);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}@media (width<=800px){.footer-grid{grid-template-columns:1fr 1fr}}.hero{padding:clamp(3rem,9vw,6.5rem) 0 clamp(2rem,6vw,4rem);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 30% 20%,#f2a03d29,#0000 70%),radial-gradient(40% 50% at 80% 10%,#4da3ff1a,#0000 70%);height:70%;position:absolute;inset:-20% -10% auto}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.hero h1{font-size:clamp(2.4rem,5.6vw,4rem)}.hero h1 em{color:var(--accent);font-style:normal}.hero .lede{font-size:1.25rem}.hero-cta{margin:1.75rem 0 1rem}.hero-note{color:var(--text-2);font-size:.9rem}.hero-note code{color:var(--text-1)}@media (width<=900px){.hero-grid{grid-template-columns:1fr}}.shot{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-2);margin:0;overflow:hidden;box-shadow:0 30px 80px #00000080}.shot img{width:100%}.shot.tall{max-width:340px;margin-inline:auto}.shot.tall img{object-fit:cover;object-position:top;max-height:70vh}.shot figcaption{color:var(--text-1);border-top:1px solid var(--line-soft);padding:.6rem .9rem;font-size:.85rem}.tilt{transform-style:preserve-3d;will-change:transform;transition:transform .25s}.tilt-wrap{perspective:1400px}.shot-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.split{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.split.flip>:first-child{order:2}@media (width<=900px){.split{grid-template-columns:1fr}.split.flip>:first-child{order:0}}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:1.4rem 1.5rem}.card h3{margin-bottom:.4rem}.card p{color:var(--text-1);margin:0;font-size:.98rem}.card .icon{background:var(--bg-3);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.9rem;font-size:1.3rem;display:grid}.card.link{color:inherit;transition:transform .15s,border-color .15s;display:block}.card.link:hover{border-color:var(--accent-dim);text-decoration:none;transform:translateY(-3px)}.card.link .shot{box-shadow:none;margin-bottom:1rem}.stats{flex-wrap:wrap;gap:2.5rem;margin:2rem 0 0;display:flex}.stat b{font-family:var(--display);color:var(--accent);font-size:2rem;line-height:1;display:block}.stat span{color:var(--text-2);font-size:.85rem}.check-list{margin:1rem 0;padding:0;list-style:none}.check-list li{color:var(--text-1);margin:.45rem 0;padding-left:1.6rem;position:relative}.check-list li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--radius-lg);max-width:none;padding:1.25rem}.steps li:before{content:counter(step);background:var(--accent);width:30px;height:30px;color:var(--accent-text);border-radius:50%;place-items:center;margin-bottom:.7rem;font-weight:700;display:inline-grid}.steps b{margin-bottom:.25rem;display:block}.steps span{color:var(--text-1);font-size:.95rem}.table-wrap{border:1px solid var(--line-soft);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:.8rem 1rem}th{background:var(--bg-2);color:var(--text-1);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}tr:last-child td{border-bottom:0}td:first-child{white-space:nowrap;font-weight:600}.faq details{border-bottom:1px solid var(--line-soft);padding:.4rem 0}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.7rem 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--text-1);padding-bottom:.6rem}.cta-band{border:1px solid var(--accent-dim);border-radius:var(--radius-lg);background:linear-gradient(135deg,#2a1c0a,#12151d 60%);grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.cta-band h2{margin-bottom:.3rem}.cta-band p{color:var(--text-1);margin:0}@media (width<=800px){.cta-band{grid-template-columns:1fr}}.prose{max-width:var(--measure)}.prose h2{margin-top:2.5rem}.prose h3{margin-top:1.8rem}.prose ul{padding-left:1.2rem}.prose li{color:var(--text-1);margin:.35rem 0}.prose img{border-radius:var(--radius-lg);border:1px solid var(--line);margin:1.5rem 0}.prose table{font-size:.95rem}.breadcrumbs{color:var(--text-2);margin-bottom:1.5rem;font-size:.85rem}.breadcrumbs a{color:var(--text-1)}.breadcrumbs span{margin:0 .5rem}.widget{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 20px 60px #00000059}.widget-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.widget-head h3{font-family:var(--font);margin:0;font-size:1rem}.widget-head .muted{font-size:.85rem}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--text-1);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.85rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--text-2);color:var(--text-0)}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip .swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.readout{font-family:var(--mono);color:var(--accent-bright);font-size:1.05rem}.grid-board{background:var(--line-soft);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;gap:1px;display:grid;overflow:hidden}.grid-board .cell{aspect-ratio:1;background:var(--bg-0);position:relative}.grid-board .cell.path{box-shadow:inset 0 0 0 100px #f2a03d47}.grid-board .cell.hover{outline:1px solid var(--accent);outline-offset:-1px}.grid-board .token{color:#fff;cursor:grab;z-index:2;border:2px solid #ffffffb3;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;transition:transform .12s;display:grid;position:absolute;inset:12%;box-shadow:0 4px 12px #00000080}.grid-board .token:active{cursor:grabbing}.grid-board .token.ally{background:#2d7ff5}.grid-board .token.hostile{background:#e04a4a}.grid-board .token.dragging{transform:scale(1.12)}.grid-board .waypoint{background:var(--accent);z-index:1;border-radius:50%;position:absolute;inset:35%}.grid-board .ruler{pointer-events:none;z-index:3;position:absolute;inset:0}.paint-board .cell.floor-flagstone{background-color:#4a4b4e;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:50% 50%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.paint-board .cell.floor-planks{background:#6a4a2a repeating-linear-gradient(90deg,#0000002e 0 2px,#0000 2px 25%)}.paint-board .cell.floor-grass{background:#3d6a2f radial-gradient(#ffffff0f 15%,#0000 16%) 0 0/30% 30%}.paint-board .cell.floor-cobbles{background:#5a5650 radial-gradient(#00000040 30%,#0000 32%) 0 0/33% 33%}.paint-board .cell:after{content:"";pointer-events:none;box-shadow:none;position:absolute;inset:0}.paint-board .cell.wall-n:after{border-top:4px solid #b8b3a6}.paint-board .cell.wall-s:after{border-bottom:4px solid #b8b3a6}.paint-board .cell.wall-e:after{border-right:4px solid #b8b3a6}.paint-board .cell.wall-w:after{border-left:4px solid #b8b3a6}.paint-board .cell .prop{filter:drop-shadow(0 2px 3px #0009);pointer-events:none;place-items:center;font-size:clamp(10px,2.2vw,20px);display:grid;position:absolute;inset:18%}.paint-board .cell .glow{pointer-events:none;background:radial-gradient(#ffaa3c59,#0000 60%);border-radius:50%;position:absolute;inset:-60%}.painter-json{margin-top:1rem}.painter-json pre{background:var(--bg-0);border:1px solid var(--line-soft);max-height:200px;color:var(--text-1);border-radius:8px;margin:.5rem 0 0;padding:.8rem 1rem;font-size:.78rem;overflow:auto}.d20{cursor:pointer;border-radius:50%;place-items:center;width:132px;height:132px;transition:transform .15s;display:inline-grid;position:relative}.d20:hover{transform:scale(1.04)}.d20 svg{filter:drop-shadow(0 12px 24px #f2a03d59);width:100%;height:100%}.d20 .face{font-family:var(--display);color:var(--accent-text);pointer-events:none;font-size:2.4rem;font-weight:700;position:absolute}.d20.rolling svg{animation:.7s cubic-bezier(.2,.7,.2,1) d20spin}@keyframes d20spin{0%{transform:rotate(0)scale(1)}40%{transform:rotate(260deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.d20-row{align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.d20-result{min-height:3.2rem}.d20-result b{font-family:var(--display);font-size:1.15rem;display:block}.d20-result span{color:var(--text-1);font-size:.95rem}.init-list{margin:0;padding:0;list-style:none}.init-list li{border:1px solid #0000;border-radius:8px;align-items:center;gap:.8rem;max-width:none;padding:.55rem .7rem;display:flex}.init-list li.current{border-color:var(--accent-dim);background:#f2a03d1f}.init-list .ring{border-radius:50%;flex:none;width:12px;height:12px}.init-list .name{flex:1;font-weight:600}.init-list .roll{font-family:var(--mono);text-align:right;width:2.2rem;color:var(--accent-bright)}.init-list .hp{color:var(--text-2);text-align:right;width:5.5rem;font-size:.8rem}.init-list .hp .bar{background:var(--bg-3);border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.init-list .hp .bar i{background:var(--ok);height:100%;display:block}.init-list .hp .bar i.low{background:var(--danger)}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem;display:grid}.thumb{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;overflow:hidden}.thumb img{aspect-ratio:1;object-fit:cover}.thumb figcaption{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .4rem;font-size:.7rem;overflow:hidden}.auth-page{place-items:center;min-height:calc(100vh - 62px);padding:3rem 1rem;display:grid}.auth-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(440px,100%);padding:2rem;box-shadow:0 30px 80px #00000073}.auth-card h1{margin-bottom:.3rem;font-size:1.7rem}.auth-card .muted{margin-bottom:1.5rem}.field{margin-bottom:1rem;display:block}.field span{color:var(--text-1);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.field input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-0);width:100%;color:var(--text-0);font:inherit;padding:.7rem .85rem}.field input:focus{border-color:var(--accent);outline:none}.field .hint{color:var(--text-2);margin-top:.3rem;font-size:.8rem}.providers{gap:.6rem;margin-bottom:1.25rem;display:grid}.provider{justify-content:center;align-items:center;gap:.6rem;display:flex}.provider svg{width:18px;height:18px}.or{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.8rem;margin:1rem 0;font-size:.8rem;display:flex}.or:before,.or:after{content:"";background:var(--line-soft);flex:1;height:1px}.alert{border-radius:var(--radius);border:1px solid;margin-bottom:1rem;padding:.7rem .9rem;font-size:.92rem}.alert.error{color:#ffb3b5;background:#f2555a1f;border-color:#f2555a80}.alert.ok{color:#a6f0cf;background:#3ecf8e1a;border-color:#3ecf8e73}.alert.info{color:#bcdcff;background:#4da3ff1a;border-color:#4da3ff73}.alert a{word-break:break-all}.auth-links{color:var(--text-1);flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:1.25rem;font-size:.9rem;display:flex}.auth-foot{text-align:center;color:var(--text-1);margin-top:1.5rem;font-size:.9rem}.account{max-width:640px}.account .card{margin-bottom:1.25rem}.account h2{font-size:1.2rem;font-family:var(--font);margin-bottom:1rem}.avatar{background:var(--bg-3);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.identity{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.identity b{font-size:1.1rem;display:block}.identity span{color:var(--text-1);font-size:.9rem}.badge{background:var(--bg-3);color:var(--text-1);vertical-align:middle;border-radius:999px;margin-left:.4rem;padding:.15rem .5rem;font-size:.72rem;display:inline-block}.badge.ok{color:var(--ok);background:#3ecf8e26}.badge.warn{color:var(--accent);background:#f2a03d26}.danger-zone{border-color:#f2555a66}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.danger:hover{background:#f2555a1f}.notfound{text-align:center;padding:6rem 0}.notfound h1{color:var(--accent);font-size:5rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}