@font-face{font-family:Claynotopia;src:url(/fonts/Claynotopia-Regular.otf) format("opentype");font-weight:400 900;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}:root{--ink: #5a3218;--ink-soft: #7c4a24;--wood: #c98a4b;--wood-light: #e8b072;--cream: #fff2d8;--outline: 3px solid var(--ink);--drop: 0 4px 0 rgba(90, 50, 24, .35)}body{font-family:Claynotopia,ui-rounded,ui-sans-serif,system-ui,sans-serif;color:#fff;background:linear-gradient(180deg,#0d5aa8,#2b86d8 40%,#8ccbf0);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.app,.stage,canvas{touch-action:none}.stage{position:absolute;inset:0;margin:auto;aspect-ratio:16 / 9;max-width:100%;max-height:100%;overflow:hidden;container-type:inline-size}@media(pointer:coarse)and (orientation:landscape){.stage{aspect-ratio:auto;width:100%;height:100%}}.rotate{display:none}@media(pointer:coarse)and (orientation:portrait){.rotate{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;background:linear-gradient(180deg,#0d5aa8,#2b86d8 45%,#f0b969);text-align:center}}.rotate__icon{position:relative;width:58px;height:96px;border:5px solid var(--cream);border-radius:12px;animation:rotate-hint 2.2s ease-in-out infinite}.rotate__icon:after{content:"";position:absolute;left:50%;bottom:7px;width:22px;height:4px;border-radius:999px;background:var(--cream);transform:translate(-50%)}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate__title{margin:0;font-size:30px;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.rotate__text{margin:0;max-width:22em;font-size:16px;line-height:1.45;color:var(--cream)}.app{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;background:#0b1c2c}.app:active{cursor:grabbing}.sky{position:absolute;inset:-7% -9%;background-image:url(/sky/backdrop.webp);background-size:cover;background-position:center 58%;transform:translate3d(var(--sky-x, 0px),var(--sky-y, 0px),0);will-change:transform}canvas{display:block;position:relative}.hud{position:absolute;inset:0;pointer-events:none;--hud-u: clamp(8px, 1cqw, 19.2px);--hud-pad: calc(1.25 * var(--hud-u));padding:var(--hud-pad);display:flex;flex-direction:column;gap:calc(.52 * var(--hud-u))}.result,.scores__panel{--hud-u: clamp(16px, 1cqw, 19.2px)}.hud__top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(.83 * var(--hud-u))}.speedo{display:flex;align-items:baseline;gap:calc(.26 * var(--hud-u));min-height:calc(2.29 * var(--hud-u));font-variant-numeric:tabular-nums}.speedo__value{font-size:calc(2.19 * var(--hud-u));line-height:1;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}.speedo__unit{font-size:max(9px,calc(.94 * var(--hud-u)));color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.sign{position:absolute;left:50%;top:0;display:flex;align-items:baseline;gap:calc(.26 * var(--hud-u));font-variant-numeric:tabular-nums;transform:translate(-50%) scale(var(--score-scale, 1));transform-origin:top center;transition:transform .18s ease-out}.sign__value{font-size:calc(4.27 * var(--hud-u));line-height:1;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.sign__unit{font-size:calc(1.67 * var(--hud-u));color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.sign--negative .sign__value,.sign--negative .sign__unit{color:#ffb08a}.sign--record .sign__value,.sign--record .sign__unit{color:#ffd85e;-webkit-text-stroke-color:#7a3b0d;animation:record-pulse .52s ease-in-out infinite alternate}@keyframes record-pulse{to{color:#fff6cf;filter:drop-shadow(0 0 14px rgba(255,200,60,.95))}}.sign__record{position:absolute;top:100%;left:50%;margin-top:calc(.31 * var(--hud-u));padding:calc(.21 * var(--hud-u)) calc(.63 * var(--hud-u));border:var(--outline);border-radius:999px;background:linear-gradient(180deg,#ffe27a,#f5a623);box-shadow:var(--drop);font-size:calc(.73 * var(--hud-u));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px #8a3d0c;paint-order:stroke fill;white-space:nowrap;animation:record-badge .52s ease-in-out infinite alternate}@keyframes record-badge{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.07)}}.hud__side{display:flex;flex-direction:column;align-items:flex-end;gap:calc(.31 * var(--hud-u))}.chip{display:flex;align-items:center;gap:calc(.42 * var(--hud-u));padding:calc(.21 * var(--hud-u)) calc(.63 * var(--hud-u));border:var(--outline);border-radius:999px;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);box-shadow:var(--drop);font-size:calc(.63 * var(--hud-u));white-space:nowrap;color:var(--ink)}.chip span{text-transform:uppercase;letter-spacing:.05em;font-size:calc(.52 * var(--hud-u));font-weight:800;opacity:.85}.hud__side .chip{gap:calc(.57 * var(--hud-u));padding:calc(.36 * var(--hud-u)) calc(.94 * var(--hud-u));font-size:max(11px,calc(.89 * var(--hud-u)))}.hud__side .chip span{font-size:max(8.5px,calc(.68 * var(--hud-u)))}.hud__side .chip--best{gap:calc(.68 * var(--hud-u));padding:calc(.47 * var(--hud-u)) calc(1.15 * var(--hud-u));font-size:max(13px,calc(1.15 * var(--hud-u)))}.hud__side .chip--best span{font-size:max(9.5px,calc(.78 * var(--hud-u)))}.chip strong{font-variant-numeric:tabular-nums;font-weight:800;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.chip--best{background:linear-gradient(180deg,#ffd95c,#f7a52b)}.chip--wind{background:linear-gradient(180deg,#8fd8f7,#35a7e0)}.hud__buttons{display:flex;align-self:flex-end;gap:calc(.42 * var(--hud-u))}.mute,.scores__open{position:relative;width:max(40px,calc(2.29 * var(--hud-u)));height:max(40px,calc(2.29 * var(--hud-u)));padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;transition:transform .1s ease}.scores__open:active{transform:translateY(2px)}.scores__open img{display:block;width:100%;height:100%}.scores{position:absolute;inset:calc(-1 * var(--hud-pad));z-index:5;display:flex;align-items:center;justify-content:center;background:#18100a9e;pointer-events:auto}.scores__panel{width:min(calc(17.71 * var(--hud-u)),82%);max-height:86%;overflow-y:auto;padding:calc(.94 * var(--hud-u)) calc(1.04 * var(--hud-u)) calc(.83 * var(--hud-u));border:var(--outline);border-radius:calc(1.04 * var(--hud-u));background:linear-gradient(180deg,#fff6e2,#ffe6bd);box-shadow:var(--drop);color:var(--ink);text-align:center}.scores__title{margin:0 0 calc(.63 * var(--hud-u));font-size:calc(1.35 * var(--hud-u));color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.scores__empty{margin:18px 0;opacity:.7}.scores__list{margin:0;padding:0;list-style:none}.scores__row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(.63 * var(--hud-u));padding:calc(.21 * var(--hud-u)) calc(.52 * var(--hud-u));border-radius:calc(.42 * var(--hud-u));font-size:calc(.78 * var(--hud-u));font-variant-numeric:tabular-nums}.scores__row:nth-child(2n){background:#5a321814}.scores__row.scores__row--first{background:linear-gradient(180deg,#ffe27a,#f5a623);font-weight:800}.scores__row.scores__row--second{background:linear-gradient(180deg,#eef2f6,#b9c4cf);font-weight:800}.scores__row.scores__row--third{background:linear-gradient(180deg,#eec39a,#c07948);font-weight:800}.scores__row.scores__row--you{margin-bottom:10px;background:linear-gradient(180deg,#a5d0f7,#5b9be0);border:2px solid rgba(90,50,24,.35);font-weight:800}.scores__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;opacity:.75}.scores__row--first .scores__name{opacity:1}.scores__rank{min-width:calc(1.15 * var(--hud-u));text-align:left;opacity:.7}.scores__distance{min-width:calc(3.85 * var(--hud-u));text-align:right;font-weight:800}.sign-in{margin:calc(.73 * var(--hud-u)) 0 calc(.83 * var(--hud-u));padding:calc(.63 * var(--hud-u));border:2px dashed rgba(90,50,24,.4);border-radius:calc(.73 * var(--hud-u));background:#ffe27a59}.sign-in__label{display:block;margin-bottom:calc(.42 * var(--hud-u));font-size:calc(.68 * var(--hud-u));font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.sign-in__row{display:flex;gap:8px}.sign-in__field{flex:1;min-width:0;min-height:44px;padding:calc(.42 * var(--hud-u)) calc(.63 * var(--hud-u));border:var(--outline);border-radius:999px;background:var(--cream);color:var(--ink);font:inherit;font-size:max(16px,calc(.78 * var(--hud-u)))}.sign-in__field::placeholder{color:#5a321873}.sign-in__save{min-height:44px;padding:calc(.42 * var(--hud-u)) calc(1.04 * var(--hud-u));border:var(--outline);border-radius:999px;background:linear-gradient(180deg,#ffe27a,#f5a623);box-shadow:var(--drop);color:var(--ink);font:inherit;font-size:calc(.78 * var(--hud-u));font-weight:800;cursor:pointer}.sign-in__save:disabled{opacity:.45;cursor:default}.sign-in__skip{display:block;margin:calc(.42 * var(--hud-u)) auto 0;padding:calc(.42 * var(--hud-u)) calc(.63 * var(--hud-u));border:0;background:none;color:var(--ink);font:inherit;font-size:calc(.63 * var(--hud-u));text-decoration:underline;opacity:.7;cursor:pointer}.scores__totals{margin-top:14px;padding-top:12px;border-top:2px solid rgba(90,50,24,.25);display:flex;flex-direction:column;gap:6px}.scores__stat{display:flex;align-items:baseline;justify-content:space-between;gap:calc(.63 * var(--hud-u));font-size:calc(.68 * var(--hud-u))}.scores__stat span{text-transform:uppercase;letter-spacing:.04em;font-size:calc(.57 * var(--hud-u));opacity:.75}.scores__stat strong{font-size:calc(.89 * var(--hud-u));font-variant-numeric:tabular-nums}.scores__close{min-height:44px;margin-top:calc(.73 * var(--hud-u));padding:calc(.42 * var(--hud-u)) calc(1.35 * var(--hud-u));border:var(--outline);border-radius:999px;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);box-shadow:var(--drop);color:var(--ink);font:inherit;font-size:calc(.78 * var(--hud-u));cursor:pointer}.settings{display:flex;flex-direction:column;gap:calc(.73 * var(--hud-u));margin-top:calc(.21 * var(--hud-u))}.settings__row{display:flex;align-items:center;gap:calc(.63 * var(--hud-u));min-height:44px}.settings__label{min-width:calc(3.85 * var(--hud-u));text-align:left;font-size:calc(.68 * var(--hud-u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.settings__value{min-width:calc(1.77 * var(--hud-u));text-align:right;font-size:calc(.78 * var(--hud-u));font-weight:800;font-variant-numeric:tabular-nums}.settings__slider{flex:1;min-width:0;height:22px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider{position:relative;flex:1;min-width:0;height:20px;--thumb: 20px}.slider__track,.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:10px;border:2px solid var(--ink);border-radius:999px}.slider__track{left:0;right:0;background:#5a321838}.slider__fill{left:0;width:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--v));background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%)}.slider__thumb{position:absolute;top:50%;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--v));width:var(--thumb);height:var(--thumb);transform:translate(-50%,-50%);border:2px solid var(--ink);border-radius:50%;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);box-shadow:0 2px #5a321859;pointer-events:none}.slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb)}.slider__input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0}.settings__mute{margin-top:4px;padding:8px 16px;border:var(--outline);border-radius:999px;background:#5a32181f;color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.settings__mute:active,.mute:active{transform:translateY(2px)}.mute__icon{display:block;width:100%;height:100%}.mute__preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chip--editor{pointer-events:auto;text-decoration:none;background:linear-gradient(180deg,#cfe9a8,#8fc45a)}.fatal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1c2c}.fatal__art{width:100%;border-radius:12px;border:3px solid var(--ink);margin-bottom:4px}.fatal__card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:440px;max-height:100%;overflow-y:auto;padding:26px 30px;border:4px solid var(--ink);border-radius:22px;background:linear-gradient(180deg,var(--cream) 0%,#ffdfae 100%);box-shadow:0 8px #5a321859;text-align:center;font-family:inherit;color:var(--ink)}.fatal__title{font-size:20px;font-weight:800}.fatal__text{margin:0;font-size:14px;opacity:.8}.fatal__retry{margin-top:6px;padding:10px 26px;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#ffd166,#f4813f);color:var(--ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px #5a321866}.gauge{--u: 1.2cqw;margin-top:auto;align-self:flex-end;width:calc(31.25 * var(--u));display:flex;flex-direction:column;gap:calc(.78 * var(--u));opacity:.75;transition:opacity .16s ease}.gauge--active{opacity:1}.gauge__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:calc(.23 * var(--u))}.gauge__title{font-size:calc(1.17 * var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;-webkit-text-stroke:calc(.2 * var(--u)) var(--ink);paint-order:stroke fill}.gauge__value{font-size:calc(.94 * var(--u));font-weight:800;color:var(--ink)}.gauge__value--overload{color:#ffe0a0;-webkit-text-stroke:calc(.16 * var(--u)) #a8341a;paint-order:stroke fill}.gauge__track{position:relative;display:flex;align-items:center}.gauge__bar{position:relative;flex:1;height:calc(1.72 * var(--u));border:var(--outline);border-radius:999px;background:linear-gradient(180deg,#4d2a15,#6b3f22);box-shadow:var(--drop),inset 0 calc(.23 * var(--u)) calc(.39 * var(--u)) #00000073;overflow:hidden}.gauge__fill{height:100%;border-radius:999px;transition:width 60ms linear;box-shadow:inset 0 calc(.16 * var(--u)) 0 #ffffff6b}.gauge__fill--power{background:linear-gradient(180deg,#ffe08a,#ffb347 45%,#f4782c)}.gauge__bar--overload{animation:overload .3s ease-in-out infinite alternate}@keyframes overload{to{filter:brightness(1.45) saturate(1.35);box-shadow:var(--drop),0 0 16px #ff6e32e6}}.gauge__sweet{position:absolute;top:calc(.16 * var(--u));bottom:calc(.16 * var(--u));border-radius:999px;background:linear-gradient(180deg,#5fe0a8,#1dc280 45%,#158c5c);box-shadow:inset 0 calc(.16 * var(--u)) 0 #ffffff80,0 0 calc(.78 * var(--u)) #1dc28073}.gauge__cursor{position:absolute;top:calc(-.55 * var(--u));bottom:calc(-.55 * var(--u));width:calc(.7 * var(--u));margin-left:calc(-.35 * var(--u));border:var(--outline);border-radius:calc(.39 * var(--u));background:linear-gradient(180deg,#fff,#dfe9f2);box-shadow:0 calc(.16 * var(--u)) 0 #00000059;pointer-events:none}.gauge__cursor--hit{background:linear-gradient(180deg,#fff,#d8ffc0);box-shadow:0 calc(.16 * var(--u)) 0 #00000059,0 0 calc(1.09 * var(--u)) #96ff6ef2;transform:scaleY(1.12)}.gauge__sweet--hit{background:linear-gradient(180deg,#a6f5d2,#3bdd9d 45%,#1dc280);box-shadow:inset 0 calc(.16 * var(--u)) 0 #fff9,0 0 calc(1.41 * var(--u)) #3bdd9dd9}.editor{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:10px;font-family:ui-sans-serif,system-ui,sans-serif;pointer-events:none}.editor__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#18100ad1;color:#fff;font-size:13px;pointer-events:auto}.editor__bar--info{justify-content:space-between;font-size:12px;opacity:.85}.editor__where{min-width:74px;font-size:16px;font-variant-numeric:tabular-nums}.editor__kinds{display:flex;flex-wrap:wrap;gap:4px}.editor__kind,.editor__action{padding:6px 12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff14;color:inherit;font:inherit;cursor:pointer}.editor__kind--on{background:#f0a03c;border-color:#f0a03c;color:#2a1608;font-weight:700}.editor__action:disabled{opacity:.4;cursor:default}.editor__fold{display:contents}.editor--compact .editor__fold,.editor--compact .editor__foldable{display:none}.editor__fold-toggle{font-weight:800}.editor__spacer{flex:1 1 auto;min-width:24px}.editor__action--danger{border-color:#ff785a80;color:#ffb4a0}.editor__help{opacity:.65}.editor__jump{padding:6px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff14;color:inherit;font:inherit;cursor:pointer}.editor__jump option{color:#1a1109}.app:has(.editor) canvas{cursor:grab}.app:has(.editor) canvas:active{cursor:grabbing}.aoa{margin-top:auto;align-self:flex-end;width:max(165px,calc(13.54 * var(--hud-u)));padding:calc(.42 * var(--hud-u)) calc(.73 * var(--hud-u)) calc(.52 * var(--hud-u));border:var(--outline);border-radius:calc(.83 * var(--hud-u));background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood) 100%);box-shadow:var(--drop);color:var(--ink)}.aoa__title,.aoa__value{font-size:max(9px,calc(.52 * var(--hud-u)));font-weight:800;text-transform:uppercase;letter-spacing:.07em}.aoa__value{margin-top:calc(.26 * var(--hud-u))}.aoa--stall .aoa__value{color:#a8341a}.aoa__bar{position:relative;height:max(9px,calc(.63 * var(--hud-u)));margin-top:calc(.26 * var(--hud-u));border:2px solid var(--ink);border-radius:999px;background:#6b3f22;overflow:hidden}.aoa__zone{position:absolute;top:0;bottom:0;left:59%;width:13%;background:#6cc94a}.aoa__needle{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;border-radius:2px;background:#fff}.aoa--stall .aoa__needle{background:#ff6b3d}.result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;width:min(calc(20.83 * var(--hud-u)),88cqw);max-height:92%;overflow-y:auto;padding:calc(1.15 * var(--hud-u));border:4px solid var(--ink);border-radius:calc(1.35 * var(--hud-u));background:linear-gradient(180deg,var(--cream) 0%,#ffdfae 100%);box-shadow:0 8px #5a321859,0 24px 50px #5a32184d;text-align:center;color:var(--ink);animation:pop .22s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}}.result__distance{font-size:calc(2.92 * var(--hud-u));font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;color:#ffb347;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.result__distance span{font-size:calc(1.15 * var(--hud-u))}.result__distance--record{color:#ffd85e;-webkit-text-stroke-color:#7a3b0d;animation:record-pulse .52s ease-in-out infinite alternate}.result__record{display:inline-block;margin-top:calc(.52 * var(--hud-u));padding:calc(.26 * var(--hud-u)) calc(1.04 * var(--hud-u));border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#ffd166,#f4813f);color:var(--ink);font-size:calc(.83 * var(--hud-u));font-weight:800;text-transform:uppercase;letter-spacing:.1em}.result--broken{background:linear-gradient(180deg,#ffe0cf,#ffc4a5)}.result__broken{display:flex;flex-direction:column;gap:calc(.16 * var(--hud-u));margin-bottom:calc(.73 * var(--hud-u));padding-bottom:calc(.63 * var(--hud-u));border-bottom:2px dashed rgba(90,50,24,.3)}.result__broken strong{font-size:calc(.78 * var(--hud-u));color:#c2401f;text-transform:uppercase;letter-spacing:.06em}.result__broken span{font-size:calc(.63 * var(--hud-u));opacity:.75}.result--broken .result__distance{color:#ff7a52}.result__grid{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:calc(.63 * var(--hud-u)) calc(2.29 * var(--hud-u));margin:calc(1.04 * var(--hud-u)) 0 calc(.94 * var(--hud-u));text-align:left}.result__grid div{display:flex;flex-direction:column;gap:calc(.1 * var(--hud-u))}.result__grid span{font-size:calc(.68 * var(--hud-u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.result__grid strong{font-size:calc(1.15 * var(--hud-u));font-variant-numeric:tabular-nums}.result__retry{width:100%;min-height:44px;padding:calc(.63 * var(--hud-u));border:3px solid var(--ink);border-radius:calc(.83 * var(--hud-u));background:linear-gradient(180deg,#ffd166,#f4813f);color:var(--ink);font-size:calc(.83 * var(--hud-u));font-weight:800;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(.47 * var(--hud-u));box-shadow:0 4px #5a321866;transition:transform .1s ease,box-shadow .1s ease}.result__retry:hover{filter:brightness(1.05)}.result__retry:active{transform:translateY(3px);box-shadow:0 1px #5a321866}.result__retry kbd{padding:calc(.05 * var(--hud-u)) calc(.42 * var(--hud-u));border:2px solid var(--ink);border-radius:calc(.42 * var(--hud-u));background:#ffffff80;font-family:inherit;font-size:calc(.63 * var(--hud-u))}.call{position:absolute;left:50%;top:calc(6.67 * var(--hud-u));display:flex;align-items:baseline;gap:calc(.63 * var(--hud-u));padding:calc(.42 * var(--hud-u)) calc(1.35 * var(--hud-u));border:var(--outline);border-radius:999px;box-shadow:var(--drop);font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);animation:call-in 1.5s cubic-bezier(.2,.9,.3,1) forwards}.call__label{font-size:calc(2.29 * var(--hud-u));line-height:1;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.call__value{font-size:calc(1.15 * var(--hud-u));color:#fff;opacity:.85;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}.call--perfect{background:linear-gradient(180deg,#ffe27a,#f5a623)}.call--good{background:linear-gradient(180deg,#b6ee7a,#63c22f)}.call--fair{background:linear-gradient(180deg,#ffd0a0,#e8963f)}.call--poor{background:linear-gradient(180deg,#ffb0a0,#d9503a)}@keyframes call-in{0%{opacity:0;transform:translate(-50%) scale(.6)}14%{opacity:1;transform:translate(-50%) scale(1.12)}26%{transform:translate(-50%) scale(1)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.94) translateY(-10px)}}.loading{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4.55%;background:url(/ui/loading-bg.webp) center / cover no-repeat,linear-gradient(180deg,#2b7fd4,#7db9e8);color:#fff;font-family:inherit;-webkit-user-select:none;user-select:none}.loading-row{display:flex;align-items:center;gap:1.8cqw}.loading-bar{width:42cqw;height:3.1cqw;border-radius:999px;background:#fff9eb8c;border:.4cqw solid #ffffff;box-shadow:0 .4cqw #0000001f;overflow:hidden}.loading-fill{height:100%;border-radius:999px;background:linear-gradient(180deg,#57a7ff,#2b6fd4);transition:width .25s ease-out}.loading-pct{font-size:3.6cqw;font-weight:800;letter-spacing:.12cqw;text-shadow:0 .25cqw 0 rgba(0,0,0,.18)}.progress{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;border-top:2px dashed rgba(90,50,24,.3)}.progress__titre{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.progress__valeur{flex:1;text-align:right;font-size:16px;font-variant-numeric:tabular-nums}.progress__note{margin:0;font-size:12px;line-height:1.4;opacity:.8}.progress__avertissement{margin:0 0 8px;font-size:13px;line-height:1.45}.progress__cle{margin:6px 0 12px;padding:12px 8px;border:var(--outline);border-radius:12px;background:#ffffff8c;color:var(--ink);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:17px;font-weight:700;letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all}