*{box-sizing:border-box}html,body{margin:0;background:#e7f5ff;color:#2b2d42;font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif;font-size:19px;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:760px;margin:0 auto;min-height:100vh;padding-bottom:40px}.wrap{padding:16px}.hero{background:linear-gradient(160deg,#4dabf7,#9775fa);color:#fff;text-align:center;padding:28px 18px 22px;border-radius:0 0 32px 32px}.hero h1{margin:6px 0;font-size:2rem}.hero p{margin:6px 0 12px;font-size:1.05rem}.hero-plane{font-size:3.4rem;animation:fly 3s ease-in-out infinite}@keyframes fly{50%{transform:translate(14px,-10px) rotate(-6deg)}}.meter{height:16px;background:#fff5;border-radius:10px;overflow:hidden;max-width:360px;margin:0 auto}.meter div{height:100%;background:#ffd43b;transition:width .5s}.meter-txt{font-weight:700}.section-card,.plane-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:4px solid var(--c);border-radius:24px;padding:16px;margin:0 0 16px;box-shadow:0 6px 0 var(--c);min-height:96px}.section-card:active,.plane-card:active,.big-btn:active,.nav-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c,#1c7ed6)}.sc-emoji{font-size:2.4rem}.sc-body{flex:1;display:flex;flex-direction:column;gap:2px}.sc-body b{font-size:1.4rem;color:var(--c)}.sc-prog{font-weight:700}.sc-planes{display:flex;flex-direction:column}small{font-size:.9rem}.safety,.paper-note{background:#fff3bf;border-radius:18px;padding:14px;margin-top:10px;font-size:.95rem}.paper-note{background:#d3f9d8}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;color:#fff;padding:10px 12px;border-radius:0 0 22px 22px;box-shadow:0 3px 10px #0002}.top h1{font-size:1.35rem;margin:0;text-shadow:0 2px 0 #0003}.back{width:52px;height:52px;border-radius:50%;border:0;background:#fffd;color:#2b2d42;font-size:1.6rem;font-weight:800}.logo{font-size:2rem}.lead{font-size:1.1rem;font-weight:700}.pc-art{background:#f1f3f5;border-radius:16px;padding:4px}.pc-body{flex:1;display:flex;flex-direction:column;gap:4px}.pc-body b{font-size:1.2rem}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{background:#f1f3f5;border-radius:12px;padding:3px 9px;font-size:.85rem;font-weight:700}.stars{color:#f59f00;letter-spacing:1px}.built{background:#ffd43b;border-radius:10px;padding:1px 8px;font-size:.85rem}.built.big{display:inline-block;font-size:1rem;margin-top:8px}.plane-hero{display:flex;gap:14px;align-items:center;background:#fff;border-radius:24px;padding:14px;border:4px solid var(--c);margin-bottom:16px;flex-wrap:wrap}.pill{color:#fff;border-radius:12px;padding:3px 12px;font-weight:800}.good{margin:8px 0}.big-btn{display:block;width:100%;border:0;border-radius:22px;padding:18px;font-size:1.3rem;font-weight:800;background:#1c7ed6;color:#fff;box-shadow:0 6px #1864ab;margin-bottom:16px;min-height:64px}.big-btn.sci{background:#37b24d;box-shadow:0 6px #2b8a3e}.small-btn{border:3px solid #adb5bd;background:#fff;border-radius:16px;padding:12px 16px;font-weight:700;min-height:52px}.card{background:#fff;border-radius:22px;padding:6px 16px 10px;margin-bottom:14px;box-shadow:0 3px #d0ebff}.card h2{font-size:1.2rem;margin:10px 0 6px}.card p,.card li{line-height:1.45}.bigidea{background:#fff9db;border:3px solid #fcc419}.bigidea p{font-size:1.2rem;font-weight:700}.exp{background:#e6fcf5;border:3px solid #38d9a9}.forces{width:100%;max-height:220px}.small{font-size:.9rem}.dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dot{width:22px;height:22px;border-radius:50%;border:3px solid #adb5bd;background:#fff;padding:0}.dot.ok{background:#69db7c;border-color:#2f9e44}.dot.on{border-color:#1c7ed6;transform:scale(1.25)}.stepno{text-align:center;font-weight:800;margin:10px 0 6px;color:#1c7ed6}.diagram{position:relative;background:#fff;border-radius:24px;padding:10px 10px 44px;box-shadow:0 4px #d0ebff;touch-action:pan-y}.diagram svg{width:100%;height:min(54vh,460px);display:block}.diagram.done{display:flex;justify-content:center;padding:20px}.play{position:absolute;right:10px;bottom:8px;border:0;background:#ffd43b;border-radius:14px;padding:8px 14px;font-weight:800;min-height:44px}.legend{position:absolute;left:12px;bottom:12px;display:flex;gap:12px;font-size:.78rem;flex-wrap:wrap;max-width:62%}.legend i{display:inline-block;width:22px;height:0;border-top:3px dashed #e8590c;vertical-align:middle}.legend .lg-m{border-top:3px dotted #7048e8}.legend .lg-h{width:14px;height:12px;border:0;background:#ffd43b;opacity:.8}.steptext{font-size:1.3rem;font-weight:700;line-height:1.4;background:#fff;border-radius:20px;padding:14px 16px;margin:14px 0 8px}.tip{background:#fff3bf;border-radius:16px;padding:10px 14px;margin:0 0 8px}.check{display:flex;align-items:center;gap:10px;font-weight:700;padding:8px 4px}.check input{width:30px;height:30px}.nav{display:flex;gap:12px;margin-top:8px}.nav-btn{flex:1;border:0;border-radius:20px;padding:16px;font-size:1.25rem;font-weight:800;background:#dee2e6;min-height:64px;box-shadow:0 5px #adb5bd}.nav-btn.go{background:#ff922b;color:#fff;box-shadow:0 5px #e8590c}.nav-btn:disabled{opacity:.4}.swipe{text-align:center;font-size:.85rem;color:#495057}.print-grid,.all-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.print-step{background:#fff;border-radius:14px;padding:6px;break-inside:avoid}.print-step .diagram{box-shadow:none;padding-bottom:6px}.print-step .diagram svg{height:220px}.print-step .play,.print-step .legend{display:none}.print-step p{margin:4px;font-size:.95rem}.all{padding:10px}.all .all-grid{grid-template-columns:repeat(4,1fr)}.onlyprint{display:none}@media print{.top,.noprint{display:none}.onlyprint{display:block}body,html{background:#fff}.print-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:700px){html,body{font-size:20px}.diagram svg{height:480px}}.all .all-grid{grid-template-columns:repeat(3,1fr)!important}.all .print-step .diagram svg{height:400px}