@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--nav-h:40px;--cap-depth:5px;--bg:#d2a77b;--ink:#fff;--pill:#161816;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='5' fill='white' stroke='%23161816' stroke-width='1.5'/%3E%3C/svg%3E") 8 8,auto}.hud{pointer-events:none;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 6px #0000004d;justify-content:space-between;gap:16px;padding:28px 40px;line-height:1.5;display:flex;position:fixed;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{align-items:center;top:0}.logo{height:var(--nav-h);text-shadow:none;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:4px;margin:0;font:700 16px/1 JetBrains Mono,ui-monospace,monospace;display:flex}.logo-cap{--depth:var(--cap-depth);width:calc(var(--nav-h) - var(--cap-depth));height:calc(var(--nav-h) - var(--cap-depth));color:var(--legend);background:radial-gradient(ellipse at 50% 35%, #ffffff2e, transparent 70%), var(--cap);box-shadow:inset 0 -3px 0 #00000024, 0 var(--depth) 0 -1.5px color-mix(in srgb, var(--cap) 62%, #161816), 0 var(--depth) 0 0 #161816, 0 calc(var(--depth) + 4px) 8px #0000002e;cursor:pointer;border:1.5px solid #161816;border-radius:7px;place-items:center;padding-bottom:2px;transition:transform 90ms,box-shadow 90ms,background-color .2s,color .2s;display:grid;transform:translateY(0)}.logo-cap:nth-child(5){margin-left:6px}.logo-cap:hover{--depth:4px;transform:translateY(1px)}.logo-cap:active{--depth:1px;transform:translateY(4px)}.hud-right{align-items:center;gap:10px;display:flex}.hud-btn{height:var(--nav-h);background:var(--pill);color:#ede4cf;letter-spacing:.06em;text-transform:uppercase;text-shadow:none;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font:500 13px/1 JetBrains Mono,ui-monospace,monospace;transition:transform .1s,background .15s;box-shadow:inset 0 -2px #ffffff0f,0 2px 10px #0000002e}.hud-btn:hover{background:#26282a}.hud-btn:active{transform:scale(.96)}.hud-btn:focus-visible{outline-offset:2px;outline:2px solid #ede4cf}.hud-btn[aria-expanded=true]{color:var(--pill);background:#ede4cf}.about{z-index:20;overscroll-behavior:contain;color:#ede4cf;visibility:hidden;background:#161816;border-radius:20px;width:min(440px,100vw - 32px);font-size:13.5px;line-height:1.6;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;position:fixed;top:84px;bottom:24px;right:24px;overflow-y:auto;transform:translate(calc(100% + 40px));box-shadow:0 18px 50px #00000059}.about.open{visibility:visible;transition:transform .32s cubic-bezier(.22,1,.36,1);transform:none}.about-inner{padding:26px 26px 30px;position:relative}.about h1{margin:0 36px 12px 0;font-size:17px;line-height:1.35}.about h3{letter-spacing:.12em;text-transform:uppercase;color:#d9634c;margin:26px 0 10px;font-size:11px}.about h4{margin:16px 0 4px;font-size:13.5px}.about p,.about ul{color:#ede4cfd1;margin:0 0 10px}.about ul{padding-left:18px}.about li{margin-bottom:6px}.about strong,.about dt{color:#ede4cf}.about kbd{font:inherit;border:1px solid #ede4cf59;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:12px}.about a{color:#ede4cf}.about-creator{border-top:1px solid #ede4cf24;margin-top:22px;padding-top:16px}.about-creator a{color:#d9634c;text-underline-offset:3px;font-weight:700;text-decoration-thickness:1px}.about-creator a:hover{color:#ede4cf}.switch-detail{background:#ede4cf12;border-radius:14px;margin:18px 0 8px;padding:16px 18px 6px}.switch-detail h2{color:#ede4cf;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:15px;display:flex}.switch-detail h2 span,.switch-list dt span{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:500}.switch-similar{font-size:12.5px}.switch-list dt a,.switch-similar a{color:#ede4cf;text-underline-offset:3px;text-decoration-color:#ede4cf59}.switch-list dt a:hover,.switch-similar a:hover{text-decoration-color:currentColor}.switch-list{margin:0}.switch-list dt{justify-content:space-between;gap:12px;margin-top:12px;font-weight:700;display:flex}.switch-list dd{color:#ede4cfd1;margin:2px 0 0}.about-close{color:#ede4cf;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:32px;height:32px;font-size:14px;position:absolute;top:18px;right:18px}.about-close:hover{background:#ffffff29}.about-close:focus-visible{outline:2px solid #ede4cf}.noscript{color:#ede4cf;text-align:center;background:#161816;margin:0;padding:16px;position:fixed;inset:0 0 auto}@media (prefers-reduced-motion:reduce){.about,.about.open{transition:none}}.vol{height:var(--nav-h);background:var(--pill);color:#ede4cf;text-shadow:none;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 6px;display:flex;box-shadow:inset 0 -2px #ffffff0f,0 2px 10px #0000002e}.vol-icon{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s,transform .1s;display:grid}.vol-icon:hover{background:#ffffff1a}.vol-icon:active{transform:scale(.92)}.vol-track{cursor:pointer;width:108px;height:20px;display:block;position:relative}.vol-bars{pointer-events:none;align-items:flex-end;gap:3px;display:flex;position:absolute;inset:0}.vol-bars span{background:#3b3935;border-radius:1.5px;flex:1;transition:background .12s,box-shadow .12s}.vol-bars span.on{background:#ede4cf;box-shadow:0 0 6px #ede4cf59}.vol-bars span.on:nth-child(n+11){background:#d9634c;box-shadow:0 0 6px #d9634c73}.vol-track:hover .vol-bars span.on{filter:brightness(1.08)}.vol-track input{opacity:0;cursor:pointer;width:100%;height:calc(100% + 12px);margin:0;position:absolute;inset:-6px 0}.vol-track:has(input:focus-visible){outline-offset:4px;border-radius:3px;outline:2px solid #ede4cf}.vol-icon:focus-visible{outline-offset:1px;outline:2px solid #ede4cf}.vol-readout{letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.8;min-width:3ch;font-size:12px}.vol.muted .vol-readout{color:#d9634c;opacity:1}.loader{background:var(--bg);color:var(--pill);letter-spacing:.04em;place-items:center;transition:opacity .3s;display:grid;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.hud{padding:16px;font-size:12px}:root{--nav-h:32px;--cap-depth:4px}.hud{gap:8px}.hud-right{gap:6px}.logo{gap:2px;font-size:12px}.logo-cap:nth-child(5){margin-left:4px}.logo-cap{border-radius:6px}.hud-btn{padding:0 12px;font-size:11px}.about{top:64px;bottom:16px;right:16px}.vol-track,.vol-readout{display:none}.vol{padding:0 1px}}