:root{--header-height: 25px}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}body.hudes-mobile #plot2{display:none}body.hudes-mobile #sideContainer{display:none!important}body.hudes-mobile button,body.hudes-mobile .header-pill,body.hudes-mobile [data-hud-action]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:#000;display:flex;align-items:center;justify-content:center;z-index:100}.site-logo{max-height:calc(var(--header-height) - 4px);width:auto;display:block;object-fit:contain;image-rendering:auto}.header-left-actions{position:absolute;left:clamp(10px,3vw,28px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}body.hudes-mobile .header-left-actions .header-source{display:none}.connection-status{position:absolute;top:50%;right:clamp(4px,1vw,12px);transform:translateY(-50%);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#ffd666}.header-controls{position:absolute;right:clamp(120px,12vw,210px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.8rem}.header-controls button.header-pill,.header-left-actions .header-pill,.header-left-actions .header-pill:link,.header-left-actions .header-pill:visited{padding:0;border:none;background:none;color:#ffd666;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;cursor:pointer;transition:color .18s ease,text-shadow .18s ease;text-decoration:none}.header-controls button.header-pill:focus,.header-left-actions .header-pill:focus{outline:none}.header-controls .mode-toggle{font-size:.62rem;letter-spacing:.1em}.header-controls button.header-pill:hover,.header-controls button.header-pill:focus-visible,.header-left-actions .header-pill:hover,.header-left-actions .header-pill:focus-visible{color:#ffe59c;text-decoration:none;text-shadow:0 0 8px rgba(255,229,156,.85)}.connection-status[data-state=connected]{color:#4caf50}.connection-status[data-state=connecting]{color:#fa3}.connection-status[data-state=disconnected]{color:#ff5757}#imageContainer{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:400;overflow:hidden}#imageContainer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#120c00a6,#000000d9);opacity:0;transition:opacity .18s ease}#imageContainer.help-open{pointer-events:auto}#imageContainer.help-open:before{opacity:1}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transform:scale(.97);transition:opacity .2s ease,transform .2s ease;pointer-events:none;background:transparent;border:none;box-shadow:none;visibility:hidden}.help-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible}.help-overlay__image{max-width:min(86vw,900px);max-height:min(74vh,620px);width:auto;height:auto}.help-overlay__close{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,210,120,.6);background:#000000b3;color:#ffd666;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.help-overlay__close:hover{transform:scale(1.06);background:#ffc8282e;border-color:#ffd778e6}.help-overlay__close:focus-visible{outline:2px solid rgba(255,215,120,.9);outline-offset:2px}.help-overlay__content{width:min(92vw,820px);background:#050a14eb;border:1px solid rgba(255,190,80,.35);border-radius:20px;padding:clamp(18px,4vw,32px);box-shadow:0 24px 48px #0000008c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative}.help-overlay__body{display:flex;flex-direction:column;gap:1.5rem}body.hudes-mobile .help-overlay__content{width:calc(100vw - 24px);margin:0 12px;padding:clamp(16px,6vw,24px)}body.hudes-mobile .help-overlay__body{gap:1rem}.help-overlay.is-splash{background:#000000e6}.help-overlay.is-splash .help-overlay__content{width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.help-overlay.is-splash .help-overlay__close{display:none}.help-overlay__tabs{display:none;gap:.5rem;margin-bottom:1rem}.help-overlay__tabs.is-visible{display:flex}.help-overlay__tabs button{flex:1;border:1px solid rgba(255,214,102,.4);background:#0c1428b3;color:#ffd666cc;border-radius:999px;padding:.35rem .5rem;cursor:pointer;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}.help-overlay__tabs button.is-active{background:#ffd66633;color:#fff1cc;border-color:#ffd666b3}.tour-screen{display:flex;flex-direction:column;gap:1.1rem;color:#f3fbff}.tour-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;color:#ffd666e6;margin:0}.tour-hero{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:wrap}.tour-hero__visual{flex:1 1 260px;min-height:220px;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;overflow:hidden}.tour-hero__visual img{width:100%;height:100%;object-fit:cover}.tour-hero__body{flex:1 1 260px;display:flex;flex-direction:column;gap:.9rem}body.hudes-mobile .tour-hero__body{gap:.45rem}body.hudes-mobile .tour-hero__body .tour-eyebrow,body.hudes-mobile .tour-hero__body .tour-welcome__list,body.hudes-mobile .tour-hero__body .tour-welcome__list li{margin:0}.tour-pitch,.tour-desc{margin:0;color:#e4f1ffeb}.tour-cta-row{display:flex;flex-wrap:wrap;gap:.8rem}.tour-mobile-note{margin:0;color:#c8dcffd9;font-size:.9rem}.tour-btn{border:1px solid rgba(255,214,102,.65);border-radius:999px;padding:.55rem 1.45rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;cursor:pointer;background:#ffd66626;color:#ffd666;transition:background .16s ease,transform .16s ease}.tour-btn.primary{background:linear-gradient(135deg,#ffd666,#ffae4d);color:#0a0f1d;border-color:transparent}.tour-btn.ghost{background:transparent;color:#ffd666cc}.tour-btn:active{transform:translateY(1px)}.tour-btn.resume{border-color:#b4d2ff66;background:#0a1428e6;color:#c8e6ffe6}.tour-resume-row{margin-top:.65rem}.tour-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tour-mode-card{border:1px solid rgba(255,214,102,.25);border-radius:14px;padding:1rem;background:#0a101ed9;color:#f1fbff;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.tour-mode-card.is-selected{border-color:#ffd666e6;box-shadow:0 0 0 2px #ffd66633}.tour-mode-heading h3{margin:0 0 .25rem;font-size:1.05rem}.tour-mode-heading p,.tour-mode-body{margin:0;color:#e4f1ffe6;font-size:.9rem}.tour-mode-nudge{display:inline-block;margin-top:.35rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#ffd666e6}.tour-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.tour-legend li{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;border-left:2px solid rgba(255,214,102,.6);background:#0c1426a6}.tour-key{font-weight:600;letter-spacing:.08em}.tour-label{color:#d6e6ffd9;font-size:.85rem}.tour-footer{text-align:center;color:#e4f1ffd9;margin:0}.help-info-sheet{position:absolute;inset:clamp(16px,4vw,48px);background:#050a16f2;border:1px solid rgba(255,214,102,.35);border-radius:20px;padding:clamp(18px,4vw,28px);box-shadow:0 24px 48px #0009;transform:translateY(10px) scale(.97);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;display:flex;flex-direction:column;gap:.9rem}.help-info-sheet ul{margin:0;padding-left:1rem;color:#e4f1ffe6}.help-overlay.showing-info .help-info-sheet{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.tour-screen--speed .tour-legend{margin-top:.25rem}.tour-screen--splash{align-items:center;text-align:center;justify-content:center;min-height:60vh;width:100%;height:100%}.tour-splash__logo{width:auto;height:min(80vh,80vw);max-height:85vh;max-width:90vw;object-fit:contain;align-self:center}.tour-splash__media{width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin:.5rem 0}.tour-splash__subcopy{margin:0;letter-spacing:.2em;color:#ffd666cc}.tour-splash__prompt{margin-top:1rem;color:#ffd666d9;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.tour-screen--splash-active{animation:splashPulse 1.5s ease-in-out infinite alternate}.tour-screen--splash-fade{animation:splashFade .45s ease forwards}@keyframes splashPulse{0%{opacity:.75}to{opacity:1}}@keyframes splashFade{to{opacity:0}}.tour-screen--welcome .tour-welcome__list{list-style:disc;padding-left:1.2rem;color:#e4f1ffe6;margin:0}.tour-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.tour-checklist li{border-left:3px solid rgba(255,214,102,.4);padding-left:.75rem;color:#e4f1ffd9}.tour-checklist li.is-complete{border-color:#7bffb4e6;color:#a0ffc8f2}.tour-checklist__head{font-weight:600;text-transform:uppercase;letter-spacing:.08em}body.hudes-mobile .tour-checklist{gap:.4rem}body.hudes-mobile .tour-checklist li{line-height:1.2}.tour-rules{list-style:decimal;margin:0;padding-left:1.2rem;color:#e4f1ffe6}.tour-compact-keys{font-size:.85rem;color:#ffd666d9;border-left:2px solid rgba(255,214,102,.5);padding-left:.65rem}.help-tab{display:flex;flex-direction:column;gap:1rem}.help-tab--how ul{margin:0;padding-left:1rem}.help-tab--how li{color:#e4f1ffe6;margin-bottom:.5rem}.help-tab--controls .tour-legend{margin:0}#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}.results-card{max-width:420px;display:flex;flex-direction:column;gap:.75rem}.results-metrics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.results-metrics li{background:#0a122899;border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(255,214,102,.2)}.results-metrics li span{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#ffd666b3}.results-metrics li strong{font-size:1rem;color:#f0f8fff2}.results-share{font-size:.82rem;color:#e4f1ffd9;border-left:2px solid rgba(255,214,102,.4);padding-left:.6rem}.results-actions{display:flex;gap:.5rem;flex-wrap:wrap}.results-actions button{flex:1;border-radius:999px;border:1px solid rgba(255,214,102,.5);background:#0c1426cc;color:#ffd666e6;padding:.4rem .75rem;text-transform:uppercase;font-size:.66rem;letter-spacing:.15em;cursor:pointer}.results-actions button:disabled{opacity:.4;cursor:not-allowed}.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}.glass-card .top10-list li{margin:2px 0}.glass-card .top10-mono{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;white-space:pre}.glass-card .top10-title{margin-left:6px}#glContainer{position:absolute;top:var(--header-height);left:0;width:90%;height:calc(100vh - var(--header-height));z-index:1;pointer-events:auto}body.hudes-mobile #glContainer{--mobile-gl-top: max(-30vh, calc(var(--header-height) * .5 - 30vh));top:calc(var(--mobile-gl-top) - var(--header-height));height:calc(100vh - var(--mobile-gl-top) + var(--header-height));width:100%}#sideContainer{position:absolute;top:calc(var(--header-height) + 20vh);right:0;width:17%;height:calc(80vh - var(--header-height));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:calc(var(--header-height) + 10px);left:0;width:100%;height:25vh;margin-left:0;z-index:2;background:transparent;display:flex;box-sizing:border-box;gap:10px;padding:0 12px 0 0}.plot{width:33%;height:100%;box-sizing:border-box;padding:1px;display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.plot canvas{flex:1}.plot-title{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#d2ebffd9;margin:0}#plot3 .plot-title{font-size:clamp(.6rem,1.4vw,.72rem);letter-spacing:.08em;align-self:flex-end;width:auto;text-align:right}.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-chart canvas,.example-chart-canvas,.confusion-matrix-canvas{width:100%!important;height:100%!important}.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:normal;text-align:center;width:100%}body.speedrun-countdown #bottomTextContainer .hud-status .hud-timer{color:#ffed9c;font-weight:600}body.speedrun-active #bottomTextContainer .hud-status .hud-timer{color:#ff5a5a;font-weight:700}#speedrunCountdownOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease;z-index:999}#speedrunCountdownOverlay.visible{opacity:1;transform:scale(1)}.speedrun-countdown__box{width:80vw;height:55vh;max-width:1100px;max-height:600px;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,32px)}.speedrun-countdown__text{display:block;font-size:min(12vh,18vw);font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#ffd666;text-shadow:0 0 45px rgba(0,0,0,.7);line-height:1.05;white-space:normal;text-align:center;word-break:break-word}#speedrunCountdownOverlay.count .speedrun-countdown__text{font-size:min(16vh,24vw);color:#ff4d4d}#speedrunCountdownOverlay.ready .speedrun-countdown__text{color:#ffed8c}#tutorialToast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%) translateY(10px);background:#050a14e6;border:1px solid rgba(123,255,200,.4);color:#d2ffebf2;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;letter-spacing:.08em;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:500}#tutorialToast.visible{opacity:1;transform:translate(-50%) translateY(0)}#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 .hud-inline-actions{flex-basis:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.35rem}#bottomTextContainer .hud-inline-actions button{border:1px solid rgba(86,198,255,.35);border-radius:999px;background:#1c2a448c;color:#e9f6ff;font-size:clamp(.72rem,1.4vw,.86rem);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .9rem;pointer-events:auto;transition:background .12s ease,transform .12s ease}#bottomTextContainer .hud-inline-actions button:active{background:#283c5ae6;transform:translateY(1px)}#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 .hud-dim-combo{display:inline-flex;align-items:center;gap:.3rem}#bottomTextContainer .hud-dim-key{display:inline-flex;font-weight:700;font-size:.95em;letter-spacing:.05em;text-shadow:0 0 6px rgba(0,0,0,.35)}#bottomTextContainer .hud-dim-key-sep{display:inline-block;width:.35rem}#bottomTextContainer .hud-dim-sign{margin-left:.4rem;font-size:.8em;letter-spacing:.08em;color:#dcebffd9}#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}}#mobileActionPanel{display:none}body.hudes-mobile #mobileActionPanel{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;width:max-content;margin-top:.6rem;margin-left:auto;margin-right:2px;padding:0 2px 0 0;border:none;border-radius:12px;background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:0;z-index:1;pointer-events:auto}#joystickPad{position:fixed;bottom:8vh;left:50%;transform:translate(-50%);width:clamp(120px,30vw,220px);height:clamp(120px,30vw,220px);border-radius:50%;background:radial-gradient(circle at center,#ffffff0f,#081020d9);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #0009;display:none;align-items:center;justify-content:center;z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}body.hudes-mobile #joystickPad{display:flex}body.help-overlay-open #joystickPad{display:none!important}#joystickThumb{width:clamp(48px,12vw,96px);height:clamp(48px,12vw,96px);border-radius:50%;background:#ffd66640;border:1px solid rgba(255,214,102,.45);box-shadow:inset 0 0 6px #ffd66659;transform:translate(0);transition:transform .12s ease}.joystick-hint{position:absolute;bottom:-2.2rem;width:max-content;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0}.joystick-hint.hidden{opacity:0}body.hudes-mobile .container{justify-content:flex-end;align-items:flex-start;padding-right:2px;padding-left:0;gap:0;height:20vh}body.hudes-mobile #plot1{flex:1;width:auto;min-width:0}body.hudes-mobile #plot3{width:min(42vw,300px);margin-left:2px}body.hudes-mobile #plot3 #confusionMatrixChart{flex:1}#mobileActionPanel .mobile-panel__grid{display:inline-flex;flex-direction:column;align-items:stretch;gap:12px;padding:0;background:transparent;width:max-content}#mobileActionPanel button{border:1px solid rgba(86,198,255,.25);border-radius:10px;padding:.4rem .65rem;background:#1e28468c;color:#e9f6ff;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;width:100%;min-width:max-content;white-space:nowrap;text-align:center}#mobileActionPanel button:disabled{opacity:.45;cursor:not-allowed;background:#1e284640}#mobileActionPanel button:active{background:#283c5ae6}#bottomTextContainer .hud-card{padding-left:1rem;padding-right:1rem;box-sizing:border-box;max-width:100%}#bottomTextContainer .hud-mobile-actions{display:none;margin-top:.5rem;width:100%;gap:.5rem}body.hudes-mobile #bottomTextContainer .hud-mobile-actions{display:flex}#bottomTextContainer .hud-mobile-actions button{flex:1;border-radius:999px;border:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#06121f;background:#ffd666;padding:.6rem .8rem;box-shadow:0 8px 18px #00000059}#bottomTextContainer .hud-mobile-actions button:active{transform:translateY(1px)}body.hudes-hide-hud #bottomTextContainer{display:none!important}.level-modal{position:fixed;top:140px;left:50%;transform:translate(-50%);z-index:900;display:none;pointer-events:auto}.level-modal.visible{display:block;animation:slideDownFade .4s ease-out}.level-modal-content{width:min(90vw,400px);padding:1.2rem;border:1px solid rgba(255,214,102,.4);background:#0c121ee6;box-shadow:0 8px 32px #0009;text-align:center}.level-modal h2{color:#ffd666;font-size:1.1rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.08em}.level-modal p{color:#e4f1ffe6;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.level-modal .actions{display:flex;justify-content:center}.level-modal button{background:#ffd66626;color:#ffd666;border:1px solid rgba(255,214,102,.5);padding:.4rem 1.2rem;border-radius:999px;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;transition:background .2s,transform .1s}.level-modal button:hover{background:#ffd66640}.level-toast{position:fixed;top:160px;left:50%;transform:translate(-50%);z-index:950;background:#0c121ee6;border:1px solid rgba(255,214,102,.4);box-shadow:0 8px 32px #0009;color:#e4f1ffe6;padding:1.2rem;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s ease-out;display:flex;flex-direction:column;align-items:center;gap:.1rem;white-space:normal;text-align:center}.level-toast.visible{opacity:1;animation:toastPop .3s cubic-bezier(.175,.885,.32,1.275)}.level-toast-eyebrow{color:#4caf50;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem}#levelToastLevel{color:#ffd666;font-size:1.1rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.08em}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastPop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}body.hudes-mobile .level-modal{top:calc(env(safe-area-inset-top,0) + 16px);bottom:auto;width:100%;padding:0 1rem;justify-content:center;align-items:flex-start}body.hudes-mobile .level-modal.visible{display:flex}body.hudes-mobile .level-modal .level-modal-content{width:min(100%,420px)}body.hudes-mobile .level-toast{top:100px;font-size:.85rem;padding:.5rem 1rem}.level-close-btn{position:absolute;top:10px;right:14px;font-size:1.5rem;line-height:1;cursor:pointer;color:#fff9;transition:color .2s}.level-close-btn:hover{color:#fff}.level-eyebrow{color:#4caf50;font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:.25rem;text-transform:uppercase}.level-modal-content{position:relative;padding-top:1.5rem}.results-metrics-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem;background:#ffffff0d;border-radius:8px}.metric-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.metric-item span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.metric-item strong{font-size:1.1rem;color:#fff;font-family:Roboto Mono,monospace}.metric-sep{width:1px;height:24px;background:#fff3}.share-actions{display:flex;justify-content:center;gap:.8rem;margin:1rem 0}.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;border:none;outline:none}.x-btn{background:#000;color:#fff;border:1px solid rgba(255,255,255,.2)}.x-btn:hover{background:#111;border-color:#fff6;transform:translateY(-1px)}.copy-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.copy-btn:hover{background:#fff3;transform:translateY(-1px)}