.webgpuFallbackBanner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(248,210,76,.55);background:#0a0a0ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffffff2;font-size:13px;line-height:1;letter-spacing:.2px;-webkit-user-select:none;user-select:none;pointer-events:auto;max-width:calc(100vw - 24px)}.webgpuFallbackBanner__icon{display:inline-flex;align-items:center;justify-content:center;color:#f8d24cf2}.webgpuFallbackBanner__iconSvg{display:block}.webgpuFallbackBanner__text{white-space:nowrap}.webgpuFallbackBanner__close{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;padding:4px;border-radius:999px;border:0;background:#ffffff1a;color:#ffffffeb;cursor:pointer}.webgpuFallbackBanner__close:hover{background:#ffffff29}.webgpuFallbackBanner__close:active{background:#fff3}.webgpuFallbackBanner__close:focus-visible{outline:2px solid rgba(248,210,76,.9);outline-offset:2px}.webgpuFallbackBanner__closeSvg{display:block}@media (max-width: 520px){.webgpuFallbackBanner{left:12px;right:12px;transform:none;width:auto;border-radius:12px;padding:10px 12px;justify-content:space-between}.webgpuFallbackBanner__text{flex:1;min-width:0;white-space:normal}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{position:relative;min-width:320px;min-height:100%;background:#05050a;color:#8d8d98;font-family:Inconsolata,monospace;font-size:100%;font-weight:400}#root{position:absolute;top:0;right:0;bottom:0;left:0}.app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-height:100%;overflow:hidden;background:#05050a}.background-canvas,.party-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;outline:none;touch-action:none}.automata-canvas{opacity:0;transition:opacity .45s ease-out}.automata-canvas.is-ready{opacity:1}.automata-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#05050a;opacity:0;transition:opacity .35s ease-out}.automata-fallback.is-visible{opacity:1}.simulation-status{position:fixed;right:16px;bottom:12px;z-index:20;margin:0;color:#ffffff80;font-size:.75rem}.content-panel{position:relative;z-index:10;pointer-events:auto}.content-panel a{color:#fff;text-decoration:none}.content-panel a:hover{text-decoration:underline}.content-panel a:focus-visible{border-radius:2px;outline:2px solid rgba(255,255,255,.9);outline-offset:4px}.home-panel{width:min(300px,calc(100% - 80px));padding:40px 20px 20px;line-height:1.2;transform:scale(1);transform-origin:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.home-panel.is-entering{pointer-events:none;opacity:0;transform:scale(1.42)}.home-panel p{margin:0}.home-panel .hello{color:#fff}.work-link{display:inline-block;margin-top:24px}.work-link span{display:inline-block;transition:transform .18s ease-out}.work-link:hover span{transform:translate(4px)}.social-links,.work-switcher,.work-footer{display:flex;align-items:center;padding:0}.social-links{justify-content:center;margin-top:24px}.social-links a,.work-footer .work-social-link{color:#ffffff7a}.social-links a+a:before,.work-switcher a+a:before,.work-footer a+a:before{display:inline-block;margin:0 10px;color:#ffffff57;content:"|";text-decoration:none}.work-panel{width:min(400px,calc(100% - 80px));max-height:85dvh;padding:40px 20px 20px;overflow-y:auto;line-height:1.2;animation:work-panel-enter .4s ease-out both}.work-panel p{margin:0}.work-heading{color:#fff;font-weight:700}.work-switcher{justify-content:center;margin-top:24px}.work-switcher .is-active{font-weight:700}.work-section{margin-top:24px;animation:work-section-enter .18s ease-out both}.work-list{margin:0;padding-left:20px}.work-list li{margin-bottom:10px}.work-list li:last-child{margin-bottom:0}.content-panel .project-link{display:block;color:inherit;text-decoration:none}.content-panel .project-link .project-name{color:#fff}.content-panel .project-link:hover{text-decoration:none}.content-panel .project-link:hover .project-name{text-decoration:underline}.project-name{font-weight:700}.work-footer{justify-content:center;margin-top:24px}@keyframes work-panel-enter{0%{opacity:0}to{opacity:1}}@keyframes work-section-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.home-panel{font-size:90%}}@media (max-width: 620px){.home-panel{max-height:85dvh;overflow-y:auto;font-size:90%}.work-panel{width:calc(100% - 80px);font-size:90%}.simulation-status{right:12px;bottom:8px;left:12px;text-align:center}}@media (prefers-reduced-motion: reduce){.home-panel,.automata-canvas,.automata-fallback,.work-link span{transition:none}.home-panel.is-entering{transform:none}.work-panel,.work-section{animation:none}}@supports (-webkit-touch-callout: none){.app{height:-webkit-fill-available}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}