@layer config{:root{--mq--desktop:1024px;--kite--paper:#fffdf6;--kite--paper-2:#f3eee2;--kite--ink:#1d1b18;--kite--ink-2:#5a554c;--kite--signal:var(--color--signal);--kite--sky:#9fd3ff;--kite--crease:#d9573f;--kite--chip:color-mix(in oklab, var(--kite--paper) 86%, transparent);--kite--chip-line:color-mix(in oklab, var(--kite--ink) 14%, transparent);--kite--shadow:0 2px 0 color-mix(in oklab, var(--kite--ink) 18%, transparent)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--kite--chip:var(--kite--paper);--kite--chip-line:var(--kite--ink)}}}.kitesurfer{--kite--safe-top:max(var(--gap--4), env(safe-area-inset-top));--kite--safe-right:max(var(--gap--4), env(safe-area-inset-right));--kite--safe-bottom:max(var(--gap--4), env(safe-area-inset-bottom));--kite--safe-left:max(var(--gap--4), env(safe-area-inset-left));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:var(--kite--paper-2)}.kitesurfer .game-shell__exit{inset-block-start:var(--kite--safe-top);inset-inline-start:var(--kite--safe-left)}.kitesurfer .game-pause__button{inset-block-start:var(--kite--safe-top);inset-inline-end:var(--kite--safe-right)}.kitesurfer:not([data-phase=flying]) .kite-hud,.kitesurfer:not([data-phase=flying]) .kite-markers,.kitesurfer:not([data-phase=flying]) .kite-callout{visibility:hidden}.kite-hud{gap:var(--gap--2);pointer-events:none;z-index:3;justify-items:center;display:grid;position:absolute;inset-block-start:calc(var(--kite--safe-top) + var(--gap--14));inset-inline:0}.kite-hud__distance{color:var(--kite--ink);font-family:var(--ff--serif);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--kite--paper), 0 0 18px var(--kite--paper);font-size:clamp(2.75rem,2rem + 4vw,4.5rem);line-height:.9}.kite-hud__unit{font-size:.5em}.kite-hud__score{background-color:var(--kite--chip);border-radius:var(--br--button);box-shadow:inset 0 0 0 1px var(--kite--chip-line), var(--kite--shadow);color:var(--kite--ink);padding:var(--gap--1) var(--gap--3);font-size:.8125rem}.kite-creases{background-color:var(--kite--chip);border-radius:var(--br--button);box-shadow:inset 0 0 0 1px var(--kite--chip-line), var(--kite--shadow);gap:var(--gap--2);padding:var(--gap--1) var(--gap--3);display:flex}.kite-creases:empty{display:none}.kite-creases__slot{block-size:var(--gap--5);color:var(--kite--paper);filter:drop-shadow(0 1px 0 color-mix(in oklab, var(--kite--ink) 55%, transparent));inline-size:var(--gap--8)}.kite-creases__slot[data-creased]{color:var(--kite--crease)}.kite-creases__slot[data-new]{animation:kite-crease-hit .6s var(--ease--spring) 1}@media (prefers-reduced-motion:reduce){.kite-creases__slot[data-new]{animation:none}}@keyframes kite-crease-hit{40%{rotate:-12deg;scale:1.6}}.kite-power{background-color:var(--kite--chip);border-radius:var(--br--button);box-shadow:inset 0 0 0 1px var(--kite--chip-line), var(--kite--shadow);color:var(--kite--ink);align-items:center;gap:var(--gap--2);padding:var(--gap--1) var(--gap--3);display:flex}.kite-power[hidden]{display:none}.kite-power__icon{block-size:var(--gap--5);inline-size:var(--gap--5)}.kite-power__label{font-size:.75rem}.kite-power__bar{background-color:var(--kite--chip-line);block-size:var(--gap--1);border-radius:var(--br--button);inline-size:var(--gap--16);overflow:hidden}.kite-power__fill{background-color:var(--kite--ink);block-size:100%;inline-size:calc(var(--left,1) * 100%);display:block}.kite-switch{background-color:var(--kite--chip);block-size:var(--gap--12);border-radius:var(--br--button);box-shadow:inset 0 0 0 1px var(--kite--chip-line), var(--kite--shadow);color:var(--kite--ink);cursor:pointer;font-size:var(--fs--small);align-items:center;gap:var(--gap--2);padding-inline:var(--gap--3) var(--gap--4);z-index:10;border:0;display:inline-flex;position:absolute;inset-block-start:var(--kite--safe-top);inset-inline-end:calc(var(--kite--safe-right) + var(--gap--14))}.kite-switch__icon{block-size:var(--gap--5);inline-size:var(--gap--5)}.kite-switch:focus-visible{outline:3px solid var(--kite--ink);outline-offset:2px}@media (width<=480px){.kite-switch__label{clip-path:inset(50%);white-space:nowrap;position:absolute}.kite-switch{padding-inline:var(--gap--3)}}[data-phase]:not([data-phase=flying]) .kite-switch,:root[data-preview] .kite-switch{display:none}.kite-markers{pointer-events:none;z-index:2;position:absolute;inset:0}.kite-marker{background-color:var(--kite--chip);border-radius:var(--br--button) 0 0 var(--br--button);box-shadow:inset 0 0 0 1px var(--kite--chip-line);color:var(--kite--ink);align-items:center;gap:var(--gap--1);padding:var(--gap--1) var(--gap--2);translate:0 calc(var(--y,0) * 1px - 50%);font-size:.625rem;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.kite-marker svg{block-size:var(--gap--4);inline-size:var(--gap--4)}.kite-marker[data-sensed]{background-color:var(--kite--ink);color:var(--kite--paper)}.kite-callout[data-tone=bad]{color:var(--kite--crease)}.kite-callout{color:var(--kite--ink);font-family:var(--ff--serif);opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 0 var(--kite--paper), 0 0 22px var(--kite--paper);transition:opacity var(--time--slow) var(--ease--out);z-index:3;font-size:clamp(2rem,1.4rem + 3vw,3rem);font-style:italic;position:absolute;inset-block-start:38%;inset-inline:0}.kite-callout[data-show]{opacity:1;transition-duration:var(--time--fast)}.kite-screen{background-color:color-mix(in oklab, var(--kite--paper) 80%, transparent);color:var(--kite--ink);padding-block:calc(var(--kite--safe-top) + var(--gap--14)) calc(var(--kite--safe-bottom) + var(--gap--6));overflow-y:auto}.kite-screen .game-shell__kicker{color:var(--kite--crease)}.kite-screen__title{font-family:var(--ff--serif);letter-spacing:-.02em;font-size:clamp(3.5rem,1.5rem + 10vw,8rem);font-weight:400;line-height:.9}.kite-screen__title em{color:var(--kite--crease)}.kite-screen__distance{font-family:var(--ff--serif);font-variant-numeric:tabular-nums;font-size:clamp(4rem,2rem + 10vw,8rem);font-weight:400;line-height:.9}.kite-screen__unit{font-size:.4em}.kite-screen__lead{color:var(--kite--ink);font-size:var(--fs--large);max-inline-size:32ch}.kite-screen__keys{color:var(--kite--ink-2);font-size:.6875rem}.kite-screen__keys-touch{display:none}@media (pointer:coarse){.kite-screen__keys-desktop{display:none}.kite-screen__keys-touch{display:inline}}.kite-screen .button{--bg:var(--kite--ink);--text:var(--kite--paper);--shadow:var(--kite--crease);font-size:var(--fs--large);min-block-size:var(--gap--12);justify-content:center;min-inline-size:12rem}@media (prefers-reduced-transparency:reduce){.kite-screen{background-color:var(--kite--paper)}}.kite-style{gap:var(--gap--2);border:0;grid-template-columns:1fr 1fr;inline-size:min(100%,22rem);display:grid}.kite-style__legend{color:var(--kite--ink-2);text-align:center;grid-column:1/-1;margin-block-end:var(--gap--2);font-size:.6875rem}.kite-style__option{cursor:pointer;display:grid}.kite-style__option input{clip-path:inset(50%);position:absolute}.kite-style__option span{border-radius:var(--br--small);box-shadow:inset 0 0 0 2px var(--kite--chip-line);align-items:center;gap:var(--gap--2);min-block-size:var(--gap--12);padding:var(--gap--2) var(--gap--3);justify-content:center;display:flex}.kite-style__option input:checked+span{background-color:var(--kite--ink);color:var(--kite--paper)}.kite-style__option input:checked+span:before{content:"✓"}.kite-style__option input:focus-visible+span{outline:3px solid var(--kite--crease);outline-offset:2px}@media (forced-colors:active){.kite-style__option input:checked+span{outline:3px solid highlight}}.kite-tally{gap:var(--gap--1);inline-size:min(100%,18rem);display:grid}.kite-tally__row{border-block-end:1px solid var(--kite--chip-line);align-items:baseline;gap:var(--gap--4);padding-block:var(--gap--2);justify-content:space-between;display:flex}.kite-tally__row dt{color:var(--kite--ink-2)}.kite-tally__value{font-family:var(--ff--serif);font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1}.kite-tally__new{color:var(--kite--crease)}.kite-planes{gap:var(--gap--2);border:0;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:min(100%,26rem);display:grid}.kite-planes__option{cursor:pointer;display:grid}.kite-planes__option input{clip-path:inset(50%);position:absolute}.kite-planes__card{border-radius:var(--br--small);box-shadow:inset 0 0 0 2px var(--kite--chip-line);align-items:center;gap:var(--gap--2);min-block-size:var(--gap--12);padding:var(--gap--2);justify-content:center;display:flex}.kite-planes__icon{block-size:var(--gap--5);color:var(--kite--paper);filter:drop-shadow(0 1px 1px color-mix(in oklab, var(--kite--ink) 55%, transparent));inline-size:var(--gap--8);flex:none}.kite-planes__name{font-family:var(--ff--serif);font-size:1.25rem;line-height:1}.kite-planes__option input:checked+.kite-planes__card{background-color:var(--kite--ink);box-shadow:inset 0 -4px 0 var(--kite--crease);color:var(--kite--paper)}.kite-planes__option input:focus-visible+.kite-planes__card{outline:3px solid var(--kite--crease);outline-offset:2px}@media (width<=480px){.kite-planes__icon{display:none}}@media (forced-colors:active){.kite-planes__option input:checked+.kite-planes__card{outline:3px solid highlight}}.kite-specs{gap:var(--gap--2);inline-size:min(100%,26rem);display:grid}.kite-specs__text{color:var(--kite--ink);text-align:center;font-size:.9375rem;line-height:1.35}.kite-specs__stats{gap:var(--gap--3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kite-stat{gap:var(--gap--1);justify-items:center;display:grid}.kite-stat__label{color:var(--kite--ink-2);font-size:.8125rem}.kite-stat__value{justify-items:center;display:grid}.kite-stat__bar{background:linear-gradient(to right, currentColor calc(var(--value) * 20%), color-mix(in oklab, currentColor 20%, transparent) 0);block-size:var(--gap--2);border-radius:var(--br--button);inline-size:var(--gap--16);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 3px),#0000 calc(20% - 3px) 20%);mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 3px),#0000 calc(20% - 3px) 20%)}@media (forced-colors:active){.kite-stat__bar{background:linear-gradient(to right, CanvasText calc(var(--value) * 20%), GrayText 0)}}.kite-loader{background-color:var(--kite--paper-2);color:var(--kite--ink);align-content:center;gap:var(--gap--6);padding:var(--gap--6);text-align:center;z-index:5;justify-items:center;display:grid;position:absolute;inset:0}.kite-loader[hidden]{display:none}.kite-loader__fold{block-size:var(--gap--20);inline-size:var(--gap--24);perspective:20rem;position:relative}.kite-loader__sheet,.kite-loader__wing{background-color:var(--kite--paper);position:absolute;inset:0}.kite-loader__sheet{border:1px solid var(--kite--ink-2);animation:1.8s ease-in-out infinite alternate kite-fold-sheet}.kite-loader__wing{background-color:var(--kite--crease);clip-path:polygon(0 0,100% 50%,0 100%,28% 50%);transform-origin:50%;animation:1.8s ease-in-out infinite alternate kite-fold-wing}.kite-loader__wing--right{background-color:var(--kite--ink);clip-path:polygon(0 0,100% 50%,28% 50%);animation-direction:alternate-reverse}.kite-loader__status{font-size:.6875rem}.kite-loader__bar{background-color:var(--kite--chip-line);block-size:var(--gap--1);inline-size:min(100%,16rem);overflow:hidden}.kite-loader__fill{background-color:var(--kite--ink);block-size:100%;inline-size:100%;scale:var(--progress,0) 1;transform-origin:0;transition:scale var(--time--fast);display:block}@media (prefers-reduced-motion:reduce){.kite-loader__sheet,.kite-loader__wing{animation:none}.kite-loader__fill{transition:none}}@media (forced-colors:active){.kite-loader__sheet{background-color:canvas}.kite-loader__wing,.kite-loader__fill{background-color:canvastext}.kite-loader__bar{outline:1px solid canvastext}}@keyframes kite-fold-sheet{to{transform:rotate(-12deg)scale(.3)rotateY(75deg)}}@keyframes kite-fold-wing{0%{transform:rotateY(-65deg)scale(.7)}to{transform:rotateY(15deg)}}.kite-hangar{background-color:var(--kite--chip);border-block-start:1px solid var(--kite--chip-line);border-radius:var(--br--panel) var(--br--panel) 0 0;box-shadow:0 -8px 24px color-mix(in oklab, var(--kite--ink) 12%, transparent);color:var(--kite--ink);align-items:center;gap:var(--gap--3);overscroll-behavior:contain;max-block-size:62%;padding:var(--gap--4) var(--kite--safe-right) var(--kite--safe-bottom) var(--kite--safe-left);pointer-events:none;z-index:4;justify-items:center;display:grid;position:absolute;inset-block-end:0;inset-inline:0;overflow-y:auto}.kite-hangar[hidden]{display:none}.kite-hangar fieldset,.kite-hangar__go{pointer-events:auto}.kite-hangar .kite-style{inline-size:min(100%,26rem);font-size:.9375rem}.kite-hangar .kite-style__option span{min-block-size:var(--gap--11)}.kite-hangar__go{background-color:var(--kite--ink);border-radius:var(--br--button);color:var(--kite--paper);cursor:pointer;align-items:center;gap:var(--gap--3);min-block-size:var(--gap--12);padding:var(--gap--2) var(--gap--6);text-align:center;justify-content:center;font-size:.8125rem;display:flex}.kite-hangar__go:focus-visible{outline:3px solid var(--kite--crease);outline-offset:3px}.kite-hangar__icon{animation:kite-go 1.4s var(--ease--in-out) infinite alternate;block-size:var(--gap--5);inline-size:var(--gap--8)}@media (prefers-reduced-motion:reduce){.kite-hangar__icon{animation:none}}@media (width>=768px){.kite-hangar{border:1px solid var(--kite--chip-line);border-radius:var(--br--panel);inline-size:min(30rem, 100% - var(--gap--8));padding:var(--gap--5);inset-block-end:var(--kite--safe-bottom);inset-inline:50% auto;translate:-50%}}@media (orientation:landscape) and (height<=480px){.kite-hangar{border-radius:var(--br--panel) 0 0 var(--br--panel);max-block-size:none;inline-size:min(22rem,48%);padding:var(--kite--safe-top) var(--kite--safe-right) var(--kite--safe-bottom) var(--gap--4);inset-block:0;inset-inline:auto 0;translate:none}.kite-hangar .kite-specs__text{font-size:.8125rem}.kite-hangar .kite-hangar__go{white-space:nowrap;font-size:.6875rem}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.kite-hangar{background-color:var(--kite--paper)}}@keyframes kite-go{to{translate:var(--gap--1) calc(var(--gap--1) * -1)}}