:root{--bkg-color: 220, 10%, 11%}button{cursor:pointer}ul,ol{list-style-position:inside}input{font:inherit}.card{--text-line-length: 70ch;--padding: 1em;--border-thickness: 1px;--card-max-width: calc(var(--text-line-length) + var(--padding)*2 + var(--border-thickness)*2);font-size:1rem;padding:var(--padding);border:1px solid #ccc;box-shadow:0 4px 12px #0000001a;max-width:var(--card-max-width);background-color:hsl(var(--bkg-color));color:#eceff2}.card h2{margin-top:0;margin-bottom:.5em}.card p{color:var(--clr-txt);line-height:1.4}.external-link{color:#737ade}.external-link:hover{color:#585fde}.card footer{margin-top:1em;display:flex;justify-content:space-between;align-items:center}@media (min-width: 500px){.card{font-size:1.2rem}.card time,.card a{font-size:1.2rem}}.secondary-btn{font-size:1.1rem;padding:.25em .5em;border-radius:8px;border:1px solid #ababab;transition:all 35ms ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}.secondary-btn:hover{border-color:#999;box-shadow:0 2px 4px #00000014}.secondary-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}@media (min-width: 500px){.secondary-btn{font-size:1.2rem}}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:rect(0 0 0 0);white-space:nowrap;border:0}.display-block{display:block}.display-inline-block{display:inline-block}.display-none{display:none}.display-opaque{opacity:.5}canvas.display-opaque{pointer-events:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;position:relative}canvas{display:block;max-width:100vw;max-height:100vh}aside{position:fixed;top:0;right:0;padding:1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#20202052;max-height:100vh;overflow:scroll;scrollbar-width:none}aside>nav{position:sticky;top:0;display:flex;justify-content:end;gap:1em;margin-bottom:1em}#matrix-nav,#controls{z-index:-1}aside>nav button{border-radius:8px}aside>nav button:hover{opacity:.9}#open-controls-btn span[role=img]{display:block;padding-block:.75rem;padding-inline:.75rem}#open-controls-btn span[role=img]>span{display:block;width:2.5rem;height:3px;border-radius:3px;background-color:gray;margin-bottom:1em;position:relative}#open-controls-btn span[role=img]>span:last-child{margin-bottom:0}#open-controls-btn span[role=img]>span:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;aspect-ratio:1;border-radius:100%;background-color:#8b0000}#open-controls-btn span[role=img]>span:nth-child(2):after{left:50%}#open-controls-btn span[role=img]>span:last-child:after{left:15%}#open-matrix-nav-btn{padding:.25em}#open-matrix-nav-btn span[role=img]{display:flex;align-items:center;justify-content:center;font-size:1.5rem}#open-matrix-nav-btn span[role=img] .left-bracket,#open-matrix-nav-btn span[role=img] .right-bracket{width:.5em;height:2.5em;border-top:2px solid black;border-bottom:2px solid black}#open-matrix-nav-btn span[role=img] .left-bracket{border-top-left-radius:8px;border-bottom-left-radius:8px;border-left:2px solid black}#open-matrix-nav-btn span[role=img] .right-bracket{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:2px solid black}#open-matrix-nav-btn span[role=img] .center{display:flex;align-items:center;justify-content:center;line-height:1}#controls{color:#f5f5f5;font-size:1.2rem}#controls form>fieldset{padding:0 1em 1em}#custom-matrix>button{display:block;margin-left:auto;margin-top:.25em;margin-bottom:1em}#custom-matrix>fieldset>fieldset{padding:.25em .5em .5em}#custom-matrix>fieldset>fieldset,#scalars div{margin-top:.5em}#matrix-nav .card{margin-bottom:.5em}