/* Shared Cyber-Deck telemetry, holographic cards and Breach Protocol. */
#cyber-diagnostics-bar{position:fixed;inset:0 0 auto;z-index:10;min-height:34px;padding:7px max(18px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;font:8px/1.8 var(--font-mono);color:var(--muted);background:var(--bg-glass);backdrop-filter:blur(12px);border-bottom:1px solid #1f2937;letter-spacing:.3px}#cyber-diagnostics-bar>span,#cyber-diagnostics-bar time{white-space:nowrap}.diagnostics-label{margin-right:auto;color:var(--primary)}.diagnostic-pill{display:inline-flex;align-items:center;gap:6px}.diagnostic-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.diagnostic-pill.online{color:#6ddbb0}.diagnostic-pill.latency{color:#edc069}.diagnostic-pill.offline{color:#f38181}.diagnostic-pill.checking:before{animation:cyber-blink 1s ease infinite}html[data-lifeos-shell]{--diagnostics-height:34px}html[data-lifeos-shell] #site-content{margin-top:var(--diagnostics-height);height:calc(100dvh - var(--deck-height) - var(--diagnostics-height))}
.holo-card{position:relative;isolation:isolate;transform-style:preserve-3d;--holo-x:50%;--holo-y:50%}.holo-card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(57,197,187,0) 0%,rgba(57,197,187,.15) 40%,rgba(157,78,221,.2) 60%,rgba(216,50,50,0) 100%);background-size:220% 220%;background-position:var(--holo-x) var(--holo-y);mix-blend-mode:screen;opacity:.3;transition:opacity .2s;z-index:0}.holo-card:hover::after,.holo-card:focus-within::after{opacity:.8}.holo-card>.js-tilt-glare{pointer-events:none;z-index:1}.holo-card>:not(.js-tilt-glare){position:relative;z-index:2}.quote-bubble.holo-card{flex-wrap:wrap;overflow:visible}.quote-bubble.holo-card p{flex-basis:75%}.holo-copy{font:8px var(--font-mono);min-height:34px;margin-top:12px;position:relative;z-index:3}.quote-bubble .holo-copy{margin-top:0;margin-left:auto}.holo-copy.copied{color:var(--primary);border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.holo-card .hadith-text{font-family:var(--font-sans)}.breach-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:22px;background:linear-gradient(120deg,#39c5bb08,transparent),var(--bg-card)}.breach-launch h3{font-size:16px;margin:8px 0}.breach-launch p{margin-bottom:0}.breach-launch button{min-height:44px}
#breach-terminal{width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:26px;background:var(--bg-glass);backdrop-filter:blur(12px);color:var(--text);border:1px solid var(--border-glow);border-radius:12px;box-shadow:0 20px 100px #000b;font-family:var(--font-sans)}#breach-terminal::backdrop{background:#02060cce;backdrop-filter:blur(12px)}.breach-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.breach-heading h2{font:600 27px var(--font-sans);letter-spacing:-1px;margin:9px 0 0}.breach-heading h2 span{color:var(--primary)}.breach-heading button{min-width:44px;min-height:44px}.breach-status-line{display:flex;justify-content:space-between;gap:16px;padding:16px 0;margin:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font:9px var(--font-mono);color:var(--primary)}#breach-timer{font-size:14px;font-variant-numeric:tabular-nums}.breach-target,.breach-buffer{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--font-mono);color:var(--muted)}#breach-target{display:flex;gap:7px}#breach-target span{padding:8px 12px;border:1px solid var(--border-glow);border-radius:6px;background:var(--bg-main);color:var(--text);font-size:14px}#breach-target .matched{color:var(--primary);border-color:var(--primary)}#breach-target .mismatch{color:#ffa1a1;border-color:var(--secondary)}.breach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.breach-grid button{min-height:58px;border:1px solid var(--primary);border-radius:8px;color:var(--primary);background:#39c5bb09;font:18px var(--font-mono);cursor:pointer;transition:background-color .2s,box-shadow .2s}.breach-grid button:disabled{opacity:.35;border-color:var(--border);background:var(--bg-main);color:var(--muted);cursor:not-allowed}.breach-grid button.selected{opacity:1;color:var(--text);border-color:var(--accent);background:#9d4edd1a}.breach-grid button:hover:not(:disabled){background:#39c5bb20;box-shadow:0 0 18px #39c5bb25}.breach-grid button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.breach-buffer{padding:16px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px}#breach-buffer{font-size:12px;color:var(--primary)}#breach-result{font:11px/1.8 var(--font-mono);min-height:40px;margin:20px 0 8px}.breach-actions{display:flex;gap:10px;margin-top:20px}.breach-actions button{min-height:44px}.breach-actions .small-button{color:var(--primary);background:transparent;border:1px solid var(--border-glow);border-radius:8px;padding:8px 14px}#breach-terminal[data-phase=granted]{border-color:var(--primary);animation:breach-granted .5s ease}#breach-terminal[data-phase=granted] #breach-result{color:var(--primary)}#breach-terminal[data-phase=failed]{border-color:var(--secondary);animation:breach-shake .35s ease}#breach-terminal[data-phase=failed] #breach-result{color:#ff9c9c}@keyframes breach-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes breach-granted{50%{box-shadow:0 0 60px var(--primary-glow)}}
@media(max-width:760px){#cyber-diagnostics-bar{justify-content:space-between;gap:3px 12px;padding:6px 14px;font-size:7px}.diagnostics-label{display:none}#diagnostics-render{flex-basis:50%}#diagnostics-local{margin-left:auto}#diagnostics-net{order:2}#diagnostics-local,#diagnostics-tokyo{order:3}html[data-lifeos-shell]{--diagnostics-height:50px}.breach-launch{align-items:flex-start;flex-direction:column;padding:20px}.breach-launch button{width:100%}#breach-terminal{padding:20px}.breach-heading h2{font-size:23px}.breach-grid{gap:8px}.breach-grid button{min-height:52px;font-size:16px}.breach-target,.breach-buffer{font-size:8px}#breach-target span{padding:7px 9px}.holo-copy{min-height:40px}}
@media(prefers-reduced-motion:reduce){.holo-card{transform:none!important}.holo-card::after{background-position:50% 50%;opacity:.25}.diagnostic-pill.checking:before,#breach-terminal[data-phase]{animation:none}}
#breach-terminal{max-width:calc(100% - 24px)}#breach-terminal .hint{font-size:11px;line-height:1.7;color:var(--muted)}#breach-terminal #breach-quota{font:9px/1.8 var(--font-mono)}