:root{--bg: #140c08;--line: #20140a;--ink: #fff6e8;--accent: #ff9f1c;--link: #ffc8a0;--link-on: #ffb07a;--tile: 19px;--gap: 1px;--cell: 20px;--pane-w: 299px;--pane-stride: 300px;--pane-top: 20px;--side-pad: 20px;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{color:var(--ink);font:400 16px / 24px var(--font);font-kerning:normal;text-rendering:optimizeLegibility}:focus,:focus-visible{outline:none}#stage{position:absolute;inset:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:var(--bg)}#stage::-webkit-scrollbar{display:none}#world{position:relative;min-width:100%;height:100%;overflow:hidden;background:var(--bg)}#wall{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}#frame{position:absolute;inset:0;z-index:6;pointer-events:none}.frame-edge{position:absolute;display:block}.frame-top,.frame-bottom{left:0;width:100%;height:var(--cell);background:repeating-linear-gradient(to right,var(--line) 0 var(--tile),var(--bg) var(--tile) var(--cell))}.frame-top{top:0}.frame-bottom{bottom:-1px}.frame-left,.frame-right{top:0;width:var(--cell);height:100%;background:repeating-linear-gradient(to bottom,var(--line) 0 var(--tile),var(--bg) var(--tile) var(--cell))}.frame-left{left:0}.frame-right{right:-1px}#deck{position:absolute;top:var(--pane-top);left:var(--side-pad);width:var(--pane-w);height:calc(100% - 2 * var(--pane-top));z-index:4;overflow:hidden;background:var(--bg)}#deck:before,.pane-shell:before{content:"";position:absolute;inset:0 auto 0 0;width:1.5px;z-index:1;pointer-events:none;background:var(--line)}#deck:before{display:none}.pane-shell{position:absolute;top:var(--pane-top);width:var(--pane-w);height:calc(100% - 2 * var(--pane-top));z-index:2;overflow:hidden;background:var(--bg);will-change:transform}.pane{position:relative;width:100%;height:100%;margin:0;padding:var(--cell);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:var(--ink);background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-user-select:text;user-select:text}.pane::-webkit-scrollbar{width:4px}.pane::-webkit-scrollbar-thumb{background:var(--line)}.pane-layout{display:flex;flex-direction:column}.pane-bottom{display:flex;flex-direction:column;align-items:flex-start;margin:auto 0 0}.pane-bottom>:last-child{margin-bottom:0}.editorial .name{margin:0 0 16px;font-weight:500;color:var(--ink)}.markdown-block p{margin:0 0 16px}.pane-title{margin:0 0 16px;font:inherit;font-weight:500;color:var(--ink)}.section-title{margin:0 0 8px;font:inherit;font-weight:500;color:var(--ink)}.work-list{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 16px}.work-list a{display:inline-flex;align-items:center;min-height:24px;gap:5px;color:var(--link);text-decoration:none;transition:color .4s linear;touch-action:manipulation}.work-list a:hover,.work-list a:focus-visible,.work-list a.is-on{color:var(--link-on)}.link-dot{display:none;flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:currentColor}.work-list a.is-on .link-dot{display:inline-block}.editorial a.text-link{text-decoration:underline}.markdown-block a{color:var(--link);text-decoration:underline;transition:color .4s linear}.markdown-block a:hover{color:var(--link-on)}.markdown-block a .icon{display:inline-block;width:.85em;height:.85em;margin-left:.18em;vertical-align:-.06em;fill:currentColor}@media(prefers-reduced-motion:reduce){.work-list a,.markdown-block a{transition:none}}@media(max-width:980px){.pane-shell.in-column{position:relative;top:auto;left:auto;width:100%;height:auto;margin:0;overflow:visible;background:none}.pane-shell.in-column .pane{height:auto;overflow:visible}.pane-shell.in-column .pane-title{display:none}}@media(max-width:700px){:root{--mobile-right: 60px}#stage{overflow-x:hidden;overflow-y:auto}#world{height:auto;min-height:100%;display:flex;flex-direction:column}#deck{position:relative;top:auto;left:auto;flex:1 0 auto;display:flex;flex-direction:column;width:calc(100% - var(--side-pad) - var(--mobile-right));height:auto;margin:var(--pane-top) 0 var(--pane-top) var(--side-pad);overflow:visible}#deck>.pane{flex:1 0 auto;height:auto;overflow:visible}}
