:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#06090e;color:#eef0e9;font-synthesis:none;--green:#39ff14;--edge:clamp(18px,3vw,32px)}
/* Holds belong to the artwork, including on iOS Safari. */
html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:14px;border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;padding:10px 14px}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid var(--green);outline-offset:5px}button,input{touch-action:manipulation}[hidden]{display:none!important}
#world{width:100%;height:100svh;display:block;position:fixed;inset:0;cursor:grab;touch-action:none}#world.pressing{cursor:grabbing}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#05080d75,transparent 25%,transparent 70%,#05080d99)}
header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) var(--edge);gap:12px;pointer-events:none}header>*{pointer-events:auto}.identity,.glyphica-link{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-weight:400;font-style:normal;color:#eef0e9;letter-spacing:.005em}.identity{margin:0;font-size:clamp(21px,2.2vw,27px);line-height:1.25;white-space:nowrap}.corner{display:flex;align-items:center}.glyphica-link{display:flex;align-items:center;min-height:44px;padding:10px 0 10px 14px;font-size:17px;line-height:1.25;transition:color .3s}.glyphica-link:hover,.glyphica-link:focus-visible{color:var(--green)}
.instagram-link{position:fixed;left:var(--edge);bottom:max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;min-width:44px;min-height:44px;z-index:2}.instagram-link[aria-disabled=true]{opacity:.35;cursor:default}.sound-button{position:fixed;right:var(--edge);bottom:max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;z-index:2;width:44px;height:44px;padding:10px}.sound-slash{display:none}.sound-button.muted .sound-waves{display:none}.sound-button.muted .sound-slash{display:block}
#touch{position:fixed;width:44px;height:44px;border:1px solid #39ff1477;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .5s}#touch.active{opacity:.8}#notice{position:fixed;bottom:150px;left:10%;right:10%;text-align:center;font-size:14px;color:#e7d6bf;pointer-events:none}.fallback{position:fixed;inset:20%;font-size:20px;line-height:1.6}.fallback a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.identity{font-size:21px}.glyphica-link{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:0s!important}}
#cursor{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:100;opacity:0;will-change:transform}.cursor-point,.cursor-ring{position:absolute;left:0;top:0;display:block;border-radius:50%}.cursor-point{width:4px;height:4px;transform:translate(-50%,-50%);background:var(--green);box-shadow:0 0 8px #39ff1470}.cursor-ring{width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid #39ff1499;background:#39ff1405;box-shadow:0 0 14px #39ff1415;will-change:width,height,transform;transition:border-color .2s,background-color .2s}.over-link .cursor-ring,.over-string .cursor-ring,.holding .cursor-ring{border-color:var(--green);background:#39ff1412;box-shadow:0 0 16px #39ff1433}.over-string .cursor-point{box-shadow:0 0 12px #39ff14aa}
@media(any-hover:hover) and (any-pointer:fine){body.cursor-visible,body.cursor-visible *{cursor:none!important}body.cursor-visible #cursor{opacity:1}body.cursor-visible #touch{opacity:0}}
@media(prefers-reduced-motion:reduce){.cursor-ring{transition:none}}
@media(forced-colors:active){#cursor{display:none!important}body.cursor-visible,body.cursor-visible *{cursor:auto!important}}
#cursor-membrane{position:fixed;inset:0;width:100vw;height:100svh;pointer-events:none;z-index:99;overflow:hidden;opacity:0}#cursor-membrane path{fill:none;stroke-width:.8;vector-effect:non-scaling-stroke}.membrane-rails{stroke:url(#cursor-depth-fade)}.membrane-middle{stroke:#39ff14;stroke-opacity:.13}.membrane-far{stroke:#39ff14;stroke-opacity:.14}
@media(forced-colors:active),(prefers-reduced-motion:reduce){#cursor-membrane{display:none}}
