*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#repo-link{position:fixed;bottom:.6rem;right:.75rem;z-index:10;pointer-events:all;font-family:sans-serif;font-size:.7rem;color:#ffffff73;text-decoration:none;letter-spacing:.04em;transition:color .15s}#repo-link:hover{color:#ffffffe6}#toast{position:fixed;bottom:3rem;left:50%;transform:translate(-50%) translateY(.5rem);background:#000000b8;color:#fff;font-family:sans-serif;font-size:.82rem;letter-spacing:.03em;padding:.45rem 1.1rem;border-radius:999px;pointer-events:none;z-index:200;opacity:0;transition:opacity .18s ease,transform .18s ease}#toast.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}html,body{width:100%;height:100%;overflow:hidden;background:#c9e8f5}#canvas{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:0}#app{position:fixed;inset:0;pointer-events:none;z-index:1}#start-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a1e3cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;pointer-events:all}.start-inner{text-align:center;color:#fff;padding:2.5rem 3rem;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:1rem;max-width:min(520px,92vw)}.start-inner h1{font-size:clamp(3rem,12vw,5rem);font-weight:900;letter-spacing:.1em;margin:0 0 .2rem;color:#f50;text-shadow:0 0 40px rgba(255,85,0,.55)}.start-sub{font-size:.85rem;opacity:.55;margin:0 0 1.5rem;letter-spacing:.25em;text-transform:uppercase}.start-hint{font-size:.82rem;opacity:.5;margin:0 0 2rem;font-family:Courier New,monospace;line-height:1.6}.world-cards{display:flex;gap:1rem;justify-content:center}.world-card{flex:1;max-width:190px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.2rem .75rem 1.1rem;border-radius:.75rem;border:2px solid transparent;cursor:pointer;font-family:sans-serif;color:#fff;transition:transform .12s,border-color .15s,box-shadow .15s;min-width:44px;min-height:44px}.world-card:hover{transform:translateY(-3px)}.world-card:active{transform:scale(.97)}.world-card--island{background:linear-gradient(160deg,#0d3a1e,#1a5a30);border-color:#32b4504d;box-shadow:0 4px 20px #1e8c3c40}.world-card--island:hover{border-color:#32c85aa6;box-shadow:0 6px 30px #1ea04673}.world-card--desert{background:linear-gradient(160deg,#3d1a00,#7a3800);border-color:#c878284d;box-shadow:0 4px 20px #b4641440}.world-card--desert:hover{border-color:#dc8c32a6;box-shadow:0 6px 30px #c8781e73}.world-card--current{outline:2px solid rgba(255,255,255,.55);outline-offset:3px}.btn-resume{display:flex;align-items:center;justify-content:center;width:100%;padding:1.2rem .75rem;margin-bottom:.6rem;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;color:#fff;font-family:sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s,border-color .15s;min-height:44px}.btn-resume:hover{background:#ffffff38;border-color:#ffffff8c}.wc-icon{font-size:2rem;line-height:1;margin-bottom:.15rem}.wc-name{font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wc-desc{font-size:.72rem;opacity:.65;letter-spacing:.04em}#btn-fly{font-size:1.35rem;font-weight:700;padding:.75rem 3rem;background:#f50;color:#fff;border:none;border-radius:3rem;cursor:pointer;letter-spacing:.18em;transition:background .15s,transform .1s;min-width:44px;min-height:44px}#btn-fly:hover{background:#f73}#btn-fly:active{transform:scale(.96)}#hud{position:fixed;top:1rem;left:1rem;font-family:Courier New,monospace;font-size:.9rem;color:#fff;background:#0000006b;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.4rem .4rem .3rem;pointer-events:none;line-height:1.9;user-select:none}#hud-graph{display:block;border-radius:3px}#hud-graph-legend{display:flex;justify-content:space-between;align-items:center;padding:.25rem .1rem .05rem;font-family:Courier New,monospace;line-height:1.2}.gl-item{display:flex;flex-direction:column;align-items:center;gap:0;flex:1}.gl-sep{width:1px;height:2rem;background:#ffffff1f;flex-shrink:0}.gl-label{font-size:.68rem;font-weight:700;opacity:.75;letter-spacing:.1em;text-transform:uppercase}.gl-val{font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1.1}.gl-unit{font-size:.68rem;font-weight:700;opacity:.75;letter-spacing:.06em}.gl-alt{color:#64ffa0f2}.gl-spd{color:#ffc83cf2}.gl-vrt{color:#ffffffb3}.hud-row{display:flex;justify-content:space-between;gap:1rem}.hud-label{opacity:.45;font-size:.75rem;align-self:center}.vario{font-weight:700}.vario-up{color:#6fa}.vario-down{color:#f66}.thermal-active{color:#fc4;font-weight:700;animation:thermal-rise 1.1s ease-in-out infinite;display:inline-block}@keyframes thermal-rise{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}#crash-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#5000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;pointer-events:all;animation:crash-fade-in .3s ease}@keyframes crash-fade-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.crash-box{text-align:center;color:#fff;padding:2.5rem 3.5rem;background:#0009;border:1px solid rgba(255,80,80,.35);border-radius:1rem}.crash-title{font-size:clamp(3rem,12vw,5rem);font-weight:900;letter-spacing:.12em;color:#f31;text-shadow:0 0 40px rgba(255,50,0,.7);margin-bottom:.5rem}.crash-sub{font-size:1.1rem;opacity:.75;font-family:Courier New,monospace;letter-spacing:.08em}#crash-count{font-weight:700;color:#fa5}#hud-ai{display:block;position:fixed;top:1rem;right:1rem;border-radius:50%;background:#0000006b;border:1px solid rgba(255,255,255,.1);pointer-events:none}#hud-stick{display:block;position:fixed;top:calc(1.4rem + 110px);right:1rem;border-radius:50%;pointer-events:none;opacity:.85}#hud-throttle{position:fixed;top:calc(1.9rem + 190px);right:1rem;background:#0000006b;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.35rem .5rem;font-family:Courier New,monospace;pointer-events:none;user-select:none;flex-direction:column;align-items:center;gap:.2rem}.thr-label{opacity:.45;font-size:.63rem;letter-spacing:.06em;color:#fff}.thr-track{width:14px;height:60px;background:#ffffff1a;border-radius:7px;border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.thr-fill{width:100%;height:0%;background:linear-gradient(to top,#f50,#fc4);border-radius:7px;transition:height .08s ease}.thr-pct{font-size:.7rem;color:#ffffffbf}#hud-map{display:block;position:fixed;bottom:1.8rem;right:1rem;border-radius:4px;pointer-events:auto;cursor:pointer;opacity:.88;box-shadow:0 0 0 1.5px #ffffff40}#hud-pos{position:fixed;bottom:calc(2.15rem + 120px);right:1rem;width:120px;font-family:Courier New,monospace;font-size:.62rem;color:#ffffff8c;text-align:center;pointer-events:none;user-select:none;white-space:nowrap}#hud-legend{position:fixed;bottom:1rem;left:1rem;font-family:Courier New,monospace;font-size:.72rem;color:#ffffffbf;display:flex;flex-direction:column;gap:.2rem;pointer-events:none;user-select:none;line-height:1.5;background:#00000059;padding:.4rem .65rem;border-radius:.45rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#btn-calibrate{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.65rem 1.8rem;background:#00000094;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:2rem;font-size:.9rem;cursor:pointer;pointer-events:all;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;min-height:44px;white-space:nowrap}#flight-mode-bar{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:0;background:#0000009e;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden;font-family:Courier New,monospace;font-size:.7rem;color:#ffffffe6;pointer-events:all;z-index:50;user-select:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mode-group{display:flex;align-items:center;gap:5px;padding:5px 10px;border-right:1px solid rgba(255,255,255,.1)}.mode-group:last-child{border-right:none}.mode-label{opacity:.45;font-size:.63rem;letter-spacing:.06em;white-space:nowrap}.mode-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.22);border-radius:4px;color:#ffffffa6;font-family:inherit;font-size:.7rem;line-height:1;padding:3px 9px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.mode-btn:hover{background:#ffffff24;color:#ffffffe6}.mode-btn.active{background:#50c87838;border-color:#50c8788c;color:#88eea8}.mode-btn.active-warn{background:#ffc3002e;border-color:#ffc30080;color:#fc4}.mode-btn.active-alt{background:#7850ff33;border-color:#9664ff8c;color:#c8aaff}
