:root{
  --navy:#062f4a;--navy2:#0a4868;--ink:#102b3c;--paper:#f7f2e7;--paper2:#fffdf7;
  --gold:#d7a144;--gold2:#f0c56c;--sea:#2384a5;--turq:#68c5c1;--green:#459b67;--red:#c65d4b;
  --muted:#657583;--line:rgba(9,49,73,.15);--shadow:0 14px 34px rgba(3,35,54,.16);
  --radius:22px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#dce8eb;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,540px);min-height:100dvh;margin:0 auto;background:var(--paper);box-shadow:0 0 45px rgba(0,0,0,.18);position:relative;overflow-x:hidden}
.screen{min-height:100dvh;padding-bottom:calc(88px + var(--safe-b));background:var(--paper)}
.topbar{position:sticky;top:0;z-index:10;padding:calc(12px + var(--safe-t)) 18px 12px;background:linear-gradient(180deg,#063654,#062f4a);color:white;box-shadow:0 5px 18px rgba(1,24,37,.18)}
.topbar-row{display:flex;align-items:center;gap:12px}.topbar-title{font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:700;letter-spacing:.2px;flex:1}.icon-btn{border:0;background:rgba(255,255,255,.08);color:white;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px}.icon-btn:active{transform:scale(.97)}
.progress-track{height:6px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:11px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--turq),#a9dfb6);border-radius:inherit;transition:width .25s ease}.round-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:7px;color:#d9e8ef}
.content{padding:18px}.card{background:var(--paper2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{min-height:560px;background:linear-gradient(180deg,rgba(1,40,63,.08),rgba(1,40,63,.90)),url('assets/hero.svg') center/cover no-repeat;color:white;padding:calc(34px + var(--safe-t)) 24px 28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,47,72,.04) 25%,rgba(4,47,72,.35) 57%,rgba(4,47,72,.96) 100%)}.hero>*{position:relative;z-index:1}
.kicker{text-transform:uppercase;letter-spacing:2.7px;font-size:11px;font-weight:800;color:#f3d08a}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:.98;margin:7px 0 9px;text-shadow:0 2px 16px rgba(0,0,0,.25)}.hero-sub{font-size:14px;line-height:1.45;color:#edf5f6;max-width:420px}.hero-rule{width:70px;height:2px;background:var(--gold);margin:16px 0}
.primary{border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#163448;font-weight:850;padding:16px 18px;box-shadow:0 9px 22px rgba(206,151,55,.27);min-height:54px}.primary:active{transform:translateY(1px)}.secondary{border:1px solid rgba(6,47,74,.22);background:#fff;color:var(--navy);border-radius:15px;padding:13px 16px;font-weight:750}.ghost{border:0;background:transparent;color:var(--navy);font-weight:750;padding:10px}.danger{color:#9d3e36;border-color:rgba(157,62,54,.25)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}
.hero .primary{width:100%;font-size:16px;margin-top:18px}.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.hero-mini div{border:1px solid rgba(255,255,255,.16);background:rgba(4,42,63,.38);backdrop-filter:blur(5px);border-radius:13px;padding:10px 8px;text-align:center}.hero-mini strong{display:block;color:#f4d38d;font-size:16px}.hero-mini span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#e7f0f2}
.home-body{padding:16px 16px 112px;background:linear-gradient(#f2eee4,#f8f5ed)}.stats-card{display:grid;grid-template-columns:108px 1fr;gap:16px;padding:16px;margin-top:-42px;position:relative;z-index:3}.ring{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--p),#d9e3e2 0);position:relative}.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--paper2)}.ring-content{position:relative;z-index:1;text-align:center}.ring-content b{font-size:24px;display:block}.ring-content span{font-size:9px;color:var(--muted)}.stat-lines{display:grid;gap:8px;align-content:center}.stat-line span{display:block;color:var(--muted);font-size:11px}.stat-line b{font-size:18px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.action-card{padding:16px;min-height:112px;border:0;text-align:left;color:var(--ink)}.action-icon{font-size:27px}.action-card b{display:block;margin:8px 0 3px}.action-card span{font-size:12px;color:var(--muted);line-height:1.35}.latest{padding:15px;margin-top:14px}.latest h3,.section-title{font-family:Georgia,"Times New Roman",serif;margin:0 0 10px}.round-dots{display:flex;gap:7px;flex-wrap:wrap}.dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.dot.ok{background:var(--green)}.dot.no{background:var(--red)}
.navbar{position:fixed;bottom:0;z-index:30;width:min(100%,540px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + var(--safe-b));background:#062f4a;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 25px rgba(0,28,43,.18)}.navbtn{border:0;background:transparent;color:#afc6d2;font-size:10px;font-weight:700;padding:5px 2px}.navbtn .ni{display:block;font-size:20px;margin-bottom:2px}.navbtn.active{color:#f0bd5a}
.question-wrap{padding:16px 16px 120px}.question-card{padding:20px 16px;background:#fffdf8;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(215,161,68,.09),transparent 34%),linear-gradient(125deg,transparent 65%,rgba(35,132,165,.04));pointer-events:none}.q-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--sea);font-weight:850}.question-card h2{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.2;margin:8px 0 17px;position:relative}.options{display:grid;gap:10px;position:relative}.option{width:100%;text-align:left;padding:14px;border-radius:14px;border:1px solid #ccd7da;background:#fff;color:var(--ink);font-weight:700;display:flex;gap:11px;align-items:center;min-height:52px}.option-letter{width:26px;height:26px;border-radius:8px;background:#edf3f3;display:grid;place-items:center;font-size:11px;color:var(--navy);flex:none}.option:hover{border-color:#7eabbc}.option.selected{border-color:var(--sea);box-shadow:0 0 0 2px rgba(35,132,165,.12)}.option.correct{border-color:var(--green);background:#eff8f1}.option.wrong{border-color:var(--red);background:#fcf1ef}.option.removed{display:none}
.assists{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.assist{border:1px solid #b6d3df;background:#eaf6fb;color:#0d506f;border-radius:13px;padding:10px 8px;font-size:12px;font-weight:800;min-height:46px}.assist small{display:block;font-size:9px;font-weight:650;opacity:.72}.clue-box{margin-top:11px;padding:12px 13px;background:#eef7f8;border-left:4px solid var(--sea);border-radius:11px;font-size:13px;line-height:1.4}.submit-row{margin-top:14px;display:grid;grid-template-columns:1fr;gap:8px}.submit-row .primary{width:100%}
.visual-panel{height:190px;border-radius:16px;background:linear-gradient(135deg,#eaf5f5,#fff5df);display:grid;place-items:center;margin:2px 0 16px;border:1px solid var(--line);overflow:hidden}.flag-emoji{font-size:92px;line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.13))}
.map-panel{height:300px;border-radius:16px;overflow:hidden;border:1px solid #bfd2d5;background:#cee3df;margin-bottom:15px;position:relative}.map-panel svg{width:100%;height:100%;display:block}.map-marker{cursor:pointer}.map-marker circle{fill:#fff;stroke:#0c6182;stroke-width:2.5}.map-marker text{font-size:11px;font-weight:900;fill:#0b4562;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.map-marker.selected circle{fill:#f0c56c;stroke:#8d651e}.map-marker.removed{display:none}
.order-slots{display:grid;gap:8px;margin-bottom:14px}.slot{min-height:45px;border:1px dashed #b5c5c8;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#fbfaf4}.slot-num{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e9efee;font-size:11px;font-weight:900}.slot.filled{border-style:solid;border-color:#8bb8c6}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.reveal{margin-top:15px;padding:17px;border-radius:18px;background:linear-gradient(180deg,#073f5d,#062f4a);color:white;box-shadow:var(--shadow)}.reveal-head{display:flex;gap:11px;align-items:center}.result-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;background:#4a9f68}.reveal.wrong .result-icon{background:#c45d4c}.reveal h3{margin:0;font-size:22px}.score-award{color:#f2cf83;font-weight:800;margin-top:3px}.diff-pill{display:inline-flex;border-radius:99px;padding:5px 9px;background:rgba(255,255,255,.1);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-top:10px}.fact-reveal{margin-top:13px;padding:13px;border-radius:13px;background:rgba(255,255,255,.08);line-height:1.45;font-size:13px}.newfact{display:inline-flex;gap:6px;align-items:center;color:#bfe7c7;font-weight:800;margin-bottom:6px}.reveal-actions{display:grid;gap:8px;margin-top:13px}.reveal .primary{box-shadow:none}.evidence{border-top:1px solid rgba(255,255,255,.14);margin-top:11px;padding-top:11px;font-size:11px;color:#d0e0e6;line-height:1.45}.evidence a{color:#f3cf82}.evidence details summary{cursor:pointer;color:#f2d187;font-weight:700}
.results{padding:calc(44px + var(--safe-t)) 18px 120px;background:linear-gradient(180deg,#063b59 0,#062f4a 54%,#f4efe5 54%);min-height:100dvh}.result-hero{text-align:center;color:white;padding:14px 8px 28px}.compass{font-size:55px;color:var(--gold)}.result-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;margin:5px 0}.result-hero p{color:#d8e5e9;margin:0}.score-big{font-size:38px;font-weight:900;color:#f1ca79;margin-top:13px}.result-card{padding:17px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#f1f5f3;border-radius:13px;padding:12px}.metric span{display:block;color:var(--muted);font-size:11px}.metric b{font-size:21px}.result-actions{display:grid;gap:9px;margin-top:14px}.fact-highlight{margin-top:13px;padding:13px;background:#fff7e4;border-radius:13px;border:1px solid #ead6a5;font-size:13px;line-height:1.4}
.page-head{padding:calc(28px + var(--safe-t)) 18px 24px;background:linear-gradient(145deg,#073e5d,#062f4a);color:white}.page-head h1{font-family:Georgia,"Times New Roman",serif;margin:0;font-size:30px}.page-head p{margin:6px 0 0;color:#cfe0e7;font-size:13px}.atlas-list,.progress-body,.about-body{padding:16px 16px 115px}.atlas-card{display:grid;grid-template-columns:58px 1fr 54px;gap:12px;align-items:center;padding:13px;margin-bottom:10px;border:0;width:100%;text-align:left}.atlas-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#d9eeed,#f9e8bf);font-size:26px}.atlas-card h3{margin:0 0 3px;font-family:Georgia,"Times New Roman",serif}.atlas-card p{margin:0;color:var(--muted);font-size:11px}.mini-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sea) var(--p),#dce5e4 0);position:relative}.mini-ring:after{content:"";position:absolute;inset:6px;background:white;border-radius:50%}.mini-ring b{position:relative;z-index:1;font-size:10px}.destination-head{padding:calc(30px + var(--safe-t)) 18px 22px;background:linear-gradient(135deg,#073d5b,#0c617b);color:white}.destination-head button{margin-bottom:14px}.destination-head h1{font-family:Georgia,"Times New Roman",serif;font-size:31px;margin:0}.destination-meta{font-size:12px;color:#cfe3e8;margin-top:6px}.discovery-list{padding:16px}.discovery-item{padding:13px 14px;margin-bottom:9px;border-radius:14px;background:white;border:1px solid var(--line);font-size:13px;line-height:1.4}.discovery-item.locked{color:#8c999e;background:#f0f1ed}.discovery-item .check{color:var(--green);font-weight:900;margin-right:7px}
.progress-hero{padding:18px;background:linear-gradient(135deg,#063654,#0b5570);color:white;margin-bottom:13px}.progress-score{font-size:34px;font-weight:900;color:#f2ca78}.progress-hero span{font-size:11px;color:#cfe0e6}.bar-row{margin:13px 0}.bar-label{display:flex;justify-content:space-between;font-size:12px;font-weight:750;margin-bottom:5px}.bar-bg{height:9px;background:#e4ebea;border-radius:99px;overflow:hidden}.bar-val{height:100%;background:linear-gradient(90deg,var(--sea),var(--turq));border-radius:inherit}.history-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.history-row:last-child{border-bottom:0}.about-card{padding:16px;margin-bottom:12px}.about-card h3{font-family:Georgia,"Times New Roman",serif;margin:0 0 8px}.about-card p,.about-card li{font-size:13px;line-height:1.48;color:#4f626d}.about-card ul{padding-left:19px}.reset-confirm{padding:12px;background:#fff2ee;border:1px solid #e8c4bb;border-radius:13px;margin-top:9px}.source-count{font-weight:850;color:var(--navy)}
.toast{position:fixed;left:50%;bottom:calc(88px + var(--safe-b));transform:translateX(-50%);background:#0a334b;color:white;padding:10px 14px;border-radius:99px;z-index:60;font-size:12px;box-shadow:var(--shadow);animation:toast .2s ease}.hidden{display:none!important}
@keyframes toast{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (min-width:700px){body{padding:22px 0}.app-shell{min-height:calc(100dvh - 44px);border-radius:28px;overflow:hidden}.screen{min-height:calc(100dvh - 44px)}.navbar{border-radius:0 0 28px 28px}.hero{min-height:610px}}

/* v1.0 visual-completion layer */
.hero{background-image:linear-gradient(180deg,rgba(2,35,55,.12) 10%,rgba(2,35,55,.18) 38%,rgba(2,35,55,.94) 100%),url('assets/imagery/hero/hero-grand-voyage.webp');background-position:center;background-size:cover;min-height:610px;padding-top:calc(88px + var(--safe-t))}
.hero:before{background:linear-gradient(180deg,rgba(2,31,49,.06) 18%,rgba(2,31,49,.35) 62%,rgba(2,31,49,.95) 100%)}
.hero-shade{position:absolute!important;inset:0!important;background:radial-gradient(circle at 75% 20%,rgba(240,197,108,.15),transparent 31%);z-index:0!important;pointer-events:none}
.hero-brand{position:absolute!important;top:calc(22px + var(--safe-t));left:22px;width:270px;max-width:72%;height:auto;z-index:2!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.26))}
.hero h1{font-size:38px;max-width:390px}.hero-sub{font-size:14px;max-width:440px}.hero .primary{backdrop-filter:blur(5px)}
.home-body{background-color:#f6f1e7;background-image:linear-gradient(rgba(247,242,231,.92),rgba(247,242,231,.97)),url('assets/textures/texture-nautical-chart.webp');background-size:auto,520px auto}
.destination-ribbon{display:flex;gap:9px;overflow-x:auto;padding:0 1px 3px;margin:-52px 0 12px;position:relative;z-index:5;scrollbar-width:none}.destination-ribbon::-webkit-scrollbar{display:none}
.destination-chip{min-width:118px;height:82px;border:1px solid rgba(255,255,255,.45);border-radius:16px;overflow:hidden;padding:0;position:relative;background:#0a3e59;box-shadow:0 9px 22px rgba(3,35,54,.19);color:white}
.destination-chip-img{width:100%;height:100%;object-fit:cover;display:block}.destination-chip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,33,50,.85) 100%)}.destination-chip span{position:absolute;left:9px;bottom:8px;z-index:2;font-size:11px;font-weight:850;text-shadow:0 1px 3px #000}
.stats-card{margin-top:0}.ui-icon{width:30px;height:30px;object-fit:contain;opacity:.9}.action-card .ui-icon{width:31px;height:31px;margin-bottom:5px}.action-card span{display:block}
.question-card{background-image:linear-gradient(rgba(255,253,248,.97),rgba(255,253,248,.97)),url('assets/textures/texture-nautical-chart.webp');background-size:auto,460px auto}
.flag-panel{background:linear-gradient(145deg,#edf7f7,#fff4dc);padding:14px}.flag-img{max-width:88%;max-height:158px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(3,30,45,.16));border-radius:4px}.flag-fallback{font-size:88px}
.map-panel{height:305px;background:#b9dde0;border-color:#9dc8cc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.map-panel svg{background:#b9dde0}.map-marker circle{fill:#063d5b;stroke:#f3c76e;stroke-width:5}.map-marker text{font-size:30px;font-weight:900;fill:white;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#063d5b;stroke-width:1.5}.map-marker.selected circle{fill:#d7a144;stroke:#fff7df}.map-marker.selected text{fill:#062f4a;stroke:none}
.reveal-visual{margin-top:12px;border-radius:14px;overflow:hidden;background:#061f31;border:1px solid rgba(255,255,255,.13)}.reveal-img{display:block;width:100%;height:170px;object-fit:cover}.reveal-caption{padding:7px 10px;font-size:10px;color:#d5e5e9;background:rgba(0,0,0,.18)}
.results{background:linear-gradient(180deg,#063b59 0,#062f4a 57%,#f4efe5 57%)}.result-hero{position:relative;overflow:hidden;border-radius:22px;padding:26px 12px 34px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.result-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(1.1)}.result-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,33,51,.18),rgba(4,33,51,.88))}.result-hero>*:not(.result-art){position:relative;z-index:2}.result-brand{width:55px;height:55px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}.result-destination{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;margin-bottom:13px;padding:8px;border-radius:14px;background:#edf5f3}.result-destination-img{width:92px;height:66px;object-fit:cover;border-radius:10px}.result-destination span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.result-destination b{font-family:Georgia,"Times New Roman",serif;font-size:18px}
.atlas-head{min-height:220px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(3,41,62,.30),rgba(3,41,62,.92)),url('assets/imagery/hero/hero-voyage-atlas.webp');background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.atlas-head>*{position:relative;z-index:2}.atlas-head-overlay{position:absolute;inset:0;background:url('assets/textures/texture-voyage-route.webp') center/cover;opacity:.24;z-index:1}.page-brand{width:210px;max-width:55%;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.84}.route-card{overflow:hidden;padding:0;margin-bottom:14px;background:#b9dde0}.route-card img,.progress-map img{display:block;width:100%;height:auto}.atlas-card{grid-template-columns:86px 1fr 54px;padding:9px;gap:11px;overflow:hidden}.atlas-photo{width:86px;height:76px;border-radius:14px;overflow:hidden;background:#d9e6e3}.atlas-photo-img{width:100%;height:100%;object-fit:cover;display:block}.atlas-copy h3{font-size:18px}.atlas-copy p{line-height:1.4}.mini-ring{margin-right:3px}
.visual-destination-head{height:330px;position:relative;padding:0;overflow:hidden;background:#063d5b}.destination-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.destination-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,28,44,.25) 10%,rgba(2,28,44,.18) 42%,rgba(2,28,44,.91) 100%)}.destination-back{position:absolute;top:calc(18px + var(--safe-t));left:16px;z-index:3;background:rgba(2,38,57,.62);backdrop-filter:blur(8px)}.destination-title{position:absolute;left:18px;right:18px;bottom:22px;z-index:3}.destination-title h1{font-size:36px;text-shadow:0 2px 10px rgba(0,0,0,.35)}.destination-title .destination-meta{color:#e3eff1}.destination-gallery{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:13px;scrollbar-width:none}.destination-gallery::-webkit-scrollbar{display:none}.destination-gallery figure{margin:0;min-width:170px;width:170px;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(4,36,52,.11);border:1px solid var(--line)}.gallery-img{width:100%;height:112px;display:block;object-fit:cover}.destination-gallery figcaption{font-size:10px;font-weight:750;padding:7px 8px;color:var(--ink)}.destination-progress-card{padding:13px;margin-bottom:15px}.destination-progress-card>div:first-child{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.destination-progress-card span{font-size:11px;color:var(--muted)}.destination-progress-card b{font-size:18px}.discoveries-heading{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin:15px 2px 10px}
.progress-map{overflow:hidden;padding:0;margin-bottom:13px;background:#b9dde0}.progress-map img{max-height:260px;object-fit:cover}
.credit-details{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.credit-details summary{cursor:pointer;font-weight:800;color:var(--navy)}.credits-list{max-height:320px;overflow:auto;margin-top:8px;display:grid;gap:6px}.credits-list a{display:block;text-decoration:none;color:var(--navy);font-size:11px;padding:8px;border-radius:10px;background:#f0f4f1}.credits-list a span{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.image-failed{display:none!important}
@media (min-width:700px){.hero{min-height:660px}.destination-ribbon{margin-top:-58px}.visual-destination-head{height:390px}.reveal-img{height:210px}}
.flag-panel{position:relative}.flag-base{position:relative;z-index:1}.flag-real{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff}