*{box-sizing:border-box}html,body{margin:0;width:1920px;height:1080px;overflow:hidden;background:transparent}body{color:var(--cy-white);font-family:"Chakra Petch",var(--tui-font-mono)}[hidden]{display:none!important}#stage{position:absolute;inset:0;pointer-events:none}#insight{position:absolute;right:16px;bottom:282px;width:306px;background-color:var(--cy-void);border:1px solid var(--cy-line);border-top:2px solid var(--tui-red);background-image:repeating-linear-gradient(-45deg,var(--nxl-red-08) 0 3px,transparent 3px 10px),radial-gradient(ellipse at 100% 0%,var(--nxl-red-11),transparent 65%);background-size:26px 100%,auto;background-position:right top;background-repeat:no-repeat}#insight .nxl-breach-corner{pointer-events:none}header{height:25px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--cy-line)}.brand{font:700 16px var(--tui-font-mono);letter-spacing:1px}.cursor{color:var(--tui-red)}#signal-label{color:var(--tui-text-muted);font:500 12px var(--tui-font-mono);letter-spacing:1.4px}.signal-dot{margin-left:auto;width:5px;height:5px;background:var(--tui-red)}.content{padding:10px 12px 9px}.identity{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 10px;align-items:center}.image-frame{position:relative;grid-row:span 2;width:64px;height:48px;border:1px solid var(--nxl-red-45);background:var(--cy-ink);overflow:hidden}#subject-image{display:block;width:100%;height:100%;object-fit:contain}.image-fallback{display:grid;height:100%;place-content:center;font-size:28px;color:var(--tui-red)}.identity-text{min-width:0}h1{margin:0;font-size:23px;font-weight:700;line-height:1}#context{margin:3px 0 0;font-size:15px;line-height:1.1;color:var(--tui-text-secondary)}.primary-clock{display:flex;align-items:baseline;gap:8px;line-height:1}#clock-label{color:var(--tui-text-muted);font-size:14px;font-weight:600}#clock{color:var(--tui-red);font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-1px}#metrics{margin-top:10px;display:grid;gap:7px}.benchmark{display:grid;grid-template-columns:66px minmax(20px,1fr) max-content;align-items:center;gap:8px;line-height:1}.benchmark[data-cohort=ranked]{--cohort-color: var(--cy-gold)}.benchmark[data-cohort=professional]{--cohort-color: var(--cy-cyan)}.cohort{font-size:18px;font-weight:600}.timing-track{display:block;height:7px;position:relative;background:var(--cy-line)}.timing-fill{display:block;width:var(--timing-width);height:100%;background:var(--cohort-color);position:relative}.timing-fill:after{content:"";position:absolute;right:0;top:-3px;width:2px;height:13px;background:var(--cy-white)}.benchmark.unavailable .timing-track{background:repeating-linear-gradient(115deg,var(--cy-line) 0 3px,transparent 3px 7px)}.cohort-result{text-align:right;white-space:nowrap}.cohort-value{color:var(--cohort-color);font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}.cohort-sample{display:inline;margin-left:5px;color:var(--tui-text-muted);font-size:13px}.benchmark.unavailable .cohort-value{color:var(--tui-text-secondary);font-size:17px}#note{margin:8px 0 0;padding-top:7px;border-top:1px solid var(--cy-line);color:var(--tui-text-muted);font-size:14px;line-height:1.1}#lifetime{height:2px;background:var(--tui-red);transform-origin:left}#insight[data-kind=early_game] .image-frame{height:68px}#insight[data-kind=early_game] #subject-image{object-fit:cover}#insight[data-kind=early_game] #metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--cy-line);padding-top:8px}.recap-metric{min-width:0}.recap-metric+.recap-metric{border-left:1px solid var(--cy-line);padding-left:8px}.recap-metric span{display:block;color:var(--tui-text-muted);font-size:15px}.recap-metric strong{display:block;margin-top:2px;color:var(--cy-cyan);font-size:24px;font-weight:700;line-height:1.1;white-space:nowrap}.recap-metric:first-child strong{color:var(--tui-red)}#stage[data-position=left] #insight{inset:250px auto auto 16px;width:336px}#stage[data-position=top] #insight{inset:72px auto auto 792px;width:336px}#stage[data-position=bottom] #insight{right:auto;left:792px;bottom:192px;width:336px}#stage[data-position=hud-left] #insight{right:auto;left:286px;bottom:22px;width:208px}#stage[data-position=hud-right] #insight{right:auto;left:1414px;bottom:22px;width:156px}#stage[data-position^=hud-] #signal-label,#stage[data-position^=hud-] #context,#stage[data-position^=hud-] #note,#stage[data-position^=hud-] #metrics{display:none}#stage[data-position^=hud-] .content{padding:8px}#stage[data-position^=hud-] .identity{grid-template-columns:40px minmax(0,1fr);gap:6px}#stage[data-position^=hud-] .image-frame{width:40px;height:46px;grid-row:auto}#stage[data-position^=hud-] h1{font-size:18px}#stage[data-position^=hud-] .primary-clock{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:2px}#stage[data-position^=hud-] #clock{font-size:30px}#insight.entering{animation:insight-enter .32s var(--cy-ease) both}#insight.leaving{animation:insight-leave .24s ease-in both}@keyframes insight-enter{0%{opacity:0;transform:translate(10px);clip-path:inset(0 0 90% 0)}to{opacity:1;transform:translate(0);clip-path:inset(0)}}@keyframes insight-leave{to{opacity:0;transform:translateY(6px)}}#setup{position:absolute;right:16px;bottom:282px;width:306px;margin:0;padding:18px;font-size:22px;color:var(--cy-white);background:var(--cy-void);border-left:4px solid var(--tui-red)}