:root{font-family:Avenir Next,Trebuchet MS,sans-serif;color:#203339;background:radial-gradient(circle at top left,rgba(255,214,170,.85),transparent 32%),radial-gradient(circle at right 20%,rgba(246,170,210,.7),transparent 26%),linear-gradient(180deg,#fcf7ef,#f2ecde);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.page-shell{position:relative;height:100vh;overflow:hidden}.backdrop-orb{position:absolute;border-radius:999px;filter:blur(8px);opacity:.55;pointer-events:none}.backdrop-orb-left{top:8%;left:-6%;width:18rem;height:18rem;background:#ffb5876b}.backdrop-orb-right{right:-3%;bottom:10%;width:22rem;height:22rem;background:#87d2ff52}.map-stage{position:relative;z-index:1;height:100vh}.map-frame{position:relative;display:grid;place-items:center;width:100vw;height:100vh;padding:clamp(.75rem,2vw,1.6rem);overflow:hidden}.map-halo{position:absolute;inset:6%;background:radial-gradient(circle at center,rgba(168,214,183,.58),transparent 43%),radial-gradient(circle at 32% 46%,rgba(193,232,204,.52),transparent 26%);filter:blur(26px);pointer-events:none}.world-map{position:relative;z-index:1;display:block;width:min(97vw,calc((100vh - 3rem)*1.9));max-width:100%;max-height:calc(100vh - 2rem);height:auto;margin:auto}.country-shape{fill:#caddc3e6;stroke:#17353d24;stroke-width:.45}.pin-cluster{position:relative;width:136px;height:132px;overflow:visible}.pin-button{position:relative;display:grid;justify-items:center;gap:.1rem;width:68px;border:0;background:transparent;cursor:pointer;padding:0;overflow:visible}.cluster-pin{position:absolute;top:6px;left:34px}.pin-shadow{position:absolute;top:50px;width:28px;height:10px;border-radius:999px;background:#223d322e;filter:blur(4px)}.pin-avatar-wrap{position:relative;z-index:2;width:56px;height:56px;border-radius:999px;box-shadow:0 14px 24px #17353d38,0 0 0 4px color-mix(in srgb,var(--pin-accent) 58%,white);transition:transform .18s ease,box-shadow .18s ease;overflow:visible}.pin-face{position:relative;width:56px;height:56px}.pin-face:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#fffffff2,#fff8eceb);z-index:-1}.pin-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover}.pin-stem{width:4px;height:22px;border-radius:999px;background:color-mix(in srgb,var(--pin-accent) 70%,#234333);box-shadow:0 0 0 2px #fffaf4a8}.pin-plate{display:grid;min-width:max-content;padding:.38rem .62rem;border-radius:999px;background:#fffcf7fa;box-shadow:0 10px 20px #17353d1f,inset 0 0 0 1px #17353d0f;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:none;line-height:1.15;text-align:center}.pin-plate strong{font-size:.73rem}.pin-plate-overlay{position:absolute;left:50%;bottom:calc(100% + .35rem);transform:translate(-50%);padding:.22rem .52rem;font-size:.62rem;line-height:1;white-space:nowrap}.pin-button.is-selected .pin-avatar-wrap{box-shadow:0 15px 24px #17353d3d,0 0 0 4px color-mix(in srgb,var(--pin-accent) 72%,white)}.pin-button.is-selected .pin-plate{background:color-mix(in srgb,white 82%,var(--pin-accent))}.card-overlay{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:1.25rem;background:#1b282429;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.card-shell{position:relative;width:min(34rem,calc(100vw - 2.5rem));border-radius:2rem;overflow:hidden;box-shadow:0 32px 80px #151f2238;pointer-events:auto}.theme-sunset{background:radial-gradient(circle at top left,rgba(255,209,152,.95),transparent 40%),linear-gradient(135deg,#fff8f0,#ffe9df)}.theme-blush{background:radial-gradient(circle at top left,rgba(246,179,221,.95),transparent 40%),linear-gradient(135deg,#fff7fc,#ffeef6)}.theme-sky{background:radial-gradient(circle at top left,rgba(166,223,255,.95),transparent 40%),linear-gradient(135deg,#f8fcff,#edf6ff)}.theme-mint{background:radial-gradient(circle at top left,rgba(174,241,193,.95),transparent 40%),linear-gradient(135deg,#f8fff9,#effcf2)}.card-ribbon{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem 0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#20333999}.card-body{display:grid;grid-template-columns:10rem 1fr;gap:1.3rem;align-items:center;padding:1.35rem 1.35rem 1.55rem}.card-portrait{border-radius:1.6rem;overflow:hidden;background:#ffffffb3;box-shadow:inset 0 0 0 1px #17353d12}.card-copy{display:grid;gap:.75rem}.card-kicker{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2033398f}.card-copy h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:.94;letter-spacing:-.04em;color:#17353d}.card-copy p:last-child{margin:0;font-size:1.02rem;line-height:1.7;color:#203339d1}.read-along-text{margin:0;font-size:1.02rem;line-height:1.75;color:#20333961;white-space:pre-wrap}.read-along-char{color:#20333961;transition:color .12s ease}.read-along-char.is-read{color:#18353d}.read-along-char.is-current{color:#18353d;text-shadow:0 0 14px rgba(255,175,127,.45)}.card-status{display:grid;gap:.5rem;margin-top:.25rem}.card-status-copy{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:.88rem;color:#203339b8}.card-status-copy strong{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.card-status-copy span{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;color:#17353d}.card-progress-track{position:relative;overflow:hidden;height:.6rem;border-radius:999px;background:#17353d17}.card-progress-fill{height:100%;width:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#ffaf7f,#f17ad4 52%,#76b8e8)}.steps-overlay{position:fixed;top:.9rem;left:50%;z-index:7;width:min(92vw,72rem);transform:translate(-50%);pointer-events:none}.steps-hint{margin:0 0 .35rem;padding-left:.35rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff7efd6}.steps-bar{display:flex;gap:.45rem;align-items:stretch;overflow-x:auto;padding:.3rem .15rem .2rem;scrollbar-width:none;pointer-events:auto}.steps-bar::-webkit-scrollbar{display:none}.step-chip{display:inline-flex;gap:.5rem;align-items:center;min-width:max-content;border:0;border-radius:999px;padding:.45rem .72rem;background:#fffcf71f;box-shadow:inset 0 0 0 1px #fffcf724,0 8px 22px #16212424;color:#fff7efd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.step-index{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:999px;background:#fffcf729;font-size:.68rem;font-weight:800}.step-copy{display:grid;text-align:left;line-height:1.05}.step-copy strong{font-size:.72rem}.step-copy em{font-size:.58rem;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#fff7efb3}.step-chip.is-current{background:#fffcf7e6;color:#17353d;box-shadow:inset 0 0 0 1px #17353d14,0 10px 24px #16212429}.step-chip.is-current .step-index{background:#17353d1a}.step-chip.is-current .step-copy em{color:#17353d94}.play-fab{position:fixed;right:1.4rem;bottom:1.4rem;z-index:7;display:grid;place-items:center;width:4.5rem;height:4.5rem;border:0;border-radius:999px;background:#17353df0;color:#fff7ef;box-shadow:0 20px 42px #17353d42;cursor:pointer}.play-fab.is-active{background:#b44f54}.play-fab-icon{font-size:1.35rem;font-weight:800;line-height:1}@media(max-width:640px){.steps-overlay{top:.65rem;width:calc(100vw - 1rem)}.map-frame{padding:.8rem}.card-body{grid-template-columns:1fr}.card-portrait{max-width:10rem}.card-ribbon{display:grid}.play-fab{right:1rem;bottom:1rem;width:4rem;height:4rem}}