/* Gemeinsame raue Metalloberfläche wie auf den vier oberen Bildkacheln */
.tile:not(.tile-image),
.panel,
.bottom > *,
.post {
  background-color: #080d0f !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='140' viewBox='0 0 180 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg, rgba(185,198,200,.07) 0 1px, transparent 1px 3px),
    linear-gradient(145deg, rgba(29,39,41,.96) 0%, rgba(12,18,20,.98) 45%, rgba(4,8,10,.99) 100%) !important;
  background-blend-mode: soft-light, normal, normal !important;
}
/* Foto-Kacheln behalten ihr Motiv; nur die Metallkontur wird vereinheitlicht. */
.tile.tile-image, .side-card, .hero, .community-card {
  border-color: #697477 !important;
}
/* Zusätzliche dezente Kratzer und Kantenabrieb auf den Flächen ohne Foto */
.tile:not(.tile-image)::after,
.panel::after,
.bottom > *::after,
.post::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  opacity: .45;
  background:
    linear-gradient(112deg, transparent 0 12%, rgba(190,202,203,.12) 12.15%, transparent 12.5% 66%, rgba(190,202,203,.08) 66.2%, transparent 66.5%),
    linear-gradient(2deg, transparent 0 78%, rgba(200,210,211,.08) 78.2%, transparent 78.5%);
  mix-blend-mode: screen;
}

