#app .performance-settings{margin:24px 0;border-top:1px solid var(--edge-strong);padding-top:12px}
#app .performance-settings summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800;color:var(--brand-cream)}
#app .performance-settings summary:focus-visible,#app .performance-option:focus-within{outline:3px solid var(--gold-hi);outline-offset:3px;border-radius:4px}
#app .performance-option{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:15px;line-height:1.4}
#app .performance-option input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--gold-hi)}
#app .performance-settings p{margin:12px 0;max-width:65ch;font-size:13px}
#app .performance-fps-control{margin:16px 0}
#app .performance-fps-control>label{display:block;font-weight:800;margin-bottom:8px}
#app .performance-fps-control select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--edge-strong);border-radius:8px;background:#071a17;color:var(--brand-cream);font:inherit;color-scheme:dark}
#app .performance-fps-control select:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
.performance-readings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px;background:#071a17;border:1px solid var(--edge-strong);border-radius:12px;font-size:13px;line-height:1.4}
.performance-readings dt{color:var(--muted);overflow-wrap:anywhere}
.performance-readings dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--brand-cream)}
.performance-hud{position:fixed;z-index:20;right:max(12px,env(safe-area-inset-right));top:calc(144px + env(safe-area-inset-top));max-width:calc(100vw - 24px);padding:8px 12px;border:1px solid #7da58d;border-radius:8px;background:#071a17ed;color:#fff3db;font:12px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:pre-line;pointer-events:none}
@media(max-width:480px){.performance-readings{font-size:12px;gap:10px 8px;padding:12px}.performance-hud{font-size:11px;top:calc(138px + env(safe-area-inset-top));padding:6px 9px}}
@media(max-height:480px){.performance-hud{top:calc(110px + env(safe-area-inset-top))}}