@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@400;500;600&display=swap";:root{--ocean:#0a1a27;--ocean-2:#0e2436;--land:#26425a;--land-hover:#35597a;--wish:#ff8a3d;--ink:#e8f0f6;--muted:#8ea6b8;--line:#ffffff17;--card:#ffffff0b;--accent:#4cc9f0;--good:#3ddc97;--ok:#4cc9f0;--warn:#ffd166;--bad:#ff6b6b;--panel-w:400px;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ocean);color:var(--ink);font-size:15px;line-height:1.45;overflow:hidden}h1,h2,h3,h4{margin:0;font-family:Fraunces,Georgia,serif}h3{margin-bottom:8px;font-size:1.05rem}h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 4px;font-family:Inter,sans-serif;font-size:.72rem}p{margin:4px 0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.fine{color:var(--muted);margin-top:10px;font-size:.78rem}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-rows:auto 1fr;height:100%;display:grid;position:relative}.topbar{z-index:5;background:linear-gradient(var(--ocean) 60%, transparent);align-items:center;gap:12px;padding:10px 16px;display:flex}.logo{white-space:nowrap;letter-spacing:-.01em;font-size:1.35rem;font-weight:800}main{min-height:0;transition:margin-right .25s;position:relative}.has-panel main{margin-right:var(--panel-w)}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:5px 14px 5px 5px;display:flex}.chip:hover{background:#ffffff17}.chip-lvl{color:#2a1600;background:linear-gradient(135deg,#ffd166,#ff8a3d);border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.chip-main{font-size:.85rem}.icon-btn{background:var(--card);border:1px solid var(--line);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:#ffffff1a}.icon-btn.small{border-radius:8px;width:26px;height:26px;font-size:.7rem}.search{flex:0 280px;position:relative}.search input{background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;padding:8px 12px}.search input::placeholder{color:var(--muted)}.search-results{background:var(--ocean-2);border:1px solid var(--line);z-index:10;border-radius:10px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 30px #00000080}.search-results button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px}.search-results button:hover{background:#ffffff14}.map-wrap{position:absolute;inset:0}.map{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map:active{cursor:grabbing}.country{fill:var(--land);stroke:var(--ocean);stroke-width:.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}.country:hover{fill:var(--land-hover)}.country.visited:hover,.country.wish:hover{filter:brightness(1.15)}.country.selected{stroke:#fff;stroke-width:1.8px}.zoom-controls{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.zoom-controls button{background:var(--ocean-2);border:1px solid var(--line);border-radius:10px;width:36px;height:36px;font-size:1.1rem}.zoom-controls button:hover{background:var(--land)}.tooltip{pointer-events:none;z-index:20;background:#000c;border-radius:8px;padding:4px 10px;font-size:.85rem;position:fixed}.legend{background:var(--ocean-2);border:1px solid var(--line);max-width:60%;color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;margin:0;padding:8px 12px;font-size:.78rem;list-style:none;display:flex;position:absolute;bottom:16px;right:16px}.legend li{align-items:center;gap:6px;display:flex}.legend i{border-radius:3px;width:11px;height:11px;display:inline-block}.hint{background:var(--ocean-2);border:1px solid var(--line);color:var(--muted);pointer-events:none;border-radius:999px;padding:8px 16px;font-size:.85rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dot{fill:#6f95b3;stroke:var(--ocean);stroke-width:.8px;vector-effect:non-scaling-stroke;cursor:pointer}.dot:hover{fill:#fff}.dot.visited:hover,.dot.wish:hover{filter:brightness(1.2)}.dot.selected{stroke:#fff;stroke-width:2px}.mode-toggle{background:var(--ocean-2);border:1px solid var(--line);z-index:2;border-radius:999px;margin:0;padding:3px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mode-toggle button{background:0 0;border-color:#0000}.mode-toggle button.on{border-color:var(--accent)}.visa-hint{pointer-events:auto;top:48px;bottom:auto}.legend-title{text-align:right;color:var(--ink);flex-basis:100%}.panel{width:var(--panel-w);background:var(--ocean-2);border-left:1px solid var(--line);z-index:6;padding:0 16px 24px;animation:.25s slide;position:absolute;top:56px;bottom:0;right:0;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.panel-head{background:var(--ocean-2);z-index:1;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;top:0}.panel-head>div{flex:1;min-width:0}.panel-head h2{font-size:1.5rem;line-height:1.1}.big-flag{font-size:2.4rem;line-height:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:12px;padding:14px}.links{margin:0;padding:0;list-style:none}.links li{padding:3px 0}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.basics{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.basics dt{color:var(--muted)}.basics dd{margin:0}.tier-row{align-items:center;gap:12px;display:flex}.btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px}.btn:hover{background:#ffffff1a}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04202b;font-weight:600}.btn.primary:hover{filter:brightness(1.1)}.btn.wish-on{background:var(--wish);border-color:var(--wish);color:#2a1200;font-weight:600}.btn.danger{border-color:var(--bad);color:var(--bad)}.visit-form{grid-template-columns:auto 1fr auto;gap:8px;margin-top:12px;display:grid}.visit-form input{border:1px solid var(--line);background:#00000040;border-radius:10px;min-width:0;padding:7px 10px}.visits{margin:10px 0 0;padding:0;font-size:.88rem;list-style:none}.visits li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.visa,.advisory{border-left:4px solid;padding:4px 0 4px 12px}.visa.good{border-color:var(--good)}.visa.ok{border-color:var(--ok)}.visa.warn{border-color:var(--warn)}.visa.bad{border-color:var(--bad)}.visa strong{font-size:1.1rem}.advisory.lvl1{border-color:var(--good)}.advisory.lvl2{border-color:var(--warn)}.advisory.lvl3{border-color:#ff9f43}.advisory.lvl4{border-color:var(--bad)}.advisory p{color:#c9d8e3;font-size:.88rem}.months{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:74px;margin-top:10px;display:grid}.mbar{height:100%;color:var(--muted);flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;font-size:.68rem;display:flex}.mbar .fill{background:#3a5a75;border-radius:4px 4px 2px 2px;width:100%}.mbar .fill[data-best=true]{background:var(--good)}.mbar.now span{color:#fff;font-weight:700}.wiki .seg{margin:0 0 10px}.wiki-thumb{float:right;object-fit:cover;background:#ffffff0d;border-radius:10px;width:96px;max-height:120px;margin:0 0 8px 12px}.wiki-desc{color:var(--muted);margin-bottom:6px;font-style:italic}.wiki-body p{font-size:.9rem}.wiki-body .fine{clear:both}.clamp{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wiki-msg{font-size:.9rem}.video{margin-bottom:12px}.video iframe,.video-thumb{aspect-ratio:16/9;background:#000;border:0;border-radius:10px;width:100%;display:block}.video-thumb{padding:0;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-thumb .play{color:#fff;background:#00000040;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.video p{margin-top:4px;font-size:.85rem}.big-num{font:800 1.5rem Fraunces,serif}.wx{margin:8px 0}.wx-now{align-items:center;gap:12px;display:flex}.wx-icon{font-size:2.2rem}.wx-days{text-align:center;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.wx-days li{background:#0003;border-radius:10px;gap:2px;padding:6px 2px;display:grid}.holidays{margin:0;padding:0;font-size:.88rem;list-style:none}.holidays li{padding:2px 0}.chips{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.chip-sm{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.82rem}.chip-sm:hover{background:#ffffff1a}.sites{margin:0 0 6px;padding-left:18px;font-size:.9rem}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 12px;display:grid}.filters .field{margin-bottom:8px}.checks{flex-wrap:wrap;gap:18px;margin-bottom:6px;font-size:.9rem;display:flex}.notice{background:#ffd1661a;border:1px solid #ffd16666;border-radius:10px;padding:8px 12px}.results-head{justify-content:space-between;align-items:center;margin:10px 0 6px;display:flex}.results{gap:6px;margin:0;padding:0;list-style:none;display:grid}.results li{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.r-main{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;gap:4px;padding:8px 12px;display:grid}.r-main:hover{background:#ffffff17}.r-name{font-weight:600}.r-tags{flex-wrap:wrap;gap:4px 6px;display:flex}.tag{color:#c9d8e3;background:#ffffff14;border-radius:999px;padding:1px 8px;font-size:.72rem}.tag.tone-good{color:var(--good)}.tag.tone-ok{color:var(--ok)}.tag.tone-warn{color:var(--warn)}.tag.tone-bad{color:var(--bad)}.tag.lvl3{color:#ff9f43}.tag.lvl4{color:var(--bad)}.icon-btn.on{color:var(--wish);border-color:var(--wish)}.btn.small{border-radius:8px;padding:4px 12px;font-size:.82rem}.achievements li .btn.small{white-space:nowrap}.toasts{z-index:60;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--ocean-2);border:1px solid #ffd16699;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.3s pop;display:flex;box-shadow:0 14px 40px #0000008c}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toast-icon{text-align:center;min-width:44px;font-size:2.2rem;line-height:1}.toast-body{gap:2px;font-size:.88rem;display:grid}.toast-body strong{font-family:Fraunces,serif;font-size:1.05rem}.preview-img{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:62vh;display:block}a.btn{color:inherit;text-decoration:none;display:inline-block}a.btn.primary{color:#04202b}.modal-backdrop{z-index:50;background:#02080eb3;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--ocean-2);border:1px solid var(--line);border-radius:18px;width:min(680px,100%);max-height:90vh;padding:20px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal h3{margin-top:22px}.field{gap:4px;margin-bottom:14px;display:grid}.field span{font-weight:600}.field small{color:var(--muted)}.field select,.field input{border:1px solid var(--line);background:#00000040;border-radius:10px;padding:9px 12px}.level{align-items:center;gap:14px;display:flex}.level-num{color:#2a1600;background:linear-gradient(135deg,#ffd166,#ff8a3d);border-radius:50%;place-items:center;width:62px;height:62px;font:800 1.8rem Fraunces,serif;display:grid;box-shadow:0 0 0 4px #ffd16633}.level-body{flex:1;gap:4px;display:grid}.level-body strong{font:700 1.25rem Fraunces,serif}.xpbar{background:#ffffff1a;border-radius:99px;height:9px;overflow:hidden}.xpbar>div{background:linear-gradient(90deg, var(--accent), var(--good));border-radius:99px;height:100%;transition:width .4s}.xpbar.thin{height:5px;margin-top:6px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.stat-grid div{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px}.stat-grid b{font:800 1.5rem Fraunces,serif;display:block}.stat-grid span{color:var(--muted);font-size:.78rem}.expertise,.achievements{gap:6px;margin:0;padding:0;list-style:none;display:grid}.expertise button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:38px 1fr auto;grid-template-areas:"b n t""b s s";align-items:center;column-gap:12px;width:100%;padding:8px 12px;display:grid}.expertise button:hover{background:#ffffff17}.expertise svg{grid-area:b}.e-name{grid-area:n;font-weight:600}.e-tier{grid-area:t;font-size:.85rem;font-weight:700}.e-trips{grid-area:s;font-size:.8rem}.achievements li{background:var(--card);border:1px solid var(--line);opacity:.6;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.achievements li.done{opacity:1;background:#ffd16612;border-color:#ffd16680}.a-icon{text-align:center;filter:grayscale();font-size:1.7rem}.done .a-icon{filter:none}.achievements p{margin:0;font-size:.83rem}.a-xp{color:var(--warn);font-size:.78rem;font-weight:600}.list-btn{white-space:nowrap}.list-search{border:1px solid var(--line);background:#00000040;border-radius:10px;width:100%;padding:9px 12px}.seg{align-items:center;gap:6px;margin:10px 0 4px;display:flex}.seg button{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:.85rem}.seg button.on{background:var(--accent);border-color:var(--accent);color:#04202b;font-weight:600}.seg .muted{margin-left:auto;font-size:.8rem}.clist{grid-template-columns:repeat(2,1fr);gap:2px 10px;margin:0;padding:0;list-style:none;display:grid}.clist button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.clist button:hover{background:#ffffff14}.pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700}.pill.wish{color:var(--wish);border-color:var(--wish)}@media (width<=760px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.logo{font-size:1.1rem}.search{flex:100%;order:5}.chip-main{display:none}.has-panel main{margin-right:0}.panel{border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;width:100%;height:68vh;animation:.25s rise;top:auto;box-shadow:0 -10px 30px #00000080}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.legend{justify-content:center;max-width:none;bottom:12px;left:12px;right:12px}.has-panel .legend,.has-panel .zoom-controls{display:none}.zoom-controls{bottom:70px}.stat-grid{grid-template-columns:repeat(2,1fr)}.clist{grid-template-columns:1fr}.list-btn{order:4}.visit-form{grid-template-columns:1fr 1fr}.visit-form .btn{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}