:root{color-scheme:light;--primary: #13a4ec;--primary-dark: #0a82bc;--red: #c0392b;--red-dark: #962d22;--dark: #0d1f2d;--dark-alt: #1a334a;--gold: #b8860b;--sun: #ffd23f;--leaf: #7fd46b;--paper: #fffaf0;--ink: #0d1f2d;--ink-soft: #3f5468;--line: #e3ebf2;--radius: 10px;--radius-lg: 22px;--bar-h: 64px;--heading: "Playfair Display", Georgia, serif;--body: Inter, system-ui, -apple-system, sans-serif;--hand: Caveat, "Comic Sans MS", cursive}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);background:#bfe6fb;color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--heading);line-height:1.12;margin:0 0 .5rem;text-wrap:balance}a{color:inherit}img{max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-60px;z-index:100;background:#fff;color:var(--dark);padding:.6rem 1rem;border-radius:var(--radius);font-weight:700}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--red);margin:0 0 .5rem}.badge{display:inline-block;background:var(--red);color:#fff;font:800 .62rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px;margin-bottom:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem 1.15rem;border-radius:999px;font:700 .92rem/1 var(--body);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s,background .2s,box-shadow .2s}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-red:hover{background:#d6452f}.btn-red:active{transform:translateY(3px);box-shadow:0 1px 0 var(--red-dark)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--ink)}.btn-outline{background:#ffffffbf;color:var(--ink);border-color:var(--ink)}.btn-text{background:transparent;color:#ffffffe0;padding-inline:.7rem;border-radius:8px}.btn-text:hover{color:#fff;text-decoration:underline}.btn-lg{min-height:54px;padding:.9rem 1.6rem;font-size:1.02rem}.btn-block{width:100%}@media(prefers-reduced-motion:no-preference){.btn-red:hover,.btn-primary:hover{transform:translateY(-2px) rotate(-1deg)}}.sky,.gate{background:radial-gradient(ellipse at 50% 35%,#e6f7ff,#9fdcff 38%,#3bb4ef 72%,#1580c2)}.sunburst{position:absolute;left:50%;top:40%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,#ffffff29 0deg 8deg,#fff0 8deg 20deg);pointer-events:none}@media(prefers-reduced-motion:no-preference){.sunburst{animation:spin 140s linear infinite}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.app{min-height:100%}.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;position:relative;overflow:hidden}.gate-card{position:relative;z-index:2;max-width:600px;text-align:center;background:#fff;border-radius:28px;padding:34px 30px 26px;box-shadow:0 8px #0d1f2d1f,0 30px 70px #0d1f2d40;border:3px solid var(--ink)}.gate-logo{width:200px;height:auto;margin-bottom:1rem;background:var(--dark);border-radius:14px;padding:10px 16px}.gate h1{font-size:clamp(2rem,5.5vw,3rem);color:var(--ink)}.gate-body{color:var(--ink-soft);font-size:1.06rem;line-height:1.55;margin:0 auto 1.4rem;max-width:30rem}.gate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gate-foot{margin:1.3rem 0 0;font-size:.82rem;color:var(--ink-soft);font-weight:600}.gate-cards{position:absolute;inset:0;pointer-events:none}.peek{position:absolute;margin:0;width:clamp(150px,20vw,260px);background:#fff;padding:8px 8px 30px;border-radius:6px;box-shadow:0 14px 30px #0d1f2d4d}.peek img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:3px}.peek figcaption{position:absolute;left:12px;bottom:4px;font:700 1.2rem/1 var(--hand);color:var(--red)}.peek-0{left:4%;top:8%;transform:rotate(-9deg)}.peek-1{right:5%;top:10%;transform:rotate(8deg)}.peek-2{left:7%;bottom:8%;transform:rotate(6deg)}.peek-3{right:6%;bottom:10%;transform:rotate(-7deg)}.gate-flight{position:absolute;left:0;top:10%;width:100%;height:40%;opacity:.7}.gate-plane{position:absolute;font-size:44px;left:-60px;top:30%}@media(prefers-reduced-motion:no-preference){.gate-plane{animation:fly 7s ease-in-out infinite}.peek{animation:bob 5s ease-in-out infinite alternate}.peek-1{animation-delay:-1.2s}.peek-2{animation-delay:-2.4s}.peek-3{animation-delay:-3.6s}.gate-card{animation:pop .6s cubic-bezier(.2,1.4,.4,1) both}}@keyframes fly{0%{left:-60px;top:42%;transform:rotate(-10deg)}50%{top:22%;transform:rotate(8deg)}to{left:105%;top:8%;transform:rotate(-12deg)}}@keyframes bob{to{translate:0 -12px}}@keyframes pop{0%{transform:scale(.8) rotate(-3deg);opacity:0}}@media(max-width:700px){.peek{width:120px;padding:5px 5px 20px}.peek figcaption{font-size:.9rem}.peek-0{top:2%;left:-20px}.peek-1{top:3%;right:-20px}.peek-2{bottom:1%;left:-10px}.peek-3{bottom:2%;right:-14px}.gate-card{padding:26px 18px 20px}.gate-actions .btn{width:100%}}.topbar{position:fixed;inset:0 0 auto;height:var(--bar-h);z-index:40;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--dark);box-shadow:0 4px #0d1f2d26}.topbar-logo{flex:none}.topbar-logo img{height:40px;width:auto;display:block}.zone-nav{flex:1;min-width:0}.zone-nav ol{list-style:none;display:flex;gap:2px;margin:0;padding:0;justify-content:center}.zone-nav button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;background:transparent;border:0;border-radius:999px;color:#ffffffc7;font:600 .84rem var(--body);cursor:pointer;white-space:nowrap}.zone-nav button:hover{color:#fff;background:#ffffff14}.zone-nav button.active{color:var(--dark);background:var(--sun)}.zn-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid currentColor;font-size:.72rem;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:4px}.sm-only{display:none}.world-wrap{position:fixed;inset:var(--bar-h) 0 0 0;overflow:hidden}.sky{position:absolute;inset:0;overflow:hidden}.loading{position:absolute;inset:0;display:grid;place-items:center;font:700 1.6rem var(--hand);color:var(--ink);padding-left:460px}.globe-canvas{position:absolute!important;inset:0;touch-action:none}.tip{position:fixed;z-index:30;transform:translate(14px,-120%);background:var(--ink);color:#fff;font:700 .8rem var(--body);padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap}.panel{position:absolute;left:20px;top:20px;bottom:20px;width:420px;z-index:20;overflow-y:auto;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-lg);padding:24px 22px 18px;box-shadow:0 6px #0d1f2d2e,0 24px 50px #0d1f2d33}.panel h2{font-size:1.85rem;outline:none;color:var(--ink)}.panel-body{color:var(--ink-soft);line-height:1.55;margin:0 0 1rem}.facts{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:6px}.facts li{background:#eef8ff;border:2px solid #cfe9fb;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.stop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.tour-btn{background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.78rem;cursor:pointer;min-height:36px}.tour-btn.on{background:var(--ink);color:#fff}.chips{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--ink);font-weight:700;font-size:.86rem;cursor:pointer;color:var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .12s,background .2s}.chip:hover{background:#eef8ff}.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.chip.on{background:var(--primary);color:#fff}.panel-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:.8rem 0 1rem;font-size:.9rem}.panel-links a{color:var(--primary-dark);font-weight:700;text-decoration:none}.panel-links a:hover{text-decoration:underline}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;margin-top:8px;border-top:2px dashed var(--line)}.learn{color:var(--primary-dark);font-weight:800;text-decoration:none}.learn:hover{text-decoration:underline}.postcard{background:var(--paper);border-radius:8px;padding:10px;transform:rotate(var(--tilt, 0deg));box-shadow:0 2px #0d1f2d1a,0 18px 36px #0d1f2d47;color:var(--ink)}.pc-photo{position:relative}.pc-photo img{display:block;width:100%;height:auto;object-fit:cover;border-radius:4px}.pc-greet{position:absolute;left:10px;bottom:6px;right:10px;font:700 1.7rem/1 var(--hand);color:#fff;text-shadow:0 2px 0 var(--red),0 3px 10px rgba(0,0,0,.5);transform:rotate(-3deg)}.pc-back{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 4px 2px}.pc-text h3{font-size:1.2rem;margin-bottom:.3rem}.pc-text p{margin:0 0 .5rem;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.pc-stamp{position:relative;width:60px}.pc-stamp svg{transform:rotate(4deg)}.pc-postmark{position:absolute;left:14px;top:38px;width:44px;height:44px;border:2px solid rgba(192,57,43,.55);border-radius:50%;display:grid;place-items:center;text-align:center;font:800 .5rem/1.1 var(--body);color:#c0392bb3;transform:rotate(-14deg);letter-spacing:.05em}.pc-float-wrap{position:absolute;right:24px;bottom:24px;width:340px;z-index:15}.pc-inline-wrap:empty{display:none}.pc-inline{margin:4px 4px 16px}@media(prefers-reduced-motion:no-preference){.pc-float,.pc-inline{animation:land .7s cubic-bezier(.2,1.5,.4,1) both}}@keyframes land{0%{transform:translateY(40px) scale(.6) rotate(-12deg);opacity:0}}@media(min-width:900px){.pc-inline-wrap{display:none}}@media(min-width:900px)and (max-width:1279px){.pc-float-wrap{width:300px}.pc-greet{font-size:1.4rem}}.meters{display:grid;gap:8px;margin:0 0 14px;padding:12px;background:#f4f9fd;border-radius:14px;border:2px solid var(--line)}.meter{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;font-size:.82rem;font-weight:800}.bar{height:12px;background:#e3ebf2;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,1.4,.4,1)}.bar .bad{background:linear-gradient(90deg,#ffb347,var(--red))}.bar .good{background:linear-gradient(90deg,var(--leaf),var(--primary))}.moments{list-style:none;margin:0;padding:0;display:grid;gap:12px}.moment{border:2px solid var(--ink);border-radius:16px;padding:12px;background:#fff;box-shadow:0 3px 0 var(--ink)}.moment.picked.us{background:#effaf0}.moment.picked.diy{background:#fff4ef}.m-title{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-weight:800;line-height:1.35}.m-emoji{font-size:1.5rem;line-height:1}.m-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{min-height:44px;border-radius:12px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:.84rem;cursor:pointer;padding:8px;color:var(--ink)}.choice.diy-btn.on{background:#ffd6c7}.choice.us-btn{background:#e6f6ff}.choice.us-btn.on{background:var(--primary);color:#fff}.m-result{margin:10px 0 0;font-size:.88rem;line-height:1.5}.m-result.diy:before{content:"😩 "}.m-result.us:before{content:"😎 "}.linkish{display:block;margin-top:6px;background:none;border:0;padding:0;color:var(--primary-dark);font-weight:800;cursor:pointer;text-decoration:underline}.diy-done{margin-top:14px;padding:14px;border-radius:16px;background:var(--sun);border:2px solid var(--ink);display:grid;gap:10px}.diy-done strong{font-size:1.1rem}.steps{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}.steps li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:#f4f9fd}.step-num{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.steps h3{font-size:1.05rem;margin-bottom:.2rem}.steps p{margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.5}.cta-big{margin:4px 0 6px}.rev-title{font-size:1.15rem;margin-top:.4rem}.reviews{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:10px}.reviews blockquote{margin:0;padding:12px 14px;background:var(--paper);border:2px solid var(--line);border-radius:14px}.reviews p{margin:.3rem 0 .5rem;font-size:.9rem;line-height:1.5}.reviews footer{font-size:.78rem;color:var(--ink-soft)}.stars{color:#f5a623;letter-spacing:2px;font-size:.85rem}.confetti{position:absolute;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{top:110%;transform:rotate(720deg) translate(40px)}}.scroll{padding-top:var(--bar-h);background:linear-gradient(180deg,#e6f7ff,#bfe6fb);min-height:100%}.s-ch{padding:56px 16px;scroll-margin-top:var(--bar-h)}.s-ch:nth-child(2n){background:#ffffff8c}.s-inner{max-width:1000px;margin:0 auto}.s-ch h2{font-size:clamp(1.8rem,5vw,2.6rem)}.s-body{font-size:1.05rem;line-height:1.6;color:var(--ink-soft);margin:0 0 1.4rem;max-width:40rem}.s-home .s-cards{max-width:380px}.s-cards{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:1rem}.s-cards .postcard .pc-greet{font-size:1.4rem}.scroll .diy,.scroll .steps,.scroll .reviews,.scroll .cta-big{max-width:640px}.s-footer{text-align:center;padding:28px 16px 40px;color:var(--ink-soft);font-size:.85rem}@media(max-width:1360px){.zn-label{display:none}.zone-nav button.active .zn-label{display:inline}}@media(max-width:899px){:root{--bar-h: 58px}.topbar{padding:0 10px;gap:6px}.topbar-logo img{height:30px}.hide-sm{display:none!important}.zone-nav button{padding:0 5px}.zone-nav button.active .zn-label{display:none}.loading{padding-left:0;align-items:start;padding-top:18vh}.panel{inset:auto 0 0;width:auto;height:50%;border-radius:24px 24px 0 0;border-width:3px 0 0;padding:18px 16px 14px}.panel h2{font-size:1.5rem}}@media(max-width:460px){.lg-only{display:none}.sm-only{display:inline}.topbar-logo img{height:24px}.zone-nav ol{gap:0}.zone-nav button{padding:0 2px;min-width:30px;justify-content:center}.zn-num{width:22px;height:22px}.topbar-actions .btn{font-size:.74rem;padding-inline:.5rem;min-height:38px}.topbar{gap:4px;padding:0 6px}.m-choices,.meter{grid-template-columns:1fr}}.destination-guide{background:#eef8ff;color:var(--ink);padding:56px 22px}.destination-guide>div{max-width:1080px;margin:auto}.destination-guide h2{font-size:2rem}.destination-guide .guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.destination-guide article{padding:22px;background:#fff;border-radius:16px;border:2px solid var(--line)}.destination-guide article h3{font-size:1.25rem}.destination-guide p{line-height:1.6}.destination-guide a{color:#09658e;font-weight:700}body:has(.mode-world) .destination-guide,body:has(.mode-scroll) .destination-guide{display:none}.gate-browse{display:inline-block;margin-top:20px;color:#09658e;font-weight:700}@media(max-width:899px){:root{--bar-h: 106px}.topbar{flex-wrap:wrap;align-content:center;justify-content:space-between;gap:4px}.topbar-actions{margin-left:auto}.zone-nav{order:3;flex:0 0 100%}.zone-nav ol{justify-content:space-between}.zone-nav button{min-width:44px}.mode-switch{font-size:.74rem;padding-inline:.5rem}}