body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}#modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a1473;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:1000}#modalOverlay.open{display:flex}.glass-card{width:min(92vw,560px);padding:20px 22px;border-radius:16px;background:#0c121ec7;border:1px solid rgba(86,198,255,.35);box-shadow:0 18px 48px #0a12288c,inset 0 0 18px #56c6ff1f;color:#e9f6ff}.glass-card h2{margin:0 0 6px;font-size:1.25rem}.glass-card .muted{margin:0 0 14px;opacity:.85}.glass-card .name-form{display:flex;flex-direction:column;gap:8px}.glass-card label{font-size:.9rem;opacity:.9}.glass-card input{padding:10px 12px;border-radius:10px;border:1px solid rgba(86,198,255,.35);background:#ffffff14;color:#fff;outline:none;font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.glass-card input.invalid{border-color:#ff4d4d}.glass-card .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.glass-card button,.glass-card .link-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(86,198,255,.35);background:#285a8c59;color:#e9f6ff;cursor:pointer;text-decoration:none}.glass-card button:hover,.glass-card .link-btn:hover{background:#285a8c80}.glass-card .top10-list{margin:8px 0 0;padding-left:18px;list-style:none}.glass-card .scroll-wrap{max-height:50vh;overflow-y:auto;margin:8px 0;padding-right:6px}.glass-card .top100-list{margin:0;padding-left:18px;list-style:none}#glContainer{position:absolute;top:0;left:0;width:90%;height:100%;z-index:1;pointer-events:auto}#sideContainer{position:absolute;top:20vh;right:0;width:17%;height:80%;pointer-events:auto;z-index:3;background:transparent;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box;padding:10px}.container{position:absolute;top:0;left:0;width:100%;height:25vh;margin-left:0;z-index:2;background:transparent;display:flex;box-sizing:border-box;gap:10px}.plot{width:33%;height:100%;box-sizing:border-box;padding:1px}.example-cell{position:relative;width:100%;height:25%;box-sizing:border-box}.example-item{width:100%;height:100%;position:relative}.example-chart{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:transparent}.example-image{width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:transparent}#bottomTextContainer{position:fixed;bottom:1.5em;left:50%;transform:translate(-50%);width:min(94vw,1024px);z-index:5;pointer-events:none;color:#f5fbff;font-family:Consolas,Fira Mono,SFMono-Regular,monospace}#bottomTextContainer .hud-card{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.45rem .75rem;background:#0c121ec7;border:1px solid rgba(86,198,255,.35);border-radius:14px;box-shadow:0 16px 40px #0a122866,inset 0 0 14px #56c6ff1a;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);pointer-events:auto}#bottomTextContainer .hud-title{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:.75rem;font-size:clamp(.75rem,1.4vw,.88rem);letter-spacing:.08em;text-transform:uppercase;color:#b9e1ffd9;background:#285a8252;text-shadow:0 0 4px rgba(120,200,255,.35)}#bottomTextContainer .hud-status{display:inline-flex;align-items:center;padding:.06rem .4rem;border-radius:.75rem;font-size:clamp(.78rem,1.6vw,.92rem);color:#d2ebffeb;background:#285a8c52;box-shadow:inset 0 0 0 1px #56c6ff4d;text-shadow:0 0 4px rgba(40,180,255,.3);white-space:nowrap}#bottomTextContainer .hud-controls{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .55rem;font-size:clamp(.72rem,1.55vw,.88rem);line-height:1.2}#bottomTextContainer .control-group{display:inline-flex;align-items:center;gap:.2rem;opacity:.96}#bottomTextContainer .control-group .label{white-space:nowrap;letter-spacing:.03em;text-shadow:0 0 5px rgba(120,200,255,.4)}#bottomTextContainer .control-group .label .speed-run-label{color:#ff4d4d;font-weight:800;font-style:italic}#bottomTextContainer .key-pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;padding:.05em .28em;border-radius:.8rem;background:#ffffff1f;box-shadow:inset 0 0 0 .45px #ffffff59,0 0 8px #78c8ff59;color:#fff;text-transform:uppercase;letter-spacing:.08em;transition:background .16s ease,transform .16s ease}#bottomTextContainer .key-pill:hover{background:#ffffff38;transform:translateY(-1px)}#bottomTextContainer .separator{opacity:.35;-webkit-user-select:none;user-select:none}.floating-text{background:transparent}@media (max-width: 720px){#bottomTextContainer .hud-card{padding:.5rem .8rem}#bottomTextContainer .hud-controls{gap:.3rem .55rem}#bottomTextContainer .key-pill{min-width:1.35em;padding:.06em .3em;letter-spacing:.06em;font-size:.88em}#bottomTextContainer .hud-status{padding:.08rem .4rem}}@media (max-width: 420px){#bottomTextContainer{width:96vw}#bottomTextContainer .hud-controls{flex-direction:column;gap:.35rem}#bottomTextContainer .separator{display:none}}