2026-04-15 19:54:38 +00:00
<!doctype html> < html lang = de-de > < head > < meta charset = UTF-8 > < meta name = viewport content = "width=device-width,initial-scale=1" > < title > Bruder | DIGITALE ANARCHIE | KI-LABOR< / title > < link rel = stylesheet href = /css/style.css > < / head > < body class = bg-steampunk > < div class = "bg-gear gear-left" > ⚙< / div > < div class = "bg-gear gear-right" > ⚙< / div > < script > document . body . classList . add ( "js-enabled" ) < / script > < header class = main-header > < / header > < main class = container > < div id = declassified-overlay > < div class = scanlines > < / div > < div id = declassified-stamp > ZUGANG< br > GEWÄHRT< / div > < / div > < div class = "person-page-wrapper visible" style = padding-bottom:100px;opacity:1!important > < div class = person-nav-container style = "display:flex;flex-direction:column;align-items:center;gap:20px;margin:15px 0 30px" > < a href = / class = person-back > ← ZURÜCK ZUR BASIS< / a > < div class = person-nav-row style = display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative > < a href = /personen/mutti/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_mutti_comic_1.jpeg alt = MUTTI style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > MUTTI< / span >
< / a > < a href = /personen/vater/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_vater_comic_1.png alt = VATER style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > VATER< / span >
< / a > < a href = /personen/bruder/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_freddy_comic_1.png alt = BRUDER style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > BRUDER< / span >
< / a > < a href = /personen/schwester/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_meli_comic_1.png alt = SCHWESTER style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > SCHWESTER< / span >
< / a > < a href = /personen/sascha/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_sascha_comic_1.jpeg alt = SASCHA style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > SASCHA< / span >
< / a > < a href = /personen/sven/ class = person-nav-item > < div class = person-nav-portrait style = "width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)" > < img src = /img/comicFigures/hp_sven_comic_1.jpeg alt = SVEN style = width:100%;height:100%;object-fit:cover > < / div > < span class = person-nav-label style = "margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700" > SVEN< / span > < / a > < / div > < / div > < style > . person-nav-item { display : flex ; flex-direction : column ; align-items : center ; text-decoration : none ; transition : transform .2 s } . person-nav-item : hover { transform : scale ( 1.1 ) } . person-nav-item : hover . person-nav-label { color : #d4af37 !important } . person-back { display : inline-block ; color : rgba ( 212 , 175 , 55 , .6 ) ; font-size : .7 rem ; font-weight : 700 ; letter-spacing : 4 px ; text-decoration : none ; font-family : courier new , monospace ; border : 1 px solid rgba ( 212 , 175 , 55 , .25 ) ; padding : 6 px 20 px ; background : 0 0 ; text-transform : uppercase ; transition : all .2 s } . person-back : hover { color : #d4af37 ; border-color : rgba ( 212 , 175 , 55 , .6 ) ; background : rgba ( 212 , 175 , 55 , 5 % ) ; letter-spacing : 5 px } < / style > < div class = person-hero > < div class = person-hero-img style = background-image:url(/img/comicFigures/hp_freddy_comic_1.png) > < / div > < div class = person-hero-content > < div class = person-hero-badges > < span class = hero-badge > ZENTRAL-ARCHIV< / span >
< span class = "hero-badge red" > EINHEIT IDENTIFIZIERT< / span > < / div > < p class = person-pre-label style = "margin:12px 0 4px" > // ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //< / p > < div class = person-title-wrap > < span class = person-title-deco > ⟪< / span > < h1 class = person-glitch-title data-text = BRUDER > BRUDER< / h1 > < span class = person-title-deco > ⟫< / span > < / div > < p class = person-sub-label > STATUS: < span class = person-status-blink > OPERATIONAL< / span > < / p > < div class = stat-bars > < div class = stat-row > < span class = stat-label > GEFAHR< / span > < div class = stat-track > < div class = "stat-bar danger" data-val = 65 > < / div > < / div > < span class = stat-val > 65%< / span > < / div > < div class = stat-row > < span class = stat-label > STABILITÄT< / span > < div class = stat-track > < div class = "stat-bar stable" data-val = 85 > < / div > < / div > < span class = stat-val > 85%< / span > < / div > < div class = stat-row > < span class = stat-label > CHAOS< / span > < div class = stat-track > < div class = "stat-bar chaos" data-val = 50 > < / div > < / div > < span class = stat-val > 50%< / span > < / div > < div class = stat-row > < span class = stat-label > KOMPETENZ< / span > < div class = stat-track > < div class = "stat-bar kompetenz" data-val = 92 > < / div > < / div > < span class = stat-val > 92%< / span > < / div > < / div > < / div > < / div > < div class = alias-ticker-outer > < div class = alias-ticker-inner > < span > VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER · VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER · VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER< / span > < / div > < / div > < div class = container style = "max-width:900px;margin:0 auto;padding:0 20px" > < header style = margin-bottom:20px;display:none > < / header > < div class = timeline-track > < div class = "time-node right omega" > < div class = "time-content omega-node" > < div class = tc-header > < span class = tc-year > [ 1981 ]< / span >
< span class = tc-tag > BOOT // OMEGA-KLASSE< / span > < / div > < p > ⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste mechanische Diagnostik: Stabil. Ansaugtrakt kalibriert. Chaos-Index: ERHÖHT.< / p > < / div > < / div > < div class = "time-node left" > < div class = time-content > < div class = tc-header > < span class = tc-year > [ 1985 ]< / span >
< span class = tc-tag > KALIBRIERUNG< / span > < / div > < p > MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: REIBUNGSHITZE FESTGESTELLT.< / p > < / div > < / div > < div class = "time-node right" > < div class = time-content > < div class = tc-header > < span class = tc-year > [ 1990 ]< / span >
< span class = tc-tag > HARDWARE-SCAN< / span > < / div > < p > WERKZEUG-SYCHRONISATION erfolgreich. Erste Prototypen zerlegt (und meistens wieder zusammengebaut). Neugier-Protokolle dominierend.< / p > < / div > < / div > < div class = "time-node left" > < div class = time-content > < div class = tc-header > < span class = tc-year > [ 1995 ]< / span >
< span class = tc-tag > SYSTEM-UPDATE< / span > < / div > < p > BRENNKAMMER-UPDATE PHASE II. Fokus auf alles, was Kolben hat. Überschneidungen mit Overlord-System: Konstruktive Anarchie.< / p > < / div > < / div > < div class = "time-node right omega" > < div class = "time-content omega-node" > < div class = tc-header > < span class = tc-year > [ 1999 ]< / span >
< span class = tc-tag > UPGRADE // NITRO-INJEKTION< / span > < / div > < p > FÜHRERSCHEIN-KERNEL geladen. Mobilitäts-Radius um 500% erweitert. Systemvektor: VOLLGAS.< / p > < / div > < / div > < div class = "time-node left" > < div class = time-content > < div class = tc-header > < span class = tc-year > [ 2005 ]< / span >
< span class = tc-tag > OPTIMIERUNG< / span > < / div > < p > PROFESSIONELLE SCHRAUBER-ROUTINEN gestartet. Öl-Zufuhr stabilisiert. Verbindung zum Clan-Netzwerk: DURCHGEHEND GEFETTET.< / p > < / div > < / div > < div class = "time-node right" > < div class = time-content > < div class = tc-header > < span class = tc-year > [ 2015 ]< / span >
< span class = tc-tag > ANALYSE // POSITIV< / span > < / div > < p > LANGZEIT-ANALYSE: Alle Zylinder zünden synchron. Charaktermerkmale: Drehmomentstark. Überraschungskoeffizient: Präzise.< / p > < / div > < / div > < div class = "time-node left omega" > < div class = "time-content omega-node" > < div class = tc-header > < span class = tc-year > [ 2025 ]< / span >
< span class = tc-tag > AKTUELL // DAUERBETRIEB< / span > < / div > < p > STATUS: GNADENLOS AM SCHRAUBEN. Alles was fährt, wird optimiert. VERBINDUNGSQUALITÄT ZUM OVERLORD: 100% KOMPATIBEL.< / p > < / div > < / div > < / div > < div style = text-align:center;margin-top:60px > < button class = akte-label-btn onclick = 'document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"' > < div class = akte-label-top > < span class = akte-label-nr > DOKUMENT-NR. 1981 (Modellreihe Mark II)< / span >
< span class = akte-label-stamp > VERTRAULICH< / span > < / div > < div class = akte-label-divider > < / div > < div class = akte-label-title > AKTE: BRUDER< / div > < div class = akte-label-divider > < / div > < div class = akte-label-bottom > < span > STATUS: OPERATIONAL< / span >
< span > ▶ AKTE ÖFFNEN< / span > < / div > < / button > < / div > < style > . akte-label-btn { background : linear-gradient ( 180 deg , #1c1208 0 % , #0e0a04 100 % ) ; border : 1 px solid #5d3d1e ; border-left : 4 px solid #b87333 ; color : #d4af37 ; font-family : courier new , monospace ; cursor : pointer ; padding : 18 px 28 px ; width : 320 px ; text-align : left ; transition : all .2 s ; box-shadow : 2 px 2 px 12 px rgba ( 0 , 0 , 0 , .6 ) ; position : relative } . akte-label-btn :: before { content : '' ; position : absolute ; top : 6 px ; left : 6 px ; right : 6 px ; bottom : 6 px ; border : 1 px dashed rgba ( 184 , 115 , 51 , .2 ) ; pointer-events : none } . akte-label-btn : hover { border-left-color : #ff4500 ; box-shadow : 3 px 3 px 20 px rgba ( 184 , 115 , 51 , .2 ) ; background : linear-gradient ( 180 deg , #221508 0 % , #0e0a04 100 % ) } . akte-label-top { display : flex ; justify-content : space-between ; align-items : center ; margin-bottom : 10 px } . akte-label-nr { font-size : .6 rem ; color : rgba ( 212 , 175 , 55 , .4 ) ; letter-spacing : 1 px } . akte-label-stamp { font-size : .55 rem ; letter-spacing : 2 px ; color : #b71c1c ; border : 1 px solid #b71c1c ; padding : 1 px 6 px ; opacity : .8 } . akte-label-divider { border-top : 1 px solid rgba ( 184 , 115 , 51 , .25 ) ; margin : 8 px 0 } . akte-label-title { font-size : 1 rem ; font-weight : 700 ; letter-spacing : 4 px ; color : #d4af37 ; margin : 4 px 0 } . akte-label-bottom { display : flex ; justify-content : space-between ; font-size : .6 rem ; color : rgba ( 212 , 175 , 55 , .45 ) ; letter-spacing : 1 px ; margin-top : 4 px } . akte-label-btn : hover . akte-label-bottom span : last-child { color : #ff4500 } < / style > < / div > < / div > < div id = person-akte-modal style = position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px > < div style = display:flex;flex-direction:column;align-items:center;max-width:585px;width:95% > < div class = akte-inner style = "width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a" > < style > @ keyframes throw-sign { 0 % { transform : rotate ( -10 deg ) scale ( .7 ) translateY ( 500 px ) ; opacity : 0 } 100 % { transform : rotate ( -2 deg ) scale ( 1 ) translateY ( 0 ) ; opacity : 1 } } . akte-inner h1 { color : #2a1b0a !important ; font-size : 1.8 rem !important ; margin : 10 px 0 2 px !important ; text-shadow : none !important ; border-bottom : 2 px solid rgba ( 42 , 27 , 10 , .2 ) } . akte-inner div , . akte-inner p { font-size : .75 rem !important } . akte-inner . data-row { border-bottom : 1 px solid rgba ( 42 , 27 , 10 , .1 ) !important ; padding : 6 px 0 !important } . akte-inner . label { color : #5d4037 !important ; font-weight : 700 } . akte-inner . red-stamp { border : 2 px solid #b71c1c ; color : #b71c1c ; padding : 3 px 10 px ; font-weight : 700 ; transform : rotate ( 10 deg ) ; opacity : .8 ; font-size : .8 rem !important ; display : inline-block } < / style > < div style = display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px > < div class = red-stamp > TOP SECRET< / div > < button onclick = 'document.getElementById("person-akte-modal").style.display="none",document.body.style.overflow="auto"' style = "background:rgba(0,0,0,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.7rem!important" > [X] SCHLIESSEN< / button > < / div > < div style = "display:flex;gap:8px;margin-bottom:16px;border-bottom:1px dashed rgba(42,27,10,.2);padding-bottom:12px" > < button onclick = 'switchAkteFoto("/img/akte/hp_fredfdy_akte_1.png")' class = "akte-foto-btn akte-foto-active" data-foto = /img/akte/hp_fredfdy_akte_1.png style = "background:rgba(183,28,28,.15);border:1px solid #b71c1c;color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px" >
FOTO 1
< / button >
< button onclick = 'switchAkteFoto("/img/akte/hp_freddy_akte_2.png")' class = akte-foto-btn data-foto = /img/akte/hp_freddy_akte_2.png style = "background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px" >
FOTO 2
< / button >
< button onclick = 'switchAkteFoto("/img/akte/hp_freddy_akte_3.png")' class = akte-foto-btn data-foto = /img/akte/hp_freddy_akte_3.png style = "background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px" >
FOTO 3< / button > < / div > < div style = display:flex;gap:20px;align-items:flex-start > < div style = "position:relative;border:1px solid #2a1b0a;padding:3px;background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.2)" > < img src = /img/akte/hp_fredfdy_akte_1.png class = akte-foto style = width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick = 'document.getElementById("akte-foto-zoom").style.display="flex"' > < div style = "position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)" > GESPERRT< / div > < / div > < div id = akte-foto-zoom onclick = 'this.style.display="none"' style = display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out > < img src = /img/akte/hp_fredfdy_akte_1.png style = "max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a" > < / div > < div style = flex:1 > < div style = font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px > PROTOKOLL NR. 1974-Ø< / div > < h1 style = font-weight:700 > BRUDER< / h1 > < p style = "color:#5d4037;font-size:.7rem!important;margin:5px 0 10px" > ALIAS: VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER< / p > < div style = display:flex;gap:10px > < div style = "border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700" > STATUS: OPERATIONAL< / div > < div style = color:#2a1b0a;font-size:.6rem!important;font-weight:700 > GEFAHR: < span style = letter-spacing:1px > HOCH (wenn Werkzeug fehlt)< / span > < br > < img src = /img/akte/hp_totenkopf_1.png style = width:70px;height:70px;object-fit:contain;margin-top:4px > < / div > < / div > < / div > < / div > < div style = "margin-top:20px;border-top:2px solid rgba(42,27,10,.2)" > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > DESIGNATION:< / div > < div style = flex:1;font-weight:400 > Bruder< / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > GEBURTSDATUM:< / div > < div style = flex:1;font-weight:400 > 1981 (Modellreihe Mark II)
< span style = "background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px" > XXXXX< / span > < / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > BESCHÄFTIGUNG:< / div > < div style = flex:1;font-weight:400 > GNADENLOSER MECHANIKER-FUERST & DREHMOMENT-OPTIMIERER< / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > SPEZIALFÄHIGK.:< / div > < div style = flex:1;font-weight:400 > Turbo-Kompilierung · Motor-Flüstern · Spontane Hydraulik-Fixes< / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > BEKANNTE KOMPL.:< / div > < div style = flex:1;font-weight:400 > DREHMOMENTSCHLÜSSEL_v12 · SASCHA.exe · MUTTI.sys
< span style = "background:rgba(0,0,0,.8);color:transparent;margin-left:5px;padding:0 10px" > XXXXX< / span > < / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > LETZTE AKTIVITÄT:< / div > < div style = flex:1;font-weight:400 > GERADE JETZT< / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > STABILITÄT:< / div > < div style = flex:1;font-weight:400 > MASSIV (wie ein V8-Block)< / div > < / div > < div class = data-row style = display:flex;align-items:center > < div class = label style = width:160px;letter-spacing:1px > STANDORT:< / div > < div style = flex:1;font-weight:400 > WERKSTATT-KNOTEN 01 (ÖLVERSCHMIERT)< / div > < / div > < / div > < div style = margin-top:20px;display:flex;justify-content:space-between;align-items:flex-end > < div style = display:flex;align-items:center;gap:10px;opacity:.7 > < div style = width:35px;height:35px > < svg viewBox = "0 0 100 100" stroke = "#2a1b0a" fill = "none" > < circle cx = "50" cy = "50" r = "40" / > < path d = "M30 50q20-40 40 0T30 50z" / > < / svg > < / div > < div style = font-size:.6rem!important;color:#2a1b0a;line-height:1.2 > ID-SCAN: 94.7%< br > VERIFIZIERT< / div > < / div > < div style = "font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px" > ARCHIV_PERMANENT< / div > < / div > < / div > < / div > < / div > < style > . akte-foto { transition : transform .2 s , box-shadow .2 s } . akte-foto : hover { transform : scale ( 1.04 ) ; box-shadow : 0 0 15 px rgba ( 184 , 115 , 51 , .7 ) } . akte-foto-btn { transition : all .2 s } . akte-foto-btn : hover { background : rgba ( 183 , 28 , 28 , .1 ) !important ; border-color : #b71c1c !important } . akte-foto-active { background : rgba ( 183 , 28 , 28 , .15 ) !important ; border-color : #b71c1c !important } . time-node . omega . time-content { border : 2 px solid rgba ( 255 , 69 , 0 , .6 ) !important ; box-shadow : inset 0 0 12 px rgba ( 255 , 69 , 0 , .15 ) , 0 0 10 px rgba ( 255 , 0 , 0 , .2 ) ; animation : omega-pulse 3 s infinite alternate ; background : linear-gradient ( 135 deg , rgba ( 80 , 20 , 10 , .95 ) , rgba ( 30 , 0 , 0 , .95 ) ) !important } . time-node . omega . node-dot { border-color : #ff4500 !important ; background : radial-gradient ( circle , #ff0000 0 % , #330000 100 % ) !important ; box-shadow : 0 0 8 px rgba ( 255 , 69 , 0 , .4 ) ; animation : omega-dot-pulse 3 s infinite alternate ease-in-out } . node-dot { box-shadow : 0 0 8 px rgba ( 212 , 175 , 55 , .4 ) ; transition : all .3 s ease } . time-node . omega . tc-year { color : #ff4500 !important ; text-shadow : 0 0 10 px #ff4500 ; font-weight : 900 !important } @ keyframes omega-dot-pulse { 0 % { box-shadow : 0 0 5 px rgba ( 255 , 69 , 0 , .3 ) } 100 % { box-shadow : 0 0 12 px rgba ( 255 , 69 , 0 , .6 ) } } @ keyframes omega-pulse { 0 % { box-shadow : inset 0 0 8 px rgba ( 255 , 69 , 0 , .1 ) , 0 0 6 px rgba ( 255 , 0 , 0 , .15 ) ; border-color : rgba ( 255 , 69 , 0 , .4 ) } 100 % { box-shadow : inset 0 0 18 px rgba ( 255 , 69 , 0 , .25 ) , 0 0 14 px rgba ( 255 , 0 , 0 , .3 ) ; border-color : rgba ( 255 , 69 , 0 , .8 ) } } @ keyframes omega-dot-blink { 50 % { opacity : 0 ; transform : scale ( 1.5 ) } } < / style > < style > # d e c l a s s i f i e d - o v e r l a y { p o s i t i o n : f i x e d ; i n s e t : 0 ; z - i n d e x : 9 9 9 9 9 ; p o i n t e r - e v e n t s : n o n e ; b a c k g r o u n d : r g b a ( 0 , 0 , 0 , . 9 2 ) ; d i s p l a y : f l e x ; a l i g n - i t e m s : c e n t e r ; j u s t i f y - c o n t e n t : c e n t e r ; t r a n s i t i o n : o p a c i t y . 8 s e a s e } # d e c l a s s i f i e d - o v e r l a y . g o n e { o p a c i t y : 0 ; p o i n t e r - e v e n t s : n o n e } . s c a n l i n e s { p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b a c k g r o u n d : r e p e a t i n g - l i n e a r - g r a d i e n t ( 0 , t r a n s p a r e n t , t r a n s p a r e n t 2 p x , r g b a ( 0 , 2 5 5 , 0 , . 0 1 5 ) 2 p x , r g b a ( 0 , 2 5 5 , 0 , . 0 1 5 ) 4 p x ) ; p o i n t e r - e v e n t s : n o n e } # d e c l a s s i f i e d - s t a m p { f o n t - f a m i l y : c o u r i e r n e w , m o n o s p a c e ; f o n t - s i z e : 3 . 5 r e m ; f o n t - w e i g h t : 9 0 0 ; c o l o r : # b 7 1 c 1 c ; b o r d e r : 6 p x s o l i d # b 7 1 c 1 c ; p a d d i n g : 2 0 p x 4 0 p x ; l e t t e r - s p a c i n g : 8 p x ; t e x t - a l i g n : c e n t e r ; l i n e - h e i g h t : 1 . 2 ; t r a n s f o r m : r o t a t e ( - 1 2 d e g ) s c a l e ( 0 ) ; o p a c i t y : 0 ; t e x t - s h a d o w : 0 0 3 0 p x r g b a ( 1 8 3 , 2 8 , 2 8 , . 5 ) ; b o x - s h a d o w : 0 0 4 0 p x r g b a ( 1 8 3 , 2 8 , 2 8 , . 3 ) , i n s e t 0 0 4 0 p x r g b a ( 1 8 3 , 2 8 , 2 8 , . 1 ) ; a n i m a t i o n : s t a m p - i n . 4 s . 3 s c u b i c - b e z i e r ( . 1 7 5 , . 8 8 5 , . 3 2 , 1 . 2 7 5 ) f o r w a r d s } @ k e y f r a m e s s t a m p - i n { t o { t r a n s f o r m : r o t a t e ( - 1 2 d e g ) s c a l e ( 1 ) ; o p a c i t y : . 8 5 } } . p e r s o n - h e r o { p o s i t i o n : r e l a t i v e ; w i d t h : 1 0 0 % ; m i n - h e i g h t : 3 0 0 p x ; b a c k g r o u n d : l i n e a r - g r a d i e n t ( 1 3 5 d e g , # 0 a 0 6 0 0 0 % , # 1 2 0 e 0 6 6 0 % , # 0 a 0 6 0 0 1 0 0 % ) ; b o r d e r - b o t t o m : 1 p x s o l i d r g b a ( 1 8 4 , 1 1 5 , 5 1 , . 3 ) ; o v e r f l o w : h i d d e n ; d i s p l a y : f l e x ; a l i g n - i t e m s : c e n t e r ; m a r g i n - b o t t o m : 0 } . p e r s o n - h e r o : : b e f o r e { c o n t e n t : ' ' ; p o s i t i o n : a b s o l u t e ; i n s e t : 0 ; b a c k g r o u n d : r e p e a t i n g - l i n e a r - g r a d i e n t ( 0 , t r a n s p a r e n t , t r a n s p a r e n t 3 p x , r g b a ( 1 8 4 , 1 1 5 , 5 1 , 3 % )
< span class = ticker-item style = "font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase" > [ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]< / span > < / div > < / div > < / div > < style > @ keyframes ticker-scroll { 0 % { transform : translateX ( 0 ) } 100 % { transform : translateX ( -50 % ) } } . ticker-item :: before { content : '▶ ' ; color : rgba ( 255 , 69 , 0 , .5 ) } . ticker-track : hover { animation-play-state : paused } < / style > < script > ( function ( ) { const e = document . getElementById ( "ticker-track-global" ) ; if ( ! e ) return ; const t = [ "STATUS: HUGO OPERATIONAL" , "DESIGNATION: OVERLORD SASCHA" , "KAFFEESTAND: KRITISCH" , "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST" , "MISSION: TOTALE KONTROLLE" , "DATENINTEGRITÄT: ABSOLUT" , "WARNUNG: SYSTEM EXTREM SCHNELL" , "GEMINI NEURAL LINK: AKTIV" ] ; e . innerHTML = "" , [ ... t , ... t ] . forEach ( t => { const n = document . createElement ( "span" ) ; n . className = "ticker-item" , n . style . cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;" , n . textContent = t , e . appendChild ( n ) } ) } ) ( ) < / script > < script src = /js/script.js > < / script > < / body > < / html >
