:root{--cell: 20px;--bg: #0d1114;--panel: #11171b;--text: #e8ecec;--muted: #8e9aa0;--link: #e3b5a6;--accent: #ef6847;--line: #273137;--panel-width: 300px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{width:100%;height:100dvh;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:8px 10px;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}#viewport{position:fixed;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:none;touch-action:pan-x pinch-zoom}#viewport::-webkit-scrollbar{display:none}#scene{position:relative;width:100%;min-width:100%;height:100dvh;overflow:hidden;background:var(--bg)}#tiles{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}#home-panel,.panel-shell{position:absolute;top:var(--cell);width:var(--panel-width);height:calc(100dvh - (var(--cell) * 2));background:var(--panel)}#home-panel{z-index:4;left:var(--cell)}#layers{position:absolute;z-index:2;inset:0}.panel-shell{border-left:1px solid var(--line)}.panel{width:100%;height:100%;min-height:0;padding:var(--cell);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--panel);-webkit-user-select:text;user-select:text}.panel-layout{display:flex;flex-direction:column}.identity,.panel-title h1{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.intro{max-width:14rem;margin:1.1rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.work-list,.section-list,.panel-links,.panel-footer{display:grid;justify-items:start}.work-list,.section-list{gap:.08rem;margin-top:1.35rem}.work-list a,.section-list a,.panel-links a,.panel-footer a,.panel-footer button,.panel-close{border:0;padding:0;background:transparent;color:var(--link);cursor:pointer;text-align:left;transition:color .32s var(--ease),transform .32s var(--ease)}.work-list a:hover,.section-list a:hover,.panel-links a:hover,.panel-footer a:hover,.panel-footer button:hover,.panel-close:hover{color:var(--text)}.work-list a,.section-list a,.panel-links a{transform:translate(0)}.work-list a:hover,.section-list a:hover,.panel-links a:hover{transform:translate(.25rem)}[data-route].is-active:after{content:"×";display:inline-grid;width:.88rem;height:.88rem;margin-left:.38rem;place-items:center;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.7rem;line-height:1;vertical-align:.05rem}.panel-footer{gap:.04rem;margin-top:auto;padding-top:3rem}.panel-footer p{margin:1rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.5;letter-spacing:.01em}.sound-toggle{position:absolute;right:var(--cell);bottom:var(--cell);z-index:2;width:24px;height:24px;border:0;padding:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .32s var(--ease)}.sound-toggle:hover{color:var(--text)}.sound-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.sound-toggle .sound-on{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}.sound-toggle[aria-pressed=true] .sound-off{display:none}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-close{flex:none;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.panel-body{margin-top:1.45rem;color:var(--muted)}.panel-body p{margin:0 0 1rem}.panel-body p:first-child{color:var(--text)}.filters{display:flex;gap:.7rem;margin-top:1.45rem}.filters button{border:0;border-bottom:1px solid transparent;padding:0 0 .2rem;background:transparent;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .32s var(--ease),border-color .32s var(--ease)}.filters button:hover{color:var(--text)}.filters button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.panel-links{gap:.5rem;margin-top:1.45rem}.panel-links a{display:flex;width:100%;justify-content:space-between;gap:1rem}.panel-links small{color:var(--muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.panel-meta{margin-top:auto;padding-top:3rem;color:var(--muted);font-size:.72rem;line-height:1.42}#edge-frame{position:fixed;z-index:6;inset:0;pointer-events:none}#edge-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgb(0 0 0 / .28) 100%)}.edge{position:absolute;background:var(--bg)}.edge-top,.edge-bottom{left:0;width:100%;height:var(--cell)}.edge-left,.edge-right{top:0;width:var(--cell);height:100%}.edge-top{top:0;border-bottom:1px solid var(--line)}.edge-right{right:0;border-left:1px solid var(--line)}.edge-bottom{bottom:0;border-top:1px solid var(--line)}.edge-left{left:0;border-right:1px solid var(--line)}@media(max-width:639px){:root{--panel-width: calc(100vw - var(--cell) * 2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}