*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg) var(--gradient-sky) no-repeat;color:var(--color-text);font-family:var(--font-display);margin:0;overflow:hidden}body:has(#ending.ending--retry:not([hidden])){background-image:var(--gradient-sky-retry)}[hidden]{display:none!important}.typing-field{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:fixed;top:0;left:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{--topbar-end:calc(12em + 10px + 4 * var(--space-m));z-index:2;height:var(--topbar-height);grid-template-columns:var(--topbar-end) minmax(0, 1fr) var(--topbar-end);align-items:center;gap:var(--space-m);padding-inline:var(--space-m);font-size:var(--text-hud);display:grid;position:relative}.topbar>.player-pill,.topbar>.topbar__button--login{grid-area:1/1/auto/3;justify-self:start}.topbar__end{grid-area:1/3;justify-self:end;gap:10px;display:flex}.topbar__stats{justify-content:center;justify-self:center;column-gap:var(--space-m);max-width:100%;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex-wrap:wrap;grid-area:1/2;margin-bottom:12px;padding:.3em 1.2em;font-weight:600;display:flex}.topbar__stats:has(span:not(:empty)){background:var(--color-glass-soft)}.run-progress{background:var(--color-glass-soft);width:min(100% - 12px,520px);height:6px;box-shadow:inset 0 0 0 1px var(--color-key-border);border-radius:999px;grid-column:2/3;position:absolute;bottom:3px;left:50%;translate:-50%}.run-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-key-pressed), var(--color-accent));height:100%;transition:width .3s ease-out;display:block}.run-progress__flag{width:16px;height:20px;position:absolute;bottom:1px;right:-6px}.run-progress__pole{stroke:var(--color-target)}.run-progress__cloth{fill:var(--color-accent)}@media (width<=600px){.topbar{gap:4px}.topbar__stats{border-radius:10px;flex-direction:column;align-items:center;margin-bottom:16px;padding:.15em .3em;font-size:clamp(10.5px,2.9vw,13px);line-height:1.1}.run-progress{bottom:2px}.run-progress__flag{width:12px;height:15px;right:-4px}.topbar{--topbar-end:calc(2 * 44px + 10px)}.topbar__button--round{justify-content:center;width:44px;padding:0}.topbar__button--round .topbar__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=340px){.topbar{padding-inline:8px;font-size:12px}}.topbar__button,.button{font:inherit;cursor:pointer;min-height:44px;padding:var(--space-s) var(--space-m);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow);border:0;border-radius:999px}.topbar__button{white-space:nowrap;background:var(--color-glass);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:.5em;font-weight:600;display:inline-flex}.topbar__button:before{content:"";width:1.25em;height:1.25em;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none}.topbar__button[aria-pressed=false]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 9h4l5-4v14l-5-4h-4z'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.6 6a8.6 8.6 0 0 1 0 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.topbar__button[aria-pressed=true]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 9h4l5-4v14l-5-4h-4z'/%3E%3Cpath d='M16 9.5l5 5M21 9.5l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.topbar__button:not([aria-pressed]){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.topbar__button--login:not([aria-pressed]){--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7.5 8-7.5s8 3.1 8 7.5z'/%3E%3C/svg%3E")}.button{font-size:var(--text-button);white-space:nowrap;padding:.62em 1.1em;font-weight:800;line-height:1}.button:not(.button--primary){box-shadow:inset 0 0 0 2px var(--color-key-border)}.button--primary{background:var(--color-accent);box-shadow:var(--shadow-button)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary:disabled{box-shadow:none}:where(.topbar__button,.button):focus-visible{outline:3px solid var(--color-target);outline-offset:3px}.stage{height:calc(100% - var(--topbar-height));position:relative}.screen{height:100%;padding:0 var(--space-m) var(--space-m)}.screen--launch{place-items:center;display:grid}.launch{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,26px);display:flex}.launch__horse{width:min(38vw,334px);height:auto;filter:drop-shadow(0 0 16px var(--color-foal-glow));animation:1.8s ease-in-out infinite launch-bob}.launch__text{margin:0;font-size:clamp(18px,2.2vw,26px);font-weight:700;line-height:1.3}.launch__error{flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,20px);display:flex}@keyframes launch-bob{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.launch__horse{animation:none}}.home__spark,.track__twinkle,.login__spark,.track__sparkle,.track__glint,.letter--sparkle:before,.letter--sparkle:after{background:var(--color-spark);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px var(--color-spark-glow));pointer-events:none}.home__spark,.track__twinkle,.login__spark{aspect-ratio:1;width:calc(var(--s,1) * clamp(8px, 1.1vw, 16px));animation:twinkle 2.4s ease-in-out var(--d,0s) infinite;position:absolute}@keyframes twinkle{0%,to{opacity:.3;scale:.6}50%{opacity:1;scale:1}}.screen--home{padding:0;overflow:hidden auto;container:home/size}.home{isolation:isolate;--pad:clamp(16px, 3cqi, 32px);--title-size:clamp(34px, 7cqi, 56px);--title-pt:clamp(12px, 2.4cqi, 20px);--title-pb:16px;--kc:clamp(38px, 6cqi, 54px);--t-stats:clamp(13px, 1.9cqi, 16px);--t-cta:clamp(20px, 3.6cqi, 30px);--lane-h:58cqi;flex-direction:column;min-height:100cqh;padding-bottom:28px;display:flex;position:relative}.home__scenery{z-index:3;pointer-events:none;height:calc(var(--title-pt) + .95 * var(--title-size) + var(--title-pb) + .36 * var(--lane-h));position:absolute;inset:0 0 auto}.home__title{padding:var(--title-pt) var(--pad) var(--title-pb);text-align:center;font-size:var(--title-size);text-shadow:0 .04em 0 var(--color-light), 0 0 .45em var(--color-title-glow);margin:0;font-weight:800;line-height:.95;position:relative}.course{--col-w:78cqi;--course-pad:11cqi}.course__list{padding:0 var(--course-pad) 28px;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--gradient-track-light) 0 0 / 100% var(--lane-h) no-repeat local, url(/paddock-loop.webp) 0 0 / auto var(--lane-h) repeat-x local;margin:0;list-style:none;display:flex;position:relative;overflow-x:auto}.course__list::-webkit-scrollbar{display:none}.course__stop{flex:0 0 var(--col-w);scroll-snap-align:center;display:flex}.course__hit{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex}div.course__hit{cursor:default}.course__hit:focus-visible{outline:none}.course__hit:focus-visible .course__plate{outline:3px solid var(--color-target);outline-offset:4px}.course__lane{height:var(--lane-h);display:block;position:relative}.course__obstacle{z-index:2;pointer-events:none;width:44%;height:auto;position:absolute;bottom:7%;left:50%;translate:-50%}.course__foal{z-index:2;pointer-events:none;width:67%;height:auto;filter:drop-shadow(0 0 12px var(--color-foal-glow));position:absolute;bottom:6%;left:-12%;translate:-7.3% 5.1%}.course__stop--current .course__obstacle{animation:2.4s ease-in-out infinite course-glow-filter;left:74%}.course__stop--locked .course__obstacle,.course__stop--closed .course__obstacle{filter:grayscale(.9)opacity(.7)}.course__mark{z-index:4;width:calc(var(--kc) * 1.05);line-height:0;position:absolute;bottom:44%;left:50%;translate:-50%}.course__cocarde{width:100%;height:auto;filter:drop-shadow(0 4px 8px var(--color-halo));display:block;overflow:visible}.course__lock{aspect-ratio:1;width:calc(var(--kc) * .95);background:var(--color-surface);color:var(--color-muted);box-shadow:var(--shadow-float);border-radius:50%;place-items:center;display:grid;bottom:46%}.course__lock svg{width:56%;height:56%}.course__lock-hole{fill:var(--color-surface)}.course__lock--closed{background:var(--color-target-bg);color:var(--color-target)}.course__lock--closed .course__lock-hole{fill:var(--color-target-bg)}.course__list--mist:after{content:"";z-index:3;height:var(--lane-h);pointer-events:none;top:0;left:calc(var(--course-pad) + var(--col-w) * (var(--mist-from) - .45));width:calc(var(--col-w) * (var(--count) - var(--mist-from) + .45) + var(--course-pad));background:linear-gradient(90deg,#ece3ff00,#ece3ff99 24%);position:absolute}.course__plate{border-radius:var(--radius);background:var(--color-glass-soft);box-shadow:var(--shadow-float);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;margin:16px 2.5cqi 0;padding:14px 12px 16px;display:flex;position:relative}.course__plate:before{content:"";background:var(--color-key-border);border-radius:2px;width:4px;height:16px;position:absolute;top:-18px;left:50%;translate:-50%}.course__stop--current .course__plate{background:var(--color-surface);animation:2.4s ease-in-out infinite course-glow}.course__stop--locked .course__plate{background:var(--color-surface-faint);border:2px dashed var(--color-key-border);box-shadow:none}.course__stop--closed .course__plate{background:var(--color-surface-faint);border:2px dashed var(--color-stall-add-dash);box-shadow:none}.course__keys{align-items:center;gap:calc(var(--kc) * .14);display:inline-flex}.course__key,.course__word{background:var(--color-key);color:var(--color-text);font-family:var(--font-letters);border-radius:calc(var(--kc) * .26);box-shadow:0 calc(var(--kc) * .07) 0 var(--color-key-border), 0 calc(var(--kc) * .14) calc(var(--kc) * .3) #6a4bc41a;position:relative}.course__key{min-width:var(--kc);height:var(--kc);font-size:calc(var(--kc) * .52);place-items:center;padding:0 .2em;line-height:1;display:inline-grid}.course__word{white-space:nowrap;font-size:calc(var(--kc) * .56);padding:.16em .6em .22em;line-height:1.2;display:inline-block}.course__key[data-finger=L5],.course__key[data-finger=R5]{background:var(--color-finger-pinky)}.course__key[data-finger=L4],.course__key[data-finger=R4]{background:var(--color-finger-ring)}.course__key[data-finger=L3],.course__key[data-finger=R3]{background:var(--color-finger-middle)}.course__key[data-finger=L2]{background:var(--color-finger-index-left)}.course__key[data-finger=R2]{background:var(--color-finger-index-right)}.course__key[data-finger=T]{background:var(--color-finger-thumb);min-width:calc(var(--kc) * 2.3)}.course__stop--locked :is(.course__keys,.course__word){filter:grayscale();opacity:.72}.course__stop--closed :is(.course__keys,.course__word){filter:grayscale();opacity:.6}.course__stats{font-size:var(--t-stats);color:var(--color-muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.1em;font-weight:600;line-height:1.25;display:flex}.course__stat{white-space:nowrap;align-items:center;gap:.3em;display:inline-flex}.course__icon{flex:none;width:1.15em;height:1.15em}.course__icon--record{color:var(--color-accent)}.course__cta{background:var(--color-accent);min-height:44px;box-shadow:var(--shadow-button);color:var(--color-text);font-size:var(--t-cta);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.38em 1.3em;font-weight:800;line-height:1;display:inline-flex}.course__dots{justify-content:center;gap:12px;margin-top:2px;display:none}.course__dot{background:var(--color-done);border-radius:50%;width:12px;height:12px}.course__dot--done{background:var(--color-accent)}.course__dot--current{background:var(--color-target);box-shadow:0 0 0 4px var(--color-target-bg)}.course__dot--closed{box-shadow:inset 0 0 0 2px var(--color-stall-add-dash);background:0 0}.course__stop:has(>.course__gate){position:relative}.course__stop:has(>.course__gate):before{content:"";z-index:5;left:0;top:calc(.05 * var(--lane-h));height:calc(.9 * var(--lane-h));border-left:4px dashed var(--color-glass-panel);pointer-events:none;position:absolute;translate:-2px}.course__gate{--gate-inset:clamp(10px, 1.4cqi, 20px);--t-gate:clamp(17px, 3.4cqi, 24px);z-index:6;top:calc(.07 * var(--lane-h));left:var(--gate-inset);width:calc(var(--col-w) - 2 * var(--gate-inset));text-align:center;border-radius:calc(var(--radius) * 1.1);background:var(--color-glass-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-items:center;gap:.6em;padding:.8em .6em .9em;display:flex;position:absolute}.course__gate-text{font-size:var(--t-gate);text-wrap:balance;align-items:center;gap:.45em;margin:0;font-weight:800;line-height:1.2;display:flex}.course__gate-text svg{width:1.35em;height:1.35em;color:var(--color-target);flex:none}.course__gate .button{font-size:calc(var(--t-gate) * .95)}.course__gate-text:focus-visible{outline:3px solid var(--color-target);outline-offset:4px;border-radius:6px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes course-glow{0%,to{box-shadow:0 0 0 3px var(--color-target), 0 0 26px var(--color-halo-strong)}50%{box-shadow:0 0 0 3px var(--color-target), 0 0 10px var(--color-halo)}}@keyframes course-glow-filter{0%,to{filter:drop-shadow(0 0 3px var(--color-target)) drop-shadow(0 0 16px var(--color-halo-strong))}50%{filter:drop-shadow(0 0 2px var(--color-target)) drop-shadow(0 0 6px var(--color-halo))}}@container home (width>=600px){.home{--lane-h:42cqi}.course{--col-w:40cqi;--course-pad:30cqi}}@container home (width>=900px) and (orientation:landscape){.home{--u:min(1cqi, 2cqh);--pad:calc(2.4 * var(--u));height:100cqh;min-height:0;padding:0 var(--pad) var(--pad);--title-size:clamp(27px, calc(3.4 * var(--u)), 58px);--title-pt:clamp(12px, calc(1.1 * var(--u)), 22px);--title-pb:1.8cqh;--t-stats:clamp(12.5px, calc(1.2 * var(--u)), 19px);--t-cta:clamp(20px, calc(2.3 * var(--u)), 36px);--kc:clamp(32px, calc(3.2 * var(--u)), 54px);--plate-gap:2.6cqh;--plate-inner-gap:calc(.8 * var(--u));--plate-body:calc(var(--plate-inner-gap) + max(2.6 * var(--t-stats), 44px, 1.76 * var(--t-cta)));--plate-max:calc(var(--plate-gap) + 3.4cqh + 4px + var(--kc) + var(--plate-body));--lane-h:max(40cqh, 100cqh - var(--title-pt) - .95 * var(--title-size) - var(--title-pb) - var(--pad) - var(--plate-max) - var(--scroll-room,0px));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.home:has(.course--scroll){--scroll-room:8px}.home:has(.course__stop--current .course__stats){--plate-body:calc(2 * var(--plate-inner-gap) + 2.6 * var(--t-stats) + max(44px, 1.76 * var(--t-cta)))}.home__scenery{inset:0 var(--pad) auto}.home__title{padding:var(--title-pt) 0 var(--title-pb)}.course{--col-w:calc((100cqi - 2 * var(--pad)) / min(var(--count), 5));--course-pad:0px}.course__list{grid-template-columns:repeat(var(--count), var(--col-w));background:0 0;align-items:start;padding:0;display:grid;overflow:visible}.course__list:before{content:"";z-index:1;height:var(--lane-h);pointer-events:none;border-radius:calc(var(--radius) * 1.3);box-shadow:var(--shadow-track);background:var(--gradient-track-light), url(/paddock-loop.webp) 0 100% / auto 100% repeat-x;position:absolute;top:0;left:0;right:0}.course__list--mist:after{border-radius:0 calc(var(--radius) * 1.3) calc(var(--radius) * 1.3) 0}.course__obstacle{width:52%}.course__foal{width:78%;left:-24%}.course__stop--current .course__obstacle{left:72%}.course__stop:first-child .course__foal{width:71%;left:-3%}.course__stop--current:first-child .course__obstacle{left:88%}.course__gate{--gate-inset:calc(1.4 * var(--u));--t-gate:clamp(17px, calc(1.8 * var(--u)), 28px);width:calc(var(--col-w) * var(--gate-span) - 2 * var(--gate-inset))}.course__mark{bottom:calc(7% + .31 * var(--col-w) + 2 * var(--u))}.course__plate{gap:var(--plate-inner-gap);margin:var(--plate-gap) .7cqi 0;padding:1.6cqh .9cqi 1.8cqh}.course__plate:before{top:calc(-1 * var(--plate-gap) - 2px);height:var(--plate-gap)}.course--scroll .course__list{scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px;scroll-padding-inline:1px;overflow-x:auto}.course--scroll .course__list:before{width:calc(var(--col-w) * var(--count));right:auto}}.screen--profiles{padding:0;overflow:hidden auto;container:profiles/size}.profiles{isolation:isolate;--pad:16px;--t-title:clamp(32px, 9cqi, 56px);--t-name:clamp(18px, 5.4cqi, 26px);flex-direction:column;justify-content:center;min-height:100cqh;padding:4px 0 28px;display:flex;position:relative}.profiles__scenery{z-index:-1;pointer-events:none;position:absolute;inset:0}.profiles__title{padding:4px var(--pad) 14px;text-align:center;font-size:var(--t-title);text-shadow:0 .04em 0 var(--color-light), 0 0 .45em var(--color-title-glow);margin:0;font-weight:800;line-height:.95}.stable{margin:12px var(--pad) 0;border-radius:0 0 var(--radius) var(--radius);background:var(--color-glass-soft);box-shadow:var(--shadow-float);padding:20px 12px 14px;position:relative}.stable:before{content:"";background:linear-gradient(var(--color-stall-beam), var(--color-key-border));height:20px;box-shadow:var(--shadow-beam);border-radius:10px;position:absolute;top:-12px;left:-8px;right:-8px}.stable__doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.stable__box{position:relative}.stable__hit{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50% 50% 14px 14px/34% 34% 14px 14px;margin:0;padding:0;display:block}.stable__edit{z-index:4;cursor:pointer;background:var(--color-surface);width:44px;height:44px;color:var(--color-text);box-shadow:var(--shadow-float);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:3%;right:-6px}.stable__edit svg{width:22px;height:22px}:where(.stable__hit,.stable__edit):focus-visible{outline:3px solid var(--color-target);outline-offset:4px}.stall__frame{aspect-ratio:3/4.3;background:linear-gradient(var(--color-stall-wood), var(--color-key-border));box-shadow:var(--shadow-float);border-radius:50% 50% 14px 14px/34% 34% 14px 14px;display:block;position:relative;overflow:hidden}.stall__dark{background:var(--stall-dark);border-radius:50% 50% 0 0/32% 32% 0 0;position:absolute;inset:6% 7% 0}.stall__head{width:74%;transition:translate .25s ease-out;position:absolute;bottom:45%;left:50%;translate:-50%}.stable__hit:hover .stall__head,.stable__hit:focus-visible .stall__head{translate:-50% -7%}.stall__lower{--kc:22px;background:repeating-linear-gradient(90deg, var(--color-stall-plank) 0 23%, var(--color-stall-groove) 23% 25%);height:52%;box-shadow:var(--shadow-door);border-radius:6px 6px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:12%;padding:10% 6% 8%;display:flex;position:absolute;bottom:0;left:4%;right:4%}.stall__lower:before{content:"";background:var(--color-stall-rim);height:12px;box-shadow:0 2px 0 var(--color-stall-rim-edge);border-radius:6px;position:absolute;top:-6px;left:0;right:0}.stall__lower.has-art{box-shadow:none;background:0 0}.stall__lower.has-art:before{display:none}.stall__lower>.art{z-index:0;object-fit:fill;width:100%;height:calc(100% + 6px);position:absolute;top:-6px;left:0}.stall__lower>:not(.art){z-index:1;position:relative}.stall__plate{background:linear-gradient(var(--color-plate-light), var(--color-plate));max-width:100%;box-shadow:0 3px 0 var(--color-plate-edge), inset 0 1px 0 var(--color-plate-shine);font-size:var(--t-name);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:.16em .7em .22em;font-weight:800;line-height:1.1;overflow:hidden}.avatar{aspect-ratio:1;line-height:0;display:block}.avatar>.avatar__drawing,.avatar>.art{object-fit:contain;width:100%;height:100%;display:block;overflow:visible}.avatar.has-art>.avatar__drawing{display:none}.stall__frame--add{background:linear-gradient(var(--color-stall-add-light), var(--color-stall-add))}.stall__frame--add .stall__dark{background:var(--color-stall-add-inside);outline:3px dashed var(--color-stall-add-dash);outline-offset:-10px}.stall__add{text-align:center;color:var(--color-target);font-size:calc(var(--t-name) * .82);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 8px;font-weight:800;line-height:1.1;display:flex;position:absolute;inset:6% 7% 0}.stall__plus{background:var(--color-accent);width:52px;height:52px;color:var(--color-text);box-shadow:var(--shadow-button);border-radius:50%;place-items:center;display:grid}.stall__plus svg{width:55%;height:55%}.stable-banner{width:fit-content;max-width:calc(100% - 2 * var(--pad));background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-confirm-border), var(--shadow-float);border-radius:999px;order:-1;align-items:center;gap:.7em;margin:0 auto 14px;padding:.4em .4em .4em 1em;font-size:clamp(16px,1.3vw,20px);font-weight:800;display:flex}.stable-banner__icon{width:1.6em;height:1.6em;color:var(--color-waiting);flex:none}.stable-banner__text{margin:0;line-height:1.25}.stable-banner .button{flex:none;min-height:44px;font-size:1em}@container profiles (width>=600px){.stable{width:min(100% - 2 * var(--pad), 640px);margin-inline:auto}.stable__doors{grid-template-columns:repeat(3,minmax(0,1fr))}.stall__lower{--kc:30px}}@container profiles (width>=900px) and (orientation:landscape){.profiles{height:100cqh;min-height:0;padding:0 0 calc(2 * var(--u));--u:min(1cqi, 1.75cqh);--pad:calc(2.4 * var(--u));--t-title:calc(4.4 * var(--u));--t-name:calc(2.1 * var(--u))}.stable{--door-w:calc(18.4 * var(--u));--door-gap:calc(2.2 * var(--u));width:min(100% - 2 * var(--pad), var(--columns) * var(--door-w) + (var(--columns) - 1) * var(--door-gap) + 4 * var(--u));margin:calc(1.4 * var(--u)) auto 0;padding:calc(2.4 * var(--u)) calc(2 * var(--u)) calc(1.8 * var(--u))}.stable__doors{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:var(--door-gap)}.stall__lower{--kc:calc(2.5 * var(--u))}.stable[data-rows="2"]{--door-w:calc(13 * var(--u));--t-name:calc(1.6 * var(--u))}.stable[data-rows="2"] .stall__lower{--kc:calc(1.8 * var(--u))}.stall__plus{width:calc(5.6 * var(--u));height:calc(5.6 * var(--u))}}.player-pill{cursor:pointer;white-space:nowrap;min-width:0;max-width:100%;min-height:44px;font:600 1em/1 var(--font-display);color:var(--color-text);background:var(--color-glass);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:999px;align-items:center;gap:.4em;padding:0 .9em 0 5px;display:inline-flex}.player-pill:focus-visible{outline:3px solid var(--color-target);outline-offset:3px}.player-pill__porthole,.legacy-choice__porthole{background:var(--stall-dark);border-radius:50%;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.player-pill__head,.legacy-choice__head{width:86%;position:absolute;bottom:12%;left:7%}.player-pill__door,.legacy-choice__door{background:var(--color-porthole-door);height:30%;box-shadow:inset 0 2px 0 var(--color-key-border);position:absolute;bottom:0;left:0;right:0}.player-pill__door.has-art,.legacy-choice__door.has-art{box-shadow:none;background:0 0}.player-pill__door>.art,.legacy-choice__door>.art{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.player-pill__name{text-overflow:ellipsis;min-width:0;max-width:9em;font-weight:800;overflow:hidden}.player-pill__switch{width:1.15em;height:1.15em;color:var(--color-muted);flex:none}@media (width>=900px) and (orientation:landscape){.player-pill__porthole{width:40px;height:40px}}@media (width<=599px){.player-pill__name{max-width:6.5em}}.profile-editor{--t-title:clamp(32px, 9vw, 56px);--t-name:clamp(18px, 5.4vw, 26px);--t-lab:18px;--t-small:14px;--t-cta:clamp(19px, 5.2vw, 26px);background:var(--color-bg) var(--gradient-sky) no-repeat;width:100%;max-width:100%;height:100%;max-height:100%;color:var(--color-text);font-family:var(--font-display);border:0;margin:0;padding:0;overflow:auto}.profile-editor::backdrop{background:var(--color-backdrop)}.profile-editor__form{flex-direction:column;gap:16px;min-height:100%;padding:16px 16px 20px;display:flex}.profile-editor__top{align-items:center;gap:14px;display:flex}.profile-editor__preview{--t-name:12px;flex:none;width:84px}.profile-editor__preview .stall__plate{padding-inline:.5em}.profile-editor__title{min-width:0;font-size:calc(var(--t-title) * .62);overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.05}.profile-editor__field{flex-direction:column;gap:6px;display:flex}.profile-editor__label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-editor__label{font-size:var(--t-lab);padding:0;font-weight:800}.profile-editor__count{font-size:var(--t-small);color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:600}.profile-editor__name{width:100%;min-height:56px;font:600 var(--t-name)/1.2 var(--font-display);color:var(--color-text);background:var(--color-light);box-shadow:inset 0 0 0 2px var(--color-key-border);border:0;border-radius:16px;padding:0 .7em}.profile-editor__name::placeholder{color:var(--color-placeholder)}.profile-editor__name:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.profile-editor__name:disabled{opacity:.6;cursor:not-allowed}.animal-choice:has(input:disabled){opacity:.6;cursor:not-allowed}.animal-choice:has(input:disabled) input{cursor:not-allowed}.profile-editor__hint{font-size:var(--t-small);color:var(--color-muted);margin:0;font-weight:600}.profile-editor__animals{border:0;min-width:0;margin:0;padding:0}.profile-editor__animals legend{margin-bottom:10px}.profile-editor__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;display:grid}.animal-choice{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-height:44px;display:flex;position:relative}.animal-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.animal-choice:has(input:focus-visible){outline:3px solid var(--color-target);outline-offset:3px}.animal-choice__disc{aspect-ratio:1;background:var(--tint);width:min(100%,68px);box-shadow:var(--shadow-disc);pointer-events:none;border-radius:50%;place-items:end center;display:grid;position:relative;overflow:hidden}.animal-choice__head{width:86%;translate:0 10%}.animal-choice:has(input:checked) .animal-choice__disc{box-shadow:0 0 0 4px var(--color-target), 0 6px 14px var(--color-halo)}.animal-choice__name{font-size:var(--t-small);color:var(--color-muted);pointer-events:none;font-weight:600;line-height:1.1}.animal-choice:has(input:checked) .animal-choice__name{color:var(--color-text);font-weight:800}.animal-choice__check{z-index:2;background:var(--color-target);width:26px;height:26px;color:var(--color-light);box-shadow:0 0 0 3px var(--color-surface);pointer-events:none;border-radius:50%;place-items:center;display:none;position:absolute;top:-4px;right:2px}.animal-choice__check svg{width:16px;height:16px}.animal-choice:has(input:checked) .animal-choice__check{display:grid}.animal-choice[data-animal=foal]{--tint:var(--color-tint-foal)}.animal-choice[data-animal=cat]{--tint:var(--color-tint-cat)}.animal-choice[data-animal=rabbit]{--tint:var(--color-tint-rabbit)}.animal-choice[data-animal=fox]{--tint:var(--color-tint-fox)}.animal-choice[data-animal=owl]{--tint:var(--color-tint-owl)}.animal-choice[data-animal=turtle]{--tint:var(--color-tint-turtle)}.animal-choice[data-animal=panda]{--tint:var(--color-tint-panda)}.animal-choice[data-animal=hedgehog]{--tint:var(--color-tint-hedgehog)}.profile-editor__footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.profile-editor__message{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-confirm-border);font-size:var(--t-lab);border-radius:18px;margin:0;padding:.6em .9em;font-weight:800;line-height:1.25}.profile-editor__actions{flex-direction:column-reverse;gap:10px;margin-top:auto;display:flex}.profile-editor__gap{height:4px}.profile-editor .button{min-height:48px;font-size:var(--t-cta);justify-content:center;align-items:center;gap:.45em;display:inline-flex}.profile-editor .button--danger{font-size:calc(var(--t-cta) * .74);box-shadow:inset 0 0 0 2px var(--color-wrong-soft);background:0 0;font-weight:600}.profile-editor__icon{width:1.15em;height:1.15em;color:var(--color-wrong);flex:none}.profile-editor .button--erase{background:var(--color-wrong);color:var(--color-light);box-shadow:var(--shadow-erase)}.profile-editor__confirm{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-confirm-border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:auto;padding:14px;display:flex}.profile-editor__warning{font-size:var(--t-lab);flex:100%;margin:0;font-weight:800;line-height:1.2}.profile-editor__confirm .button{flex:auto}@media (width>=900px) and (orientation:landscape){.profile-editor{--u:min(1vw, 1.75vh);--t-title:calc(4.4 * var(--u));--t-name:calc(2.1 * var(--u));--t-lab:calc(1.6 * var(--u));--t-small:calc(1.15 * var(--u));--t-cta:calc(1.9 * var(--u));width:min(100% - 5.2 * var(--u), 80 * var(--u));height:fit-content;max-height:calc(100% - 5.2 * var(--u));border-radius:calc(var(--radius) * 1.4);background:var(--color-glass-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:auto}.profile-editor__form{min-height:0;padding:calc(2.8 * var(--u)) calc(3.2 * var(--u));column-gap:calc(3.6 * var(--u));row-gap:calc(1.8 * var(--u));grid-template-columns:minmax(0,30fr) minmax(0,70fr);grid-template-areas:"preview title""preview field""preview animals""actions actions";align-items:start;display:grid}.profile-editor__top{display:contents}.profile-editor__preview{--t-name:calc(2.2 * var(--u));grid-area:preview;align-self:center;width:100%}.profile-editor__title{font-size:calc(3 * var(--u));grid-area:title}.profile-editor__field{grid-area:field}.profile-editor__animals{grid-area:animals}.profile-editor__footer{gap:calc(1.2 * var(--u));margin-top:calc(.6 * var(--u));grid-area:actions}.profile-editor__actions{flex-direction:row;align-items:center;margin-top:0}.profile-editor__gap{flex:1;height:auto}.profile-editor__confirm{flex-wrap:nowrap;margin-top:0}.profile-editor__warning{flex:auto}.profile-editor__confirm .button{flex:none}.profile-editor__grid{gap:calc(1.2 * var(--u)) calc(1 * var(--u))}.animal-choice__disc{width:min(100%, calc(6.8 * var(--u)))}}.code-boxes{--code-box:clamp(52px, 4.4vw, 66px);align-items:center;gap:calc(var(--code-box) * .18);display:flex}.code-boxes__box{width:var(--code-box);aspect-ratio:66/84;border-radius:calc(var(--code-box) * .24);font:400 calc(var(--code-box) * .76) / 1 var(--font-letters);text-align:center;color:var(--color-text);caret-color:var(--color-target);background:var(--color-light);box-shadow:inset 0 0 0 2px var(--color-key-border);border:0;flex:none;margin:0;padding:0}.code-boxes__box:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.code-boxes__box:disabled{opacity:.55;cursor:not-allowed}.code-boxes__gap{width:calc(var(--code-box) * .2);flex:none}.login,.welcome,.sheet{--u:min(1vw, 1.75vh);--t-title:calc(3.4 * var(--u));--t-text:max(15px, 1.45 * var(--u));--t-lab:max(16px, 1.55 * var(--u));--t-small:max(13px, 1.15 * var(--u));--t-field:max(18px, 1.9 * var(--u));--t-cta:max(18px, 1.8 * var(--u));width:min(100% - 5.2 * var(--u), 82 * var(--u));max-width:100%;height:fit-content;max-height:calc(100% - 5.2 * var(--u));border-radius:calc(var(--radius) * 1.4);background:var(--color-glass-panel);color:var(--color-text);font-family:var(--font-display);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;margin:auto;padding:0;overflow:auto}.login::backdrop,.welcome::backdrop,.sheet::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login__form{column-gap:calc(3.2 * var(--u));padding:calc(2.4 * var(--u)) calc(3.6 * var(--u)) calc(2.4 * var(--u)) calc(2.4 * var(--u));grid-template-columns:minmax(0,34fr) minmax(0,66fr);display:grid}.login__art{isolation:isolate;min-height:calc(34 * var(--u));border-radius:calc(var(--radius) * 1.1);background:var(--gradient-sky);place-items:end center;display:grid;position:relative;overflow:hidden}.login__art:before{content:"";z-index:-1;aspect-ratio:1;background:var(--gradient-sun-halo);width:140%;position:absolute;top:46%;left:50%;translate:-50% -50%}.login__horse{width:84%;height:auto;filter:drop-shadow(0 0 16px var(--color-foal-glow));margin-bottom:7%}.login__spark{z-index:1}.login__main{gap:calc(1.5 * var(--u));flex-direction:column;min-width:0;display:flex}.login__title{font-size:var(--t-title);margin:0;font-weight:800;line-height:1.05}.login__step{gap:calc(1.5 * var(--u));flex-direction:column;display:flex}.login__list{gap:calc(.6 * var(--u));font-size:var(--t-text);margin:0;padding:0;font-weight:600;line-height:1.3;list-style:none;display:grid}.login__item{padding-left:1.5em;position:relative}.login__item:before{content:"";aspect-ratio:1;background:var(--color-accent);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:.95em;position:absolute;top:.18em;left:.1em}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{font-size:var(--t-lab);font-weight:800}.login__email{width:100%;min-height:max(48px, 4.6 * var(--u));font:600 var(--t-field) / 1.2 var(--font-display);color:var(--color-text);background:var(--color-light);box-shadow:inset 0 0 0 2px var(--color-key-border);border:0;border-radius:16px;padding:0 .7em}.login__email::placeholder{color:var(--color-placeholder)}.login__email:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.login__email:disabled{opacity:.6;cursor:not-allowed}.login__hint,.login__tip,.login__checking,.sheet__tip{font-size:var(--t-small);color:var(--color-muted);margin:0;font-weight:600}.login__hint{font-size:var(--t-text)}.login__sent{font-size:var(--t-text);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.4}.login__sent strong{font-weight:800}.login__turnstile{min-height:65px}.login__message,.sheet__message,.welcome__pending{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-confirm-border);font-size:var(--t-text);border-radius:18px;margin:0;padding:.6em .9em;font-weight:800;line-height:1.25}.login__code-row,.sheet__code-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.login__consent{font-size:var(--t-text);grid-template-columns:auto 1fr;align-items:start;column-gap:.6em;display:grid}.login__consent-box{font-size:inherit;width:1.2em;height:1.2em;accent-color:var(--color-target);cursor:pointer;margin:.05em 0 0}.login__consent-box:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.login__consent-label{cursor:pointer;font-weight:700;line-height:1.3}.login__consent .login__privacy{grid-column:2;justify-self:start}.login__consent:has(.login__consent-box:disabled) .login__consent-label{opacity:.6;cursor:not-allowed}.login__actions{margin-top:calc(.4 * var(--u));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.login__privacy,.settings__privacy{font:600 var(--t-small,15px) / 1.3 var(--font-display);color:var(--color-muted);text-underline-offset:3px;border-radius:6px;align-items:center;min-height:44px;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.login__privacy:hover,.settings__privacy:hover{color:var(--color-target)}.login__privacy:focus-visible,.settings__privacy:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}:is(.login,.welcome,.sheet) .button{min-height:48px;font-size:var(--t-cta);justify-content:center;align-items:center;display:inline-flex}.login .login__resend,.sheet .delete-account__resend{font-size:calc(var(--t-cta) * .82);font-variant-numeric:tabular-nums}.login__link{cursor:pointer;min-height:44px;font:800 var(--t-lab) / 1 var(--font-display);color:var(--color-target);text-underline-offset:4px;background:0 0;border:0;border-radius:8px;padding:0 6px;text-decoration:underline;text-decoration-thickness:2px}.login__link:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.login__link:disabled{opacity:.5;cursor:not-allowed}.welcome{width:min(100% - 5.2 * var(--u), 70 * var(--u))}.welcome__card{column-gap:calc(2.8 * var(--u));padding:calc(2.2 * var(--u)) calc(3.3 * var(--u)) calc(2.2 * var(--u)) calc(2.2 * var(--u));grid-template-columns:minmax(0,32fr) minmax(0,68fr);display:grid}.welcome .login__art{min-height:calc(29 * var(--u))}.welcome__main{justify-content:center;gap:calc(1.2 * var(--u));flex-direction:column;min-width:0;display:flex}.welcome__title{font-size:calc(3.6 * var(--u));margin:0;font-weight:800;line-height:1}.welcome__text{font-size:max(17px, 1.6 * var(--u));overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.35}.welcome__text strong{font-weight:800}.welcome__actions{align-items:stretch;gap:calc(.9 * var(--u));margin-top:calc(.4 * var(--u));flex-direction:column;display:flex}.welcome .button{min-height:max(56px, 4.4 * var(--u));font-size:max(20px, 2 * var(--u))}.sheet{width:min(100% - 5.2 * var(--u), max(540px, 48 * var(--u)))}.sheet--wide{width:min(100% - 5.2 * var(--u), 72 * var(--u))}.sheet__body{gap:max(14px, 1.2 * var(--u));padding:max(22px, 2 * var(--u)) max(26px, 2.5 * var(--u));flex-direction:column;display:flex}.sheet__top{align-items:center;gap:max(12px, 1.2 * var(--u));display:flex}.sheet__badge{width:max(48px, 4 * var(--u));aspect-ratio:1;background:var(--color-target-bg);color:var(--color-target);box-shadow:var(--shadow-disc);border-radius:50%;flex:none;place-items:center;display:grid}.sheet__badge svg{width:58%;height:58%}.sheet__badge--danger{background:var(--color-danger-bg);color:var(--color-wrong)}.sheet__badge--ok{background:var(--color-success-bg);color:var(--color-success)}.sheet__title{font-size:max(26px, 2.3 * var(--u));margin:0;font-weight:800;line-height:1.05}.sheet__content{gap:max(12px, 1.2 * var(--u));flex-direction:column;display:flex}.sheet__tip{line-height:1.3}.sheet__text{font-size:max(17px, 1.35 * var(--u));margin:0;font-weight:600;line-height:1.4}.sheet__check{min-height:44px;font-size:var(--t-text);cursor:pointer;align-items:center;gap:.6em;font-weight:600;display:flex}.sheet__check input{width:1.35em;height:1.35em;accent-color:var(--color-target);cursor:pointer;flex:none;margin:0}.sheet__check input:focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.sheet__check:has(input:disabled){opacity:.6;cursor:not-allowed}.sheet__actions{margin-top:calc(.3 * var(--u));flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sheet__gap{flex:1}.sheet .button--erase{background:var(--color-wrong);color:var(--color-light);box-shadow:var(--shadow-erase)}.sheet .button--erase:disabled{box-shadow:none}.purchase__gate{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.purchase__answer{text-align:center;font-variant-numeric:tabular-nums;width:5.5em}.purchase__price strong{font-size:1.25em}.legacy-choice__players{grid-template-columns:repeat(auto-fill, minmax(max(190px, 15 * var(--u)), 1fr));gap:max(12px, 1 * var(--u));display:grid}.legacy-choice__player{min-width:0;min-height:max(72px, 6 * var(--u));cursor:pointer;background:var(--color-surface-faint);outline:2px dashed var(--color-key-border);outline-offset:-2px;border-radius:20px;align-items:center;gap:.6em;padding:.5em .9em .5em .6em;display:flex;position:relative}.legacy-choice__input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.legacy-choice__porthole{width:max(48px, 4 * var(--u));height:max(48px, 4 * var(--u));filter:grayscale(.7);opacity:.6}.legacy-choice__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:max(18px, 1.5 * var(--u));font-weight:800;overflow:hidden}.legacy-choice__mark{background:var(--color-target);width:28px;height:28px;color:var(--color-light);box-shadow:0 0 0 3px var(--color-surface);pointer-events:none;border-radius:50%;place-items:center;display:none;position:absolute;top:-8px;right:-6px}.legacy-choice__mark svg{width:17px;height:17px}.legacy-choice__player:has(input:checked){background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-target), 0 6px 14px var(--color-halo);outline:0}.legacy-choice__player:has(input:checked) .legacy-choice__porthole{filter:none;opacity:1}.legacy-choice__player:has(input:checked) .legacy-choice__mark{display:grid}.legacy-choice__player:has(input:focus-visible){outline:3px solid var(--color-target);outline-offset:3px}.legacy-choice__player:has(input:disabled){cursor:not-allowed}.legacy-choice__player:has(input:disabled:not(:checked)){opacity:.55}.legacy-choice__count{font-size:var(--t-lab);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.legacy-choice__confirm{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-confirm-border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px;display:flex}.legacy-choice__warning{font-size:var(--t-text);overflow-wrap:anywhere;flex:100%;margin:0;font-weight:800;line-height:1.3}@media (width<=760px){.login,.welcome,.sheet{--u:1.6vw}.login__form,.welcome__card{grid-template-columns:minmax(0,1fr);padding:20px}.login__art,.welcome .login__art{display:none}}.screen--play{gap:var(--space-s);grid-template-rows:minmax(clamp(110px,25vh,360px),1fr) auto auto;display:grid}.track{--horse-h:58%;--stand-ratio:1.269;border-radius:calc(var(--radius) * 1.3);min-height:0;box-shadow:var(--shadow-track);position:relative;overflow:hidden}.track:after{content:"";z-index:1;pointer-events:none;background:var(--gradient-track-light);position:absolute;inset:0}.track__strip{will-change:transform;background:url(/paddock-loop.webp) 0 0/auto 100% repeat-x;height:100%;position:absolute;inset:0 auto 0 0}.track__horse{height:var(--horse-h);width:auto;transition:transform .12s;position:absolute;bottom:6%;left:8%}.track__horse--stand{height:calc(var(--horse-h) * var(--stand-ratio))}.track__horse--off{visibility:hidden}.track__horse--jump{transform-origin:50% 60%;animation:.65s cubic-bezier(.3,.7,.4,1) horse-jump}@keyframes horse-jump{0%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-24%)rotate(-7deg)}38%,58%{transform:translateY(-38%)rotate(0)}80%{transform:translateY(-14%)rotate(6deg)}}@keyframes horse-jump-flat{0%,to{transform:translateY(0)}38%,58%{transform:translateY(-38%)}}.track__obstacle{height:calc(var(--horse-h) * .5);width:auto;transition:left .2s linear;position:absolute;bottom:6%;left:95%}.track__obstacle--vol{z-index:1;height:calc(var(--horse-h) * .42);transition:left .2s linear,bottom .2s linear}.track__obstacle--envol{transition:left .65s linear,bottom .65s cubic-bezier(.11,0,.5,0)}.track__obstacle--instant{transition:none}.track__twinkle{z-index:2}.track__sparkles,.track__glints{z-index:2;pointer-events:none;width:0;height:0;position:absolute;bottom:45%;left:18%}.track__sparkle{aspect-ratio:1;opacity:0;width:clamp(10px,1.3vw,18px);animation:.7s ease-out forwards track-sparkle;position:absolute}@keyframes track-sparkle{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(clamp(-90px, -7vw, -50px)) scale(.3)}}.track__glint{left:var(--gx);top:var(--gy);aspect-ratio:1;opacity:0;width:clamp(14px,1.6vw,24px);animation:.52s ease-out forwards track-glint;position:absolute}@keyframes track-glint{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}30%{opacity:1;transform:translate(-30%,-60%)scale(1.1)rotate(30deg)}to{opacity:0;transform:translate(-120%,-220%)scale(.5)rotate(90deg)}}.letters{min-width:0;font-family:var(--font-letters);font-size:var(--text-letters);min-height:1.2em;margin-top:-.9em;padding-top:.9em;line-height:1.12;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.letters__strip{align-items:center;gap:.3em;width:max-content;transition:transform .18s ease-out;display:flex;position:relative}.letters__strip--instant{transition:none}.letter{border-radius:.22em;place-items:center;min-width:1.05em;padding:0 .12em .06em;display:inline-grid;position:relative}.letter--done{color:var(--color-done)}.letter--target{color:var(--color-target);transform-origin:50% 80%;background:radial-gradient(ellipse 50% .22em at 50% 96%, #f2a73b8c, transparent 100%) 50% 0 / 100% 100% no-repeat, linear-gradient(var(--color-accent), var(--color-accent)) 50% 96% / 64% .08em no-repeat;animation:2.4s ease-in-out infinite letter-glow;transform:scale(1.15)}@keyframes letter-glow{50%{background-size:70% 100%,64% .08em}}.letter--sparkle:before,.letter--sparkle:after{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle, var(--color-spark) 0 22%, var(--color-accent) 60%);width:.36em;animation:.65s ease-out forwards letter-spark;position:absolute;top:35%;left:50%}.letter--sparkle:after{--dx:.5em;width:.22em;animation-delay:70ms}@keyframes letter-spark{0%{opacity:0;transform:translate(-50%)scale(.4)rotate(0)}25%{opacity:1;transform:translate(-50%,-.2em)scale(1.15)rotate(40deg)}to{opacity:0;transform:translate(calc(-50% - var(--dx,1em)), -1.1em) scale(.3) rotate(160deg)}}.letters--wrong .letter--target{animation:.4s ease-in-out letter-tremble}@keyframes letter-tremble{0%,to{translate:0}20%{opacity:.7;translate:-.04em}40%{opacity:.6;translate:.04em}60%{opacity:.7;translate:-.03em}80%{translate:.02em}}.keyboard-area{width:min(100%, calc(var(--key-size) * 16));padding-bottom:calc(var(--key-size) * 1.4);margin-inline:auto;position:relative}.keyboard{gap:var(--key-gap);width:100%;display:grid}.keyboard__row{gap:var(--key-gap);display:flex}.key{flex:var(--w) 1 0;min-width:0;height:var(--key-size);border-radius:calc(var(--radius) * .55);background:var(--color-key);box-shadow:var(--shadow-key);font-family:var(--font-letters);font-size:calc(var(--key-size) * .42);border:2px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.key[data-code]:not([data-finger]){font-size:calc(var(--key-size) * .32);overflow:hidden}.keyboard__row:nth-child(3) .key[data-code=Enter]{color:#0000}.key--spacer{visibility:hidden}.key--home:after{content:"";opacity:.5;background:currentColor;border-radius:2px;width:22%;height:3px;position:absolute;bottom:12%}.key[data-finger=L5],.key[data-finger=R5]{background:var(--color-finger-pinky)}.key[data-finger=L4],.key[data-finger=R4]{background:var(--color-finger-ring)}.key[data-finger=L3],.key[data-finger=R3]{background:var(--color-finger-middle)}.key[data-finger=L2]{background:var(--color-finger-index-left)}.key[data-finger=R2]{background:var(--color-finger-index-right)}.key[data-finger=T]{background:var(--color-finger-thumb)}.key--target{border-color:var(--color-target);color:var(--color-target);z-index:1;animation:2.4s ease-in-out infinite key-glow}@keyframes key-glow{0%,to{box-shadow:0 0 0 3px var(--color-target), 0 0 22px var(--color-halo-strong)}50%{box-shadow:0 0 0 3px var(--color-target), 0 0 8px var(--color-halo)}}.key.key--pressed{background:var(--color-key-pressed);box-shadow:none;transform:translateY(2px)}.hands{pointer-events:none;z-index:2;width:0;max-width:none;height:auto;position:absolute;top:0;left:0}.screen--ending{height:calc(100% + var(--topbar-height));margin-top:calc(-1 * var(--topbar-height));padding-top:var(--topbar-height);align-items:center;gap:var(--space-m);grid-template-columns:minmax(0,47fr) minmax(0,53fr);padding-inline:clamp(16px,4vw,72px);display:grid;position:relative;overflow:hidden}.ending__stage{isolation:isolate;place-items:center;height:100%;display:grid;position:relative}.ending__horse{z-index:2;object-fit:contain;width:100%;height:min(60vh,560px);animation:.7s ease-out ending-arrive;position:relative}@keyframes ending-arrive{0%{transform:translate(-40vw)}to{transform:translate(0)}}.ending--win .ending__stage:before,.ending--win .ending__stage:after{content:"";aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.ending--win .ending__stage:before{z-index:-1;background:repeating-conic-gradient(var(--color-rays) 0 9deg, transparent 9deg 20deg);width:min(110vw,170vh);animation:60s linear infinite spin;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}.ending--win .ending__stage:after{z-index:0;background:var(--gradient-sun-halo);width:min(46vw,72vh);translate:-50% -48%}@keyframes spin{to{rotate:360deg}}.ending__panel{z-index:4;text-align:center;justify-items:center;gap:clamp(10px,2.4vh,28px);display:grid;position:relative}.ending__ribbon{margin-bottom:calc(-1*clamp(4px,1vh,12px));line-height:0}.ending__cocarde{width:clamp(80px,min(12vw,19vh),190px);height:auto;filter:drop-shadow(0 6px 14px var(--color-halo));animation:.7s cubic-bezier(.3,1.5,.5,1) .45s backwards cocarde-in;overflow:visible}@keyframes cocarde-in{0%{opacity:0;rotate:-40deg;scale:.2}}.cocarde__tail{fill:var(--color-target)}.cocarde__tail--back{opacity:.82}.cocarde__petals{fill:var(--color-target)}.cocarde__ring{fill:var(--color-key-pressed)}.cocarde__inner{fill:var(--color-accent)}.cocarde__star{fill:var(--color-light)}.ending__title{text-wrap:balance;margin:0;font-size:clamp(32px,min(5.2vw,8vh),72px);font-weight:800;line-height:1.05}.ending__stats{color:var(--color-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em 1.4em;font-size:clamp(16px,min(2.1vw,3.4vh),28px);font-weight:600;display:flex}.ending__stat{margin:0}.ending__stat--short{color:var(--color-text);background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:999px;padding:.3em .8em;font-weight:800}.ending__record{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-accent);color:var(--color-text);border-radius:999px;align-items:center;gap:.45em;margin:0;padding:.3em .95em;font-size:clamp(16px,min(2.1vw,3.4vh),28px);font-weight:800;animation:.7s cubic-bezier(.3,1.5,.5,1) .65s backwards cocarde-in;display:inline-flex}.ending__record:before{content:"";aspect-ratio:1;background:var(--color-accent);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:1em}.tamed{justify-content:center;align-items:center;gap:clamp(10px,1.4vw,20px);animation:.7s cubic-bezier(.3,1.5,.5,1) .85s backwards cocarde-in;display:flex}.tamed__key{aspect-ratio:1;border-radius:calc(var(--radius) * .7);background:var(--color-surface);min-width:clamp(52px,min(5.4vw,8.5vh),88px);box-shadow:inset 0 -5px 0 var(--color-key-pressed), inset 0 0 0 2px var(--color-accent), var(--shadow-float);color:var(--color-text);place-items:center;padding:0 .2em;font-size:clamp(28px,min(3.2vw,5.2vh),50px);font-weight:800;line-height:1;display:grid}.tamed__text{margin:0;font-size:clamp(18px,min(1.9vw,3.2vh),28px);font-weight:800}.ending__actions{justify-content:center;gap:var(--space-m);flex-wrap:wrap;margin-top:clamp(0px,.6vh,8px);display:flex}.ending--retry .ending__horse{width:135%;max-width:none;height:min(66vh,620px)}.ending__invite{border-radius:calc(var(--radius) * 1.1);background:var(--color-surface);width:100%;max-width:min(640px,44vw);box-shadow:inset 0 0 0 2px var(--color-confirm-border), var(--shadow-float);flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);margin-top:clamp(0px,.6vh,8px);padding:clamp(14px,2.4vh,24px) clamp(16px,2vw,28px);display:flex}.ending__invite-text{text-wrap:balance;margin:0;font-size:clamp(18px,min(1.7vw,3vh),26px);font-weight:800;line-height:1.25}.ending__invite-actions{justify-content:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.confetti{z-index:3;aspect-ratio:1;pointer-events:none;width:clamp(10px,1.3vw,20px);animation:confetti-fall var(--fall,4s) linear infinite backwards;border-radius:50% 0;position:absolute;top:-4%}@keyframes confetti-fall{0%{transform:translate(0, 0) rotate(var(--spin,0deg))}50%{transform:translate(var(--sway,0), 55vh) rotate(calc(var(--spin,0deg) + 270deg))}to{transform:translate(0, 110vh) rotate(calc(var(--spin,0deg) + 540deg))}}.settings{border-radius:var(--radius);background:var(--color-glass-panel);color:var(--color-text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-hud);border:0;width:min(92vw,780px);padding:clamp(20px,3vw,40px) clamp(20px,4vw,52px);font-weight:600}.settings::backdrop{background:var(--color-backdrop,#3a274847);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings__form{gap:var(--space-m);display:grid}.settings__title{margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:1}.settings__row{justify-content:space-between;align-items:center;gap:var(--space-m);cursor:pointer;min-height:44px;display:flex}.settings__row select,.settings__row input{font:inherit;min-height:44px}.settings__row select{color:var(--color-text);background-color:var(--color-key);border:2px solid var(--color-key-border);border-radius:calc(var(--radius) * .6);cursor:pointer;padding:.35em .5em}.settings__row input[type=checkbox]{appearance:none;cursor:pointer;background:radial-gradient(circle closest-side, var(--color-light) 88%, transparent) .15em 50% / 1.15em 1.15em no-repeat, var(--color-done);border-radius:999px;flex:none;width:2.6em;height:1.45em;min-height:0;margin:0;transition:background-position .2s,background-color .2s}.settings__row input[type=checkbox]:checked{background-color:var(--color-success);background-position:calc(100% - .15em),0 0}.settings__row :is(input,select):focus-visible{outline:3px solid var(--color-target);outline-offset:2px}.settings__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings__privacy{font-size:var(--text-hud)}.settings__row select:disabled{cursor:not-allowed;opacity:.6}.settings__message{background:var(--color-encourage-bg);box-shadow:inset 0 0 0 2px var(--color-confirm-border);border-radius:18px;margin:0;padding:.6em .9em;font-weight:800;line-height:1.25}.settings__account{padding-top:var(--space-m);border-top:2px solid var(--color-key-border);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings__account-line{overflow-wrap:anywhere;flex:100%;margin:0}.settings__account-line strong{font-weight:800}.settings__account .button{align-items:center;gap:.45em;display:inline-flex}.settings__icon{width:1.25em;height:1.25em;color:var(--color-target);flex:none}.settings__account .button--danger{font-size:calc(var(--text-button) * .78);box-shadow:inset 0 0 0 2px var(--color-wrong-soft);background:0 0;margin-left:auto;font-weight:600}.settings__account .button--danger .settings__icon{color:var(--color-wrong)}@media (width>=720px){.settings__form{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-auto-flow:dense;column-gap:clamp(24px,5vw,64px)}.settings__title,.settings__footer,.settings__message,.settings__account{grid-column:1/-1}.settings__row:has(input[type=checkbox]){grid-column:1}.settings__row:has(select){flex-direction:column;grid-column:2;align-items:stretch;gap:.35em}}@media (width<=760px),(aspect-ratio<=1){.screen--ending{padding-bottom:var(--space-m);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:center}.ending__horse,.ending--retry .ending__horse{width:100%;height:min(34vh,320px)}}@media (prefers-reduced-motion:reduce){.key--target,.letter--target,.letters--wrong .letter--target,.home__spark,.track__twinkle,.login__spark,.ending__cocarde,.ending__record,.tamed,.ending--win .ending__stage:before{animation:none}.letter--sparkle:before,.letter--sparkle:after,.track__sparkle,.track__glint,.confetti{display:none}.course__stop--current .course__plate{box-shadow:0 0 0 3px var(--color-target), 0 0 18px var(--color-halo-strong);animation:none}.course__stop--current .course__obstacle{filter:drop-shadow(0 0 3px var(--color-target)) drop-shadow(0 0 12px var(--color-halo-strong));animation:none}.run-progress__fill{transition:none}.track__horse--jump{animation-name:horse-jump-flat}.letters__strip,.stall__head{transition:none}.stable__hit:hover .stall__head,.stable__hit:focus-visible .stall__head{translate:-50%}}body.computer-notice-open>:not(.computer-notice-root){display:none!important}.computer-notice-root{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--color-bg) var(--gradient-sky) no-repeat;position:fixed;inset:0;overflow-y:auto}.computer-notice{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,3vw,20px);width:100%;max-width:640px;margin:0 auto;display:flex}.computer-notice__title{text-shadow:0 2px 12px var(--color-title-glow);margin:0;font-size:clamp(24px,7vw,40px);font-weight:800;line-height:1.15}.computer-notice__frame{aspect-ratio:8/5;border-radius:var(--radius);background:var(--color-surface);width:100%;box-shadow:var(--shadow-track);position:relative;overflow:hidden}.computer-notice__video{object-fit:cover;width:100%;height:100%;display:block}.computer-notice__sound{min-height:44px;font:inherit;color:var(--color-text);background:var(--color-glass-panel);box-shadow:var(--shadow-float);border:0;border-radius:999px;padding:0 16px;font-size:16px;font-weight:800;position:absolute;bottom:10px;right:10px}.computer-notice__text{font-family:var(--font-letters);margin:0;font-size:clamp(17px,4.4vw,22px);line-height:1.4}.computer-notice__address{overflow-wrap:anywhere;max-width:100%;color:var(--color-target);background:var(--color-target-bg);-webkit-user-select:all;user-select:all;border-radius:14px;margin:0;padding:10px 16px;font-size:clamp(18px,5.2vw,26px);font-weight:800}.computer-notice__copy{min-height:48px}.computer-notice__copy-status{min-height:1.4em;font-family:var(--font-letters);color:var(--color-muted);margin:0;font-size:16px}.computer-notice__continue{min-height:44px;font:inherit;color:var(--color-muted);text-underline-offset:3px;background:0 0;border:0;padding:0 12px;font-size:16px;font-weight:600;text-decoration:underline}.computer-notice :where(button):focus-visible{outline:3px solid var(--color-target);outline-offset:3px}@media (orientation:landscape) and (width>=600px){.computer-notice{grid-template-columns:1.4fr 1fr;grid-auto-rows:min-content;align-content:center;gap:clamp(6px,1.6vh,20px) clamp(20px,3vw,40px);max-width:1180px;min-height:100%;display:grid}.computer-notice__copy-status:empty{min-height:0}.computer-notice__title{grid-column:1/-1;font-size:clamp(24px,3.4vw,40px)}.computer-notice__frame{grid-area:2/1/span 5;place-self:center;width:min(100%,160dvh - 176px)}.computer-notice>:not(.computer-notice__title,.computer-notice__frame){grid-column:2;justify-self:center}.computer-notice__text{font-size:clamp(16px,1.9vw,22px)}.computer-notice__address{font-size:clamp(17px,2.2vw,26px)}}