:root{color-scheme:dark;background:#162847;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4eee8;--mist: rgba(229, 237, 242, .72);--line: rgba(224, 235, 242, .3)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden;background:#162847}#app{position:relative;isolation:isolate;overflow:hidden}canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.loading-screen{position:absolute;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:1.1rem;background:radial-gradient(circle at 50% 44%,rgba(80,108,152,.72),transparent 28rem),#1e2c48;color:#eff3f5b3;font:600 .65rem/1 Avenir Next Condensed,Helvetica Neue,sans-serif;letter-spacing:.24em;text-transform:uppercase;transition:opacity .9s cubic-bezier(.22,1,.36,1),visibility .9s}.is-ready .loading-screen{visibility:hidden;opacity:0}.loading-eye{position:relative;width:3.4rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 54%,#02070d 0 11%,#0c5d8f 12% 24%,#072d51 25% 31%,transparent 32%),radial-gradient(circle at 65% 25%,#fff 0 8%,#c5bdba 50%,#54515a);box-shadow:0 1rem 3rem #00000059;animation:watch 2.4s ease-in-out infinite}@keyframes watch{0%,to{transform:translateY(-.15rem) rotate(-5deg)}50%{transform:translateY(.2rem) rotate(7deg)}}.art-interface{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.3rem,3vw,3rem);pointer-events:none;opacity:1;transition:opacity .8s ease}.art-interface.is-hidden{opacity:0}.art-label,.art-controls{transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.art-interface.is-idle .art-label{opacity:0;transform:translateY(-.75rem)}.art-interface.is-idle .art-controls{opacity:.18;transform:translateY(.35rem)}.art-label{width:fit-content;color:var(--paper);text-shadow:0 .15rem 1.4rem rgba(15,25,44,.45)}.eyebrow{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;color:var(--mist);font:600 clamp(.55rem,.65vw,.68rem)/1 "Avenir Next Condensed","Helvetica Neue",sans-serif;letter-spacing:.22em;text-transform:uppercase}.eyebrow i{width:.4rem;aspect-ratio:1;border-radius:50%;background:#d8eef4;box-shadow:0 0 1rem #b7e4f2eb;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.38}}.art-label h1{margin:0;font:italic 400 clamp(2.35rem,5vw,5.8rem)/.82 "Bodoni 72",Didot,"Iowan Old Style",serif;letter-spacing:-.06em;text-transform:uppercase}.art-label p{margin:.78rem 0 0 .24rem;color:#f2ece9ad;font:italic 400 clamp(.8rem,1vw,1rem)/1.3 "Iowan Old Style",Baskerville,serif;letter-spacing:.045em}.art-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;color:var(--mist)}.art-controls p{display:flex;align-items:center;gap:.55rem;margin:0;font:600 clamp(.52rem,.65vw,.66rem)/1 "Avenir Next Condensed","Helvetica Neue",sans-serif;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 .12rem .7rem rgba(18,29,48,.8)}.art-controls p span{width:1.8rem;height:1px;background:var(--line)}kbd{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid rgba(231,240,244,.4);border-radius:50%;color:#f0f5f7db;font:inherit;letter-spacing:0}.pause-button{display:flex;align-items:center;gap:.68rem;min-height:2.45rem;padding:.2rem .9rem .2rem .45rem;border:1px solid rgba(231,240,244,.35);border-radius:999px;background:#121f3340;-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);color:#eff4f6db;font:600 .62rem/1 Avenir Next Condensed,Helvetica Neue,sans-serif;letter-spacing:.16em;text-transform:uppercase;pointer-events:auto;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.pause-button:hover,.pause-button:focus-visible{border-color:#f2f7f9b8;background:#17273e85;outline:none;transform:translateY(-2px)}.pause-icon{position:relative;width:1.55rem;aspect-ratio:1;border-radius:50%;background:#e0edf3e6}.pause-icon:before,.pause-icon:after{position:absolute;top:.47rem;bottom:.47rem;width:2px;background:#263850;content:""}.pause-icon:before{left:.56rem}.pause-icon:after{right:.56rem}.is-paused .pause-icon:before{top:.43rem;bottom:auto;left:.58rem;width:0;height:0;border-top:.35rem solid transparent;border-bottom:.35rem solid transparent;border-left:.52rem solid #263850;background:transparent}.is-paused .pause-icon:after{display:none}noscript{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#f7f5f2;font:1rem/1.5 Georgia,serif;text-align:center}@media(max-width:640px){.art-interface{padding:1.15rem}.art-controls p{display:none}.art-controls{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.loading-eye,.eyebrow i{animation:none}.art-label,.art-controls,.art-interface,.loading-screen{transition-duration:.01ms}}