*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;background:#000;width:100%;height:100%;overflow:hidden}body{color:#eee;-webkit-user-select:none;user-select:none;font-family:VT323,monospace}#app{position:fixed;top:0;bottom:0;left:0;right:0}#gl,#overlay{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#overlay{pointer-events:none}.screen{text-align:center;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen[hidden]{display:none}h1{letter-spacing:.12em;color:#e8d37a;text-shadow:3px 0 #ff2a2a88,-3px 0 #2ad4ff88,0 0 24px #e8d37a55;font-size:clamp(64px,16vw,160px);animation:3s step-end infinite jitter}.sub{letter-spacing:.2em;color:#ccc;font-size:clamp(22px,4vw,34px)}.warn{color:#999;font-size:24px;line-height:1.2}.controls{color:#777;font-size:20px}button{letter-spacing:.12em;color:#111;cursor:pointer;background:#e8d37a;border:0;padding:10px 28px;font-family:inherit;font-size:28px;box-shadow:4px 4px #000,0 0 18px #e8d37a44}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}button.ghost{color:#aaa;box-shadow:none;background:0 0;border:1px solid #555}button[hidden]{display:none}#result video{aspect-ratio:1;background:#111;border:2px solid #333;width:min(58vh,86vw)}#resultText{color:#ddd;max-width:640px;font-size:26px}#shareNote{color:#888;max-width:560px;min-height:1em;font-size:20px}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#hint{text-align:center;pointer-events:none;color:#f3ecd0;text-shadow:0 0 6px #000,0 0 2px #000;opacity:0;font-size:clamp(22px,3.4vw,32px);transition:opacity 1.2s;position:absolute;bottom:18%;left:0;right:0}#hint.show{opacity:.9}#stamina{opacity:0;pointer-events:none;background:#ffffff18;width:160px;height:4px;margin-left:-80px;transition:opacity .4s;position:absolute;bottom:7%;left:50%}#stamina.show{opacity:1}#stamina div{transform-origin:0;background:#f3ecd0aa;width:100%;height:100%}#touch{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#touch[hidden]{display:none}#stick{opacity:.6;border:2px solid #ffffff30;border-radius:50%;width:120px;height:120px;position:absolute;bottom:10%;left:7%}#knob{background:#ffffff40;border-radius:50%;width:48px;height:48px;margin:-24px;position:absolute;top:50%;left:50%}#run{pointer-events:auto;opacity:.55;padding:14px 18px;font-size:22px;position:absolute;bottom:12%;right:7%}.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}@keyframes jitter{0%{transform:none}92%{transform:translate(2px,-1px)skew(4deg)}94%{transform:translate(-3px,1px)}96%{transform:none}}