.gtf{--gtf-sea: #e0f2fe;--gtf-land: #cbd5e1;--gtf-near: #10b981;--gtf-warm: #f59e0b;--gtf-far: #94a3b8;--gtf-win: #059669;--gtf-win-soft: #ecfdf5;--gtf-win-border: #a7f3d0;--gtf-origin: var(--color-primary)}[data-theme=dark] .gtf{--gtf-sea: #0c1a2b;--gtf-land: #334155;--gtf-far: #64748b;--gtf-win: #34d399;--gtf-win-soft: rgba(16, 185, 129, .12);--gtf-win-border: rgba(52, 211, 153, .35);--gtf-origin: #60a5fa}.gtf-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:var(--space-5);align-items:start}.gtf-panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.gtf-from{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.gtf-from>div{display:flex;flex-direction:column}.gtf-from__label{color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.gtf-from__code{display:flex;align-items:center;gap:10px;font-size:1.7rem;font-weight:700;line-height:1.25;letter-spacing:.02em}.gtf-from__code .fi{width:1.2em;border-radius:3px}.gtf-from__city{min-height:1.3em;color:var(--color-text-secondary);font-size:.9rem}.gtf-from__link{display:inline-flex;flex:none;align-items:center;gap:6px;height:var(--control-sm);padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:.8rem;font-weight:500;white-space:nowrap;cursor:pointer}@media(hover:hover){.gtf-from__link:hover{border-color:var(--color-text-muted);color:var(--color-text)}}.gtf-question{margin:0;font-size:1.05rem;font-weight:600}.gtf-hints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.gtf-hint{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:62px;padding:6px 3px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-inset);text-align:center}.gtf-hint__label{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;overflow:hidden;color:var(--color-text-muted);font-size:.68rem;font-weight:600;white-space:nowrap}.gtf-hint__label .fi{flex:none;border-radius:2px}.gtf-hint__value{display:-webkit-box;max-width:100%;overflow:hidden;color:var(--color-text);font-size:.8rem;font-weight:600;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.gtf-hint__value--locked{display:block;color:var(--color-text-muted);font-size:.74rem;font-weight:500;white-space:nowrap}.gtf-hint__more{position:absolute;top:-7px;right:-6px;min-width:20px;height:18px;padding:0 5px;border:2px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:.64rem;font-weight:700;line-height:14px;text-align:center;white-space:nowrap}.gtf-hint--open{border-style:solid;border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border));background:var(--color-primary-soft)}[data-theme=dark] .gtf-hint--open{background:#60a5fa1f}.gtf-form{display:flex;gap:var(--space-2)}.gtf-form .airport-autocomplete{flex:1;min-width:0}.gtf-form__button{flex:none;width:auto;height:var(--control-lg);padding:0 18px;border-radius:var(--radius-md)}.gtf-error{margin:0}.gtf-guesses{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.gtf-guess{display:grid;grid-template-columns:minmax(0,1fr) 76px 26px 42px;align-items:center;gap:var(--space-2);height:40px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-inset);font-size:.9rem}.gtf-guess--empty{border-style:dashed;background:transparent}.gtf-guess--win{border-color:var(--gtf-win-border);background:var(--gtf-win-soft)}.gtf-guess__who{display:flex;align-items:center;gap:6px;min-width:0}.gtf-guess__who span:last-child{overflow:hidden;color:var(--color-text-secondary);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.gtf-guess__km{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.gtf-guess__dir{display:grid;place-items:center;color:var(--color-text-secondary)}.gtf-guess--win .gtf-guess__dir{color:var(--gtf-win)}.gtf-guess__pct{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.gtf-guess--near .gtf-guess__pct{color:var(--gtf-near)}.gtf-guess--warm .gtf-guess__pct{color:var(--gtf-warm)}.gtf-guess--far .gtf-guess__pct{color:var(--gtf-far)}.gtf-guess--win .gtf-guess__pct{color:var(--gtf-win)}.gtf-guess--head{height:auto;margin-bottom:-2px;padding-top:0;padding-bottom:0;border:0;background:none;color:var(--color-text-muted);font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.gtf-guess--head .gtf-guess__dir{color:inherit}.gtf-guess--head .gtf-guess__pct{font-weight:600}.gtf-guide{display:flex;flex-direction:column;gap:var(--space-2);padding:12px;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.gtf-guide__title{margin:0;color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.gtf-guide__row{background:var(--color-surface)}.gtf-guide__keys{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;color:var(--color-text-secondary);font-size:.84rem;list-style:none}.gtf-guide__keys li{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:baseline;gap:var(--space-2)}.gtf-guide__key{color:var(--color-text);font-weight:700;font-variant-numeric:tabular-nums}.gtf-foot{display:flex;justify-content:space-between;gap:var(--space-3);margin:0;color:var(--color-text-secondary);font-size:.8rem}.gtf-result{display:flex;flex-direction:column;gap:var(--space-3)}.gtf-result__banner{display:flex;align-items:center;gap:var(--space-3)}.gtf-result__banner h2{margin:0;font-size:1.15rem}.gtf-result__banner p{margin:2px 0 0;color:var(--color-text-secondary);font-size:.88rem}.gtf-result__badge{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:50%;font-size:1.05rem}.gtf-result__badge--won{background:var(--gtf-win-soft);color:var(--gtf-win)}.gtf-result__badge--lost{background:var(--color-surface-inset);color:var(--color-text-secondary)}.gtf-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,1.3fr) minmax(0,1fr);align-items:center;gap:var(--space-2);padding:12px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-inset)}.gtf-route__end{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.gtf-route__end strong{font-size:1.35rem;line-height:1.15;letter-spacing:.02em}.gtf-route__end>span{display:flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;color:var(--color-text-secondary);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.gtf-route__end .fi{flex:none;border-radius:2px}.gtf-route__mid{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.gtf-route__line{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:.85rem}.gtf-route__line span{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--color-primary))}.gtf-route__line span:last-child{background:linear-gradient(to right,var(--color-primary),transparent)}.gtf-route__figures{color:var(--color-text-secondary);font-size:.74rem;text-align:center;white-space:nowrap}.gtf-route__airlines{margin:-4px 0 0;color:var(--color-text-secondary);font-size:.8rem;text-align:center}.gtf-after{display:flex;flex-direction:column;gap:var(--space-3)}.gtf-actions{display:flex;gap:var(--space-2)}.gtf-actions .btn{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:8px;height:var(--control-lg);padding:0 10px;border-radius:var(--radius-md);font-size:.92rem;font-weight:600;text-decoration:none}.gtf-share{border:0;background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.gtf-flown{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}@media(hover:hover){.gtf-flown:hover{border-color:var(--color-text-muted)}}.gtf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;text-align:center}.gtf-stats div{display:flex;flex-direction:column-reverse}.gtf-stats dd{margin:0;font-size:1.25rem;font-weight:700}.gtf-stats dt{color:var(--color-text-secondary);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.gtf-next{margin:0;color:var(--color-text-secondary);font-size:.84rem;text-align:center}.gtf-next strong{color:var(--color-text);font-variant-numeric:tabular-nums}.gtf-next__more{padding:0;border:0;background:none;color:var(--tool-link);font-family:inherit;font-size:.86rem;cursor:pointer}.gtf-map-wrap{position:sticky;top:76px;height:540px;overflow:hidden;border-radius:var(--radius-lg);background:var(--gtf-sea)}.gtf-map{position:absolute;inset:0;width:100%;height:100%}.gtf-map__sea{fill:var(--gtf-sea)}.gtf-map__land{fill:var(--gtf-land);stroke:var(--gtf-sea);stroke-width:.6;stroke-linejoin:round}.gtf-map__arc{fill:none;stroke-width:2.5;stroke-dasharray:6 6;stroke-linecap:round}.gtf-map__arc--near{stroke:var(--gtf-near)}.gtf-map__arc--warm{stroke:var(--gtf-warm)}.gtf-map__arc--far{stroke:var(--gtf-far)}.gtf-map__arc--win,.gtf-map__arc--answer{stroke-width:3.5;stroke-dasharray:none}.gtf-map__arc--win{stroke:var(--gtf-win)}.gtf-map__arc--answer{stroke:var(--gtf-origin)}.gtf-map__mark circle{stroke:#fff;stroke-width:2}.gtf-map__mark text{fill:var(--color-text);font-family:Outfit,sans-serif;font-size:13px;font-weight:700;paint-order:stroke;stroke:var(--color-surface);stroke-width:4px;stroke-linejoin:round}.gtf-map__mark--origin circle,.gtf-map__mark--answer circle{fill:var(--gtf-origin)}.gtf-map__mark--near circle{fill:var(--gtf-near)}.gtf-map__mark--warm circle{fill:var(--gtf-warm)}.gtf-map__mark--far circle{fill:var(--gtf-far)}.gtf-map__mark--win circle{fill:var(--gtf-win)}.gtf-legend{position:absolute;bottom:10px;left:10px;display:flex;gap:12px;margin:0;padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-raised);font-size:.76rem;list-style:none}.gtf-legend li:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;vertical-align:0}.gtf-legend--near:before{background:var(--gtf-near)}.gtf-legend--warm:before{background:var(--gtf-warm)}.gtf-legend--far:before{background:var(--gtf-far)}@media(max-width:860px){.gtf-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.gtf-map-wrap{position:relative;top:auto;order:-1;height:auto;aspect-ratio:16 / 10}.gtf-legend{bottom:8px;left:8px;gap:8px;padding:3px 9px;font-size:.68rem}}@media(max-width:400px){.gtf-hint__value{font-size:.72rem}.gtf-hint__value--locked{font-size:.7rem}.gtf-guess{grid-template-columns:minmax(0,1fr) 70px 22px 38px;gap:6px;padding:0 8px}}.gtf-archive__intro{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:.9rem}.gtf-archive__list{display:flex;flex-direction:column;gap:6px;max-height:min(60vh,460px);margin:0;padding:0;overflow-y:auto;list-style:none}.gtf-archive__item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--space-2);width:100%;height:44px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}@media(hover:hover){.gtf-archive__item:hover{border-color:var(--color-text-muted)}}.gtf-archive__num{font-weight:700}.gtf-archive__date{color:var(--color-text-secondary)}.gtf-archive__state{font-size:.82rem;font-weight:600}.gtf-archive__state--won{color:var(--gtf-win)}.gtf-archive__state--lost{color:var(--color-text-muted)}.gtf-archive__state--playing{color:var(--gtf-warm)}.gtf-archive__state--new{color:var(--tool-link, var(--color-link))}.gtf-after .route-tools{margin-top:var(--space-2)}@keyframes gtf-fade{0%{opacity:0}}@keyframes gtf-pop{0%{opacity:0;transform:scale(.4)}}@keyframes gtf-hint-reveal{0%{opacity:0;transform:scale(.92);box-shadow:0 0 #3b82f673}60%{opacity:1;transform:scale(1.03);box-shadow:0 0 0 6px #3b82f629}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.gtf-hint--reveal{animation:gtf-hint-reveal .6s ease-out}@keyframes gtf-row-in{0%{opacity:0;transform:translateY(-6px)}}.gtf-guess--new{animation:gtf-row-in .35s ease-out}@keyframes gtf-win-glow{0%{box-shadow:0 0 #10b9818c}to{box-shadow:0 0 0 12px #10b98100}}.gtf-guess--new.gtf-guess--win{animation:gtf-row-in .35s ease-out,gtf-win-glow 1.2s ease-out .25s}@keyframes gtf-rise{0%{opacity:0;transform:translateY(8px)}}.gtf-result--enter{animation:gtf-rise .45s ease-out .15s both}.gtf-result--enter .gtf-result__badge{animation:gtf-pop .5s cubic-bezier(.34,1.56,.64,1) .3s both}.gtf-map__arc--new{animation:gtf-fade .5s ease-out}@keyframes gtf-draw{to{stroke-dashoffset:0}}.gtf-map__arc.gtf-map__arc--draw{stroke-dasharray:1;stroke-dashoffset:1;animation:gtf-draw .9s ease-in-out forwards}.gtf-map__mark--new circle{transform-box:fill-box;transform-origin:center;animation:gtf-pop .45s cubic-bezier(.34,1.56,.64,1)}.gtf-map__mark--new text{animation:gtf-fade .4s ease-out .2s both}@media(prefers-reduced-motion:reduce){.gtf-hint--reveal,.gtf-guess--new,.gtf-guess--new.gtf-guess--win,.gtf-result--enter,.gtf-result--enter .gtf-result__badge,.gtf-map__arc--new,.gtf-map__mark--new circle,.gtf-map__mark--new text{animation:none}.gtf-map__arc.gtf-map__arc--draw{stroke-dashoffset:0;animation:none}}