:root{color-scheme:dark;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;--navy-900: #0B2026;--navy-800: #1B3139;--navy-700: #143D4A;--navy-600: #1B5162;--lava-900: #550B07;--lava-800: #801C17;--lava-700: #BD2B26;--lava-600: #FF3621;--lava-500: #FF5F46;--lava-400: #FF9E94;--oat-light: #F9F7F4;--white: #FFFFFF;--ink: var(--white);--ink-soft: #C8D2D6;--ink-muted: #8AA0A8;--line: rgba(255, 255, 255, .16);--line-soft: rgba(255, 255, 255, .08);--surface: rgba(27, 49, 57, .78);--surface-strong: rgba(11, 32, 38, .92);--font-display: "Hubot Sans", "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-bento: 10px;--radius-control: 6px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--navy-900);color:var(--ink);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}body:has(.admin-page){background:var(--oat-light);color:var(--navy-900);color-scheme:light}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;line-height:1.02;margin:0}.spin{animation:spin .9s linear infinite}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.join-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 14% 12%,rgba(255,54,33,.45),transparent 42%),radial-gradient(circle at 88% 88%,rgba(189,43,38,.55),transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,61,74,.6),transparent 70%),var(--navy-900);overflow:hidden}.join-page:before,.join-page:after{content:"";position:absolute;border-radius:18px;pointer-events:none}.join-page:before{top:-120px;right:-120px;width:380px;height:220px;background:var(--lava-700);box-shadow:-60px 60px 0 -10px var(--lava-800),-120px 120px 0 -20px var(--lava-900);transform:rotate(-8deg);opacity:.92}.join-page:after{bottom:-140px;left:-100px;width:320px;height:200px;background:var(--lava-600);box-shadow:60px -55px 0 -10px var(--lava-700),120px -110px 0 -20px var(--lava-800);transform:rotate(6deg);opacity:.85}.join-panel{position:relative;z-index:1;width:min(100%,540px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-bento);padding:clamp(28px,5vw,48px);background:#0b2026db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 90px #00000073,inset 0 1px #ffffff0a}.brand-mark,.admin-kicker,.display-kicker,.panel-title,.panel-heading,.icon-text-button,.danger-button,.display-status{display:inline-flex;align-items:center;gap:10px}.brand-mark,.display-kicker,.admin-kicker,.display-status,.url-row span,.stat-tile span,.display-stats small,.copied-note{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.brand-mark{color:var(--lava-500);font-size:.78rem}.brand-mark svg,.display-kicker svg,.admin-kicker svg,.panel-title svg,.panel-heading svg,.display-status svg{width:20px;height:20px}.join-panel h1{margin:22px 0 24px;font-family:var(--font-display);font-weight:900;font-size:clamp(2.2rem,7vw,3.8rem);line-height:.98;color:var(--white)}.city-form label,.token-field span,.control-row span{display:block;margin-bottom:8px;color:var(--ink-soft);font-weight:600;font-size:.92rem}.search-box{min-height:58px;display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-control);padding:0 16px;background:#ffffff0f;transition:border-color .14s ease,background .14s ease}.search-box:focus-within{border-color:var(--lava-500);background:#ffffff1a}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:1.05rem;font-family:DM Sans,sans-serif}.search-box svg{width:22px;height:22px;color:var(--lava-500)}.city-results{display:grid;gap:10px;margin-top:16px}.city-result{width:100%;min-height:64px;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);padding:12px 14px;color:var(--ink);background:#ffffff0a;text-align:left;font-family:DM Sans,sans-serif;transition:border-color .14s ease,background .14s ease,transform .14s ease}.city-result:hover,.mode-button:hover,.icon-text-button:hover,.url-row button:hover,.entry-row button:hover{border-color:var(--lava-500);background:#ff5f461a}.city-result>svg{color:var(--lava-600)}.city-result strong,.city-result small{display:block}.city-result strong{font-weight:700;font-size:1rem}.city-result small,.empty-results,.form-error,.admin-error,.copied-note{color:var(--ink-muted)}.form-error,.admin-error{margin-top:14px;color:var(--lava-400);font-weight:500}.success-state{text-align:center}.success-state>svg{width:68px;height:68px;color:var(--lava-500)}.success-state p{margin:-4px 0 28px;color:var(--ink-soft);font-size:1.06rem}.primary-button,.icon-text-button,.danger-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--radius-control);padding:0 18px;color:var(--white);background:var(--lava-600);font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:.01em;transition:background .14s ease,transform .14s ease,box-shadow .14s ease;box-shadow:0 8px 24px #ff362147}.primary-button:hover:not(:disabled),.icon-text-button:hover:not(:disabled),.danger-button:hover:not(:disabled){background:var(--lava-500);transform:translateY(-1px)}.primary-button{width:100%}.display-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--navy-900)}.world-map-shell{position:absolute;top:0;right:0;bottom:0;left:0}.world-map-shell svg{width:100%;height:100%;display:block}.map-backdrop{fill:var(--navy-900)}.map-grid{fill:#ff5f460d}#dot-grid circle{fill:#ff9e9452}.map-viewport{transform-origin:0 0;transition:transform 1.5s cubic-bezier(.2,.78,.2,1)}.countries path{fill:var(--navy-800);stroke:#ff9e942e;stroke-width:.8}.travel-arcs path{fill:none;stroke:#ff5f46d9;stroke-width:1.4;stroke-dasharray:700;stroke-dashoffset:700;animation:drawArc 1.8s ease forwards}.event-origin circle{fill:#ff36212e;stroke:#ff5f46c7}.event-origin path{fill:none;stroke:var(--white);stroke-width:2}.event-origin text,.marker-label{fill:var(--white);paint-order:stroke;stroke:#0b2026eb;stroke-width:5px;font-family:var(--font-display);font-size:13px;font-weight:800}.map-marker{filter:url(#soft-glow)}.marker-halo{fill:#ff5f461f;stroke:#ff9e943d;stroke-width:1.2;animation:markerHaloBreathe 4.2s ease-in-out infinite}.marker-core{fill:url(#marker-glow);stroke:var(--white);stroke-width:2;animation:markerCoreBreathe 4.2s ease-in-out infinite}.map-marker text:not(.marker-label){fill:var(--white);font-family:var(--font-display);font-size:11px;font-weight:900}.display-header{position:absolute;top:clamp(18px,4vh,42px);left:clamp(18px,4vw,54px);right:clamp(18px,4vw,54px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}.display-header>div:first-child{width:clamp(420px,31vw,520px)}.display-kicker{color:var(--lava-500);font-size:clamp(.72rem,.82vw,.9rem);white-space:nowrap}.display-header h1{max-width:100%;margin:10px 0 0;font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,4.2vh,3.55rem);line-height:.9;color:var(--white);text-wrap:balance}.display-status{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-control);padding:0 14px;background:var(--surface-strong);color:var(--ink-soft);font-size:.78rem}.display-stats{position:absolute;left:clamp(18px,4vw,54px);bottom:clamp(58px,8vh,88px);display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;width:min(720px,calc(100vw - 36px))}.display-stats div,.dataviz-panel,.admin-panel{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-bento);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.display-stats div{min-height:78px;padding:12px 14px}.display-stats span{display:block;font-family:var(--font-display);font-size:clamp(1.45rem,2.7vh,2.25rem);line-height:1;font-weight:900;color:var(--lava-500);white-space:nowrap}.display-stats small{color:var(--ink-soft);font-size:.7rem}.dataviz-panel{position:absolute;right:clamp(18px,4vw,54px);bottom:clamp(58px,8vh,88px);width:min(380px,calc(100vw - 36px));padding:18px}.panel-title,.panel-heading{color:var(--white);font-family:var(--font-display);font-weight:800;font-size:.95rem}.rank-list,.entry-table{display:grid;gap:10px}.rank-row{min-height:34px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0;color:var(--ink-soft);font-size:.95rem}.rank-row strong{color:var(--lava-500);font-family:var(--font-display);font-weight:900}.display-footer{position:absolute;left:0;right:0;bottom:0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,4vw,54px);background:var(--surface-strong);border-top:1px solid rgba(255,255,255,.06);color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.admin-page{min-height:100vh;padding:32px;background:var(--oat-light);color:var(--navy-900)}.admin-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.admin-header h1{margin:6px 0 0;font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,5vw,4rem);line-height:1;color:var(--lava-600)}.admin-kicker{color:var(--lava-800);font-size:.78rem}.admin-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:18px}.admin-panel{background:var(--white);color:var(--navy-900);padding:20px;border-color:#e4e2dc;box-shadow:0 18px 50px #0b20260f}.panel-heading{margin-bottom:16px;color:var(--navy-900)}.panel-heading h2{margin:0;font-family:var(--font-display);color:var(--navy-900);font-weight:800;font-size:1.05rem}.panel-heading.spread,.panel-heading.spread>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-panel{grid-row:span 2}.token-field input,.control-row input[type=number]{width:100%;min-height:44px;border:1px solid #CFD3CD;border-radius:var(--radius-control);padding:0 12px;color:var(--navy-900);background:#fbfaf6;font-family:DM Sans,sans-serif;font-size:.95rem}.token-field input:focus,.control-row input[type=number]:focus{outline:none;border-color:var(--lava-600);box-shadow:0 0 0 3px #ff36212e}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.mode-button{min-height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #E4E2DC;border-radius:var(--radius-control);background:#fbfaf6;color:var(--navy-900);font-family:DM Sans,sans-serif;font-weight:700;font-size:.92rem;transition:border-color .14s ease,background .14s ease,color .14s ease}.mode-button svg,.icon-text-button svg,.danger-button svg,.url-row button svg,.entry-row button svg{width:19px;height:19px}.mode-button.active{border-color:var(--lava-600);background:#ff362114;color:var(--lava-700)}.control-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:14px;align-items:end}.toggle-row{min-height:44px;display:flex;align-items:center;gap:10px}.toggle-row span{margin:0}.toggle-row input{width:20px;height:20px;accent-color:var(--lava-600)}.icon-text-button{background:var(--navy-900);color:var(--white);box-shadow:0 6px 18px #0b20262e}.icon-text-button:hover:not(:disabled){background:var(--navy-800)}.icon-text-button.compact,.danger-button.compact{min-height:38px;padding:0 14px;font-size:.9rem}.danger-button{color:var(--white);background:var(--lava-700);box-shadow:0 6px 18px #bd2b2638}.danger-button:hover:not(:disabled){background:var(--lava-800)}.urls-panel{display:grid;gap:12px}.url-row{min-height:44px;display:grid;grid-template-columns:56px 1fr 42px;align-items:center;gap:10px}.url-row span{color:var(--lava-800);font-size:.72rem}.url-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #E4E2DC;border-radius:var(--radius-control);padding:10px 12px;background:#fbfaf6;color:var(--navy-900);font-family:var(--font-mono);font-size:.86rem}.url-row button,.entry-row button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #E4E2DC;border-radius:var(--radius-control);background:var(--white);color:var(--navy-900);transition:border-color .14s ease,color .14s ease,background .14s ease}.url-row button:hover,.entry-row button:hover{border-color:var(--lava-600);color:var(--lava-700);background:#ff36210f}.stat-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-tile{min-height:82px;border-left:4px solid var(--lava-600);padding:8px 0 8px 14px}.stat-tile strong{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1;color:var(--navy-900)}.stat-tile span{color:var(--lava-800);font-size:.72rem}.list-panel,.entries-panel{min-height:320px}.entries-panel{grid-column:1 / -1}.entry-row{display:grid;grid-template-columns:1fr 150px 42px;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #ECE9E1}.entry-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--navy-900)}.entry-row small{color:#5a6f76;font-family:var(--font-mono);font-size:.8rem}.rank-list .rank-row{border-color:#ece9e1;color:var(--navy-900)}.list-panel .rank-row strong{color:var(--lava-700)}.admin-page .empty-results{color:#5a6f76}.admin-page .copied-note{color:var(--lava-800)}@media(max-width:900px){.admin-page{padding:20px}.admin-header,.display-header,.display-footer{flex-direction:column;align-items:flex-start}.display-footer{padding:14px clamp(18px,4vw,54px);gap:4px}.admin-grid,.stat-panel{grid-template-columns:1fr}.control-panel,.entries-panel{grid-column:auto;grid-row:auto}.display-header h1{font-size:clamp(2.2rem,10vw,4.2rem)}.display-header>div:first-child{width:100%}.display-stats{grid-template-columns:repeat(2,minmax(0,1fr));bottom:84px}.dataviz-panel{display:none}}@media(max-width:560px){.join-page{padding:14px}.join-panel{padding:24px}.mode-grid,.control-row,.url-row,.entry-row{grid-template-columns:1fr}.url-row button,.entry-row button{width:100%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes markerHaloBreathe{0%,to{opacity:.14;fill:#ff5f461a;stroke:#ff9e942e}50%{opacity:.34;fill:#ff5f462e;stroke:#ff9e944d}}@keyframes markerCoreBreathe{0%,to{opacity:.92;stroke:#fffffff5}50%{opacity:1;stroke:#ffded8}}@keyframes drawArc{to{stroke-dashoffset:0}}