.bg-noise { position: fixed; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(255,255,255,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(circle at center, black, transparent 88%); }
.phone-shell { position: relative; z-index: 1; width: min(100%, 520px); margin: 0 auto; padding: calc(16px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom)); }
.status-grid, .quick-facts, .module-grid, .op-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.stack-list, .timeline, .flow-line, .reading-order, .path-list { display: grid; gap: 10px; }
.screen { display: none; }
.screen.active { display: block; }