/* Video Tipp: kleiner, unauffälliger Pin zum privaten Adminbereich */
.video-admin-pin{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:8px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(0,0,0,.42);font-size:13px;text-decoration:none;opacity:.72;transition:opacity .2s,border-color .2s}
.video-admin-pin:hover{opacity:1;border-color:#e34232}


/* COMMAND – animierte Status-Konsole im militärisch-industriellen Stil */
.command-heading{align-items:center}
.command-heading h2{display:flex;align-items:center;gap:8px}
.command-helmet{width:14px;height:14px;object-fit:contain;image-rendering:pixelated;opacity:.95;filter:drop-shadow(0 0 4px rgba(226,139,45,.25))}
.command-classification{font:700 8px/1.4 monospace;letter-spacing:1.1px;color:#a0aaa8;border:1px solid #3d4949;padding:4px 6px;background:rgba(0,0,0,.3)}
.command-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.command-status{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;min-height:112px;padding:10px 9px 12px;overflow:hidden;text-decoration:none;color:#e8eded;background:linear-gradient(135deg,rgba(32,43,42,.96),rgba(5,10,11,.98) 65%);border:1px solid #46534f;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:border-color .2s,transform .2s}
.command-status:hover{border-color:#c8792b;transform:translateY(-2px)}
.status-top{display:flex;align-items:center;gap:6px;position:relative;z-index:1}
.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8fae79;box-shadow:0 0 7px rgba(143,174,121,.75);animation:commandPulse 1.8s ease-in-out infinite}
.status-standby{background:#d59b45;box-shadow:0 0 7px rgba(213,155,69,.7);animation:none}
.status-label,.status-code{font:700 8px/1.2 monospace;letter-spacing:1px;color:#9eaaa6}
.status-code{margin-left:auto;color:#c27a35}
.status-title{position:relative;z-index:1;font:900 clamp(12px,1.5vw,16px)/1 monospace;letter-spacing:1px}
.status-detail{position:relative;z-index:1;font:700 8px/1.5 monospace;letter-spacing:.45px;color:#b0bcb6;overflow-wrap:anywhere}
.status-scan{position:absolute;left:0;right:0;top:-40%;height:28%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(172,190,164,.07),transparent);animation:commandScan 5s linear infinite}
.command-status:nth-child(2) .status-scan{animation-delay:1.2s}
.command-status:nth-child(3) .status-scan{animation-delay:2.4s}
@keyframes commandPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes commandScan{0%{top:-40%}100%{top:120%}}
@media(max-width:600px){.command-status-grid{gap:5px}.command-status{padding:8px 6px;min-height:108px;gap:8px}.status-label,.status-code,.status-detail{font-size:7px}.command-classification{font-size:7px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.status-dot,.status-scan{animation:none}.command-status{transition:none}}

/* Animierte Pegelanzeige für die COMMAND-Statusfelder */
.status-meter{position:relative;z-index:1;display:flex;align-items:flex-end;gap:3px;height:13px;margin-top:auto;padding-top:2px;opacity:.92}
.status-meter i{display:block;width:4px;height:25%;min-height:3px;background:#8fae79;box-shadow:0 0 4px rgba(143,174,121,.3);animation:commandMeter .9s ease-in-out infinite alternate;transform-origin:bottom}
.status-meter i:nth-child(3n){animation-duration:1.2s}.status-meter i:nth-child(4n){animation-delay:-.45s}.status-meter i:nth-child(2n){animation-delay:-.2s}.status-meter i:nth-child(5n){animation-delay:-.65s}
.command-status:nth-child(1) .status-meter i{background:#d59b45;box-shadow:0 0 5px rgba(213,155,69,.35)}
.command-status:nth-child(3) .status-meter i{background:#b7c0a0}
@keyframes commandMeter{0%{height:18%;opacity:.5}35%{height:45%;opacity:.8}70%{height:78%;opacity:1}100%{height:35%;opacity:.65}}
@media(prefers-reduced-motion:reduce){.status-meter i,.status-dot,.status-scan{animation:none!important}}

/* COMMAND CENTER // LIVE – Radar, taktische Karte und Missionslog */
.command-heading{display:block!important;margin-bottom:10px}.command-heading h2{margin-bottom:5px}.command-subtitle{font:700 8px/1.5 monospace;letter-spacing:1.4px;color:#aab7a9;margin:2px 0 7px 22px}.command-classification{display:inline-block;margin:2px 0 0 22px;color:#a9c09b;border-color:#536451;letter-spacing:1.3px}
.tactical-center{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.tactical-module{min-width:0;overflow:hidden;border:1px solid #3e4d45;background:linear-gradient(145deg,rgba(20,29,25,.98),rgba(4,9,8,.98));padding:8px;position:relative}.tactical-label{display:flex;justify-content:space-between;gap:5px;align-items:center;font:700 8px/1.4 monospace;letter-spacing:.65px;color:#aeb9ae;margin-bottom:7px}.tactical-live{color:#9cbb83;animation:commandPulse 2s infinite}.radar-screen{height:112px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(67,106,65,.25),rgba(4,13,9,.95) 72%);border:1px solid #334b38}.radar-rings{position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 12px,rgba(129,167,110,.28) 13px 14px)}.radar-cross{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(129,167,110,.22) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(129,167,110,.22) 50%,transparent 50.5%)}.radar-sweep{position:absolute;width:50%;height:50%;left:50%;top:50%;transform-origin:0 0;background:conic-gradient(from 0deg,rgba(129,190,99,.02),rgba(129,190,99,.4));clip-path:polygon(0 0,100% 0,0 100%);animation:radarRotate 4s linear infinite}.radar-blip,.map-point{position:absolute;width:5px;height:5px;border-radius:50%;background:#d6e9a4;box-shadow:0 0 7px #9ecf75;animation:commandPulse 1.6s infinite}.blip-one{left:62%;top:32%}.blip-two{left:35%;top:63%;animation-delay:.6s}.blip-three{left:72%;top:68%;animation-delay:1s}.radar-coord,.map-coord{position:absolute;bottom:4px;left:5px;font:6px monospace;letter-spacing:.4px;color:#9aaa8e}.tactical-map{height:112px;position:relative;overflow:hidden;border:1px solid #33453b;background:linear-gradient(135deg,#17251d,#0a120e)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,169,123,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(139,169,123,.13) 1px,transparent 1px);background-size:16px 16px}.map-contours{position:absolute;inset:-20%;opacity:.45;background:repeating-radial-gradient(ellipse at 40% 40%,transparent 0 9px,rgba(145,173,123,.32) 10px 11px,transparent 12px 18px);transform:rotate(-18deg);animation:contourDrift 12s linear infinite}.map-route{position:absolute;left:17%;top:68%;width:68%;height:2px;background:#d59b45;transform:rotate(-28deg);box-shadow:0 0 5px #d59b45}.point-a{left:17%;top:65%}.point-b{left:48%;top:48%;background:#d59b45;box-shadow:0 0 7px #d59b45}.point-c{left:81%;top:28%}.mission-log{height:112px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:7px;background:rgba(0,0,0,.24);font:7px/1.4 monospace;letter-spacing:.2px;color:#aeb9ae;overflow:hidden}.mission-log b{color:#d59b45;margin-right:4px}.log-current{color:#d5dfcc}.log-cursor{color:#d59b45;animation:commandPulse .8s steps(2,start) infinite;margin-left:2px}@keyframes radarRotate{to{transform:rotate(360deg)}}@keyframes contourDrift{to{transform:rotate(342deg) scale(1.05)}}
@media(max-width:600px){.tactical-center{gap:5px}.tactical-module{padding:5px}.tactical-label{font-size:6px;letter-spacing:.2px}.radar-screen,.tactical-map,.mission-log{height:90px}.mission-log{font-size:6px;gap:6px;padding:4px}.command-subtitle{font-size:7px;letter-spacing:.8px}.command-heading h2{font-size:clamp(13px,3vw,18px)}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.map-contours,.radar-blip,.map-point,.log-cursor,.tactical-live{animation:none!important}}


/* NAS GAMING: automatisch rotierende Spruchdatenbank */
.quote-rotator{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:190px;overflow:hidden;border:1px solid #4b4b43;background:linear-gradient(145deg,rgba(24,26,24,.98),rgba(5,7,6,.99));box-shadow:inset 0 0 24px rgba(248,219,162,.035)}
.quote-rotator:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#f8dba2,transparent);opacity:.8;animation:quoteEdge 4s ease-in-out infinite}
.quote-kicker{font:700 8px/1.5 monospace;letter-spacing:1.25px;color:#aab7a9;margin-bottom:9px}
.quote-rotator .quote-mark{font-size:34px;color:#f8dba2;line-height:.8;text-shadow:0 0 12px rgba(248,219,162,.18)}
.quote-text{font-weight:800;font-size:clamp(13px,1.25vw,17px);line-height:1.45;color:#f0eee6;min-height:66px;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .22s ease}
.quote-fade-out{opacity:0;transform:translateY(5px)}.quote-fade-in{animation:quoteFadeIn .45s ease both}
.quote-signature{color:#f8dba2!important;font-weight:800;letter-spacing:1.2px}
.quote-index{font:700 7px/1.5 monospace;letter-spacing:1px;color:#69746a;margin-top:8px}
@keyframes quoteFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes quoteEdge{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:600px){.quote-rotator{min-height:170px}.quote-text{font-size:13px;min-height:62px}.quote-kicker{font-size:7px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.quote-rotator:before,.quote-fade-in{animation:none!important}.quote-text{transition:none}}


/* NAS GAMING // SPIEL DES MONATS */
.month-game{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(18,22,23,.98),rgba(4,7,8,.99));border-color:#414b4d;box-shadow:inset 0 0 22px rgba(255,121,0,.045)}.month-game:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#ff7900,transparent);pointer-events:none}.month-kicker,.month-footnote{font:700 8px/1.5 monospace;letter-spacing:1px;color:#85918e}.month-kicker{margin:-4px 0 11px}.month-game-layout{display:grid;grid-template-columns:minmax(100px,36%) minmax(0,1fr);gap:11px;align-items:start}.month-cover{display:block;float:none!important;width:100%;height:150px;object-fit:cover;border:1px solid #454d4f;border-radius:3px;filter:saturate(.82) contrast(1.08);background:#080b0c}.month-game-info{min-width:0}.month-status{font:700 8px/1.5 monospace;letter-spacing:.7px;color:#ff9a2e;margin:0 0 7px}.month-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff7900;box-shadow:0 0 8px #ff7900;margin-right:5px;animation:monthPulse 1.6s infinite}.month-game-title{display:block;font-size:clamp(13px,1.2vw,17px);line-height:1.25;color:#f1f3f1;margin-bottom:6px;overflow-wrap:anywhere}.month-genre{font-size:10px;color:#aeb9bb;margin-bottom:9px}.month-rating{font:700 9px/1.5 monospace;color:#e9b96b;margin-bottom:6px}.month-game-price{font:700 10px/1.4 monospace;color:#d9dfdc;margin-bottom:10px}.month-game-actions{display:flex;flex-wrap:wrap;gap:6px}.month-action{display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;border:1px solid #a9561b;background:linear-gradient(180deg,rgba(255,121,0,.18),rgba(20,14,9,.9));color:#ffad62!important;text-decoration:none;font:700 8px/1.3 monospace;letter-spacing:.45px}.month-action-secondary{border-color:#485153;color:#c2cbc8!important;background:rgba(36,42,43,.65)}.month-footnote{margin-top:12px;font-size:7px;letter-spacing:.5px;color:#65716e}@keyframes monthPulse{50%{opacity:.45;box-shadow:0 0 2px #ff7900}}@media(max-width:600px){.month-game-layout{grid-template-columns:88px minmax(0,1fr);gap:8px}.month-cover{height:126px}.month-game-title{font-size:13px}.month-action{padding:6px;font-size:7px}.month-kicker{font-size:7px}}@media(prefers-reduced-motion:reduce){.month-status-dot{animation:none}}