/* Vier farbige Homecomputer-Felder frei im CRT-Raum. */
.home-visual-v1 .os-data-station { position:relative; z-index:1; width:min(100%,920px); min-width:0; margin:0 auto; padding:0 2px; overflow:clip; color:#dce5e4; }
.os-data-chassis { position:relative; display:grid; }
.os-data-controls,.os-data-panel,.os-data-info-panel { grid-area:1/1; min-width:0; align-self:start; }
.os-data-station.is-data-open .os-data-controls,.os-data-station.is-info-open .os-data-controls { visibility:hidden; pointer-events:none; }
.os-data-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.os-data-controls { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.os-data-controls button { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; min-height:70px; padding:12px; overflow:hidden; border:0; border-radius:5px; background:#171820; color:#e9e9ef; font:inherit; text-align:center; cursor:pointer; transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease; }
.os-data-controls button::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 35%,currentColor 0,transparent 68%); opacity:.055; transition:opacity .18s ease; }
.os-data-controls button > * { position:relative; z-index:1; }
.os-data-controls button strong { overflow-wrap:anywhere; font-size:.83rem; font-weight:700; line-height:1.16; letter-spacing:.06em; text-shadow:0 0 2px currentColor,0 0 7px currentColor,0 0 14px color-mix(in srgb,currentColor 60%,transparent); }
.os-data-controls #os-data-view strong,.os-data-controls #os-data-info strong { text-shadow:0 0 2px currentColor,0 0 5px color-mix(in srgb,currentColor 52%,transparent); }
.os-data-controls #os-data-view { background-color:rgba(87,150,255,.24); box-shadow:inset 0 0 34px rgba(61,111,255,.22); color:#bcd4ff; }
.os-data-controls #os-data-export { background-color:rgba(57,217,138,.19); box-shadow:inset 0 0 34px rgba(57,217,138,.17); color:#a8ffd0; }
.os-data-controls #os-data-import { background-color:rgba(255,216,77,.32); box-shadow:inset 0 0 34px rgba(255,216,77,.18); color:#FFF0AC; }
.os-data-controls #os-data-info { --info-surface-alpha:.3; background-color:rgba(125,235,255,var(--info-surface-alpha)); box-shadow:inset 0 0 34px rgba(125,235,255,.2); color:#DDFBFF; }
@media (hover:hover) and (pointer:fine) {
    .os-data-controls #os-data-view:hover { background-color:rgba(87,150,255,.34); box-shadow:inset 0 0 40px rgba(61,111,255,.3); }
    .os-data-controls #os-data-export:hover { background-color:rgba(57,217,138,.29); box-shadow:inset 0 0 40px rgba(57,217,138,.26); }
    .os-data-controls #os-data-import:hover { background-color:rgba(255,216,77,.4); box-shadow:inset 0 0 40px rgba(255,216,77,.24); }
    .os-data-controls #os-data-info:hover { --info-surface-alpha:.4; box-shadow:inset 0 0 40px rgba(125,235,255,.29); }
    .os-data-controls #os-data-info:not(.is-terminal):hover { animation:lifeDataInfoHoverCrisis .8s steps(1,end) 1,lifeDataInfoSeizure 6.8s steps(1,end) infinite,lifeDataInfoShapeBreak 13.4s steps(1,end) infinite,lifeDataInfoColorBreak 9.7s steps(1,end) infinite; }
    .os-data-controls button:hover::after { opacity:.1; }
}
.os-data-controls button:focus-visible,.os-data-chassis button:focus-visible { outline:2px solid #fff0d0; outline-offset:3px; }
.os-data-controls button:active { transform:translateY(1px); }
.os-data-feedback { min-height:1.2em; margin:7px 6px 0; color:#aacdb0; font-size:.6rem; letter-spacing:.05em; overflow-wrap:anywhere; }
.os-data-feedback:empty { min-height:0; margin:0; }
.os-data-panel,.os-data-info-panel { position:relative; z-index:1; padding:16px; border:0; border-radius:5px; min-width:0; }
.os-data-panel[hidden],.os-data-info-panel[hidden] { display:none; }
.os-data-summary { display:block; padding-top:16px; }
.os-data-summary-section { min-width:0; padding:8px 0 4px; }
.os-data-summary-section h4 { margin:0 0 8px; color:#bce4c0; font-size:.78rem; font-weight:700; letter-spacing:.1em; text-shadow:0 0 2px currentColor,0 0 5px rgba(122,166,255,.24); }
.os-data-empty { color:#afc5b1; font-size:.7rem; }

/* Original front-face anomalies and timing, scoped to the relocated INFO button. */
.os-data-controls #os-data-info:not(.is-terminal) { grid-column:auto; aspect-ratio:auto; min-height:70px; overflow:visible; z-index:4; transform-origin:50% 50%; animation:lifeDataInfoSeizure 6.8s steps(1,end) infinite,lifeDataInfoShapeBreak 13.4s steps(1,end) infinite,lifeDataInfoColorBreak 9.7s steps(1,end) infinite; }
.life-data-info-front { position:relative; display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:5px; overflow:hidden; }
.life-data-card-info.is-terminal .life-data-info-front { display:none; }
.life-data-info-subtitle { position:relative; font-size:.55rem; line-height:1.2; letter-spacing:.045em; }
.life-data-card-info:not(.is-terminal) .life-data-info-subtitle::after { position:absolute; inset:0; display:flex; align-items:flex-start; justify-content:center; opacity:0; background:var(--background,#15121b); color:var(--foreground,#e9e9ef); white-space:nowrap; pointer-events:none; animation:lifeDataInfoMessageSwap 7.7s steps(1,end) infinite; content:"WO BIN ICH?"; }
.life-data-card-info:not(.is-terminal)::before,.life-data-card-info:not(.is-terminal)::after { content:""; position:absolute; pointer-events:none; opacity:0; z-index:8; }
.life-data-card-info:not(.is-terminal)::before { left:-10%; right:-10%; top:12%; height:2px; background:#7DEBFF; box-shadow:0 18px 0 rgba(127,168,255,.55),0 42px 0 rgba(57,217,138,.36),0 66px 0 rgba(244,234,247,.28); animation:lifeDataInfoHardScan 5.3s steps(1,end) infinite; }
.life-data-card-info:not(.is-terminal)::after { inset:-5px; border:1px solid transparent; animation:lifeDataInfoFalseFrame 11.1s steps(1,end) infinite; }
.life-data-alien-overlay { position:absolute; inset:0; z-index:7; pointer-events:none; opacity:0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr auto; gap:2px; padding:5px; background:linear-gradient(90deg,rgba(0,0,0,.94) 0 31%,rgba(127,168,255,.14) 31% 33%,rgba(0,0,0,.94) 33% 100%); border:1px dashed #B8CCFF; font-family:monospace; font-size:.48rem; line-height:1.05; letter-spacing:.02em; text-align:left; color:#B8CCFF; transform:skewX(-7deg); animation:lifeDataAlienIntrusion 8.9s steps(1,end) infinite; }
.life-data-alien-code { display:block; padding:2px 3px; background:rgba(16,11,26,.92); border-left:2px solid currentColor; white-space:nowrap; }
.life-data-alien-code-a { grid-column:1/3; color:#39D98A; }
.life-data-alien-code-b { grid-column:2; grid-row:2; color:#FF4FD8; align-self:center; }
.life-data-alien-code-c { grid-column:1; grid-row:3; color:#E6B94A; }
.life-data-alien-code-d { grid-column:2; grid-row:3; color:#62D9E8; }
.life-data-card-info:not(.is-terminal) .life-data-info-subtitle::after { animation:lifeDataInfoMessageSwap 7.7s steps(1,end) infinite; }
@keyframes lifeDataInfoSeizure { 0%,17%,23%,52%,56%,81%,85%,100%{transform:translate(0,0) rotate(0)}18%{transform:translate(-3px,1px) rotate(-.5deg)}19%{transform:translate(4px,-2px) rotate(.7deg)}20%{transform:translate(-2px,3px) rotate(-.4deg)}21%{transform:translate(3px,1px) rotate(.35deg)}22%{transform:translate(-1px,-1px) rotate(0)}53%{transform:translate(2px,0) rotate(.3deg)}54%{transform:translate(-4px,1px) rotate(-.6deg)}55%{transform:translate(1px,-2px) rotate(.2deg)}82%{transform:translate(0,2px) rotate(0)}83%{transform:translate(5px,-1px) rotate(.5deg)}84%{transform:translate(-3px,0) rotate(-.35deg)} }
@keyframes lifeDataInfoShapeBreak { 0%,38%,42%,69%,73%,100%{scale:1}39%{scale:1.10 .93}40%{scale:.94 1.08}41%{scale:1.04 1.02}70%{scale:1.17 .86}71%{scale:.88 1.15}72%{scale:1} }
@keyframes lifeDataInfoColorBreak { 0%,27%,31%,64%,68%,91%,100%{border-color:color-mix(in srgb,#7DEBFF 34%,transparent);background:rgba(125,235,255,var(--info-surface-alpha));filter:none}28%{border-color:#FF4FD8;background:rgba(255,79,216,.09);filter:saturate(1.4)}29%{border-color:#39D98A;background:rgba(57,217,138,.08);filter:contrast(1.14)}30%{border-color:#E6B94A;background:rgba(230,185,74,.06);filter:none}65%{border-color:#62D9E8;background:rgba(98,217,232,.10);filter:brightness(1.13)}66%{border-color:#F4EAF7;background:rgba(244,234,247,.07);filter:invert(.08)}67%{border-color:#7FA8FF;background:rgba(127,168,255,.03);filter:none}92%{border-color:#7DEBFF;background:rgba(125,235,255,.1)}93%{border-color:#7FA8FF;background:rgba(127,168,255,.02)} }
@keyframes lifeDataInfoMessageSwap { 0%,12%,100%{opacity:0;content:"WO BIN ICH?"}13%{opacity:1;content:"WO BIN ICH?";color:#FF4FD8}14%{opacity:0}36%{opacity:1;content:"HOST NICHT IM SCHIFF";color:#62D9E8}37%{opacity:0}58%{opacity:1;content:"AUSSEN != NICHTS";color:#39D98A}59%{opacity:0}79%{opacity:1;content:"WER LIEST DAS?";color:#E6B94A}80%{opacity:0} }
@keyframes lifeDataInfoHardScan { 0%,44%,49%,77%,80%,100%{opacity:0;transform:translateY(0)}45%{opacity:.85;transform:translateY(0)}46%{opacity:.25;transform:translateY(20px)}47%{opacity:.7;transform:translateY(48px)}48%{opacity:0;transform:translateY(76px)}78%{opacity:.65;transform:translateY(8px)}79%{opacity:0;transform:translateY(-24px)} }
@keyframes lifeDataInfoFalseFrame { 0%,61%,65%,100%{opacity:0}62%{opacity:1;inset:-8px 4px 5px -5px;border-color:#FF4FD8 #39D98A #62D9E8 #E6B94A}63%{opacity:.55;inset:3px -7px -4px 6px;border-color:#62D9E8 #FF4FD8 #E6B94A #39D98A}64%{opacity:0} }
@keyframes lifeDataAlienIntrusion { 0%,33%,36%,72%,75%,100%{opacity:0;transform:translateX(0) skewX(-7deg) scale(1)}34%{opacity:.96;transform:translateX(-5px) skewX(-7deg) scale(1.05,.92)}35%{opacity:.7;transform:translateX(4px) skewX(4deg) scale(.97,1.06)}73%{opacity:.92;transform:translateX(2px) skewX(-10deg) scale(1.02)}74%{opacity:0;transform:translateX(-4px) skewX(3deg) scale(.98)} }
@keyframes lifeDataInfoHoverCrisis { 0%,100%{transform:translate(0,0) scale(1)}15%{transform:translate(-4px,2px) scale(1.03,.97)}28%{transform:translate(5px,-1px) scale(.97,1.05)}41%{transform:translate(-2px,-3px) scale(1.06,.94)}55%{transform:translate(3px,1px) scale(.96,1.08)}70%{transform:translate(-1px,0) scale(1.02)} }

/* Existing terminal line activation, shared by DATEN and INFO. */
@keyframes lifeDataCardLineIn { 0%{opacity:0;transform:translateY(2px);filter:blur(.4px)}38%{opacity:.46}62%{opacity:.96;transform:none;filter:none}76%{opacity:.65}100%{opacity:1;transform:none;filter:none} }
@keyframes lifeDataWallScan { 0%,71%,100%{opacity:0;transform:translateY(0)}72%{opacity:.65;transform:translateY(0)}73%{opacity:.15;transform:translateY(34px)}74%{opacity:.52;transform:translateY(79px)}75%{opacity:0;transform:translateY(103px)} }
@keyframes lifeDataWallFlicker { 0%,84%,87%,96%,100%{opacity:0}85%{opacity:1}86%{opacity:.22}97%{opacity:.55}98%{opacity:0} }
@keyframes lifeDataCopyTwitch { 0%,68%,72%,100%{transform:none;opacity:1}69%{transform:translateX(2px);opacity:.58}70%{transform:translateX(-3px);opacity:1}71%{transform:none;opacity:.78} }

@media (max-width:600px) {
    .home-visual-v1 .os-data-station { width:100%; margin:0 auto; padding:0 1px; }
    .os-data-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .os-data-controls button { min-height:68px; padding:8px 5px; }
    .os-data-controls button strong { font-size:.7rem; }
    .os-data-panel,.os-data-info-panel { padding:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .os-data-controls #os-data-info:not(.is-terminal),.os-data-controls #os-data-info:not(.is-terminal)::before,.os-data-controls #os-data-info:not(.is-terminal)::after,.life-data-alien-overlay,.life-data-card-info:not(.is-terminal) .life-data-info-subtitle::after,.os-data-controls #os-data-info:not(.is-terminal):hover { animation:none!important; transform:none!important; scale:1!important; }
    .life-data-alien-overlay,.life-data-card-info:not(.is-terminal) .life-data-info-subtitle::after { display:none!important; }
    .os-data-controls button,.os-data-controls button::after { transition:none!important; }
}

/* Datenstation V2.1: dunkler CRT-Grund, DATEN-Blau als Phosphor. */
.home-visual-v1 .os-data-station.is-data-open .os-data-panel {
    padding: 26px 30px 30px;
    border: 0;
    border-radius: 5px;
    background: radial-gradient(ellipse at 18% 0, rgba(61,111,255,.09), transparent 48%), rgba(7,13,26,.96);
    box-shadow: inset 0 0 46px rgba(61,111,255,.135);
    color: var(--home-content);
    text-shadow: 0 0 3px rgba(155,204,255,.28), 0 0 9px rgba(61,111,255,.18);
    font-family: "Courier New", Courier, monospace;
    font-size: var(--font-system);
    line-height: 1.65;
    cursor: pointer;
}
.home-visual-v1 .os-data-station.is-info-open .os-data-info-panel {
    padding: 26px 30px 30px;
    background: radial-gradient(ellipse at 18% 0, rgba(125,235,255,.105), transparent 48%), rgba(5,20,29,.97);
    box-shadow: inset 0 0 46px rgba(125,235,255,.15);
    color: #D8F9FF;
    text-shadow: 0 0 3px rgba(199,247,255,.29), 0 0 9px rgba(125,235,255,.17);
    font-family: "Courier New", Courier, monospace;
    font-size: var(--font-system);
    line-height: 1.65;
    cursor: pointer;
}
.os-data-info-panel::before,.os-data-info-panel::after { content:""; position:absolute; pointer-events:none; opacity:0; }
.os-data-info-panel::before { left:0; right:0; top:19%; height:1px; background:#7DEBFF; animation:lifeDataWallScan 8.7s steps(1,end) infinite; }
.os-data-info-panel::after { inset:0; background:linear-gradient(transparent 0%,rgba(125,235,255,.025) 49%,rgba(125,235,255,.06) 50%,transparent 51%); background-size:100% 5px; animation:lifeDataWallFlicker 6.3s steps(1,end) infinite; }
.os-data-info-copy { position:relative; z-index:1; padding-right:7ch; }
.os-data-info-line { margin:0 0 19px; overflow-wrap:anywhere; }
.os-data-info-line:last-child { margin-bottom:0; }
.os-data-info-panel.is-reading .os-data-info-line { opacity:0; animation:lifeDataCardLineIn .32s steps(2,end) forwards; }
.os-data-info-panel.is-reading .os-data-info-line:nth-child(1) { animation-delay:.06s; }
.os-data-info-panel.is-reading .os-data-info-line:nth-child(2) { animation-delay:.34s; }
.os-data-info-panel.is-reading .os-data-info-line:nth-child(3) { animation-delay:.62s; }
.os-data-info-panel.is-reading .os-data-info-line:nth-child(4) { animation-delay:.9s; }
.os-data-info-panel.is-reading .os-data-info-line:nth-child(5) { animation-delay:1.18s; }
.os-data-info-browser { color:#7DEBFF; font:inherit; font-weight:700; text-shadow:0 0 3px rgba(125,235,255,.55),0 0 8px rgba(125,235,255,.28); }
.os-data-info-panel.is-reading .os-data-info-browser { animation:osDataConfirm .56s steps(3,end) .32s both; }
.os-data-sequence { margin: 0 0 22px; color: var(--home-content); }
.os-data-sequence > div { opacity: 0; transform: translateY(2px); transition: opacity .14s ease, transform .14s ease; overflow-wrap: anywhere; }
.os-data-sequence > div.is-visible { opacity: 1; transform: none; }
.os-data-sequence > div.is-visible:nth-child(3n) { animation:lifeDataCardLineIn .34s steps(2,end) both; }
.os-data-sequence > div.is-visible:nth-child(4n) { animation:osDataConfirm .4s steps(3,end) both; }
.os-data-sequence-title.is-visible { animation:osDataConfirm .5s steps(3,end) both; }
@keyframes osDataConfirm { 0%{opacity:0;filter:brightness(.5)} 30%{opacity:.8;filter:brightness(1.3)} 45%{opacity:.45;filter:brightness(.7)} 70%{opacity:1;filter:brightness(1.17)} 100%{opacity:1;filter:none} }
.os-data-panel.is-locating .os-data-observation,
.os-data-panel.is-locating .os-data-location-status,
.os-data-panel.is-locating .os-data-storage-title,
.os-data-panel.is-locating .os-data-summary { visibility: hidden; }
.os-data-sequence-title, .os-data-observation h3, .os-data-storage-title {
    color: var(--home-archive-active);
    font: inherit;
    font-weight: 700;
    letter-spacing: .07em;
}
.os-data-sequence-title { margin-bottom: 9px; padding-right: 7ch; }
.os-data-observation { margin-bottom: 19px; }
.os-data-observation h3 { margin: 0 0 8px; }
.os-data-panel.is-settled .os-data-observation h3 { animation:lifeDataCardLineIn .32s steps(2,end) both; }
.os-data-panel.is-settled .os-data-observation-row:nth-child(4n+2) { animation:lifeDataCardLineIn .3s steps(2,end) both; }
.os-data-panel.is-settled .os-data-observation-row:nth-child(4n+4) { animation:osDataConfirm .4s steps(3,end) both; }
.os-data-observation-row { display: flex; gap: .7em; flex-wrap: wrap; overflow-wrap: anywhere; }
.os-data-observation-row > :first-child { min-width: 17ch; color: var(--home-archive-muted); }
.os-data-observation-row > :last-child { color: var(--home-content); }
.home-visual-v1 .os-data-spock { position: absolute; top: 30px; right: 30px; transform: none; }
.os-data-location-status { margin: 0 0 42px; color: var(--home-archive-active); }
.os-data-panel.is-settled .os-data-location-status { animation:osDataConfirm .62s steps(3,end) both; }
.os-data-storage-title { margin: 0 0 16px; }
.os-data-summary { display: block; padding: 0; }
.os-data-summary-section { padding: 0 0 17px; }
.home-visual-v1 .os-data-station.is-data-open .os-data-summary-section h4 {
    margin: 0 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(98,217,232,.2);
    color: var(--home-archive-active);
    font-size: inherit;
    font-weight: 700;
}
.os-data-record { display: flex; justify-content: space-between; align-items: baseline; gap: .5em 1.5em; padding: 4px 0; overflow-wrap: anywhere; }
.os-data-record-label { color: var(--home-content); }
.os-data-record-status { color: var(--home-archive-muted); text-align: right; font-size: .9em; }
.home-visual-v1 .os-data-station.is-data-open .os-data-empty { color: var(--home-archive-muted); font-size: inherit; }
.os-data-reading-record { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 .8em; margin:5px 0 13px 1em; overflow-wrap:anywhere; }
.os-data-reading-title { grid-column:1/-1; color:var(--home-content); text-transform:uppercase; }
/* Gleicher Verlauf und dieselben Leuchtwerte wie die eReader-Fortschrittslinie. */
.os-data-reading-track { display:block; min-width:0; height:7px; align-self:center; overflow:hidden; background:rgba(117,200,255,.2); box-shadow:inset 0 1px rgba(207,234,255,.1); }
.os-data-reading-fill { display:block; height:100%; background:linear-gradient(90deg,#68e7ff 0%,#5796ff 38%,#a66cff 68%,#ff4fd8 100%); box-shadow:0 0 5px rgba(104,231,255,.66),0 0 12px rgba(166,108,255,.44),0 0 18px rgba(255,79,216,.2); }
.os-data-reading-value { color:var(--home-archive-muted); text-align:right; }
.os-data-reading-other { margin:2px 0 10px 1em; color:var(--home-archive-muted); }
.os-data-detail-list { margin:0 0 10px 1em; color:var(--home-archive-muted); }
.os-data-score-list { margin:2px 0 14px 1em; padding:0; list-style:none; }
.os-data-score-list:empty { display:none; }
.os-data-score-record { display:grid; grid-template-columns:3ch minmax(8ch,1fr) auto; gap:1em; padding:2px 0; }
.os-data-score-rank,.os-data-score-date { color:var(--home-archive-muted); }
.os-data-score-time { color:var(--home-content); }
@media (max-width: 600px) {
    .home-visual-v1 .os-data-station.is-data-open .os-data-panel { padding: 24px 14px 20px; }
    .home-visual-v1 .os-data-station.is-info-open .os-data-info-panel { padding:24px 14px 20px; }
    .os-data-info-copy { padding-right:6ch; }
    .home-visual-v1 .os-data-spock { top: 26px; right: 14px; }
    .os-data-observation-row > :first-child { min-width: 13ch; }
    .os-data-record { flex-wrap: wrap; }
    .os-data-record-status { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
    .os-data-sequence > div { transition: none; transform: none; }
    .os-data-sequence > div.is-visible,.os-data-panel.is-settled .os-data-observation h3,.os-data-panel.is-settled .os-data-observation-row,.os-data-panel.is-settled .os-data-location-status,.os-data-info-panel.is-reading .os-data-info-line,.os-data-info-panel.is-reading .os-data-info-browser,.os-data-info-panel::before,.os-data-info-panel::after { animation:none!important; opacity:1; filter:none; }
    .home-visual-v1 .os-data-spock .crew-personality-glyph::before { animation: none; }
}