*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08111e;--surface: #0d1a2b;--surface2: #111f30;--border: rgba(100, 160, 220, .1);--accent: #c9a84c;--accent2: #4ca8c9;--text: #e8e4d8;--muted: rgba(232, 228, 216, .45);--land: #1a3828;--land-hover: #224d38;--ocean: #071524}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 78% 12%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 43% 68%,rgba(255,255,255,.28) 0%,transparent 100%),radial-gradient(1px 1px at 62% 48%,rgba(255,255,255,.18) 0%,transparent 100%),radial-gradient(1px 1px at 8% 82%,rgba(255,255,255,.22) 0%,transparent 100%),radial-gradient(1px 1px at 88% 58%,rgba(255,255,255,.22) 0%,transparent 100%),radial-gradient(1px 1px at 31% 18%,rgba(255,255,255,.18) 0%,transparent 100%),radial-gradient(1px 1px at 72% 88%,rgba(255,255,255,.22) 0%,transparent 100%),radial-gradient(1px 1px at 55% 35%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 95% 30%,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-15%;left:50%;transform:translate(-50%);width:80%;height:55%;background:radial-gradient(ellipse,rgba(201,168,76,.055) 0%,transparent 65%);pointer-events:none;z-index:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #c9a84c8c}50%{box-shadow:0 0 0 7px #c9a84c00}}.map-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;min-height:0;animation:fadeUp .9s .2s ease both;box-shadow:0 8px 40px #0006}.map-panel{position:relative;background:#071524;border-radius:0 0 14px 14px;height:clamp(240px,42dvh,460px)}.world-map-svg{width:100%;height:100%;display:block}.map-zoom-hint{position:absolute;bottom:.8rem;right:1rem;font-size:.52rem;color:#64a0dc4d;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}.clock-grid{display:grid;grid-template-columns:repeat(3,minmax(175px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #0000004d}.clock-card{background:var(--surface);padding:1.6rem 1.4rem;position:relative;overflow:hidden;cursor:default;transition:background .25s}.clock-card:hover{background:var(--surface2)}.clock-flag{font-size:1.5rem;display:block;margin-bottom:.5rem}.clock-city{font-family:"DM Serif Display",serif;font-size:1.1rem;display:block;margin-bottom:.1rem;color:var(--text)}.clock-country{font-size:.58rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:.9rem}.clock-time{font-family:DM Mono,monospace;font-size:1.55rem;font-weight:500;color:var(--accent);letter-spacing:-.02em;display:block;line-height:1}.clock-date{font-size:.6rem;color:var(--muted);letter-spacing:.1em;margin-top:.4rem;display:block}.clock-tz{position:absolute;bottom:.9rem;right:1.1rem;font-size:.52rem;letter-spacing:.15em;color:#64a0dc33;text-transform:uppercase}@media (max-width: 820px),(max-height: 760px){.app-content-grid{grid-template-rows:auto auto!important}}@media (max-height: 820px){.map-panel{height:clamp(220px,36dvh,360px)}.clock-card{padding:1.25rem 1.1rem}.clock-flag{font-size:1.35rem;margin-bottom:.35rem}.clock-city{font-size:1rem}.clock-country{font-size:.54rem;margin-bottom:.7rem}.clock-time{font-size:1.35rem}.clock-date,.clock-tz{font-size:.54rem}}@media (max-width: 580px){.clock-grid{grid-template-columns:repeat(2,minmax(145px,1fr));gap:.75px}}