:root{--color-primary:#1886e2;--color-danger:#fd5250;--color-warning:#f5b800;--color-bg:#f5f4ed;--color-surface:#fffef9;--color-border:#e8e3db;--color-text-secondary:#8f8678;--color-text-primary:#4a4540;--color-text-emphasis:#1a1816;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:0.5rem;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 10px 40px #0003;--transition-fast:0.2s ease;--transition-base:0.3s ease;--breakpoint-mobile:375px;--breakpoint-tablet:768px;--breakpoint-desktop:1440px}[data-theme=dark]{--color-primary:#5ba3f5;--color-danger:#ff6b6b;--color-warning:#ffd93d;--color-bg:#2e2a28;--color-surface:#3d3835;--color-border:#5a524d;--color-text-secondary:#b8afa7;--color-text-primary:#e8e3db;--color-text-emphasis:#fdfbf7;--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:224.3 76.3% 48%}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--font-display:"Bricolage Grotesque",system-ui,-apple-system,sans-serif;--font-body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Monaco",monospace}.h1{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-family:var(--font-display);font-size:6rem;font-variation-settings:"wght" 700,"opsz" 96,"wdth" 100;font-weight:700;line-height:1.04}.h2{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-family:var(--font-display);font-size:4rem;font-variation-settings:"wght" 700,"opsz" 64,"wdth" 100;font-weight:700;line-height:1.09}.h3{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-family:var(--font-display);font-size:3rem;font-variation-settings:"wght" 600,"opsz" 48,"wdth" 100;font-weight:600;line-height:1.15}.h4{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-family:var(--font-display);font-size:2rem;font-variation-settings:"wght" 600,"opsz" 32,"wdth" 100;font-weight:600;line-height:1.25}.h5{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-variation-settings:"wght" 500,"opsz" 24,"wdth" 100;font-weight:500;line-height:1.33}.body-large{font-size:1.125rem;line-height:1.61}.body-base,.body-large{font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-weight:400}.body-base{font-size:1rem;line-height:1.5}.body-small{font-size:.875rem;font-weight:400;letter-spacing:.01em;line-height:1.43}.body-small,.body-tiny{font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-body)}.body-tiny{font-size:.75rem;font-weight:500;letter-spacing:.03em;line-height:1.33}.code-base{font-size:1rem;line-height:1.5}.code-base,.code-small{font-family:IBM Plex Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-weight:400}.code-small{font-size:.875rem;line-height:1.43}@media (max-width:768px){.h1{font-size:4rem}.h2{font-size:3rem}.h3{font-size:2rem}.h4{font-size:1.5rem}.h5{font-size:1.25rem}}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);position:relative;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin-bottom:var(--space-3)}.form-label{color:var(--color-text-secondary);display:block;margin-bottom:var(--space-1);text-transform:uppercase}.form-input,.form-label{font-family:var(--font-body)}.form-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;padding:.75rem 1rem;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary);outline:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}.visible{visibility:visible}.table{display:table}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);margin:0}code{font-family:var(--font-mono)}.app{background-color:var(--color-bg);box-sizing:border-box;flex-direction:column;font-family:var(--font-body);min-height:100vh;padding:var(--space-5);position:relative}.app,.theme-toggle-btn{align-items:center;display:flex;justify-content:center}.theme-toggle-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;height:44px;min-height:44px;min-width:44px;position:fixed;right:var(--space-2);top:var(--space-2);transition:all var(--transition-base);width:44px;z-index:100}.theme-toggle-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-btn:active{transform:translateY(0)}.hamburger-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:3px;height:44px;justify-content:center;left:12px;min-height:44px;min-width:44px;position:fixed;top:12px;transition:all var(--transition-base);width:44px;z-index:100}.hamburger-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hamburger-line{background-color:var(--color-text-primary);border-radius:1px;height:2px;transition:all .3s ease;width:16px}.menu-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.menu-content{animation:slideInLeft .3s ease;background:var(--color-surface);box-shadow:2px 0 20px #0003;display:flex;flex-direction:column;height:100%;left:0;max-width:80%;padding:var(--space-2);position:absolute;top:0;width:300px}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.menu-close{align-items:center;background:var(--color-surface);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:32px}.menu-close:hover{background:var(--color-border);color:var(--color-text-emphasis)}.menu-nav{display:flex;flex-direction:column;gap:var(--space-1);margin-top:60px}.menu-item{border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-weight:600;padding:var(--space-2) var(--space-2);text-align:left;transition:all var(--transition-fast)}.menu-item,.menu-item:hover{background:var(--color-surface)}.menu-item:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateX(4px)}.menu-item-modal{animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(90vh + 400px);max-width:90%;min-height:600px;position:relative;width:800px}.menu-item-modal,.modal-content{box-shadow:var(--shadow-xl)}.menu-item-modal-header{align-items:center;background:var(--color-surface);border-bottom:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:24px 24px 16px}.menu-item-modal-title{color:var(--color-text-emphasis);font-size:24px;font-weight:600;margin:0}.menu-item-modal-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-height:70vh;overflow-x:hidden;overflow-y:auto;padding:var(--space-3)}.menu-item-placeholder{color:var(--color-text-secondary);font-size:18px;text-align:center}.main-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:calc(95vh - 171px);max-width:1330px;min-height:475px;overflow:hidden;width:95%;z-index:1}.distance-display,.main-card{display:flex;position:relative}.distance-display{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;box-sizing:border-box;flex-direction:column;height:100%;justify-content:center;max-height:212px;padding:37px 24px;text-align:center;width:100%}.distance-value{align-items:flex-end;display:flex;justify-content:center;margin-bottom:var(--space-3)}.distance-number{color:var(--color-text-emphasis);font-family:var(--font-display);font-size:5.5rem;font-weight:700;line-height:.9}.distance-unit{font-size:16px;font-weight:500;margin-bottom:8px;margin-left:8px}.distance-unit,.jump-type{color:var(--color-text-secondary)}.jump-type{font-size:18px;font-weight:600;letter-spacing:.3px;text-align:center}.control-group{display:flex;flex-direction:column;gap:var(--space-1)}.control-item{gap:32px}.control-btn,.control-item{align-items:center;display:flex;justify-content:center}.control-btn{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-emphasis);cursor:pointer;font-size:22px;font-weight:700;height:48px;min-height:48px;min-width:48px;transition:all var(--transition-fast);width:48px}.control-btn:focus,.info-icon-btn:focus,.menu-item:focus,.panel-menu-item:focus,.tab-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.control-value{color:var(--color-text-emphasis);font-size:28px;font-weight:700;min-width:40px;text-align:center}.control-label{color:var(--color-text-secondary);font-family:var(--font-body);text-align:center}.checkbox-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:10px;margin-top:var(--space-1)}.calculation-display{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;margin-top:auto;max-height:35%;min-height:135px;overflow-y:auto;padding:10px}.calculation-text{color:var(--color-text-secondary);font-family:var(--font-mono);line-height:1.4;white-space:pre-line}.checkbox-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #00000014,inset 0 1px 0 #fffc;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:36px}.custom-checkbox:before{background:linear-gradient(90deg,#0000,#fff9,#0000);opacity:.8;top:0}.custom-checkbox:after,.custom-checkbox:before{content:"";height:1px;left:0;position:absolute;right:0}.custom-checkbox:after{background:linear-gradient(90deg,#0000,#8b73554d,#0000);bottom:0;opacity:.5}.checkbox-label:hover .custom-checkbox{background:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:0 3px 6px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.checkbox-label input[type=checkbox]:checked~.custom-checkbox{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #916c214d,inset 0 1px 0 #fff3,inset 0 -1px 2px #0003}.checkbox-label input[type=checkbox]:checked~.custom-checkbox:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.checkbox-label input[type=checkbox]:checked~.custom-checkbox:after{background:linear-gradient(90deg,#0000,#0003,#0000)}.checkmark{border:solid #fff;border-width:0 3px 3px 0;display:none;height:14px;margin-bottom:3px;position:relative;transform:rotate(45deg);width:8px;z-index:1}.checkbox-label input[type=checkbox]:checked~.custom-checkbox .checkmark{display:block}.illustration-section{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:75%}.illustration-section,.illustration-section.long-background{background:var(--color-surface)}.illustration-section.high-background{background:#fff}.illustration-section.high-background:before{background-image:url(/static/media/Krafty-Kuts-Texture-Compressed.b52979d67b5aee7c091f.jpg);mix-blend-mode:multiply;opacity:.8;z-index:10}.illustration-section.high-background:after,.illustration-section.high-background:before{background-position:50%;background-size:cover;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.illustration-section.high-background:after{background-image:url(/static/media/Krafty-Kuts-Highlight-Compressed.2c92598cf78329c14e25.jpg);mix-blend-mode:screen;opacity:.25;z-index:11}.illustration-section.reach-background{background:var(--color-surface)}.jump-image{border-radius:8px;height:calc(100% - 40px);margin:20px;object-fit:contain;width:calc(100% - 40px)}.sprite-animation{background-repeat:no-repeat;background-size:400% 400%;image-rendering:pixelated;image-rendering:crisp-edges}.high-jump-container{align-self:flex-end;margin-bottom:24px;width:544px;z-index:1}.high-jump-container,.high-jump-lines{align-items:center;display:flex;flex-direction:column}.high-jump-lines{gap:8px;margin-top:-200px}.jump-line{display:block;height:auto;width:50%}.high-jump-sprite{background-size:500% 500%;height:736px;margin-top:64px;width:544px}.high-jump-ascend-layer{left:0;position:absolute;top:0}.high-jump-sprite.visible{opacity:1}.high-jump-sprite.hidden{opacity:0}.high-jump-sprite.jump-animation{animation:high-jump-frames 2.5s steps(1) infinite}.high-jump-sprite.ascend-animation{animation:high-jump-ascend 1.4s steps(1) forwards}.high-jump-sprite.hover-animation{animation:high-jump-hover-frames 2.5s steps(1) infinite}.high-jump-sprite.idle-animation{animation:swag-idle-frames 1.6s steps(1) infinite;animation-fill-mode:forwards;transform:scale(.72)}.background-mountain{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.left-cliff{bottom:-25px;left:0;width:280px}.left-cliff,.right-cliff{height:auto;pointer-events:none;position:absolute;z-index:1}.right-cliff{bottom:-140px;right:0;width:407px}.long-jump-sprite{animation:long-jump-frames 2.4s steps(1) infinite,long-jump-move 2.4s linear infinite;animation-fill-mode:forwards;background-size:600% 600%;height:667px;left:-50px;position:relative;top:50px;width:667px;z-index:2}@keyframes high-jump-frames{0%{background-position:0 0}4%{background-position:25% 0}8%{background-position:50% 0}12%{background-position:75% 0}16%{background-position:100% 0}20%{background-position:0 25%}24%{background-position:25% 25%}28%{background-position:50% 25%}32%{background-position:75% 25%}36%{background-position:100% 25%}40%{background-position:0 50%}44%{background-position:25% 50%}48%{background-position:50% 50%}52%{background-position:75% 50%}56%{background-position:100% 50%}60%{background-position:0 75%}64%{background-position:25% 75%}68%{background-position:50% 75%}72%{background-position:75% 75%}76%{background-position:100% 75%}80%{background-position:0 100%}84%{background-position:25% 100%}88%{background-position:50% 100%}92%{background-position:75% 100%}96%{background-position:100% 100%}to{background-position:0 0}}@keyframes high-jump-ascend{0%{background-position:0 0}7.14%{background-position:25% 0}14.29%{background-position:50% 0}21.43%{background-position:75% 0}28.57%{background-position:100% 0}35.71%{background-position:0 25%}42.86%{background-position:25% 25%}50%{background-position:50% 25%}57.14%{background-position:75% 25%}64.29%{background-position:100% 25%}71.43%{background-position:0 50%}78.57%{background-position:25% 50%}85.71%{background-position:50% 50%}92.86%{background-position:75% 50%}to{background-position:75% 50%}}@keyframes high-jump-hover-frames{0%{background-position:0 0}4%{background-position:25% 0}8%{background-position:50% 0}12%{background-position:75% 0}16%{background-position:100% 0}20%{background-position:0 25%}24%{background-position:25% 25%}28%{background-position:50% 25%}32%{background-position:75% 25%}36%{background-position:100% 25%}40%{background-position:0 50%}44%{background-position:25% 50%}48%{background-position:50% 50%}52%{background-position:75% 50%}56%{background-position:100% 50%}60%{background-position:0 75%}64%{background-position:25% 75%}68%{background-position:50% 75%}72%{background-position:75% 75%}76%{background-position:100% 75%}80%{background-position:0 100%}84%{background-position:25% 100%}88%{background-position:50% 100%}92%{background-position:75% 100%}96%{background-position:100% 100%}to{background-position:0 0}}@keyframes swag-idle-frames{0%{background-position:0 0}6.25%{background-position:33.333% 0}12.5%{background-position:66.666% 0}18.75%{background-position:100% 0}25%{background-position:0 33.333%}31.25%{background-position:33.333% 33.333%}37.5%{background-position:66.666% 33.333%}43.75%{background-position:100% 33.333%}50%{background-position:0 66.666%}56.25%{background-position:33.333% 66.666%}62.5%{background-position:66.666% 66.666%}68.75%{background-position:100% 66.666%}75%{background-position:0 100%}81.25%{background-position:33.333% 100%}87.5%{background-position:66.666% 100%}93.75%{background-position:100% 100%}to{background-position:0 0}}@keyframes long-jump-frames{0%{background-position:0 0}2.778%{background-position:20% 0}5.556%{background-position:40% 0}8.333%{background-position:60% 0}11.111%{background-position:80% 0}13.889%{background-position:100% 0}16.667%{background-position:0 20%}19.444%{background-position:20% 20%}22.222%{background-position:40% 20%}25%{background-position:60% 20%}27.778%{background-position:80% 20%}30.556%{background-position:100% 20%}33.333%{background-position:0 40%}36.111%{background-position:20% 40%}38.889%{background-position:40% 40%}41.667%{background-position:60% 40%}44.444%{background-position:80% 40%}47.222%{background-position:100% 40%}50%{background-position:0 60%}52.778%{background-position:20% 60%}55.556%{background-position:40% 60%}58.333%{background-position:60% 60%}61.111%{background-position:80% 60%}63.889%{background-position:100% 60%}66.667%{background-position:0 80%}69.444%{background-position:20% 80%}72.222%{background-position:40% 80%}75%{background-position:60% 80%}77.778%{background-position:80% 80%}80.556%{background-position:100% 80%}83.333%{background-position:0 100%}86.111%{background-position:20% 100%}88.889%{background-position:40% 100%}91.667%{background-position:60% 100%}94.444%{background-position:80% 100%}97.222%{background-position:100% 100%}to{background-position:0 0}}@keyframes long-jump-move{0%{transform:translateX(-250px) translateY(0)}36.11%{transform:translateX(-250px) translateY(0)}61.11%{transform:translateX(300px) translateY(0)}62.5%{transform:translateX(300px) translateY(0)}66.67%{transform:translateX(300px) translateY(10px)}to{transform:translateX(300px) translateY(10px)}}.illustration-placeholder{background-color:#ffffff80;border:2px dashed var(--color-border);border-radius:8px;height:80%;width:80%}.illustration-placeholder,.jump-illustration{align-items:center;display:flex;justify-content:center}.jump-illustration{font-size:48px;gap:20px}.character{font-size:64px}.arrow,.height-indicator,.reach-indicator{color:var(--color-text-secondary);font-size:32px}.distance-line{background-color:var(--color-text-secondary);border-radius:2px;height:3px;width:100px}.tab-navigation{display:flex;flex-shrink:0;gap:12px;margin-top:30px;padding:0 20px}.tab-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-body);font-weight:600;height:auto;justify-content:center;letter-spacing:.3px;min-width:140px;overflow:hidden;padding:var(--space-2) var(--space-3);position:relative;text-align:center;transition:all var(--transition-base)}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);opacity:.8;top:0}.tab-btn:after,.tab-btn:before{content:"";height:1px;left:0;position:absolute;right:0}.tab-btn:after{background:linear-gradient(90deg,#0000,#8b73554d,#0000);bottom:0;opacity:.5}.tab-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);color:var(--color-text-emphasis);transform:translateY(-1px)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;transform:translateY(0)}.tab-btn.active:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.tab-btn.active:after{background:linear-gradient(90deg,#0000,#0003,#0000)}.tab-btn:active{box-shadow:0 1px 2px #0000001a,inset 0 1px 2px #0000001a;transform:translateY(1px)}.controls-section{background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:var(--space-2);position:relative;width:25%}.header-section{flex-direction:column;padding:58px 20px 20px;position:relative}.controls-area,.header-section{align-items:center;display:flex;margin-bottom:20px}.controls-area{flex:1 1;flex-direction:column;gap:var(--space-2);justify-content:flex-start}.menu-items-section{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:20px;position:relative;width:100%}.menu-items-section:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;right:0;top:0}.panel-menu-item{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:600;padding:8px 0;text-align:left;transition:all .2s;width:100%}.panel-menu-item:hover{color:var(--color-text-emphasis)}.panel-menu-item.active{color:var(--color-text-primary);font-weight:700}.panel-content-container{flex-direction:column;height:100%;overflow:hidden;padding:60px 40px 40px;position:relative;width:100%}.panel-close-btn,.panel-content-container{background:var(--color-surface);display:flex}.panel-close-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--color-text-secondary);cursor:pointer;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:64px;transition:all .2s;width:32px;z-index:10}.panel-close-btn:hover{background:var(--color-border);color:var(--color-text-emphasis);transform:scale(1.05)}.panel-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.panel-content-title{color:var(--color-text-emphasis);font-size:32px;font-weight:600;margin:0 0 20px}.panel-content-placeholder{color:var(--color-text-secondary);font-size:18px;text-align:center}.rules-content{margin:-24px auto 0;max-width:800px;padding:0 20px;transform:translateX(-20px)}.rules-main-title,.rules-main-title.h2{letter-spacing:.5px;margin:0 0 32px;text-align:left}.rules-section{margin-bottom:var(--space-3)}.rules-section-title,.rules-section-title.h5,.rules-text{margin:0 0 16px}.rules-text{color:var(--color-text-secondary);line-height:1.6}.rules-text:last-child{margin-bottom:0}.about-content{margin:-24px auto 0;max-width:900px;padding:0 20px;transform:translateX(-20px)}.about-columns{align-items:flex-start;display:flex;gap:40px}.about-image-column{flex:0 0 375px}.about-image{border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;height:auto;width:100%}.about-text-column{flex:1 1}.about-title,.about-title.h2{letter-spacing:.5px;margin:0 0 32px;text-align:left}.about-text{color:var(--color-text-secondary);line-height:1.6;margin:0 0 24px}.about-signature{margin-top:var(--space-4)}.about-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s}.about-link:hover{color:var(--color-primary);text-decoration:underline}.mobile-about .about-content,.mobile-rules .rules-content{margin:0;max-width:none;padding:0;transform:none}.mobile-about .about-title,.mobile-rules .rules-main-title{font-size:28px;margin-bottom:20px}.mobile-rules{padding-top:32px}.mobile-rules .rules-section{margin-bottom:20px}.mobile-rules .rules-section-title{font-size:20px}.mobile-about .about-text,.mobile-rules .rules-text{font-size:14px;margin-bottom:var(--space-2)}.about-mobile-layout{align-items:flex-start;display:flex;flex-direction:column}.about-image-mobile{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin-bottom:var(--space-2);margin-top:var(--space-4);width:100px}.mobile-about .about-dedication{margin-bottom:0}.mobile-about .about-signature{margin-top:16px}.boons-content{margin:-240px auto 0;max-width:800px;padding:0 20px;transform:translateX(-24px)}.boons-title,.boons-title.h2{letter-spacing:.5px;margin:0 0 32px;text-align:left}.boons-list{display:flex;flex-direction:column;gap:var(--space-2)}.boon-item{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:12px;padding:12px 0}.boon-item:last-child{margin-bottom:0}.boon-checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.boon-checkbox{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.boon-custom-checkbox{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;box-shadow:0 2px 4px #00000014,inset 0 1px 0 #fffc;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.boon-custom-checkbox.disabled{cursor:not-allowed;opacity:.5}.boon-checkbox:checked~.boon-custom-checkbox{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #916c214d,inset 0 1px 0 #fff3}.boon-checkmark{border:solid #fff;border-width:0 2px 2px 0;display:none;height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.boon-checkbox:checked~.boon-custom-checkbox .boon-checkmark{display:block}.boon-name{color:var(--color-text-primary);font-family:var(--font-body);font-size:20px;font-weight:600}.boon-name.disabled{cursor:not-allowed;opacity:.5}.boon-info-icon{align-items:center;cursor:help;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;transition:color .2s;width:20px}.boon-info-icon,.boon-info-icon:hover{color:var(--color-text-secondary)}.boon-info-icon[data-tooltip]:hover:after{background:var(--color-text-emphasis);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.4;margin-bottom:8px;padding:12px;position:absolute;right:0;text-align:left;width:280px;z-index:100}.boon-info-icon[data-tooltip]:hover:before{border:6px solid #0000;border-top:6px solid var(--color-text-emphasis);bottom:100%;content:"";margin-bottom:2px;position:absolute;right:8px;z-index:101}.mobile-boons{margin-top:20px;width:100%}.mobile-boons .boons-content{max-width:400px;padding:0 20px;width:100%}.mobile-boons .boons-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}.mobile-boons .boon-item{background:var(--color-surface);border-radius:8px;box-sizing:border-box;margin:0;overflow:hidden;padding:0;width:100%}.mobile-boons .boon-item:first-child{margin-top:0}.mobile-boons .boon-item:last-child{margin-bottom:0}.mobile-boons .boon-item-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:12px 20px}.mobile-boons .boon-item-content{display:flex;flex:1 1;flex-direction:column}.mobile-boons .boon-name{font-size:14px}.mobile-boons .boon-info-icon{display:none}.mobile-boons .boon-caret{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:transform .3s ease,color .2s ease}.mobile-boons .boon-caret,.mobile-boons .boon-caret:hover{color:var(--color-text-secondary)}.mobile-boons .boon-caret.expanded{transform:rotate(180deg)}.mobile-boons .boon-description{animation:fadeIn .3s ease;color:var(--color-text-secondary);font-size:13px;line-height:1.6;margin-left:36px;margin-top:var(--space-1);overflow:hidden;padding-bottom:4px}.info-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.info-icon-btn.distance-info{color:var(--color-text-primary);opacity:.7;padding:6px;position:absolute;right:6px;top:6px;z-index:2}.info-icon-btn.distance-info:hover{background:#ffffff4d;opacity:1}.info-icon-btn:hover{background:#8b73551a;color:var(--color-text-primary)}.info-icon-btn:active{transform:scale(.95)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-2);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;max-height:70vh;max-width:400px;position:relative;width:90%}@media (min-width:480px){.modal-content{max-width:450px}}@media (min-width:768px){.modal-content{max-width:550px}}@media (min-width:1024px){.modal-content{max-width:600px}}@media (min-width:1440px){.modal-content{max-width:700px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:var(--color-surface);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:1}.modal-close:hover{background:var(--color-border);color:var(--color-text-emphasis)}.modal-body{max-height:70vh;overflow-y:auto;padding:var(--space-3)}.modal-title,.modal-title.h4{margin:0 0 10px}.modal-description,.modal-description.body-base{color:var(--color-text-secondary);line-height:1.4;margin:0 0 20px}.modal-calculation-text{color:var(--color-text-secondary);font-family:var(--font-mono);line-height:1.6;white-space:pre-line}@media (min-width:768px){.modal-title{font-size:24px;margin:0 0 12px}.modal-description{font-size:16px;margin:0 0 24px}.modal-calculation-text{font-size:14px;line-height:1.7}.modal-body{padding:30px}}@media (min-width:1024px){.modal-title{font-size:26px;margin:0 0 14px}.modal-description{font-size:17px;margin:0 0 28px}.modal-calculation-text{font-size:15px;line-height:1.7}.modal-body{padding:35px}}@media (min-width:1440px){.modal-title{font-size:28px;margin:0 0 16px}.modal-description{font-size:18px;margin:0 0 32px}.modal-calculation-text{font-size:16px;line-height:1.8}.modal-body{padding:40px}}@media (max-width:767.98px){.app{background-color:var(--color-bg);height:100vh;min-height:100vh;overflow:hidden;padding:0}.hamburger-btn{border-radius:var(--radius-md);gap:3px;left:var(--space-1)}.hamburger-btn,.theme-toggle-btn{height:44px;min-height:44px;min-width:44px;top:var(--space-1);width:44px}.theme-toggle-btn{right:var(--space-1)}.hamburger-line{height:2px;width:16px}.menu-content{width:250px}.menu-item-modal{max-width:95%;width:95%}.main-card{border:none;border-radius:0;box-shadow:none;flex-direction:column-reverse;height:100vh;max-width:100%;min-height:100vh;width:100%}.controls-section{align-items:center;border-right:none;border-top:1px solid var(--color-border);display:flex;flex:1 1;flex-direction:column;overflow-y:hidden;padding:15px;width:100%}.illustration-section{flex-shrink:0;height:35vh;min-height:200px;width:100%}.jump-image{height:calc(100% - 20px);margin:10px;width:calc(100% - 20px)}.high-jump-container,.high-jump-sprite{height:676px;width:500px}.long-jump-sprite{height:618px;width:618px}.header-section{align-items:center;display:flex;justify-content:center;margin-bottom:12px;padding:0;transform:translateX(-8px);width:100%}.distance-display{height:auto;max-height:none;max-width:280px;padding:16px 14px;width:100%}.desktop-only{display:none!important}.distance-number{font-size:42px}.distance-value{margin-bottom:8px}.distance-unit{font-size:13px;margin-bottom:3px}.jump-type{font-size:15px!important;letter-spacing:.2px}.controls-area{gap:14px;margin-bottom:10px;margin-top:20px;max-width:280px;transform:translateX(-12px)}.control-group,.controls-area{align-items:center;display:flex;flex-direction:column;width:100%}.control-group{gap:6px}.control-item{align-items:center;display:flex;gap:28px;justify-content:center}.control-btn{font-size:22px;height:48px;width:48px}.control-value{font-size:24px!important;min-width:40px;text-align:center}.control-label{font-size:14px!important}.checkbox-group{display:flex;justify-content:center;margin-bottom:8px;margin-top:10px;width:100%}.custom-checkbox{height:36px;width:36px}.checkbox-label{font-size:14px!important}.checkmark{border-width:0 3px 3px 0;height:13px;width:8px}.tab-navigation{background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000000d;gap:6px;left:0;margin:0;padding:10px;position:fixed;right:0;z-index:10}.tab-btn{flex:1 1;font-size:12px;min-width:0;padding:10px 6px}}@media (max-width:375px){.hamburger-btn{border-radius:6px;gap:2px;height:32px;left:6px;top:6px;width:32px}.hamburger-line{height:2px;width:14px}.distance-number{font-size:38px}.distance-display{padding:14px 12px}.distance-unit,.jump-type{font-size:12px}.control-btn{font-size:17px;height:36px;width:36px}.control-value{font-size:20px}.control-label{font-size:12px}.custom-checkbox{height:28px;width:28px}.checkbox-label{font-size:12px}.illustration-section{height:32vh;min-height:180px}}@media (min-width:769px) and (max-width:1024px){.app{padding:var(--space-2)}.main-card{height:calc(100vh - 140px);width:100%}.controls-section{width:35%}.illustration-section{width:65%}.distance-number{font-size:72px}.tab-navigation{margin-top:20px}}@media (max-width:768px) and (orientation:landscape){.illustration-section{height:50vh}.controls-section,.header-section{padding:15px}.distance-display{padding:15px 12px}.distance-number{font-size:36px}.controls-area{gap:12px}.calculation-display{max-height:20vh;min-height:80px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:767.98px){.illustration-section{padding-top:env(safe-area-inset-top)}.tab-navigation{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}}
/*# sourceMappingURL=main.23803620.css.map*/