@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700;800&family=Caveat:wght@600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#000;font-family:Inter,-apple-system,sans-serif}#root{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:scale(.97)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes circleExpand{0%{transform:scale(1)}to{border-radius:4px;transform:scale(35)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes flyIn{0%{opacity:0;transform:scale(.68)translateY(-70px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-105%)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(105%)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(-105%)}to{opacity:1;transform:translateY(0)}}.screen{position:absolute;inset:0;overflow:hidden}.start-screen{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;animation:.4s fadeIn;display:flex}.start-emoji{margin-bottom:28px;font-size:64px;animation:3s ease-in-out infinite floatY}.start-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;margin-bottom:12px;font-size:11px;font-weight:600}.start-title{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,8vw,48px);font-weight:800}.start-sub{color:#fff6;margin-bottom:48px;font-size:14px;line-height:1.5}.start-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:16px 48px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;transition:transform .12s,opacity .15s}.start-btn:active{opacity:.85;transform:scale(.96)}.map-screen{background:#000;flex-direction:column;display:flex}.map-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:16px 20px 0;display:flex;position:absolute;top:0;left:0;right:0}.map-logo{align-items:center;gap:8px;display:flex}.map-logo-icon{font-size:16px}.map-logo-text{color:#fff;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.map-logo-sub{color:#ffffff4d;font-size:10px}.map-tagline{color:#ffffff59;text-align:right;font-family:Caveat,cursive;font-size:17px;line-height:1.25}.map-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;will-change:transform;flex:1;overflow:hidden auto}.map-scroll::-webkit-scrollbar{display:none}.list-screen{background:#000;flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;display:flex}.list-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.list-back{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.list-logo{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.list-counter{color:#ffffff4d;margin-left:auto;font-size:12px}.list-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;overflow:hidden auto}.list-scroll::-webkit-scrollbar{display:none}.list-item{cursor:pointer;align-items:center;gap:16px;padding:14px 20px;transition:background .12s;display:flex;position:relative}.list-item:active{background:#ffffff0a}.li-circle{background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex}.list-item.active .li-circle{background:#fff;border-color:#fff;width:60px;height:60px;font-size:24px}.list-item:not(:last-child):after{content:"";background:#ffffff1a;width:1px;height:calc(100% - 38px);position:absolute;top:62px;left:44px}.list-item.active:not(:last-child):after{left:50px}.li-text{flex:1}.li-num{color:#ffffff4d;font-family:Caveat,cursive;font-size:12px}.li-title{color:#fff;margin-bottom:2px;font-size:15px;font-weight:600}.list-item.active .li-title{color:#000}.li-sub{color:#ffffff59;font-size:12px}.list-item.active .li-sub{color:#00000080}.li-arrow{color:#fff3;font-size:16px}.list-item.active .li-arrow{color:#00000059}.list-footer{text-align:center;border-top:1px solid #ffffff14;flex-shrink:0;padding:20px}.list-open-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:14px;width:100%;margin-bottom:16px;padding:15px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;transition:opacity .15s,transform .12s}.list-open-btn:active{opacity:.85;transform:scale(.97)}.list-quote{color:#ffffff59;margin-bottom:10px;font-family:Caveat,cursive;font-size:17px;line-height:1.4}.list-scroll-hint{color:#ffffff2e;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.detail-screen{background:#fff;flex-direction:column;display:flex;overflow:hidden}.detail-header{border-bottom:1px solid #00000014;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.detail-back{color:#000000b3;cursor:pointer;background:#0000000f;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.detail-back:active{background:#0000001a}.detail-logo{color:#000;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.detail-counter{color:#00000059;margin-left:auto;font-size:12px;font-weight:600}.detail-content{flex-direction:column;flex:1;justify-content:center;padding:80px 28px 16px;display:flex;overflow:hidden}.detail-num{color:#000;margin-bottom:-12px;font-family:Caveat,cursive;font-size:80px;font-weight:700;line-height:1}.detail-title{letter-spacing:-.02em;color:#000;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,7vw,38px);font-weight:800;line-height:1.1}.detail-subtitle{text-transform:uppercase;letter-spacing:.08em;color:#00000059;margin-bottom:24px;font-size:12px;font-weight:600}.detail-text{color:#000000bf;min-height:80px;margin-bottom:20px;font-size:16px;line-height:1.7}.tw-cursor{vertical-align:text-bottom;background:#0009;width:2px;height:.85em;margin-left:2px;animation:.7s ease-in-out infinite blink;display:inline-block}.detail-quote{color:#0006;margin-bottom:20px;font-family:Caveat,cursive;font-size:18px;font-style:italic;line-height:1.4}.detail-footer{background:#fff;padding:16px 20px 32px}.detail-next-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:14px;width:100%;padding:16px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;transition:opacity .15s,transform .12s}.detail-next-btn:active{opacity:.85;transform:scale(.97)}.detail-next-btn:disabled{opacity:.4;cursor:default}.detail-anim-1{animation:.4s 80ms both fadeUp}.detail-anim-2{animation:.4s .18s both fadeUp}.detail-anim-3{animation:.4s .28s both fadeUp}.detail-anim-4{animation:.4s .4s both fadeUp}.detail-anim-5{animation:.4s .55s both fadeUp}