:root{--tetris-board:#efeee7;--tetris-grid:#dddbcf;--tetris-flash:#fff;--tetris-i:#3f93a6;--tetris-o:#b8901f;--tetris-t:#8560a8;--tetris-s:#5d8f52;--tetris-z:#b3564e;--tetris-j:#4a6bab;--tetris-l:#bd7635}:root[data-theme=dark]{--tetris-board:#191a17;--tetris-grid:#34342b;--tetris-flash:#f8f8f2;--tetris-i:#66d9ef;--tetris-o:#e6db74;--tetris-t:#ae81ff;--tetris-s:#a6e22e;--tetris-z:#f92672;--tetris-j:#7aa2e6;--tetris-l:#fd971f}@media (prefers-color-scheme:dark){:root:not([data-theme]){--tetris-board:#191a17;--tetris-grid:#34342b;--tetris-flash:#f8f8f2;--tetris-i:#66d9ef;--tetris-o:#e6db74;--tetris-t:#ae81ff;--tetris-s:#a6e22e;--tetris-z:#f92672;--tetris-j:#7aa2e6;--tetris-l:#fd971f}}.project-page{padding:0}.project-title{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:700}.project-meta{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.project-intro{font-family:var(--font-serif);margin:2rem 0 0;font-size:1.0625rem;line-height:1.65}.project-heading{color:var(--fg);margin:2.5rem 0 0;font-size:1.15rem;font-weight:700}.project-para{font-family:var(--font-serif);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.65}.project-figure{margin:2rem 0 0}.project-figure figcaption{color:var(--muted);margin-top:.5rem;font-size:.85rem}.trl{width:100%}.trl-stage{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.trl-board{border:1px solid var(--border);background:var(--code-bg);border-radius:4px;flex:none;width:auto;height:clamp(300px,50vh,460px);display:block}.trl-panel{min-width:160px;font-family:var(--font-mono);flex-direction:column;flex:190px;gap:1rem;display:flex}.trl-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0;display:grid}.trl-hud-item{flex-direction:column;gap:.1rem;display:flex}.trl-hud-item dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.trl-hud-item dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:700}.trl-pieces{border-top:1px solid var(--border);gap:1.25rem;padding-top:.75rem;display:flex}.trl-piece-slot{flex-direction:column;gap:.3rem;display:flex}.trl-piece-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.trl-preview{width:60px;height:30px;display:block}.trl-features{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.trl-features-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.trl-heights{width:100%;height:44px;display:block}.trl-scalars{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;margin:0;display:grid}.trl-scalar{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.trl-scalar dt{color:var(--muted);font-size:.72rem}.trl-scalar dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:.85rem;font-weight:700}.trl-controls{flex-wrap:wrap;align-items:center;gap:.6rem .75rem;margin-top:.75rem;display:flex}.trl-btn{font-family:var(--font-mono);color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;min-width:5.5rem;padding:.3rem .6rem;font-size:.75rem}.trl-btn:hover:not(:disabled){border-color:var(--muted)}.trl-btn:disabled{opacity:.5;cursor:default}.trl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trl-speed{min-width:5rem}.trl-status{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}@media (max-width:460px){.trl-board{height:clamp(260px,52vh,360px)}}