*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}#globe-container{position:fixed;top:0;right:0;bottom:0;left:0}#era-label{position:fixed;top:32px;left:40px;pointer-events:none;-webkit-user-select:none;user-select:none}#era-name{font-size:2rem;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.9)}#era-sub{font-size:1rem;color:#ffffffa6;margin-top:4px;text-shadow:0 1px 6px rgba(0,0,0,.9)}#era-ma{font-size:1.4rem;font-weight:600;color:#7ecfe8;margin-top:6px;text-shadow:0 2px 8px rgba(0,0,0,.9)}#era-caption{font-size:.8rem;color:#ffffff80;margin-top:10px;max-width:280px;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.9)}#dial-container{position:fixed;bottom:0;right:0;cursor:grab}#dial-container:active{cursor:grabbing}#buttons{position:fixed;bottom:32px;left:32px;display:flex;flex-direction:column;gap:10px}#menu-toggle{position:fixed;bottom:24px;left:24px;width:44px;height:44px;padding:0;border-radius:12px;display:none;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}#menu-toggle .menu-icon,#menu-toggle .menu-icon:before,#menu-toggle .menu-icon:after{content:"";display:block;width:18px;height:2px;background:#ffffffd9;border-radius:1px;transition:transform .2s,opacity .2s}#menu-toggle .menu-icon{position:relative}#menu-toggle .menu-icon:before{position:absolute;top:-6px;left:0}#menu-toggle .menu-icon:after{position:absolute;top:6px;left:0}#menu-toggle[aria-expanded=true] .menu-icon{background:transparent}#menu-toggle[aria-expanded=true] .menu-icon:before{transform:translateY(6px) rotate(45deg)}#menu-toggle[aria-expanded=true] .menu-icon:after{transform:translateY(-6px) rotate(-45deg)}button{padding:7px 16px;width:110px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}button.active{background:#7ecfe833;color:#7ecfe8;border-color:#7ecfe880}button:hover{background:#ffffff1f;color:#fff}#loading-indicator{position:fixed;top:32px;right:32px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffc7;font-size:.78rem;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none}#loading-indicator[hidden]{display:none}#loading-indicator .spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(126,207,232,.25);border-top-color:#7ecfe8;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#credit{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-size:.65rem;color:#ffffff4d;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@media(max-width:640px){#era-label{top:20px;left:20px;max-width:calc(100vw - 100px)}#era-name{font-size:1.5rem}#era-sub{font-size:.85rem}#era-ma{font-size:1.1rem}#era-caption{font-size:.72rem;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#menu-toggle{display:flex}#buttons{bottom:78px;left:18px;padding:8px;border-radius:12px;background:#000000c7;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:bottom left;transform:scale(.96) translateY(6px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;z-index:20}#buttons button{width:96px;padding:6px 10px;font-size:.78rem}#buttons.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}#loading-indicator{top:20px;right:20px;font-size:.7rem;padding:6px 12px}#credit{font-size:.55rem;white-space:normal;text-align:center;max-width:90vw}}