.xp{background:radial-gradient(1100px 700px at 12% -12%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%), radial-gradient(900px 650px at 108% 112%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 60%), var(--bg);height:100%;position:relative;overflow:hidden}.backdrop{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.backdrop.on{opacity:.85}.xp-scene{position:absolute;inset:0}.scene{transition:opacity .6s var(--ease), transform .6s var(--ease), filter .6s var(--ease);position:absolute;inset:0}.scene.enter{opacity:0;transform:translateY(14px)scale(.99)}.scene.leave{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(1.015)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.wordmark,.score-big b,.countdown-card .count,.stop-word{background:linear-gradient(95deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.title{background:radial-gradient(52% 75% at 25%,#010803f2 45%,#0108038c 75%,#0000);place-items:center;padding:5vh clamp(1.25rem,5vw,4rem);display:grid;overflow-y:auto}.title-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:min(1200px,100%);display:grid}.title-copy{justify-items:start;gap:1.6rem;display:grid}.title-copy>.eyebrow{margin-bottom:-1.1rem}.wordmark{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 45%, transparent));letter-spacing:-.03em;margin:0;padding-bottom:.08em;font-size:clamp(3rem,6.4vw,5rem);font-weight:760;line-height:1}.lead{color:color-mix(in srgb, var(--text) 78%, var(--muted));margin:-1rem 0 0;font-size:clamp(1rem,1.45vw,1.2rem)}.lead:after{content:"";vertical-align:-.15em;background:var(--accent);width:.55em;height:1.05em;box-shadow:0 0 10px var(--accent);margin-left:.3em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.journey{align-items:flex-start;gap:8px;width:100%;display:flex}.journey-seg{flex-basis:0;min-width:0}.journey-bar{background:color-mix(in srgb, var(--line) 80%, transparent);border-radius:999px;height:6px;overflow:hidden}.journey-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transform:scaleX(0)}.journey-label{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-top:.65rem;display:flex}.journey-label b{font-weight:650}.journey-label span{color:var(--muted);font-size:.85rem}.journey-label p{color:var(--muted);flex-basis:100%;margin:0;font-size:.9rem;line-height:1.4}.journey.intro .journey-fill{transform:scaleX(1)}.journey.intro .warmup .journey-fill{background:color-mix(in srgb, var(--accent) 38%, var(--line))}.journey-end{flex:none;justify-items:center;gap:.55rem;margin-top:-3px;display:grid}.journey-end i{border:2px solid var(--accent-2);width:12px;height:12px;box-shadow:0 0 14px color-mix(in srgb, var(--accent-2) 60%, transparent);border-radius:50%}.journey-end b{font-weight:650}.journey.compact{padding:0 2rem}.journey.compact .journey-bar{height:3px;transition:background-color .3s}.journey.compact .active .journey-bar{background:color-mix(in srgb, var(--muted) 35%, var(--line))}.rules{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.rules li{color:var(--muted);grid-template-columns:30px 1fr;align-items:start;gap:.85rem;font-size:.92rem;line-height:1.5;display:grid}.rules strong{color:var(--text);font-weight:600}.rule-icon{background:var(--panel-2);border:1px solid var(--line);width:30px;height:30px;color:var(--text);border-radius:8px;place-items:center;font-size:.85rem;font-weight:650;display:grid}.rule-icon.lit{background:color-mix(in srgb, var(--accent) 24%, var(--panel-2));border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 45%, transparent)}.start{align-items:center;gap:1.1rem;margin-top:.4rem;display:flex}.start button{letter-spacing:.01em;color:var(--on-accent);background:linear-gradient(95deg, var(--accent), var(--accent-2));cursor:pointer;box-shadow:0 12px 40px -12px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .16s var(--ease), box-shadow .16s var(--ease);border:none;border-radius:999px;padding:1rem 2.8rem;font-size:1.15rem;font-weight:700;animation:3.2s ease-in-out infinite breathe}.start button:hover{box-shadow:0 18px 50px -12px color-mix(in srgb, var(--accent) 85%, transparent);transform:translateY(-2px)}.start button:active{transform:translateY(1px)scale(.99)}.start button:focus-visible{outline:2px solid var(--text);outline-offset:4px}@keyframes breathe{50%{box-shadow:0 12px 54px -8px color-mix(in srgb, var(--accent-2) 70%, transparent)}}.demo{aspect-ratio:760/540;pointer-events:none;border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), var(--bg));border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000c,inset 0 1px #ffffff0a}.demo-stage{transform-origin:0 0;position:absolute;top:0;left:0}.demo-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:16px;left:18px}.demo-tag i{background:var(--hit);width:7px;height:7px;box-shadow:0 0 10px var(--hit);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (width<=960px){.title-inner{grid-template-columns:1fr}.demo{justify-self:center;max-width:560px}}.run{flex-direction:column;display:flex}.run-hud{grid-template-columns:1fr auto 1fr;align-items:end;padding:1.4rem 2rem .9rem;display:grid}.run-phase b{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:650;transition:color .3s;display:block}.run-phase span{color:var(--muted);font-size:.85rem}.run[data-phase=evaluation] .run-phase b{color:var(--accent)}.run-rate{align-items:baseline;gap:.45rem;display:flex}.run-rate b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;line-height:1}.run[data-phase=warmup] .run-rate b{color:color-mix(in srgb, var(--text) 75%, var(--muted))}.run-rate span,.run-clock span{color:var(--muted);font-size:.9rem}.run-clock{justify-self:end;align-items:baseline;gap:.25rem;display:flex}.run-clock b{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1;transition:color .3s}.run.closing .run-clock b{color:var(--accent-2)}.run-stage{flex:1;position:relative;overflow:hidden}.run-stage>:not(.run-overlay){animation:stage-in .5s var(--ease) backwards;transition:opacity .6s,filter .6s}.run-stage.paused>:not(.run-overlay){opacity:.14;filter:blur(3px)}@keyframes stage-in{0%{opacity:0}}.run-overlay{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0 0 22%}.run-foot{min-height:2.6rem;color:var(--muted);justify-content:flex-end;align-items:center;gap:1.2rem;padding:.4rem 2rem 1rem;font-size:.78rem;display:flex}.run-esc{opacity:.55}.overlay-card{text-align:center;animation:card-in .45s var(--ease) backwards;justify-items:center;gap:.5rem;transition:opacity .3s,transform .3s;display:grid}.overlay-card.out{opacity:0;transform:scale(1.05)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.countdown-card .count{letter-spacing:-.03em;font-variant-numeric:tabular-nums;animation:count-pop 1s var(--ease) both;font-size:clamp(7rem,17vw,11.5rem);font-weight:760;line-height:1}@keyframes count-pop{0%{opacity:0;transform:scale(1.4)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.15;transform:scale(.94)}}.overlay-hint{color:var(--muted)}.break-rate{align-items:baseline;gap:.5rem;display:flex}.break-rate b{letter-spacing:-.02em;font-size:clamp(3.5rem,8vw,5rem);font-weight:720;line-height:1.05}.break-rate span{color:var(--muted);font-size:1.1rem}.break-meta{color:var(--muted);margin:0}.break-card{pointer-events:auto}.break-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.6rem;display:flex}.stop-word{letter-spacing:-.03em;font-size:clamp(5rem,13vw,8.5rem);font-weight:760;line-height:1}.score{background:radial-gradient(52% 70%,#010803e6,#01080373 70%,#0000);place-items:center;padding:5vh 1.5rem;display:grid;overflow-y:auto}.score-inner{text-align:center;justify-items:center;gap:1.15rem;width:min(880px,100%);display:grid}.score-big b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;padding:0 .05em .04em;font-size:clamp(5rem,15vw,9.5rem);font-weight:780;line-height:.95;display:block}.score-unit{color:var(--muted);margin-top:-.6rem;font-size:1.15rem}.score-formula{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);color:var(--muted);border-radius:999px;margin:.4rem 0 0;padding:.5rem 1.1rem;font-size:.92rem}.score-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.score-stat{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:14px;padding:.85rem 1rem}.score-stat span{color:var(--muted);font-size:.78rem;display:block}.score-stat b{font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:650}.score-chart{gap:.6rem;width:100%;margin:0;display:grid}.score-chart canvas.chart{background:color-mix(in srgb, var(--panel) 80%, transparent);height:190px}.score-chart figcaption{color:var(--muted);justify-content:center;gap:1.6rem;font-size:.85rem;display:flex}.legend{align-items:center;gap:.5rem;display:inline-flex}.legend i{border-top:2.5px solid var(--accent);width:22px;height:0}.legend.warmup i{border-top:1.5px dashed var(--muted)}.score-keys{color:var(--muted);gap:2rem;margin-top:.6rem;font-size:.9rem;display:flex}.reveal{animation:card-in .7s var(--ease) backwards;animation-delay:calc(var(--i) * 80ms + .45s)}@media (width<=720px){.score-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.run-hud{padding:1rem 1.2rem .7rem}.journey.compact{padding:0 1.2rem}}@media (prefers-reduced-motion:reduce){.scene,.overlay-card,.reveal,.countdown-card .count,.lead:after,.start button,.run-stage>*{transition-duration:1ms!important;animation-duration:1ms!important}}