body{margin:0;overflow:hidden;font-family:system-ui,sans-serif;background:#000}a{color:#7cf}
#hud{position:fixed;top:10px;left:10px;color:#fff;background:#000a;padding:10px 14px;border-radius:8px;max-width:380px;font-size:14px;line-height:1.45;z-index:5}#hud b{color:#ffd24a}.tag{font-size:12px;opacity:.85}
#start{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000b;color:#fff;text-align:center;cursor:pointer;z-index:10;padding:20px}#start h1{margin:0 0 8px}#start p{margin:4px}
#foot{position:fixed;bottom:6px;right:8px;color:#fff;font-size:11px;background:#0009;padding:3px 8px;border-radius:4px;z-index:5}
#arrow{position:fixed;top:14px;left:50%;font-size:42px;color:#ffd24a;text-shadow:0 0 6px #000;z-index:4}#cross{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:22px;text-shadow:0 0 3px #000;pointer-events:none}
#toast{position:fixed;top:28%;left:50%;transform:translateX(-50%);color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .3s;pointer-events:none;z-index:6}
#snd{position:fixed;top:10px;right:10px;background:#000a;color:#fff;padding:6px;border-radius:8px;z-index:11;display:flex;gap:4px;align-items:center}#snd input{width:70px}
#mob{display:none}.touch #mob{display:block}.touch #cross{display:block}#mob button{width:58px;height:58px;font-size:18px;margin:3px;border-radius:12px;border:0;background:#fff7;color:#000;font-weight:700}
#mob .l{position:fixed;left:12px;bottom:40px;text-align:center;z-index:6}#mob .r{position:fixed;right:10px;bottom:40px;width:200px;display:flex;flex-wrap:wrap;justify-content:flex-end;z-index:6}
#keybox{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#0d1420f2;color:#fff;padding:20px;border-radius:12px;z-index:30;max-width:520px;font-size:14px}#keybox input{width:100%;padding:8px;margin:6px 0}