:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f0fcf2;background:#102d23}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}.aog-shell{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(150px,.75fr);gap:9px;padding:10px;width:100%;height:100dvh}.aog-map-col{min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px;background:#173d2f;border:1px solid #305e48;border-radius:10px}.aog-logo{height:56px;flex:none;display:flex;align-items:center;padding:0 8px}.aog-logo img{display:block;max-width:100%;max-height:53px;object-fit:contain;object-position:left center}.aog-logo span{font-size:21px;font-weight:900;color:#c1f2b1}.map{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:8px;background:#132f23}.map svg{position:absolute;width:100%;height:100%;display:block}.credit{font-size:10px;color:#c8e7d0;min-height:18px;padding-top:5px;text-align:right}.aog-sidebar{min-height:0;display:flex;flex-direction:column;gap:9px;padding:12px 9px;background:#163a2b;border:1px solid #305e48;border-radius:10px}.aog-sidebar h2{margin:0;font-size:clamp(14px,1.5vw,23px)}.area-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.area-item{display:flex;align-items:center;gap:8px;border:1px solid #456c54;border-radius:8px;color:#e8f7e9;background:#234d39;min-height:31px;padding:5px 8px;cursor:pointer;font:inherit;text-align:left}.area-item.active{background:#b5edaa;color:#183624;border-color:#d5ffcd}.area-number{font-size:10px;font-weight:900;opacity:.75;min-width:18px}.area-emoji{font-size:17px}.area-title{font-size:clamp(11px,1.2vw,16px);font-weight:750;overflow-wrap:anywhere}.featured{border:1px solid #729474;background:#2a523c;border-radius:10px;padding:9px;flex:none}.featured-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#c3e9bc;font-weight:800}.featured-body{display:flex;gap:9px;align-items:center;min-height:70px}.featured-body>span{font-size:27px}.featured h3{margin:0;font-size:clamp(14px,1.5vw,20px)}.featured p{font-size:11px;line-height:1.35;margin:3px 0 0;color:#d8e9d5}.controls{display:flex;gap:6px}.controls button{background:#396d4c;color:white;border:1px solid #85b494;border-radius:6px;padding:6px;min-height:29px;cursor:pointer}.controls #toggleBtn{flex:1;font-weight:750}.progress{height:4px;background:#456f54;border-radius:6px;margin-top:7px;overflow:hidden}.progress span{display:block;width:0%;height:100%;background:#b9ef8d}.pin{cursor:pointer;outline:none}.pin .pin-core{fill:#164a36;stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 3px #0008)}.pin .pin-number{fill:#fff;font-size:11px;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pin .pin-halo{fill:#cbffa4;opacity:0}.pin.active .pin-core{fill:#bbf59d}.pin.active .pin-number{fill:#103b26}.pin.active .pin-halo{animation:blink 1.25s ease-in-out infinite}@keyframes blink{0%,100%{opacity:.15}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.pin.active .pin-halo{animation:none;opacity:.55}}@media(max-width:560px){.aog-shell{grid-template-columns:minmax(0,1.5fr) minmax(110px,.7fr);gap:5px;padding:4px}.aog-sidebar{padding:6px}.area-list{gap:3px}.area-item{min-height:27px;padding:3px}.featured{padding:5px}.featured p{display:none}.aog-logo{height:43px}.aog-logo img{max-height:40px}}