/* Sky-blue page that never clears. Trebuchet MS, a 2000s screen face, set too big and too tight. */
:root{--sky:#65bbe1;--pink:#ff1ccd;--acid:#b8ff00;--ink:#0a0c1f;background:var(--sky);color:var(--ink);font:bold 13px/1.1 "Trebuchet MS",Verdana,sans-serif;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}
a{color:inherit}
button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

#scene{position:fixed;inset:0;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
#scene:active{cursor:grabbing}
#scene canvas{display:block;width:100%;height:100%}

.name{position:fixed;left:8px;top:calc(4px + env(safe-area-inset-top));z-index:4;text-decoration:none;font-size:clamp(34px,11vw,92px);letter-spacing:-.07em;line-height:.9;font-style:italic;transform:scaleY(1.35);transform-origin:0 0;color:var(--pink);-webkit-text-stroke:1px var(--ink)}
#hint{position:fixed;left:10px;right:10px;bottom:calc(52px + env(safe-area-inset-bottom));margin:0;z-index:4;text-align:center;text-transform:uppercase;pointer-events:none}
#hint[hidden]{display:none}
#loading{position:fixed;inset:45% 0 auto;text-align:center;margin:0}
#wipe{position:fixed;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:4;min-height:44px;padding:0 14px;background:var(--ink);color:var(--acid);text-transform:uppercase;font-size:13px}
#wipe:active{background:var(--pink)}
.fine{position:fixed;left:10px;right:10px;bottom:calc(6px + env(safe-area-inset-bottom));margin:0;z-index:4;font:9px/1.3 Verdana,sans-serif;text-transform:uppercase}

#orbit{position:fixed;inset:0;pointer-events:none;z-index:2}
#orbit a{position:absolute;left:0;top:0;pointer-events:auto;white-space:nowrap;text-decoration:none;padding:6px 8px;min-height:32px;display:flex;align-items:center;background:var(--ink);color:var(--acid);font-size:14px;letter-spacing:-.02em;will-change:transform}
#orbit a:nth-child(3n+2){color:var(--pink)}
#orbit a:nth-child(3n){color:#fff}
#orbit a:active,#orbit a:hover{background:var(--pink);color:var(--ink)}