.globe-page .page-intro p{color:var(--muted);max-width:580px;line-height:1.6}
.globe-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-top:2px solid #485663;padding:20px 0}
.globe-windows{display:flex;gap:6px}.globe-page button{min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--text);cursor:pointer}
.globe-page button:hover{border-color:#7794a5}.globe-page button[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan);background:#11232d}
.globe-page :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
#globe-status{color:var(--muted);font-size:12px;margin:0;flex:1;min-width:180px}
.globe-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:30px;align-items:start}
.globe-stage{min-width:0;background:radial-gradient(ellipse at 48% 35%,#112736,#0b111b 65%,#090d14);border:1px solid var(--line);border-radius:4px;overflow:hidden}
#globe-canvas{display:block;width:100%;height:clamp(340px,48vw,640px);touch-action:none;cursor:grab}
#globe-canvas:active{cursor:grabbing}.globe-rotation{display:flex;justify-content:center;gap:8px;padding:8px 14px}
#globe-help{color:var(--muted);font-size:11px;text-align:center;padding:0 18px 14px;line-height:1.7}
.globe-sidebar{min-width:0}.globe-list-heading{font-size:18px;margin:0 0 18px}
#globe-preview{padding:22px;background:var(--panel);border-left:2px solid var(--cyan);margin-bottom:28px;overflow-wrap:anywhere}
#globe-preview h2{font-size:23px;line-height:1.3;margin:0 0 18px}#globe-preview p,#globe-preview time{color:var(--muted);font-size:12px;line-height:1.6}
#globe-preview-link{display:block;color:var(--cyan);font-size:13px;margin-top:20px;padding:8px 0}
#globe-stories{list-style:none;padding:0;margin:0;max-height:510px;overflow:auto}
#globe-stories li{margin:0 0 9px}#globe-stories button{width:100%;text-align:left;line-height:1.5;overflow-wrap:anywhere;font-size:13px}
#globe-stories small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
@media(max-width:850px){.globe-layout{grid-template-columns:1fr}.globe-sidebar{margin-top:4px}#globe-canvas{height:clamp(320px,75vw,560px)}#globe-stories{max-height:350px}}
@media(max-width:420px){.globe-page .page-intro h1{font-size:36px}.globe-toolbar{gap:12px}.globe-page button{padding:10px 12px}#globe-canvas{height:320px}}