:root{font-family:Arial,Helvetica,sans-serif;color:#263e34;background:#f7f6ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f7f6ef;--ink: #263e34;--muted: #626f5d;--line: #dcdfd0;--rust: #b54f33;--rust-dark: #9e432c;--serif: Georgia, "Times New Roman", serif;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2d7068;outline-offset:4px}button:hover:not(:disabled){color:#a34830}button:active:not(:disabled){transform:translateY(1px)}button{transition:background-color .18s,color .18s,transform .18s}::selection{color:#263e34;background:#ecd49d}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#eeeee3}::-webkit-scrollbar-thumb{background:#b5bba5;border:2px solid #eeeee3;border-radius:8px}input{accent-color:#63816c;caret-color:var(--rust)}[hidden]{display:none!important}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}p{line-height:1.65}button{touch-action:manipulation}main{max-width:1416px;margin:auto;padding:0 48px}.site-header{max-width:1416px;margin:auto;display:flex;align-items:center;padding:25px 48px 22px;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-family:var(--serif);font-size:33px;letter-spacing:-1.5px;white-space:nowrap}.brand-mark{width:34px;height:44px}.brand-dot{color:var(--rust)}.brand-note{color:var(--muted);font-size:12px;letter-spacing:.025em;border-left:1px solid var(--line);padding:7px 0 7px 25px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:25px}.nav-button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.nav-button svg{width:18px;height:18px}.record-count{font-size:10px;background:#e9ecdf;border-radius:20px;padding:4px 6px;min-width:19px}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px}.page-intro h1{font-size:36px;line-height:1.2}.page-intro p{font-size:12px;display:flex;align-items:center;gap:8px;color:var(--muted)}.weather-dot{width:6px;height:6px;background:#7e9765;border-radius:50%}.playground{border-radius:16px;overflow:hidden;border:1px solid #d8dfca;background:var(--paper);outline-offset:5px}.playground:focus{outline:none}.sky-stage{position:relative;height:520px;isolation:isolate;overflow:hidden;background:#e5eee0}#sky{display:block;width:100%;height:100%;touch-action:none}.scene-top{position:absolute;top:27px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:16px}.location{display:flex;gap:10px;align-items:center;font-size:12px}.location>svg{width:27px;height:27px;color:#657b5b}.location-sub{display:block;font-size:10px;color:#65765f;margin-top:5px}.flight-hud{display:flex;gap:28px;align-items:center}.flight-hud>div{display:flex;flex-direction:column;gap:7px;min-width:62px}.hud-label{font-size:10px;color:#5b705e}.flight-hud strong{font-size:23px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em}.icon-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f7f6efb0;pointer-events:auto}.icon-button:hover{background:#fff9e9}.welcome{position:absolute;left:6%;top:25%;z-index:1}.welcome h2{font-size:61px;line-height:1.02;color:#2d493b}.welcome>p{font-size:12px;color:#52664f;line-height:1.8;margin-top:21px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:14px 22px;border-radius:7px;background:var(--rust);color:#fffcf3;font-size:12px;letter-spacing:.01em;font-weight:600}.primary-button:hover:not(:disabled){background:var(--rust-dark);color:#fff}.primary-button svg{width:17px;height:17px}.welcome .primary-button{margin-top:24px;min-width:153px}.welcome-note{display:block;font-size:10px;color:#596c51;margin-top:13px}.scene-bottom{position:absolute;bottom:22px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.wind-badge{display:flex;align-items:center;gap:9px;border-radius:30px;padding:10px 15px;background:#f7f6e9e6;color:#3e563e;font-size:10px}.wind-badge>svg{width:19px;height:19px}.wind-badge strong{font-weight:500;margin-left:9px;font-variant-numeric:tabular-nums}.wind-badge small{font-size:9px;color:#5d6c51}.scene-note,.altitude{font-size:10px;color:#fffdeb;text-shadow:0 1px 3px #426340}.altitude{font-size:12px}.control-deck{display:grid;grid-template-columns:1fr 260px 1fr;gap:38px;padding:24px 31px;align-items:center;min-height:111px}.control-label{font-size:10px;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.control-label>span{font-weight:600}.control-label strong{font-weight:400;font-size:9px;color:#63725c}.tension-track{position:relative;height:6px;background:linear-gradient(to right,#dcd8bd,#a6b38c 34% 77%,#e4b185 88%,#d38067);border-radius:10px;max-width:100%}.safe-range{position:absolute;width:43%;left:34%;top:0;bottom:0;background:#7f9d70;border-radius:4px}#tension-needle{position:absolute;top:-4px;width:3px;height:14px;background:#314c38;border-radius:2px;left:45%;transition:left .14s linear;box-shadow:0 0 0 2px var(--paper)}.tension-track.danger #tension-needle{background:#a34830}.danger-text{color:#a34830!important}.tension-limits{display:flex;justify-content:space-between;font-size:8px;color:#626f5d;margin-top:10px}.reel-button{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #beccb0;background:#e9eddf;min-height:63px;border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none}.reel-button>svg{width:27px;height:27px;color:#5c7750}.reel-button>span{display:flex;flex-direction:column;text-align:left;gap:5px}.reel-button strong{font-size:12px;font-weight:600}.reel-button small{font-size:9px;color:#62725a}.reel-button .key-hint{color:#7a826e}.reel-button .press-indicator{width:7px;height:7px;border:1px solid #9da88c;border-radius:50%;margin-left:8px}.reel-button:hover:not(:disabled){background:#e0e7d3;color:var(--ink)}.reel-button.holding{background:#45664b;color:#fffbed;border-color:#45664b}.reel-button.holding svg,.reel-button.holding small{color:#e0e7d2}.reel-button.holding .press-indicator{background:#efd68b;border-color:#efd68b}.steering{display:flex;align-items:center;justify-content:space-between;gap:15px}.steer-pair{display:flex;gap:6px;align-items:center}.steer-button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid #d5dacb;border-radius:6px;touch-action:none;-webkit-user-select:none;user-select:none}.steer-button svg{width:15px;height:15px}.steer-button:hover,.steer-button.holding{background:#e2e8d6}.steering-label{font-size:10px;line-height:1.3;margin-left:3px}.steering-label>span{display:block;color:#6c7861;font-size:8px;margin-top:4px}.loop-button{display:flex;align-items:center;gap:8px;min-height:44px;border-left:1px solid #dcdfd0;padding:0 0 0 16px;text-align:left}.loop-button>svg{width:21px;height:21px}.loop-button>span{font-size:10px;white-space:nowrap}.loop-button small{display:block;color:#6c7861;font-size:8px;margin-top:4px}.kite-studio{margin-top:21px;border-bottom:1px solid var(--line)}.studio-summary{display:flex;align-items:center;gap:20px;min-height:94px;padding:0 6px 17px}.mini-kite{width:68px;height:75px;background:#edeede;border-radius:50%;flex-shrink:0;overflow:hidden}.mini-kite canvas{width:75px;height:75px;margin-left:-3px}.studio-title h2{font-size:24px;letter-spacing:-.025em}.studio-title p{font-size:10px;color:#6a745e;margin-top:6px}.palette-choices{display:flex;gap:7px;margin-left:auto}.swatch{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:4px;position:relative}.swatch>span{display:block;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--swatch-a) 50%,var(--swatch-b) 50%)}.swatch.selected:after{content:"";position:absolute;inset:4px;border:1px solid #72856a;border-radius:50%}.studio-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #d6dacb;border-radius:6px;margin-left:12px;font-size:11px}.studio-toggle svg{width:15px;height:15px}.studio-toggle svg:last-child{width:12px;height:12px;margin-left:7px;transition:transform .2s}.studio-toggle[aria-expanded=true] svg:last-child{transform:rotate(90deg)}.studio-details{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:24px 15px 25px;border-top:1px solid var(--line)}.studio-details h3{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:-.02em}.studio-details p{font-size:10px;color:#6a745e;margin-top:5px}fieldset{padding:0;border:0;margin:0}legend,.tail-length label{font-size:11px;display:block;margin-bottom:10px}.segmented{display:flex;gap:4px;padding:3px;background:#e9ecdf;border-radius:7px}.tail-option{font-size:10px;min-height:44px;padding:8px 12px;border-radius:5px}.tail-option.selected{background:#fffdf4;box-shadow:0 2px 5px #263e3410}.tail-length{min-width:170px}.tail-length label{display:flex;justify-content:space-between}.tail-length input{width:100%;min-height:44px}.studio-details .saved-note{width:100%;margin:0;text-align:right;font-size:9px}footer{display:flex;align-items:center;gap:26px;font-size:10px;color:#6c7761;padding:20px 0 28px}footer>button{min-height:44px;display:flex;gap:7px;align-items:center;font-size:10px}footer>button svg{width:12px;height:12px}footer>.local-note{margin-left:auto;font-size:9px}.pause-screen,.flight-result{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:#eaf0e3aa}.pause-screen>div,.flight-result>div{padding:35px 40px;background:#fbf8eb;box-shadow:0 12px 45px #30442c1a;border-radius:12px;text-align:center;max-width:510px}.pause-screen h2,.flight-result h2{font-size:36px}.pause-screen p,.flight-result p{font-size:12px;color:#647059;margin-top:12px}.pause-art{display:block;margin-bottom:20px}.pause-art svg{width:36px;height:36px;color:#70875f}.pause-screen .primary-button,.flight-result .primary-button{margin-top:25px}.text-button{display:block;min-height:44px;margin:8px auto 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.result-stats{display:flex;justify-content:center;gap:30px;margin-top:25px}.result-stats>div{display:flex;flex-direction:column;gap:7px}.result-stats strong{font-size:25px;font-variant-numeric:tabular-nums;font-family:var(--serif);font-weight:400}.result-stats span{font-size:9px;color:#6a745e}.flight-result .result-reason{font-size:10px;margin:0 0 17px}.toast{position:absolute;z-index:5;top:105px;left:50%;transform:translate(-50%);font-size:12px;border-radius:20px;padding:12px 18px;box-shadow:0 4px 20px #354c2820;background:#fff9e7;white-space:nowrap;pointer-events:none}.sheet{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:0;border-radius:16px;background:#f7f6ef;color:var(--ink);padding:30px;box-shadow:0 24px 100px #1e332d40;overscroll-behavior:contain}.sheet::backdrop{background:#21392e60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet-heading h2{font-size:32px;line-height:1.15}.sheet-heading .icon-button{background:#e9ecdf;flex-shrink:0}.sheet-intro{font-size:12px;color:#63715b;margin:14px 0 24px}.help-step{display:flex;align-items:flex-start;gap:17px;margin-top:25px}.help-step>svg{width:25px;height:25px;color:#788b64}.help-step h3{font-size:13px;font-weight:600;margin-bottom:7px}.help-step p{font-size:12px;color:#62705b}.help-foot{font-size:11px;color:#62705b;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.sheet>.primary-button{margin-top:25px;width:100%}kbd{font-size:10px;display:inline-block;border:1px solid #d3d7c7;background:#eeeee1;padding:0 4px;border-radius:3px;font-family:inherit;line-height:1.6}.about-lines{margin-top:24px}.about-lines p{font-size:13px;margin:14px 0;color:#5c6c55}.record-header,.record-row{display:grid;grid-template-columns:1fr 75px 65px;gap:10px;align-items:center}.record-header{font-size:10px;color:#6a775f;border-bottom:1px solid var(--line);padding-bottom:12px}.record-row{padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums}.record-row>div{display:flex;align-items:center;gap:12px}.record-row strong{font-size:11px;font-weight:600}.record-row small{display:block;font-size:9px;color:#6a775f;margin-top:6px}.record-rank{font-family:var(--serif);font-size:19px;width:15px;color:#7b8b67}.first-flight{text-align:center;padding:24px 0 8px}.first-flight svg{width:47px;height:60px}.first-flight h3{font-family:var(--serif);font-size:24px;font-weight:400;margin-top:15px}.first-flight p{font-size:12px;color:#62705b;margin:14px 0 23px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:var(--ink);color:#fff;padding:12px;border-radius:6px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1550px){.sky-stage{height:580px}.welcome h2{font-size:68px}.welcome>p{font-size:14px}.welcome .primary-button{min-width:165px;min-height:52px}.scene-note{font-size:11px}.page-intro{padding:35px 0 29px}}@media(max-width:1150px){main{padding:0 30px}.site-header{padding-left:30px;padding-right:30px}.control-deck{grid-template-columns:1fr 225px 1fr;gap:20px;padding:21px}.steering-label{display:none}.loop-button{padding-left:10px}.steering{gap:9px}.brand-note{font-size:10px}.welcome h2{font-size:54px}.studio-title p{max-width:220px}.studio-summary{gap:15px}.studio-toggle{margin-left:5px}.swatch{width:44px}.swatch>span{width:24px;height:24px}}@media(max-width:800px){.brand-note{display:none}.page-intro h1{font-size:30px}.page-intro p{font-size:10px}.scene-top{left:23px;right:23px}.location-sub{display:none}.welcome{left:5%;top:26%}.welcome h2{font-size:46px}.welcome>p{font-size:11px}.control-deck{grid-template-columns:1fr 1fr;gap:20px}.tension-group{grid-column:1/3;max-width:none}.steering{justify-content:flex-end}.control-label strong{font-size:10px}.tension-limits{font-size:9px}.studio-summary{flex-wrap:wrap}.studio-title{flex:1}.studio-toggle{order:3;margin-left:auto}.palette-choices{order:2;margin-left:83px}.mini-kite{width:58px;height:66px}.mini-kite canvas{width:66px;height:66px}.studio-title h2{font-size:23px}.studio-title p{max-width:none}.brand{font-size:30px}.sky-stage{height:500px}}@media(max-width:600px){main{padding:0 16px}.site-header{padding:14px 17px 12px;gap:12px}.brand{font-size:28px;gap:6px;letter-spacing:-1.2px}.brand-mark{width:28px;height:37px}.site-header nav{gap:13px}.nav-button{font-size:10px;gap:5px}.nav-button svg{width:16px;height:16px}.record-count{display:none}.page-intro{padding:22px 1px 19px;align-items:flex-start;gap:9px}.page-intro h1{font-size:27px;white-space:nowrap}.page-intro p{font-size:0;gap:0;padding-top:12px}.weather-dot{width:7px;height:7px}.playground{border-radius:12px}.sky-stage{height:478px}.scene-top{left:19px;right:19px;top:20px;gap:10px}.location{font-size:10px;gap:7px}.location>svg{width:20px;height:20px}.flight-hud{gap:15px}.flight-hud>div{min-width:42px;gap:5px}.hud-label{font-size:8px}.flight-hud strong{font-size:18px}.flight-hud .icon-button{width:44px;height:44px}.welcome{left:23px;top:86px;right:16px}.welcome h2{font-size:43px;line-height:1.02}.welcome>p{font-size:10px;line-height:1.7;margin-top:14px;max-width:235px}.welcome .primary-button{min-height:44px;margin-top:17px;font-size:11px;min-width:135px;padding:12px 16px;gap:20px}.welcome-note{font-size:8px;margin-top:11px;max-width:145px;line-height:1.5}.scene-bottom{left:16px;right:16px;bottom:17px;gap:7px}.wind-badge{padding:8px 11px;font-size:8px;gap:6px}.wind-badge strong{margin-left:4px}.wind-badge>svg{width:16px;height:16px}.scene-note{font-size:8px;max-width:75px;line-height:1.6;text-align:right}.altitude{font-size:9px;max-width:75px;text-align:right}.control-deck{padding:19px 18px 18px;gap:19px 12px}.control-label{font-size:10px;margin-bottom:12px}.tension-limits{font-size:8px;margin-top:10px}.control-label strong{font-size:8px}.reel-button{min-height:62px;gap:8px;border-radius:8px}.reel-button>svg{width:22px;height:22px}.reel-button strong{font-size:10px}.reel-button small{font-size:8px}.reel-button .key-hint,.reel-button .press-indicator{display:none}.steer-pair{gap:4px}.steer-button{min-width:44px;height:44px}.steer-button svg{width:13px;height:13px}.steering{gap:8px}.loop-button{padding:0;gap:0;min-width:44px;width:44px;justify-content:center;border-left:0}.loop-button>svg{width:17px;height:17px}.loop-button>span{display:none}.loop-button small{font-size:7px}.kite-studio{margin-top:18px}.studio-summary{padding:0 1px 18px;gap:5px 13px;min-height:140px}.studio-title{flex:1 1 calc(100% - 80px)}.studio-title h2{font-size:23px}.studio-title p{font-size:10px;margin-top:5px;max-width:230px}.mini-kite{width:55px;height:62px}.mini-kite canvas{width:64px;height:64px}.palette-choices{margin-left:0;gap:0}.swatch{width:44px;height:44px}.swatch>span{width:23px;height:23px}.swatch.selected:after{inset:5px}.studio-toggle{font-size:9px;padding:9px 11px;gap:6px;margin-left:auto}.studio-toggle svg{width:12px;height:12px}.studio-toggle svg:last-child{width:10px;margin-left:1px}.studio-details{padding:22px 2px;gap:23px}.studio-details>div:first-child{width:100%}.studio-details fieldset{width:100%}.tail-option{flex:1;font-size:10px}.tail-length{width:100%}.tail-length label{font-size:11px}.studio-details .saved-note{text-align:left}footer{font-size:8px;gap:15px;flex-wrap:wrap;padding:18px 1px 22px}footer>button{font-size:8px;margin-left:auto}footer>.local-note{width:100%;font-size:8px;margin:0;color:#626f5d}.pause-screen,.flight-result{padding:16px}.pause-screen>div,.flight-result>div{padding:28px 20px}.pause-screen h2,.flight-result h2{font-size:30px}.pause-screen p,.flight-result p{font-size:11px}.result-stats{gap:20px}.result-stats strong{font-size:25px}.flight-result .primary-button{font-size:10px;gap:12px}.toast{top:87px;font-size:10px;padding:10px 12px;max-width:calc(100% - 24px);white-space:normal;text-align:center}.sheet{padding:24px 20px;border-radius:13px;max-height:calc(100dvh - 32px)}.sheet-heading h2{font-size:28px}.sheet-heading .icon-button{width:44px;height:44px}.help-step{gap:13px}.help-step p,.help-step h3{font-size:12px}.sheet-intro{font-size:11px}.record-header,.record-row{grid-template-columns:1fr 55px 43px;gap:7px}.record-row>div{gap:6px}.record-row strong{font-size:9px}.record-row small{font-size:8px}.record-row{font-size:10px}.first-flight h3{font-size:23px}.about-lines p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sheet::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
