/* V3.6.3 browser-local performance panel and lightweight interface option.
 * No rules change #globe, .stage, the Three.js canvas, camera, ocean or rotation.
 */
.ph-performance-lens{margin:12px 18px 16px;border:1px solid #557b87;border-radius:14px;background:linear-gradient(160deg,#153340,#0b2633);overflow:hidden;color:#e7f6f2}
.ph-performance-lens>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px}
.ph-performance-lens>summary::-webkit-details-marker{display:none}
.ph-performance-lens summary strong{display:block;font:800 11px/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:.08em;color:#d6ffec}
.ph-performance-lens summary small{display:block;font:500 9px/1.5 system-ui,sans-serif;color:#b0cdd2;margin-top:3px}
.ph-performance-lens summary .ph-perf-chevron{color:#a3f4d9;font-size:17px}
.ph-performance-lens[open] .ph-perf-chevron{transform:rotate(180deg)}
.ph-performance-lens summary:focus-visible{outline:3px solid #f7ff9d;outline-offset:-3px}
.ph-performance-inner{border-top:1px solid #517a85;padding:13px}
.ph-performance-readings{margin:0;display:grid;gap:6px}
.ph-performance-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:#0b2431;border:1px solid #305562;border-radius:8px;padding:8px 9px}
.ph-performance-row dt{color:#acc8ce;font:550 10px/1.5 system-ui,sans-serif}
.ph-performance-row dd{margin:0;color:#eefff7;font:740 10px/1.5 system-ui,sans-serif;text-align:right;overflow-wrap:anywhere}
.ph-performance-note{color:#aecdce;font:500 10px/1.6 system-ui,sans-serif;margin:12px 0}
.ph-performance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ph-performance-actions button{min-height:44px;border:1px solid #5b9d94;border-radius:9px;background:#205346;color:#effff8;padding:9px;font:750 10px/1.4 system-ui,sans-serif;cursor:pointer}
.ph-performance-actions button:hover{background:#2f6d58}
.ph-performance-actions button:focus-visible{outline:3px solid #f2ff9c;outline-offset:3px}
body[data-ph-lite=on] .sidebar,body[data-ph-lite=on] .intel,body[data-ph-lite=on] .ph-control-ribbon{box-shadow:none!important;background-image:none!important}
body[data-ph-lite=on] .sidebar .start-here,body[data-ph-lite=on] .intel .metric-grid,body[data-ph-lite=on] .ph-source-panel,body[data-ph-lite=on] .ph-performance-lens{box-shadow:none!important;background-image:none!important}
body[data-ph-lite=on] .sidebar .layer,body[data-ph-lite=on] .ph-ribbon-link{transition:none!important}
@media(max-width:530px){.ph-performance-lens{margin:10px 12px 13px}.ph-performance-actions{grid-template-columns:1fr}.ph-performance-row{display:grid;gap:2px}.ph-performance-row dd{text-align:left}}
@media(prefers-reduced-motion:reduce){.ph-performance-lens .ph-perf-chevron{transition:none}}