:root{color-scheme:dark;--sky:#102b34;--deep:#07171d;--cream:#f4f0df;--gold:#f5cf69;--red:#ff7665;--green:#55ddae;--line:rgba(244,240,223,.18)}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{color:var(--cream);background:var(--deep);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{color:inherit;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.winds-app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--sky)}canvas{display:block;width:100%;height:100%}.grain{position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px);mix-blend-mode:multiply}.top-hud{position:absolute;z-index:4;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;pointer-events:none}.top-hud>*{pointer-events:auto}.round{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(7,23,29,.68);text-decoration:none;backdrop-filter:blur(8px)}.brand span{color:var(--gold);font:800 9px ui-monospace,monospace;letter-spacing:.17em}.brand h1{margin:2px 0 0;font-size:clamp(15px,2.2vw,23px);letter-spacing:-.04em}.capital{display:grid;grid-template-columns:auto auto;gap:0 9px;align-items:baseline;text-align:right;font-variant-numeric:tabular-nums}.capital span{color:#9bb1b4;font-size:9px}.capital b{grid-row:span 2;font-size:clamp(20px,3.3vw,34px);letter-spacing:-.05em}.capital em{color:var(--green);font:700 10px ui-monospace,monospace;font-style:normal}.timeline{position:absolute;z-index:3;top:calc(max(10px,env(safe-area-inset-top)) + 54px);right:max(18px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#9fb4b7;font:8px ui-monospace,monospace}.timeline div{height:3px;background:rgba(255,255,255,.16)}.timeline i{display:block;width:0;height:100%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.pulse-callout{position:absolute;z-index:3;top:calc(max(10px,env(safe-area-inset-top)) + 70px);left:50%;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(7,23,29,.62);font:10px ui-monospace,monospace;transform:translateX(-50%);pointer-events:none}.panel{position:absolute;z-index:6;top:50%;left:max(22px,env(safe-area-inset-left));width:min(430px,calc(100% - 44px));max-height:calc(100% - 26px);overflow:auto;padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:22px;background:rgba(7,23,29,.92);box-shadow:0 28px 90px rgba(0,0,0,.5);transform:translateY(-50%);backdrop-filter:blur(16px)}.panel[hidden]{display:none}.panel>span{color:var(--gold);font:800 9px ui-monospace,monospace;letter-spacing:.14em}.panel h2{margin:11px 0 14px;font-size:clamp(38px,6vw,62px);line-height:.93;letter-spacing:-.07em}.panel h2 i{color:var(--gold);font-style:normal}.panel p{margin:0;color:#b8c8ca;font-size:13px;line-height:1.65}.starting{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;margin:19px 0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.starting small,.starting em{color:#94a9ac;font-size:10px;font-style:normal}.starting b{grid-row:span 2;font:800 20px ui-monospace,monospace}.primary{display:flex;justify-content:space-between;width:100%;min-height:52px;padding:14px 17px;border:0;border-radius:12px;color:#152327;background:var(--gold);font-weight:900}.compact,.end-panel{left:50%;text-align:center;transform:translate(-50%,-50%)}.compact{width:min(380px,calc(100% - 44px))}.end-panel{width:min(540px,calc(100% - 40px))}.end-panel h2,.compact h2{font-size:clamp(34px,5vw,48px)}.end-panel dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:16px 0;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.1);text-align:left}.end-panel dl div{padding:10px;background:#0e2930}.end-panel dt{color:#91a8ab;font-size:9px}.end-panel dd{margin:5px 0 0;font:700 13px ui-monospace,monospace}.end-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.end-actions button{min-height:48px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);font-size:11px}.end-panel>small{display:block;min-height:16px;margin-bottom:10px;color:#a9bbbd}.flight-controls{position:absolute;z-index:5;right:max(14px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 16px);left:max(14px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;gap:20px;pointer-events:none}.flight-controls button{pointer-events:auto}.mode-controls{display:flex;gap:8px}.mode-controls button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;min-width:92px;min-height:68px;padding:8px 11px;border:1px solid var(--line);border-radius:18px;background:rgba(7,23,29,.72);backdrop-filter:blur(9px)}.mode-controls i{grid-row:span 2;margin-right:8px;font-size:25px;font-style:normal}.mode-controls span{font-weight:900}.mode-controls small{color:#8fa6a9;font-size:8px}.mode-controls button.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.mode-controls [data-mode=long].active{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.mode-controls [data-mode=short].active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.size-controls{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:18px;background:rgba(7,23,29,.72);backdrop-filter:blur(9px)}.size-controls>span{padding:0 6px;color:#91a8ab;font-size:9px}.size-controls button{min-width:64px;min-height:54px;border:0;border-radius:12px;background:transparent;font-weight:800}.size-controls button.active{color:#17262a;background:var(--gold)}footer{position:absolute;z-index:2;right:max(12px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));color:#759297;font:8px ui-monospace,monospace;text-align:center;pointer-events:none}@media(max-width:760px){.brand h1{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capital span,.capital em{display:none}.capital{display:block}.capital b{font-size:18px}.flight-controls{gap:10px}.mode-controls{gap:5px}.mode-controls button{min-width:68px;min-height:68px;padding:7px}.mode-controls i{margin-right:4px;font-size:20px}.mode-controls small{display:none}.size-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.size-controls>span{grid-column:1/-1;text-align:center}.size-controls button{min-width:54px;min-height:44px}.end-panel dl{grid-template-columns:repeat(2,1fr)}.end-actions{grid-template-columns:1fr}.panel{padding:22px}}@media(max-height:450px){.panel{width:min(500px,calc(100% - 150px));padding:17px 24px}.panel h2{font-size:35px}.panel p{line-height:1.4}.starting{margin:9px 0}.flight-controls{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 10px)}.mode-controls button{min-height:62px}.end-panel{width:min(650px,calc(100% - 110px));display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;text-align:left}.end-panel>span,.end-panel h2,.end-panel p,.end-panel>small{grid-column:1}.end-panel dl,.end-panel .end-actions,.end-panel .primary{grid-column:2}.end-panel dl{grid-template-columns:repeat(2,1fr);margin:0}.end-panel .end-actions{grid-template-columns:1fr}.end-actions button{min-height:36px}}