@font-face{font-family:GelatoBoy;src:url(../fonts/gelatoboy.ttf) format("truetype");font-display:block}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0}html.standalone,html.standalone body{width:var(--screen-w);height:var(--screen-h)}html.standalone #app,html.standalone #title,html.standalone #touch{inset:0 auto auto 0;width:var(--screen-w);height:var(--screen-h)}#app,#app canvas{display:block;width:100%;height:100%}#hud{position:fixed;top:12px;left:12px;color:#f4ecdf;font-size:13px;line-height:1.4;background:#1010188c;padding:8px 12px;border-radius:6px;pointer-events:none}#hud[hidden]{display:none}#hud p{margin:2px 0}#status{position:fixed;left:0;right:0;bottom:calc(50% + 28px);text-align:center;color:#f4ecdf;font-size:18px;pointer-events:none}#status:empty{display:none}body.loading #reticle,body.loading #right-hint{display:none}#info{white-space:pre-line;font-family:ui-monospace,Menlo,monospace;font-size:12px}#toast{position:fixed;top:116px;left:50%;transform:translate(-50%);max-width:min(640px,calc(100% - 32px));padding:8px 14px;line-height:1.4;opacity:0;transition:opacity .4s;pointer-events:none;text-align:center}#toast.show{opacity:1}#title{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#90ba42;cursor:pointer;user-select:none}#title.walled{background:#000}#title .backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#title .start,#title .bar{position:relative;z-index:1;translate:var(--hole-x, 0) var(--hole-y, 0)}#title .start{translate:var(--start-x, 0) var(--start-y, 0)}#title .start{color:#fff;font:16px GelatoBoy,monospace;-webkit-font-smoothing:none;font-smooth:never}#title .start:before,#title .start:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-size:200% 100%;animation:run 2.5s linear infinite}#title .start:before{filter:blur(8px);-webkit-text-stroke:6px transparent;animation:run 2.5s linear infinite,pulse 1.96s ease-in-out infinite}#title .start:after{filter:blur(2px)}#title .start>span{position:relative}@keyframes run{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.6}}#title .bar{display:none;width:min(320px,60vw);height:12px;border:2px solid #fff;padding:2px;box-shadow:0 0 8px #ffffff80,inset 0 0 6px #ffffff40}#title .bar{--w: min(320px, 60vw)}#title .bar>div,#title .bar>div:after{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-size:calc(var(--w) * 2) 100%;animation:run-bar 2.5s linear infinite}#title .bar>div{position:relative;width:0;height:100%;transition:width .2s}#title .bar>div:after{content:"";position:absolute;inset:0;z-index:-1;filter:blur(6px)}@keyframes run-bar{to{background-position:calc(var(--w) * -2) 0}}#title.loading{cursor:default}#title.loading .start{display:none}#title.loading .bar{display:block}#app.crt-on{animation:crt-on .8s ease-out both}@keyframes crt-on{0%{transform:scale(.02,.004);filter:brightness(6)}25%{transform:scaleY(.006);filter:brightness(5)}60%{transform:scale(1);filter:brightness(2)}to{transform:none;filter:none}}#virtualato{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000;pointer-events:none}#virtualato.on{display:flex}#virtualato canvas{width:min(100vw,calc(100vh * 384 / 224));height:auto;image-rendering:pixelated}#virtualato .cups{position:absolute;inset:0;background:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 72%,rgba(0,0,0,.85) 92%,#000 100%)}#hud,#toast{z-index:2}#reticle{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:3}#reticle .dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#fff8e8d9;box-shadow:0 0 0 1.5px #00000073;transition:transform .12s}#reticle.active .dot{transform:scale(1.6);background:#0f0}#reticle-label{position:absolute;top:14px;left:0;transform:translate(-50%);white-space:nowrap;color:#fff8e8;font-size:13px;text-shadow:0 0 1px #000,0 0 1px #000,0 0 2px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.6)}#right-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;color:#fff8e8;font-size:18px;background:#10101899;padding:8px 16px;border-radius:8px}#right-hint:empty{display:none}#corner{position:fixed;top:12px;right:12px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#vr-button,#fs-button,#toast{border:4px solid #0f0;border-radius:0;background:#000c;color:#0f0;font:16px GelatoBoy,monospace;-webkit-font-smoothing:none}#vr-button,#fs-button{padding:8px 14px;cursor:pointer}#vr-button{order:1}#vr-button[hidden],#fs-button[hidden]{display:none}#vr-button:hover,#fs-button:hover{background:#0f0;color:#000}#touch{position:fixed;inset:0;z-index:3;pointer-events:none;user-select:none;-webkit-user-select:none}#touch[hidden]{display:none}#touch .tbtn{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#10101873;color:#fff8e8d9;font:700 18px sans-serif;border:2px solid rgba(255,248,232,.25);touch-action:none}#touch .tbtn.on{background:#00ff0059}#touch .t-up{left:76px;bottom:140px}#touch .t-down{left:76px;bottom:20px}#touch .t-left{left:16px;bottom:80px}#touch .t-right{left:136px;bottom:80px}#touch .t-a{right:20px;bottom:96px;width:68px;height:68px;border-radius:50%}#touch .t-b{right:100px;bottom:40px;width:68px;height:68px;border-radius:50%}#touch .tbtn svg{width:22px;height:22px;fill:currentColor}#touch .tstick{position:absolute;display:none;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,248,232,.35);background:#10101840}#touch .tknob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:#fff8e88c}#touch .tright{position:absolute;top:14px;left:50%;transform:translate(-50%);display:none;pointer-events:auto;padding:10px 18px;border-radius:8px;background:#101018b3;color:#fff8e8;font:600 15px sans-serif;touch-action:none}body.touching #right-hint{display:none}