/* EduFabTech — physics.css (fizik simülasyonları, 16 Eki 2026). electronics.css'in el-* bileşenleri üstüne; önek ph-. */
.ph-grid { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 22px; align-items: start; }
.ph-stage { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.045) 1px, transparent 1.5px) 0 0 / 18px 18px, #0b1016; box-shadow: inset 0 0 40px rgba(0,0,0,.45); }
.ph-scene { display: block; width: 100%; height: auto; }
.ph-controls { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 10px; border-top: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.2); }
.ph-controls .gp-tool { min-width: 72px; }
.ph-speed { font-size: 12px; color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; }
.ph-speed select { background: #0a0e14; color: var(--text); border: 1px solid var(--border-2); border-radius: 8px; font-size: 12px; padding: 3px 6px; }
.ph-time { flex: 1 1 140px; height: 22px; }
.ph-t { font-size: 12.5px; color: var(--neon-2); min-width: 86px; text-align: right; }
.ph-graph-box { border: 1px solid var(--border); border-radius: 14px; padding: 8px 10px 10px; background: #0b1016; }
.ph-graph-head { font-size: 12px; color: var(--text-2); margin-bottom: 4px; font-family: var(--mono); }
.ph-graph { display: block; width: 100%; height: auto; }
@media (max-width: 1000px) { .ph-grid { grid-template-columns: 1fr; } .el-visual { order: -1; } }