@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,600;9..40,700;9..40,900&family=DM+Serif+Display&display=swap");.travle-root{--bg:#0c0c0f;--surf:#16161a;--surf2:#1e1e24;--border:#26262e;--border2:#32323c;--text:#f0f0f4;--text2:#9090a0;--muted:#52525e;--blue:#60a5fa;--green:#34d399;--yellow:#fbbf24;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}.travle-root *{box-sizing:border-box;margin:0;padding:0}.travle-wrap{max-width:560px;margin:0 auto;padding:0 16px 56px;display:flex;flex-direction:column;gap:14px}.travle-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 12px;border-bottom:1px solid var(--border)}.travle-back{font-size:18px;color:var(--muted);text-decoration:none;width:32px;transition:color .12s}.travle-back:hover,.travle-logo{color:var(--text)}.travle-logo{font-family:"DM Serif Display",serif;font-size:26px;letter-spacing:-.5px}.travle-logo span{color:var(--blue)}.travle-badge{font-size:12px;font-weight:700;color:var(--muted);background:var(--surf2);border:1px solid var(--border2);border-radius:100px;padding:4px 12px}.travle-badge--won{color:var(--green);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}.travle-badge--lost{color:#f87171;border-color:hsla(0,91%,71%,.3);background:hsla(0,91%,71%,.07)}.travle-route-bar{display:flex;align-items:center;gap:10px;background:var(--surf);border:1px solid var(--border2);border-radius:14px;padding:14px 16px}.travle-endpoint{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;min-width:72px}.travle-ep-label{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.travle-ep-name{font-size:14px;font-weight:900;text-align:center;line-height:1.15}.travle-endpoint.start .travle-ep-name{color:var(--blue)}.travle-endpoint.end .travle-ep-name{color:var(--green)}.travle-pips-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.travle-pips{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.tp{width:9px;height:9px;border-radius:50%;background:var(--border2);transition:background .2s,box-shadow .2s}.tp--on-path{background:var(--green);box-shadow:0 0 6px rgba(52,211,153,.4)}.tp--detour{background:var(--yellow)}.tp--wrong{background:var(--muted)}.travle-plane{font-size:14px;color:var(--muted)}.travle-map-wrap{background:#0f0f1e;border:1px solid var(--border2);border-radius:14px;overflow:hidden;position:relative}.travle-map-svg{width:100%;height:400px;display:block;background:radial-gradient(ellipse at center,#121225 0,#0c0c1a 100%)}.travle-map-legend{display:flex;gap:12px;flex-wrap:wrap;padding:8px 14px 10px;border-top:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted)}.travle-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.travle-input-wrap{position:relative}.travle-input-row{display:flex;gap:8px}.travle-input{flex:1;background:var(--surf);border:2px solid var(--border2);border-radius:12px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--text);outline:none;transition:border-color .15s;caret-color:var(--blue)}.travle-input::-moz-placeholder{color:var(--muted);font-weight:400}.travle-input::placeholder{color:var(--muted);font-weight:400}.travle-input:focus{border-color:var(--blue)}.travle-go{background:var(--blue);color:#0c0c0f;border:none;border-radius:12px;padding:0 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:900;cursor:pointer;transition:opacity .12s,transform .1s;letter-spacing:.5px}.travle-go:hover{opacity:.85}.travle-go:active{transform:scale(.95)}.travle-go:disabled{opacity:.25;cursor:default}.travle-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:56px;background:var(--surf2);border:1px solid var(--border2);border-radius:12px;overflow:hidden;z-index:50;box-shadow:0 12px 36px rgba(0,0,0,.55)}.travle-sug-item{padding:11px 16px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.travle-sug-item:last-child{border-bottom:none}.travle-end,.travle-sug-item.active,.travle-sug-item:hover{background:var(--surf)}.travle-end{border:1px solid var(--border2);border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:14px;animation:slideUp .3s cubic-bezier(.22,1,.36,1) both}.travle-end.won{border-color:rgba(52,211,153,.3)}.travle-end.lost{border-color:hsla(0,91%,71%,.25)}.travle-end-emoji{font-size:36px;line-height:1;text-align:center}.travle-end-title{font-size:16px;font-weight:800;color:var(--text)}.travle-solution{background:var(--surf2);border-radius:10px;padding:12px 14px}.travle-sol-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.travle-sol-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.travle-sol-country{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--text2)}.travle-sol-country.endpoint{color:var(--text)}.travle-sol-arr{color:var(--muted);margin:0 3px;font-size:10px}.travle-end-btns{display:flex;gap:8px}.travle-btn-share{flex:1;background:var(--blue);color:#0c0c0f;border:none;border-radius:10px;padding:13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:opacity .12s}.travle-btn-share:hover{opacity:.85}.travle-btn-share.copied{background:var(--green)}.travle-btn-games{background:transparent;color:var(--muted);border:1px solid var(--border2);border-radius:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .12s,color .12s;white-space:nowrap}.travle-btn-games:hover{border-color:var(--blue);color:var(--blue)}.travle-next{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:2px;font-size:12px;color:var(--muted)}.travle-next strong{font-size:20px;font-weight:900;color:var(--blue);letter-spacing:2px;font-variant-numeric:tabular-nums}.travle-log{display:flex;flex-direction:column;gap:6px}.travle-log-header{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding-bottom:6px}.travle-log-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:14px;animation:slideUp .2s cubic-bezier(.22,1,.36,1) both}.travle-log-row.on-path{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.22)}.travle-log-row.detour{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.22)}.travle-log-row.wrong{background:rgba(82,82,94,.1);border-color:var(--border2)}.travle-log-name{font-weight:800;flex:1;color:var(--text)}.travle-log-hint{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.travle-howto{background:var(--surf);border:1px solid var(--border);border-radius:14px;padding:18px}.travle-howto-title{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.travle-howto ul{list-style:none;display:flex;flex-direction:column;gap:8px}.travle-howto li{font-size:13px;color:var(--text2);line-height:1.5;padding-left:14px;position:relative}.travle-howto li:before{content:"·";position:absolute;left:0;color:var(--border2)}.travle-howto li strong,.travle-toast{color:var(--text)}.travle-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(64px);background:var(--surf2);border:1px solid var(--border2);font-size:13px;font-weight:700;padding:10px 20px;border-radius:100px;box-shadow:0 8px 28px rgba(0,0,0,.5);transition:transform .28s cubic-bezier(.34,1.56,.64,1);z-index:100;pointer-events:none}.travle-toast.show{transform:translateX(-50%) translateY(0)}.travle-map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f0f1e;font-size:12px;font-weight:600;color:var(--muted)}.travle-map-spinner{width:22px;height:22px;border:2px solid var(--border2);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.shake{animation:shake .35s ease both}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@media (max-width:420px){.travle-wrap{padding:0 12px 40px;gap:10px}.travle-map-svg{height:260px}.travle-log-hint{display:none}.travle-end-btns{flex-direction:column}.travle-ep-name{font-size:12px}}