:root{--midnight: #121132;--arctic: #ffffff;--yellow: #ffe600;--teal: #35d4da;--green: #90e83b;--red: #ff5353;--purple: #b742ff;--grey-1: #b8b8b8;--grey-2: #e7e7e7;--grey-3: #f4f4f4;--accent: var(--yellow);--font: "neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif;--maxw: 34rem;--radius: 1rem;--radius-pill: 999px}.aurora{position:absolute;top:-8%;right:-8%;width:50%;height:46%;max-width:50vw;pointer-events:none;z-index:0;filter:blur(64px);opacity:.72;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 72%,transparent),transparent 72%) 18% 22% / 72% 72% no-repeat,radial-gradient(closest-side,color-mix(in srgb,var(--yellow) 62%,transparent),transparent 72%) 82% 18% / 60% 60% no-repeat,radial-gradient(closest-side,color-mix(in srgb,var(--green) 50%,transparent),transparent 72%) 60% 55% / 58% 58% no-repeat,radial-gradient(closest-side,color-mix(in srgb,var(--teal) 42%,transparent),transparent 72%) 35% 12% / 54% 54% no-repeat;animation:aurora-drift 18s ease-in-out infinite alternate}.aurora--corner-bl{top:auto;right:auto;bottom:-8%;left:-8%}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4%,3%,0) scale(1.06)}}@keyframes dot-bounce-in{0%{transform:translateY(-140%) scale(.6);opacity:0}60%{transform:translateY(12%) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.65}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--midnight);color:var(--arctic);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.06;font-weight:600;letter-spacing:-.01em;text-wrap:balance}p{line-height:1.6}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:300;font-style:normal;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.screen{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.screen__inner{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(1.25rem,5vw,2.5rem);flex:1;display:flex;flex-direction:column}.stack{display:flex;flex-direction:column;gap:1rem}.stack--tight{gap:.5rem}.spacer{flex:1}.center{text-align:center}.stack.center{align-items:center}.brand-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--arctic);text-transform:lowercase}img.brand-logo{height:26px;width:auto;display:block;filter:brightness(0) invert(1)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.kicker{font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--accent)}.display{font-size:clamp(2.1rem,8vw,3.1rem)}.title{font-size:clamp(1.6rem,6vw,2.1rem)}.subtitle{font-size:1.1rem;color:var(--grey-2);font-weight:400}.lede{font-size:1.15rem;color:var(--arctic)}.muted{color:var(--grey-1);font-size:.9rem}.prompt-text{font-size:1.25rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.6rem;border:none;border-radius:var(--radius-pill);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease-out,background-color .12s ease-out,border-color .12s ease-out,opacity .12s ease-out}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--yellow);color:var(--midnight)}.btn--primary:not(:disabled):hover{background:#ffec4d}.btn--ghost{background:transparent;color:var(--arctic);border:1.5px solid rgba(255,255,255,.35)}.btn--ghost:not(:disabled):hover{border-color:var(--arctic)}.btn--block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.field{display:flex;flex-direction:column;gap:.4rem}.field>label{font-size:.9rem;font-weight:600;color:var(--arctic)}.input,.select,.textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--arctic);background:#ffffff0f;border:1.5px solid rgba(255,255,255,.22);border-radius:.75rem;padding:.75rem .9rem;min-height:44px}.input::placeholder,.textarea::placeholder{color:var(--grey-1)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.4rem}.select option{color:var(--midnight)}.textarea{min-height:8.5rem;resize:vertical;line-height:1.55}.choices{display:flex;flex-direction:column;gap:.75rem}.choice{display:block;width:100%;text-align:left;font-family:inherit;font-size:1.02rem;line-height:1.45;color:var(--arctic);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:1rem 1.1rem;min-height:44px;cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out,transform .12s ease-out}.choice:hover{border-color:var(--accent);background:#ffffff14}.choice:active{transform:translateY(1px)}.choice:disabled{cursor:default}.choice.is-chosen{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.beat{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 0}.beat__line{font-size:1.35rem;font-weight:500;line-height:1.4}.beat__hint{color:var(--grey-1);font-size:.85rem}.fade-in{animation:fade-in .32s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:var(--arctic);vertical-align:middle}.dot--accent{background:var(--accent)}.dot--bounce{animation:dot-bounce-in .52s ease-out both}.dot--pulse{animation:dot-pulse .9s ease-in-out infinite}.dot--lg{width:1rem;height:1rem}.title-dot{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--accent);margin-left:.12em;vertical-align:baseline}.timeline{margin-bottom:1.75rem}.timeline__track{position:relative;height:2px;background:#fff3;border-radius:2px;margin:.5rem 0}.timeline__fill{position:absolute;left:0;top:0;height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease-out}.timeline__dot{position:absolute;top:50%;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);transition:left .5s ease-out;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.timeline__labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--grey-1)}.timeline__now{color:var(--accent);font-weight:600}.panel{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:1.25rem}.transparency{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.16);border-left:4px solid var(--yellow);border-radius:var(--radius);padding:1.25rem;font-size:.95rem;line-height:1.55;color:var(--grey-2)}.transparency strong{color:var(--arctic)}.notes{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.notes li{position:relative;padding-left:1.25rem;color:var(--grey-2);font-size:.95rem}.notes li:before{content:"·";position:absolute;left:.35rem;color:var(--accent);font-weight:700}.editor-note{border-left:4px solid var(--accent)}.editor-note__label{font-size:.85rem;color:var(--accent);font-weight:600;margin-bottom:.5rem}.attempts{font-size:.82rem;color:var(--grey-1)}.dims{display:flex;flex-direction:column;gap:1.1rem}.dim__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.dim__label{font-weight:600;font-size:1rem}.dim__meaning{font-size:.85rem;color:var(--grey-1)}.dim__bar{height:.7rem;background:#ffffff1f;border-radius:var(--radius-pill);overflow:hidden}.dim__value{height:100%;border-radius:var(--radius-pill);transition:width .7s ease-out}.standard-note{font-size:.9rem;color:var(--grey-2);text-align:center}.champion{border:1.5px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1.35rem;background:#ffffff0d}.champion.is-highlighted{border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,transparent);box-shadow:0 0 0 1px var(--yellow) inset}.champion__flag{color:var(--yellow);font-weight:600;margin-top:.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}