:root{--ink: #0a1f3d;--ink-deep: #060f22;--panel: rgba(15, 20, 36, .94);--rim: rgba(255, 255, 255, .14);--yellow: #ffc21a;--yellow-hi: #ffd84f;--yellow-lo: #e8a400;--dark: #1a1a1e;--grey: #d9d9d9;--orange: #f5a01e;--green: #5bc236;--bad: #ff9e85;--text: #ffffff;--muted: rgba(255, 255, 255, .76);--quiet: rgba(255, 255, 255, .55);--field: rgba(255, 255, 255, .07);--radius: 22px;--display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ink-deep)}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);font-family:var(--body);font-weight:700;font-size:17px;line-height:1.45;background:radial-gradient(120% 60% at 50% -10%,rgba(255,194,26,.16),transparent 60%),radial-gradient(80% 50% at 100% 110%,rgba(31,162,255,.14),transparent 60%),repeating-linear-gradient(-55deg,rgba(255,255,255,.025) 0 18px,transparent 18px 44px),linear-gradient(180deg,var(--ink) 0%,var(--ink-deep) 100%);background-attachment:fixed;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"close" "hero" "card" "foot";justify-items:center;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l))}.shell-close{grid-area:close;justify-self:end;min-height:48px}.shell-hero{grid-area:hero;width:100%;display:flex;justify-content:center;padding:8px 0 22px}.logo{display:block;width:min(330px,82vw);height:auto;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.shell-card{grid-area:card;width:100%;max-width:440px;display:flex;flex-direction:column}.card{position:relative;background:var(--panel);border:2px solid var(--rim);border-radius:var(--radius);padding:26px 22px 24px;box-shadow:0 10px #00000059,0 24px 60px #00000073}.shell-foot{grid-area:foot;display:flex;gap:10px;align-items:center;justify-content:center;padding-top:18px;color:var(--quiet);font-size:14px}.shell-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.back{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:#ffffff1a;border:2px solid var(--rim);color:var(--text);font-family:var(--display);font-size:17px;letter-spacing:.02em;text-decoration:none;transition:background-color .15s}.back:hover{background:#ffffff29}.back:active{transform:translateY(1px)}.flow{display:flex;flex-direction:column;align-items:stretch}.title{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:.01em;color:var(--text);text-shadow:0 3px 0 rgba(0,0,0,.35)}.title:focus{outline:none}.intro{color:var(--muted);font-size:16px}.intro p+p{margin-top:8px}.intro strong{color:var(--text)}.nowrap{overflow-wrap:anywhere}.racer{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px!important;padding:6px 14px 6px 6px;border-radius:999px;background:#ffc21a1f;border:2px solid rgba(255,194,26,.35);color:var(--text)}.racer-label{padding:2px 10px;border-radius:999px;background:var(--yellow);color:var(--dark);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.label{margin:20px 0 8px;font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field{width:100%;min-height:56px;padding:0 18px;border-radius:16px;border:2px solid rgba(255,255,255,.22);background:var(--field);color:var(--text);font:800 18px/1.2 var(--body);transition:border-color .15s,background-color .15s}.field::placeholder{color:#ffffff59;font-weight:700}.field:focus{outline:none;border-color:var(--yellow);background:#ffffff1a}.field[aria-invalid=true]{border-color:var(--bad)}.hint{margin-top:8px;font-size:14px;color:var(--quiet)}.status{min-height:12px}.msg{margin-top:12px;font-size:15px;line-height:1.4;color:var(--muted)}.msg-bad{color:var(--bad);padding:10px 14px;border-radius:14px;background:#ff40401f;border:1.5px solid rgba(255,158,133,.35)}.msg-ok{color:#a6e88d}.msg-quiet{display:flex;align-items:center;gap:10px;color:var(--muted)}.btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:16px;padding:0 20px;border:0;border-radius:18px;background:linear-gradient(180deg,var(--yellow-hi) 0%,var(--yellow) 55%,var(--yellow-lo) 100%);color:var(--dark);font-family:var(--display);font-size:22px;letter-spacing:.02em;text-decoration:none;text-align:center;cursor:pointer;box-shadow:inset 0 3px #ffffff73,inset 0 -4px #0000001f,0 6px #00000061;transition:transform .06s,box-shadow .06s,filter .15s;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 3px #ffffff73,inset 0 -4px #0000001f,0 2px #00000061}.btn:disabled{cursor:default;background:#9c7c2a;color:#1a1a1ebf}.btn[aria-busy=true]{background:linear-gradient(180deg,var(--yellow-hi) 0%,var(--yellow) 55%,var(--yellow-lo) 100%);color:var(--dark)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px;margin-top:8px}.link{min-height:48px;padding:0 4px;border:0;background:none;color:var(--yellow);font:800 16px/1.2 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.link:disabled{color:var(--quiet);text-decoration:none;cursor:default}.code{position:relative;width:100%}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:0;outline:none;-webkit-text-fill-color:transparent}.code-input::selection{background:transparent}.code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.code-box{display:flex;align-items:center;justify-content:center;height:64px;border-radius:14px;border:2px solid rgba(255,255,255,.22);background:var(--field);font-family:var(--display);font-size:32px;color:var(--text);transition:border-color .12s,background-color .12s,transform .12s}.code-box.filled{border-color:#fff6;background:#ffffff1c}.code-box.active{border-color:var(--yellow);box-shadow:0 0 0 3px #ffc21a40}.code-box.active:empty:after{content:"";width:2px;height:28px;border-radius:2px;background:var(--yellow);animation:blink 1s steps(1) infinite}.code-invalid .code-box{border-color:var(--bad);animation:shake .35s}.code-busy .code-box{opacity:.7}@keyframes blink{50%{opacity:0}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.done,.notice,.loading{align-items:center;text-align:center}.done .btn,.notice .btn{align-self:stretch}.tick,.badge{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin-bottom:14px;border-radius:50%;box-shadow:inset 0 3px #ffffff59,0 5px #00000059}.tick{background:var(--green);color:#fff;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.badge{font-family:var(--display);font-size:38px;color:var(--dark)}.badge-bad{background:var(--orange)}.badge-info{background:var(--yellow)}@keyframes pop{0%{transform:scale(.4);opacity:0}}.loading{padding:24px 0;gap:16px}.spin-wrap{display:inline-flex;align-items:center;gap:10px}.spinner{display:inline-block;flex:none;width:18px;height:18px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.spinner-big{width:40px;height:40px;border-width:5px;color:var(--yellow)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:spin 1.6s linear infinite!important}}@media(min-height:700px)and (orientation:portrait){.shell-hero{padding:20px 0 30px}}@media(max-width:360px){.card{padding:22px 16px 20px}.code-boxes{gap:6px}.code-box{height:56px;font-size:28px}.title{font-size:26px}}@media(orientation:landscape)and (max-height:560px){.shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;grid-template-areas:"close card" "hero  card" "foot  card";column-gap:28px;align-items:center;padding-top:calc(10px + var(--safe-t));padding-bottom:calc(10px + var(--safe-b))}.shell-close{justify-self:start;align-self:start}.shell-hero{padding:0;align-self:center}.logo{width:min(300px,100%)}.shell-foot{justify-self:center;align-self:end;padding-top:0}.shell-card{align-self:center;max-width:460px;justify-self:center}.card{padding:18px 20px 16px}.title{font-size:25px;margin-bottom:4px}.intro{font-size:15px}.label{margin:12px 0 6px;font-size:12px}.field{min-height:50px}.code-box{height:52px;font-size:28px}.btn{min-height:52px;margin-top:12px;font-size:20px}.links{justify-content:space-between;margin-top:4px}.racer{margin-bottom:2px!important;padding:3px 12px 3px 4px}.intro p+p{margin-top:4px}.msg-bad{padding:8px 12px;font-size:14px}.msg{margin-top:8px}.tick,.badge{width:54px;height:54px;margin-bottom:8px}}