html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}html{scrollbar-gutter:stable;height:100vh;overflow:hidden}:root{--cell:1ch;--line:1.4em;--fg:#c5c8c6;--bg:#1d1f21;--accent:#8abeb7;--border:#4a4a4a;--selection:#373b41;--muted:#969896;--error:#d97c7c;--warn:#f0c674}*{font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:var(--line)}.panel{border:1px solid var(--border);padding:var(--line) var(--cell);position:relative}.panel:before{content:attr(data-title);background:var(--bg);color:var(--accent);padding:0 .5ch;position:absolute;top:-.7em;left:1ch}.list__item{cursor:pointer;padding:0 1ch}.list__item:hover,.list__item--cursor{background:var(--selection,#373b41)}.list__item--cursor:before{content:"> ";color:var(--accent)}.list__meta{color:var(--muted,#969896)}.shell{background:var(--bg);height:100vh;color:var(--fg);flex-direction:column;display:flex;overflow:hidden}.shell__content{min-height:0;padding:var(--line) var(--cell);scrollbar-gutter:stable;flex:auto;overflow:hidden auto}.bar{background:var(--bg);justify-content:space-between;padding:0 1ch;display:flex}.bar--top{border-bottom:1px solid var(--border)}.bar--bottom{border-top:1px solid var(--border)}.bar__separator{color:var(--muted)}.bar__action{cursor:pointer;margin-left:1ch}.bar__action:hover{color:var(--accent)}.status{justify-content:flex-start;align-items:center;gap:1ch}.status__mode{background:var(--accent);color:var(--bg);padding:0 1ch;font-weight:700}.status__mode--insert{background:var(--warn)}.status__message{min-width:0;max-width:60ch;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status__message--active{color:var(--fg)}.status__meta{color:var(--muted);white-space:nowrap;margin-left:auto}.status__keys{border:1px solid var(--border);color:var(--accent);white-space:nowrap;padding:0 1ch;font-weight:700}.home__welcome{padding:var(--line) 1ch}.home__title{border-bottom:2px double var(--accent);margin:0;padding-bottom:.5em}.home__subtitle{color:var(--muted);margin:.25em 0}.home__panels{grid-template-columns:1fr 1fr;gap:0;display:grid}.home__tags{padding:0}.panel--focused{border-color:var(--accent)}.panel__title{background:var(--bg);color:var(--accent);padding:0 .5ch;font-weight:700;position:absolute;top:-.7em;left:1ch}.panel__shortcut{color:var(--accent);text-decoration:underline}.tag-bar{flex-wrap:wrap;gap:.5ch;display:flex}.tag-bar__tag{color:var(--accent);cursor:pointer}.tag-bar__tag:hover{background:var(--selection)}.home__nav{margin:.5em 0 0}.home__link{color:var(--accent);text-decoration:none}.home__link:hover{background:var(--selection)}.blog-list{gap:var(--line);flex-direction:column;display:flex}.blog-list__item{color:var(--fg);border-left:2px solid transparent;padding:0 1ch;text-decoration:none;display:block}.blog-list__item:hover{background:var(--selection);border-left-color:var(--accent)}.blog-list__date{color:var(--muted)}.blog-list__title{color:var(--accent)}.blog-list__desc{color:var(--muted)}.post{width:clamp(60ch,80vw,110ch);max-width:100%;margin:0 auto}.post__meta{color:var(--muted);margin-bottom:var(--line)}.post__back{margin-top:var(--line);color:var(--accent);text-decoration:none;display:inline-block}.post__back:hover{background:var(--selection)}.post__body :first-child{margin-top:0}.post__body a,.post__body code{color:var(--accent)}.post__body pre{border:1px solid var(--border);padding:var(--line) 1ch;background:rgba(0,0,0,.2);overflow-x:auto}.post__body pre code{color:var(--fg)}.post__body blockquote{border-left:2px solid var(--border);margin:var(--line) 0;color:var(--muted);padding-left:1ch}.post__body img{border:1px solid var(--border);max-width:100%;height:auto}.post__body table{border-collapse:collapse}.post__body th,.post__body td{border:1px solid var(--border);padding:0 1ch}.dnd-demo{padding:var(--line) var(--cell)}.dnd-demo--loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.dnd-demo--gameover{justify-content:center;align-items:center;gap:var(--line);flex-direction:column;min-height:50vh;display:flex}.dnd-demo__restart{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font:inherit;background:0 0;padding:.5em 2ch}.dnd-demo__restart:hover{background:var(--selection)}.dnd-config{padding:var(--line) var(--cell)}.dnd-config__header{margin-bottom:var(--line);align-items:baseline;gap:2ch;display:flex}.dnd-config__header h2{margin:0}.dnd-config__hint{color:var(--muted);font-style:italic}.dnd-config__grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.dnd-config__search{margin-bottom:.5em}.dnd-config__input{background:var(--bg);border:1px solid var(--border);color:var(--fg);font:inherit;box-sizing:border-box;width:100%;padding:.2em 1ch}.dnd-config__input:focus{border-color:var(--accent);outline:none}.dnd-config__input--small{width:8ch}.dnd-config__selected{color:var(--accent);margin:.3em 0;font-size:.9em}.dnd-config__party-list{flex-wrap:wrap;gap:.5ch;margin:.3em 0;display:flex}.dnd-config__party-member{color:var(--accent);border:1px solid var(--border);align-items:center;gap:.5ch;padding:0 .5ch;display:inline-flex}.dnd-config__remove{color:var(--error);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;line-height:1}.dnd-config__party-slots{color:var(--muted)}.dnd-config__slider{margin-top:1em;padding:0 1ch}.dnd-config__slider label{margin-bottom:.3em;display:block}.dnd-config__slider input[type=range]{width:100%}.dnd-config__options{flex-direction:column;gap:.8em;padding:.5em 0;display:flex}.dnd-config__option label{display:block}.dnd-config__option input[type=range]{width:100%}.dnd-config__start{margin-top:var(--line);text-align:center}.dnd-config__start-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font:inherit;background:0 0;padding:.5em 3ch;font-weight:700}.dnd-config__start-btn:hover{background:var(--selection)}.dnd-config .list{max-height:18em;overflow-y:auto}.dnd-game{height:100%;position:relative;overflow:hidden}.dnd-game__stage{justify-content:center;align-items:center;padding:1ch;display:flex;position:absolute;inset:0;overflow:auto}.dnd-canvas{image-rendering:pixelated;display:block}.dnd-game__banner{border:1px solid var(--border);pointer-events:none;background:rgba(29,31,33,.85);flex-direction:column;gap:.2em;max-width:40ch;padding:.3em 1ch;display:flex;position:absolute;top:1ch;left:1ch}.dnd-game__round{color:var(--accent);font-weight:700}.dnd-game__prompt{color:var(--fg)}.dnd-game__prompt--ai{color:var(--muted);font-style:italic}.dnd-game__zoom{border:1px solid var(--border);background:rgba(29,31,33,.85);align-items:center;gap:.5ch;padding:.2em .5ch;display:flex;position:absolute;bottom:1ch;left:1ch}.dnd-game__zoom-btn{border:1px solid var(--border);color:var(--accent);font:inherit;cursor:pointer;background:0 0;padding:0 .7ch;font-weight:700;line-height:1}.dnd-game__zoom-btn:hover:not(:disabled){background:var(--selection)}.dnd-game__zoom-btn:disabled{color:var(--muted);cursor:default}.dnd-game__zoom-val{color:var(--fg);text-align:center;min-width:3ch}.dnd-game__hud{flex-direction:column;gap:1.2em;width:32ch;max-height:calc(100% - 2ch);padding-top:.7em;display:flex;position:absolute;top:1ch;right:1ch;overflow-y:auto}.dnd-game__hud .panel{background:rgba(29,31,33,.9)}.dnd-game__waiting{color:var(--muted);padding:.2em 0;font-style:italic}