.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48}.help-button{position:fixed;right:24px;bottom:32px;z-index:50;width:48px;height:48px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font:600 20px Jost,sans-serif;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003}.help-button:hover{background:#0009;color:#fff;transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.help-overlay{position:fixed;right:84px;bottom:36px;z-index:49;width:280px;background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.15);transform-origin:bottom right;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);color:#fff}.help-overlay h3{margin:0 0 16px;font:600 18px Jost,sans-serif;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.help-item{display:flex;align-items:center;margin-bottom:12px;font:14px Jost,sans-serif;color:#fffc}.help-item:last-child{margin-bottom:0}.help-key{background:#ffffff26;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;margin-right:12px;color:#fff;min-width:24px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.help-button{top:24px;bottom:auto;right:16px}.help-overlay{top:80px;bottom:auto;right:16px;width:260px;transform-origin:top right}}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#241a1a}.htmlScreen iframe{width:950px;height:570px;border:none;position:fixed;background:#000;backface-visibility:hidden}.back-button{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:50;background:#0006;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);padding:10px 24px;border-radius:12px;cursor:pointer;font-family:Jost,system-ui,sans-serif;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#ffffff1a;color:#fff;transform:translate(-50%) translateY(-2px)}@media(max-width:768px){.back-button{top:16px;padding:8px 16px;font-size:13px;border-radius:10px}}.controls{position:fixed;left:50%;transform:translate(-50%);bottom:32px;display:flex;gap:12px;z-index:40;background:#0006;padding:8px;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.controls button{background:transparent;color:#ffffffb3;border:1px solid transparent;padding:8px 20px;border-radius:12px;cursor:pointer;font-family:Jost,system-ui,sans-serif;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.controls button:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.controls button.active{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 4px 12px #0000001a;text-shadow:0 0 8px rgba(255,255,255,.5)}@media(max-width:768px){.controls{bottom:24px;width:auto;max-width:95%;padding:6px;gap:8px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.controls::-webkit-scrollbar{display:none}.controls button{padding:8px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}}