.ftp{--paper: #F7F3EC;--card: #FFFFFF;--ink: #1F2A4D;--ink-soft: #3D4560;--muted: #5E6478;--line: #ECE5D8;--sea: #CFE3EE;--sea-ink: #9CC2D6;--land: #F4E7C8;--land-edge: #C9AE7A;--nation: #C8573E;background:var(--paper);color:var(--ink)}.ftp__inner{max-width:1160px;margin:0 auto;padding:16px 16px 64px;display:flex;flex-direction:column;gap:28px}.ftp__crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}.ftp__crumbs a{color:var(--muted);text-decoration:underline}.ftp__crumbs a:hover{color:var(--ink)}.ftp__crumb-current{color:var(--ink);font-weight:700}.ftp__section{display:flex;flex-direction:column;gap:16px}.ftp__section-title{margin:0;font-size:24px;font-weight:900;line-height:1.2}@media (min-width: 640px){.ftp__section-title{font-size:30px}}.ftp__title{margin:0;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.01em}.ftp__lead{margin:0;max-width:620px;font-size:16px;line-height:1.55;color:var(--ink-soft)}@media (min-width: 640px){.ftp__title{font-size:48px}.ftp__lead{font-size:18px}}.ftp__stats{display:flex;flex-wrap:wrap;gap:8px}.ftp__stat{align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--card);color:#2c4a6e;font-size:14px;font-weight:800}.ftp__hero{position:relative;display:grid;gap:20px;padding:26px 20px 24px;border-radius:30px;background:linear-gradient(135deg,#24305e,#3b4c8a 60%,#6a5ba8);color:#fff;overflow:hidden}.ftp__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 12% 20%,#FFFFFFCC 50%,transparent 51%),radial-gradient(2px 2px at 38% 72%,#FFFFFF99 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 18%,#FFFFFFAA 50%,transparent 51%),radial-gradient(2px 2px at 84% 64%,#FFFFFFBB 50%,transparent 51%),radial-gradient(1.5px 1.5px at 92% 12%,#FFFFFF99 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 88%,#FFFFFF88 50%,transparent 51%);pointer-events:none}.ftp__hero .ftp__lead{color:#dde3f5}.ftp__hero .ftp__stat{background:#ffffff26;color:#fff}.ftp__hero-text{position:relative;display:flex;flex-direction:column;gap:12px}.ftp__random{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:12px 20px;border-radius:999px;background:#f2c14e;color:#1f2a4d;font-weight:800;text-decoration:none;box-shadow:0 6px #c99a2e;transition:transform .15s ease,box-shadow .15s ease}.ftp__random:hover{transform:translateY(2px);box-shadow:0 4px #c99a2e}.ftp__random:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}.ftp__hero-emojis{position:relative;display:flex;flex-wrap:wrap;gap:10px}.ftp__hero-emoji{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--nation);border:3px solid #FFFFFF;font-size:26px;box-shadow:0 6px 16px #0000004d;animation:ftp-float 5s ease-in-out infinite}.ftp__hero-emoji--1{animation-delay:-1s}.ftp__hero-emoji--2{animation-delay:-2s}.ftp__hero-emoji--3{animation-delay:-3s}.ftp__hero-emoji--4{animation-delay:-4s}.ftp__hero-emoji--5{animation-delay:-2.5s}@keyframes ftp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (min-width: 900px){.ftp__hero{grid-template-columns:1fr 300px;align-items:center;padding:40px 40px 36px}.ftp__hero-emojis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;justify-items:center}.ftp__hero-emoji{width:76px;height:76px;font-size:38px}.ftp__hero-emoji:nth-child(2n){margin-top:36px}}.ftp__map-card{display:flex;flex-direction:column;gap:12px;padding:18px 0 0;border-radius:30px;background:var(--card);border:1px solid var(--line);overflow:hidden}.ftp__map-head{padding:0 20px;display:flex;flex-direction:column;gap:4px}.ftp__map-hint{margin:0;color:var(--muted);font-size:15px}@media (min-width: 640px){.ftp__map-card{padding-top:26px}.ftp__map-head{padding:0 28px}}.ftp__map-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ftm{display:block;width:100%;min-width:720px;height:auto}.ftm__sea{fill:var(--sea)}.ftm__waves path{fill:none;stroke:var(--sea-ink);stroke-width:2;stroke-linecap:round}.ftm__land-shadow{fill:#b8d3e1;transform:translate(4px,6px)}.ftm__land{fill:var(--land);stroke:var(--land-edge);stroke-width:2;stroke-linejoin:round}.ftm__lake{fill:var(--sea);stroke:var(--land-edge);stroke-width:1.5}.ftm__compass circle{fill:#ffffffb3;stroke:var(--land-edge);stroke-width:2}.ftm__compass path{fill:var(--land-edge)}.ftm__compass .ftm__compass-n{fill:#c8573e}.ftm__compass text{fill:var(--ink-soft);font-size:16px;font-weight:800;text-anchor:middle}.ftm__route{fill:none;stroke:#c8573e;stroke-width:2.5;stroke-dasharray:2 9;stroke-linecap:round;opacity:.55;animation:ftm-march 1.6s linear infinite}@keyframes ftm-march{to{stroke-dashoffset:-24}}.ftm__stop{cursor:pointer;outline:none}.ftm__stop>g{transition:transform .2s ease}.ftm__pin{stroke:#fff;stroke-width:3;filter:drop-shadow(0 4px 6px #1F2A4D40)}.ftm__pulse{opacity:.35;transform-box:fill-box;transform-origin:center;animation:ftm-pulse 2.4s ease-out infinite}.ftm__emoji{font-size:19px;text-anchor:middle;dominant-baseline:central}.ftm__tag{opacity:0;pointer-events:none;transition:opacity .15s ease}.ftm__stop:hover .ftm__tag,.ftm__stop:focus-visible .ftm__tag,.ftm__stop.is-active .ftm__tag{opacity:1}.ftm__tag rect{fill:#fff;stroke-width:2.5}.ftm__tag text{fill:var(--ink);font-size:16px;font-weight:800;text-anchor:middle;dominant-baseline:central}.ftm__stop:hover .ftm__pin,.ftm__stop:focus-visible .ftm__pin,.ftm__stop.is-active .ftm__pin{stroke:#f2c14e}.ftm__stop:hover .ftm__tag rect,.ftm__stop:focus-visible .ftm__tag rect,.ftm__stop.is-active .ftm__tag rect{fill:var(--nation)}.ftm__stop:hover .ftm__tag text,.ftm__stop:focus-visible .ftm__tag text,.ftm__stop.is-active .ftm__tag text{fill:#fff}@keyframes ftm-pulse{0%{transform:scale(1);opacity:.45}to{transform:scale(1.9);opacity:0}}.ftp__nations{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.ftp__nations{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.ftp__nations{grid-template-columns:repeat(3,1fr)}}.ftp__nation-link{height:100%;display:flex;flex-direction:column;border-radius:24px;background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ftp__nation-link:hover,.ftp__nation-link:focus-visible,.ftp__nation.is-active .ftp__nation-link{transform:translateY(-4px);box-shadow:0 14px 30px #1f2a4d1f}.ftp__nation-link:focus-visible{outline:3px solid var(--nation);outline-offset:3px}.ftp__nation-band{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--nation);background-image:repeating-linear-gradient(45deg,#FFFFFF14 0 10px,transparent 10px 20px);color:#fff}.ftp__nation-emoji{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;font-size:30px;box-shadow:0 4px 10px #0000002e}.ftp__nation-count{padding:5px 12px;border-radius:999px;background:#0000002e;font-size:14px;font-weight:800}.ftp__covers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 4px 0}.ftp__cover{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:12px;background:var(--line)}.ftp__nation-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 18px 18px}.ftp__nation-name{font-size:20px;font-weight:900;line-height:1.25}.ftp__nation-text{color:var(--ink-soft);font-size:15px;line-height:1.5}.ftp__nation-cta{margin-top:auto;padding-top:4px;color:var(--nation);font-weight:800}.ftp__about{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:24px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);line-height:1.6}.ftp__about p{margin:0}.ftp__nation-hero{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px 20px;border-radius:30px;background:color-mix(in srgb,var(--nation) 16%,#FFFFFF);border:2px solid color-mix(in srgb,var(--nation) 35%,#FFFFFF);overflow:hidden}.ftp__nation-hero:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:24px solid color-mix(in srgb,var(--nation) 22%,transparent);pointer-events:none}.ftp__nation-hero-emoji{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--nation);border:4px solid #FFFFFF;font-size:44px;box-shadow:0 8px 20px color-mix(in srgb,var(--nation) 40%,transparent)}.ftp__nation-hero-text{position:relative;display:flex;flex-direction:column;gap:10px}@media (min-width: 640px){.ftp__nation-hero{flex-direction:row;align-items:center;gap:28px;padding:36px}.ftp__nation-hero-emoji{flex-shrink:0;width:120px;height:120px;font-size:64px}}.ftp__switcher{display:flex;gap:8px;margin:0 -16px;padding:2px 16px 6px;overflow-x:auto;scrollbar-width:none}.ftp__switcher::-webkit-scrollbar{display:none}.ftp__chip{--chip: var(--ink);flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--card);border:2px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .15s ease}.ftp__chip:hover{border-color:var(--chip)}.ftp__chip[aria-current=page]{background:var(--chip);border-color:var(--chip);color:#fff}.ftp__chip:focus-visible{outline:3px solid var(--chip);outline-offset:2px}.ftp__filters{display:flex;flex-direction:column;gap:12px}@media (prefers-reduced-motion: reduce){.ftp__hero-emoji,.ftm__route,.ftm__pulse{animation:none}}