.hud-root{pointer-events:none;z-index:var(--hud-z);position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-summary,.hud-stat{align-items:baseline;gap:8px;display:flex}.hud-summary{gap:8px}.hud-eyebrow{color:var(--muted);font-family:var(--pixel);letter-spacing:.08em;text-transform:uppercase;-webkit-font-smoothing:none;font-smooth:never;font-size:13px;font-weight:400;line-height:1}.hud-digits{color:var(--muted);font-family:var(--pixel);letter-spacing:.08em;-webkit-font-smoothing:none;font-smooth:never;font-size:13px;line-height:1}.hud-digits.hud-bump{color:var(--yellow)}.hud-time-block{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hud-track{background:var(--rule);width:160px;height:4px}.hud-fill{background:var(--cream);height:100%}@media (max-width:560px){.hud-top{gap:10px;padding:12px}.hud-summary{gap:10px;min-width:0}.hud-stat{white-space:nowrap;gap:4px}.hud-eyebrow,.hud-digits{letter-spacing:.04em;font-size:12px}.hud-time-block{gap:0}.hud-track{width:auto;position:absolute;top:54px;left:12px;right:84px}}@media (max-width:360px){.hud-summary{gap:8px}.hud-stat--score .hud-eyebrow{display:none}}.hud-caption{left:0;right:0;top:calc(var(--strip-top,60%) + var(--strip-h,25%) + 6px);max-width:100%;color:var(--muted);font-family:var(--extended);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;font-size:11px;font-weight:600;position:absolute;overflow:hidden}@media (max-width:479px){.hud-caption{letter-spacing:.08em;padding-right:calc(56px + 16px + var(--hit-slop,8px))}.hud-caption-detail{display:none}}.hud-rec{color:var(--yellow);animation:hud-blink var(--blink-caret) steps(1, end) infinite}@keyframes hud-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}@media (min-width:1440px){.hud-digits,.hud-eyebrow{font-size:14px}}
.ptf-stage{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.ptf-strip{left:0;right:0;top:var(--strip-top,30%);height:var(--strip-h,40%);border:var(--hairline);pointer-events:none;background:0 0;position:absolute}.ptf-canvas{image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;display:block;position:absolute}.ptf-stage.ptf-edge-death .ptf-strip{border-color:var(--cream)}.ptf-stage.ptf-edge-win .ptf-strip{border-color:var(--yellow)}
.dlg-box{background:var(--panel);border:var(--dialogue-border);padding:var(--dialogue-pad);font-family:var(--pixel);font-size:18px;line-height:var(--dialogue-line-h);color:var(--cream);transform-origin:50% 100%;border-radius:0;animation:.14s cubic-bezier(.22,1,.36,1) both dlg-pop;position:relative}@media (max-width:767px){.dlg-box{--dialogue-line-h:28px;font-size:16px}}.dlg-text{height:calc(3 * var(--dialogue-line-h));white-space:pre-wrap;overflow:hidden}.dlg-name{background:var(--panel);border:2px solid var(--cream);color:var(--cream);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:4px 14px;font-size:13px;line-height:1;position:absolute;top:-14px;left:24px}.dlg-arrow{color:var(--yellow);font-family:var(--pixel);animation:dlg-blink var(--blink-arrow) steps(1, end) infinite;pointer-events:none;font-size:13px;line-height:1;position:absolute;bottom:8px;right:16px}@keyframes dlg-blink{0%{opacity:1}50%,to{opacity:0}}@keyframes dlg-pop{0%{transform:scale(.98,.94)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dlg-arrow{animation-duration:var(--blink-arrow)!important;animation-iteration-count:infinite!important}}