@@ Line 10: / Line 10: @@
    --text-secondary: #e0e0e0;
    --text-muted: #cfcfcf;
    /* Cyberpunk farby */
    --accent-yellow: #FCEE0A;
@@ Line 17: / Line 17: @@
    --link-visited: #a0a0ff;
    --border-color: #2b2b2b;
    /* Grafické assets */
    --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
@@ Line 23: / Line 23: @@
    --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
    --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
+  /* Cyberpunk table farba */
+  --cp-yellow: #ffff00; /* čistá žltá */
 }
@@ Line 32: / Line 35: @@
    src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
 }
 @font-face {
    font-family: "Orbitron";
@@ Line 39: / Line 41: @@
    src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
 }
 @font-face {
    font-family: "BlenderProBook";
@@ Line 46: / Line 47: @@
    src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
 }
 @font-face {
    font-family: "BlenderProBold";
@@ Line 65: / Line 65: @@
    color: var(--text-primary) !important;
 }
 .mw-body, .mw-body-content, #content {
    background: var(--bg-primary) !important;
@@ Line 76: / Line 75: @@
 /* === NAVIGÁCIA A PANELY === */
 #mw-head, #left-navigation, #right-navigation,
 #mw-page-base, #mw-head-base, #mw-navigation,
 .vector-sticky-header {
    background: var(--bg-primary) !important;
    border-color: #222 !important;
 }
 #mw-panel, #mw-panel .portal, #mw-panel .portal .body,
 #p-logo, #p-logo a {
@@ Line 90: / Line 88: @@
 /* === ODKAZY === */
-a {
+a { color: var(--link-color) !important; text-decoration: none; transition: color .16s ease; }
-  color: var(--link-color) !important;
-  text-decoration: none;
-  transition: color .16s ease;
-}
 a:visited { color: var(--link-visited) !important; }
+.mw-body-content a:hover, .mw-body-content a:focus { color: var(--accent-yellow) !important; }
-.mw-body-content a:hover, .mw-body-content a:focus {
-  color: var(--accent-yellow) !important;
-}
 /* === NADPISY === */
@@ Line 108: / Line 98: @@
    font-family: BlenderProBold, sans-serif;
 }
 .firstHeading {
    background:
      var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat,
      linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%);
@@ Line 117: / Line 106: @@
    border-left: 4px solid var(--accent-yellow);
 }
 .page-content h2:not(.all-maps__empty-title), .pi-header {
    background-image: var(--h2-bg-image);
@@ Line 136: / Line 124: @@
    padding: .6rem .8rem !important;
 }
 .tocnumber { color: var(--accent-yellow) !important; }
 #toc ul li:hover, .toc ul li:hover {
    background: rgba(255,204,0,.06);
@@ Line 151: / Line 137: @@
    margin-left: 15px !important;
    border: 1px solid var(--accent-yellow);
-   border-radius: 10px 0px 0px 10px;
+   border-radius: 10px 0 0 10px;
    background-color: var(--bg-secondary);
    padding-bottom: 4px;
 }
 .portable-infobox::after {
    content: "";
@@ Line 161: / Line 146: @@
    width: 6%;
    height: 100%;
-   top: 0px;
+   top: 0; right: 0;
-  right: 0px;
    background-image: var(--infobox-bg);
    background-repeat: repeat-y;
    background-size: 32px 1080px;
 }
 .pi-title {
    background-color: transparent;
-   border-radius: 10px 10px 0px 0px;
+   border-radius: 10px 10px 0 0;
    color: var(--accent-cyan);
    border-bottom: none;
@@ Line 178: / Line 161: @@
    font-size: 1.4em;
 }
 .pi-header {
    background-color: transparent;
@@ Line 189: / Line 171: @@
    text-transform: none !important;
 }
 .pi-data-label {
    padding: 3px 5px 3px 1px;
@@ Line 208: / Line 189: @@
    text-shadow: none !important;
 }
-/* Aktívne taby */
 .wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
 .wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
@@ Line 218: / Line 197: @@
    border: 1px solid #555 !important;
 }
-/* Hover efekt */
 .wds-tabs__tab:hover .wds-tabs__tab-label,
 .pi-tab-link:hover {
@@ Line 226: / Line 203: @@
 }
-/* === TABUĽKY === */
+/* === TABUĽKY (všeobecné) === */
 .wikitable, table, .infobox {
    background: var(--bg-tertiary) !important;
@@ Line 233: / Line 210: @@
    margin-left: 15px !important;
 }
 .wikitable th, .infobox th {
    background: #222 !important;
    color: var(--accent-yellow) !important;
 }
 .wikitable tr:nth-child(even) td { background: #171717 !important; }
-.wikitable tr:nth-child(odd) td { background: #1b1b1b !important; }
+.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }
 /* === NAVBOXY === */
@@ Line 249: / Line 224: @@
    color: var(--text-secondary) !important;
 }
+.navbox-title { background: #222 !important; color: var(--accent-yellow) !important; }
-.navbox-title {
-  background: #222 !important;
-  color: var(--accent-yellow) !important;
-}
 .navbox a { color: var(--link-color) !important; }
 .navbox a:hover { color: var(--accent-yellow) !important; }
 /* === INPUTY A FORMULÁRE === */
-input, textarea, select,
+input, textarea, select, .vector-search-box-input {
-.vector-search-box-input {
    background: #121212 !important;
    color: var(--text-secondary) !important;
    border: 1px solid #333 !important;
 }
+input::placeholder, textarea::placeholder { color: #8a8a8a !important; }
-input::placeholder, textarea::placeholder {
-  color: #8a8a8a !important;
-}
 /* === THUMBNAILY A GALÉRIE === */
@@ Line 275: / Line 241: @@
    border: 1px solid #333 !important;
 }
 .thumbcaption {
    background: #0f0f0f !important;
@@ Line 292: / Line 257: @@
    text-align: center;
 }
 .divGrayBox {
    border: 3px solid transparent;
@@ Line 300: / Line 264: @@
    padding: 10px;
 }
 .BlockQuote {
    display: block;
@@ Line 323: / Line 286: @@
    padding-bottom: 6px;
 }
 .bannercurve {
    background-color: rgba(255, 255, 255, 0.10);
@@ Line 344: / Line 306: @@
    border-color: #333 !important;
 }
 .mw-message-box {
    background: var(--bg-tertiary) !important;
@@ Line 354: / Line 315: @@
 /* === RESPONZÍVNE ÚPRAVY === */
 @media only screen and (max-width: 1024px) {
-   .mainpage-header {
+   .mainpage-header { background-size: 70% 6px; }
-    background-size: 70% 6px;
+   #content h2 { background-position-y: 30px; padding-bottom: 6px; font-size: 15pt; }
-  }
-   #content h2 {
-    background-position-y: 30px;
-    padding-bottom: 6px;
-    font-size: 15pt;
-  }
 }
@@ Line 371: / Line 325: @@
    border-top: 1px solid #222 !important;
 }
 #footer a, .mw-footer a { color: #c8c8c8 !important; }
 #footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
-/* === BEZPEČNOSTNÉ OVERRIDES === */
-* { border-color: currentColor; }
-hr { border: 0; border-top: 1px solid #1f1f1f !important; }
-/* === ANTI-WHITE PANELS - KOMPLETNÉ POKRYTIE === */
-/* Vector skin základy */
-.skin-vector body {
-  color: var(--text-primary);
-  background: var(--bg-primary);
-}
-.skin-vector .mw-body,
-.skin-vector .mw-workspace-container {
-  background: var(--bg-primary);
-}
-/* Page transparency */
-.page__main {
-  background-color: rgba(10,10,10,0.9) !important;
-}
-/* Všetky možné biele panely */
-.page, .page-content, .mw-content-text,
-.mw-parser-output, .content, article {
-  background: var(--bg-primary) !important;
-  color: var(--text-primary) !important;
-}
-/* Sidebar a navigačné elementy */
-#mw-panel .portal h3,
-#mw-panel .portal li a {
-  color: var(--text-muted) !important;
-}
-#mw-panel .portal li a:hover {
-  color: var(--accent-yellow) !important;
-}
-/* Záložky Vector skinu */
-.vector-menu-tabs a {
-  background: #0f0f0f !important;
-  color: var(--text-muted) !important;
-  border-color: #222 !important;
-}
-.vector-menu-tabs .selected a {
-  background: #141414 !important;
-  color: var(--accent-yellow) !important;
-  border-bottom-color: #141414 !important;
-}
-/* Vyhľadávacie pole */
-#simpleSearch, .vector-search-box {
-  background: var(--bg-secondary) !important;
-  border: 1px solid #222 !important;
-}
-/* Všetky možné white containery */
-.mw-body-content,
-.mw-content-container,
-#bodyContent,
-#mw-content-text,
-.parsoid-body {
-  background: var(--bg-primary) !important;
-  color: var(--text-primary) !important;
-}
-/* Kategórie */
-#catlinks {
-  background: var(--bg-secondary) !important;
-  border: 1px solid #333 !important;
-  border-left: 3px solid var(--accent-yellow) !important;
-}
-#catlinks a { color: var(--link-color) !important; }
-#catlinks a:hover { color: var(--accent-yellow) !important; }
-/* Referencie a citations */
-.references, .mw-references-wrap {
-  background: var(--bg-secondary) !important;
-  border: 1px solid var(--accent-yellow) !important;
-  padding: .6rem .8rem !important;
-  border-radius: 4px;
-}
-ol.references li:target,
-sup.reference:target {
-  background-color: rgba(41,255,255,.2) !important;
-}
-/* Kód bloky */
-pre, code, .mw-code {
-  background: #101010 !important;
-  color: #e8e8e8 !important;
-  border: 1px solid #2a2a2a !important;
-  border-radius: 4px;
-}
-pre {
-  padding: .6rem .8rem !important;
-  overflow: auto;
-}
-/* Blockquotes */
-blockquote {
-  border-left: 3px solid var(--accent-yellow);
-  background: var(--bg-secondary);
-  padding: .6rem .8rem;
-  color: #dcdcdc;
-}
-/* Lists */
-.mw-body-content ul,
-.mw-body-content ol {
-  margin: .4rem 0 .8rem 2rem !important;
-}
-.mw-body-content li {
-  line-height: 1.5;
-}
-.page-content li::marker {
-  color: var(--accent-cyan);
-}
-/* Všetky OOUI komponenty */
-.oo-ui-widget,
-.oo-ui-optionWidget,
-.oo-ui-toolbar,
-.mw-rcfilters-ui-filterMenuHeaderWidget,
-.mw-rcfilters-ui-rcTopSectionWidget,
-.oo-ui-tagMultiselectWidget-handle,
-.oo-ui-tagItemWidget.oo-ui-widget,
-.oo-ui-menuSelectWidget,
-.oo-ui-menuSelectWidget .oo-ui-menuOptionWidget,
-.oo-ui-popupWidget-popup,
-.oo-ui-popupWidget-body {
-  background-color: var(--bg-tertiary) !important;
-  color: var(--text-secondary) !important;
-  border-color: #333 !important;
-}
-/* Všetky možné message boxy */
-.mw-message-box,
-.mw-message-box-warning,
-.mw-message-box-error,
-.mw-message-box-success,
-.warningbox,
-.errorbox,
-.successbox,
-.mw-warning,
-.mw-editnotice,
-.mw-warning-with-logexcerpt {
-  background: var(--bg-tertiary) !important;
-  color: var(--text-secondary) !important;
-  border: 1px solid #333 !important;
-  padding: 0.75em 1em !important;
-}
-/* Farebné akcenty pre message boxy */
-.mw-message-box-warning, .warningbox {
-  border-left: 4px solid #d19a00 !important;
-}
-.mw-message-box-error, .errorbox {
-  border-left: 4px solid #c0392b !important;
-}
-.mw-message-box-success, .successbox {
-  border-left: 4px solid #27ae60 !important;
-}
-/* Editačné formuláre */
-.editOptions,
-.editCheckboxes,
-#wpTextbox1,
-#wpSummary {
-  background: var(--bg-secondary) !important;
-  color: var(--text-secondary) !important;
-  border: 1px solid #333 !important;
-}
-.editButtons input,
-.editButtons button {
-  background: #222 !important;
-  color: var(--text-secondary) !important;
-  border: 1px solid #555 !important;
-}
-/* CodeMirror */
-.CodeMirror,
-.CodeMirror-gutters {
-  background: var(--bg-secondary) !important;
-  color: var(--text-secondary) !important;
-  border-color: #333 !important;
-}
-.CodeMirror-cursor {
-  border-left: 1px solid var(--text-secondary) !important;
-}
-/* Changeslist a Recent Changes */
-.mw-changeslist,
-.mw-changeslist-line,
-.mw-rcfilters-ui-watchlistTopSectionWidget,
-.mw-changeslist-legend,
-.mw-changeslist-legend dl,
-.mw-changeslist-legend dd {
-  background: var(--bg-tertiary) !important;
-  color: var(--text-secondary) !important;
-  border-color: #333 !important;
-}
-/* Všetky možné DataTables a špeciálne stránky */
-table.mw-datatable,
-.TablePager,
-table.filelist,
-.mw-pager-navigation,
-.TablePager_nav {
-  background: var(--bg-tertiary) !important;
-  color: var(--text-secondary) !important;
-  border: 1px solid #333 !important;
-}
-table.mw-datatable th,
-table.mw-datatable td,
-.TablePager th,
-.TablePager td,
-table.filelist th,
-table.filelist td {
-  background: var(--bg-secondary) !important;
-  color: var(--text-secondary) !important;
-  border-color: #333 !important;
-}
-/* Pruhovanie tabuliek */
-table.mw-datatable tr:nth-child(even) > td,
-table.filelist tr:nth-child(even) > td {
-  background: #161616 !important;
-}
-/* Hatnotes a notice boxy */
-.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox,
-.hatnote, .notice {
-  background: var(--bg-secondary) !important;
-  color: #e6e6e6 !important;
-  border: 1px solid #333 !important;
-  border-left: 4px solid var(--link-color) !important;
-  padding: .65rem .8rem !important;
-  margin: .8rem 0 !important;
-  border-radius: 3px;
-}
-/* Bezpečnostné globálne pravidlá pre všetky elementy */
-div, section, article, aside, main, header, footer,
-nav, span, p, ul, ol, li, dl, dt, dd {
-  background-color: inherit;
-}
-/* Force dark pre akékoľvek inline štýly */
-[style*="background: white"],
-[style*="background-color: white"],
-[style*="background: #fff"],
-[style*="background-color: #fff"] {
-  background: var(--bg-primary) !important;
-}
-[style*="color: black"],
-[style*="color: #000"] {
-  color: var(--text-primary) !important;
-}
 /* === BEZPEČNOSTNÉ OVERRIDES === */
@@ Line 654: / Line 333: @@
 /* ===== Global dark background & text ===== */
-body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content,
+body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, .mw-parser-output {
-.mw-parser-output {
    background: #0a0a0a !important;
    color: #e6e6e6;
@@ Line 688: / Line 366: @@
    border: 1px solid #333 !important;
 }
+pre { padding: .6rem .8rem !important; overflow: auto; }
-/* ===== Images: no overflow, responsive ===== */
+/* ===== Images ===== */
-.mw-parser-output img,
+.mw-parser-output img, .thumb img, .thumbimage, .mw-file-element,
-.thumb img, .thumbimage, .mw-file-element,
 .gallerybox .thumb img, .fullImageLink img,
 .mw-parser-output .infobox img {
-   max-width: 100% !important;
+   max-width: 100% !important; height: auto !important; display: block;
-  height: auto !important;
-  display: block;
 }
-/* Containers shouldn’t overflow horizontally */
 .mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; }
+.thumb, .tleft, .tright, .gallerybox .thumb { overflow: hidden; max-width: 100%; }
-/* Thumbs/galleries keep content clipped inside */
-.thumb, .tleft, .tright, .gallerybox .thumb {
-  overflow: hidden;
-  max-width: 100%;
-}
-/* Gallery text color */
 .gallerybox .gallerytext { color: #ddd; }
-/* Links (optional tweak for readability on dark bg) */
+/* Links (dark theme tweak) */
 a { color: #8ab4ff; }
 a:visited { color: #b388ff; }
 /* =======================
     Dark fix pack for Vector
     ======================= */
+:root{ --bg:#0b0c0d; --ui-border:#2a2d33; --text:#e5e8eb; --text-muted:#a9b0b8; }
-:root{
-  --bg: #0b0c0d;
-  --ui-border: #2a2d33;
-  --text: #e5e8eb;
-  --text-muted: #a9b0b8;
-}
-/* 1) Thumbnails & captions – odstránenie bieleho pozadia/okrajov */
 .mw-parser-output .thumb,
-.mw-parser-output .thumb .thumbinner{
+.mw-parser-output .thumb .thumbinner {
    background: transparent !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: 6px;
 }
-.mw-parser-output .thumb .thumbimage{
+.mw-parser-output .thumb .thumbimage { background: transparent !important; border: 0 !important; padding: 0 !important; }
-  background: transparent !important;
+.mw-parser-output .thumbcaption { background: transparent !important; color: var(--text-muted) !important; }
-  border: 0 !important;
+img.thumbborder, .thumbborder { border: 0 !important; }
-  padding: 0 !important;
-}
-.mw-parser-output .thumbcaption{
-  background: transparent !important;
-  color: var(--text-muted) !important;
-}
-img.thumbborder, .thumbborder{ /* ak je použitý parameter |border */
-  border: 0 !important;
-}
-/* 2) Galéria a file stránky */
-.gallerybox .thumb{
-  background: transparent !important;
-  border-color: var(--ui-border) !important;
-}
-.gallerybox, .gallerytext{
-  background: transparent !important;
-  color: var(--text) !important;
-}
-#file img{ background: transparent !important; }
-/* 3) Nadpisy a portlety – žiadne biele pásy */
+.gallerybox .thumb { background: transparent !important; border-color: var(--ui-border) !important; }
-.mw-body-content h1,
+.gallerybox, .gallerytext { background: transparent !important; color: var(--text) !important; }
-.mw-body-content h2,
+#file img { background: transparent !important; }
-.mw-body-content h3,
-.mw-body-content h4,
-.mw-headline,
-.mw-editsection,
-#firstHeading,
-.portlet .pBody,
-.vector-menu-content{
-  background: transparent !important;
-  color: var(--text);
-}
-/* 4) TOC (Obsah) – tmavé pozadie a orámovanie */
+.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4,
-.toc{
+.mw-headline, .mw-editsection, #firstHeading, .portlet .pBody, .vector-menu-content {
-   background: #0f1012 !important;
+   background: transparent !important; color: var(--text);
-  border: 1px solid var(--ui-border) !important;
-  border-radius: 6px;
 }
-.toc .toctitle, .tocnumber{ color: var(--text-muted) !important; }
-/* 5) Wikitable – jednotný tmavý vzhľad, zebra + hover */
+.toc { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; border-radius: 6px; }
-.mw-parser-output .wikitable{
+.toc .toctitle, .tocnumber { color: var(--text-muted) !important; }
-  background: #0f1012 !important;
-  color: var(--text) !important;
-  border: 1px solid var(--ui-border) !important;
-  border-collapse: collapse;
-}
-.wikitable > tr > th, .wikitable > * > tr > th{
-  background: #14161a !important;
-  border: 1px solid var(--ui-border) !important;
-}
-.wikitable td{
-  border: 1px solid var(--ui-border) !important;
-}
-.wikitable tr:nth-child(even) td{ background: #101216 !important; }
-.wikitable tr:hover td{ background: #15181c !important; }
-/* 6) Infobox (PortableInfobox kompatibilita – ak ju používaš) */
+.mw-parser-output .wikitable {
-.portable-infobox{
+   background: #0f1012 !important; color: var(--text) !important;
-   background: #0f1012 !important;
+   border: 1px solid var(--ui-border) !important; border-collapse: collapse;
-  border: 1px solid var(--ui-border) !important;
-   color: var(--text) !important;
-  border-radius: 8px;
-}
-.portable-infobox .pi-header,
-.portable-infobox .pi-data,
-.portable-infobox .pi-title{ background: transparent !important; }
-.portable-infobox .pi-image .thumb{
-  background: transparent !important;
-  border: 0 !important;
 }
+.wikitable > tr > th, .wikitable > * > tr > th { background: #14161a !important; border: 1px solid var(--ui-border) !important; }
+.wikitable td { border: 1px solid var(--ui-border) !important; }
+.wikitable tr:nth-child(even) td { background: #101216 !important; }
+.wikitable tr:hover td { background: #15181c !important; }
-/* 7) Linky a drobnosti pre tmavý motív */
+.portable-infobox { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 8px; }
-.mw-body a:link, a{ color: #f2bd00; }
+.portable-infobox .pi-header, .portable-infobox .pi-data, .portable-infobox .pi-title { background: transparent !important; }
-a:visited{ color: #c99a00; }
+.portable-infobox .pi-image .thumb { background: transparent !important; border: 0 !important; }
-a.new{ color: #ff7070; }
-.small, small, .thumbcaption{ color: var(--text-muted) !important; }
-.thumb.tleft, .thumb.tright{ margin-top: .3em; margin-bottom: .8em; }
+.mw-body a:link, a { color: #f2bd00; }
+a:visited { color: #c99a00; }
+a.new { color: #ff7070; }
+.small, small, .thumbcaption { color: var(--text-muted) !important; }
+.thumb.tleft, .thumb.tright { margin-top: .3em; margin-bottom: .8em; }
-/* 8) Kódové bloky */
+pre, code, .mw-code { background: #0c0d0f !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 6px; }
-pre, code, .mw-code{
-  background: #0c0d0f !important;
-  border: 1px solid var(--ui-border) !important;
-  color: var(--text) !important;
-  border-radius: 6px;
-}
-/* Zabij všetky rámy/pozadia okolo náhľadov a obrázkov */
+/* Odstránenie bielych rámov pri obrázkoch */
-.mw-parser-output .thumb,
+.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
-.mw-parser-output .thumb .thumbinner,
+.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element,
-.mw-parser-output .thumb .thumbimage,
+.gallerybox .thumb, .gallerybox .thumb img {
-.mw-parser-output img.mw-file-element,
+   background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; outline: none !important;
-.gallerybox .thumb,
-.gallerybox .thumb img {
-   background: transparent !important;
-  border: 0 !important;
-  padding: 0 !important;
-  box-shadow: none !important;
-  outline: none !important;
 }
-/* Ak používaš |thumb|right/left – skry aj rám a caption pozadie */
-.mw-parser-output .thumb .thumbinner { border: 0 !important; }
 .mw-parser-output .thumbcaption { background: transparent !important; border: 0 !important; }
+.mw-body-content img, .mw-parser-output img { background-color: transparent !important; border: none !important; box-shadow: none !important; }
-/* Niektoré skiny dávajú biele pozadie všetkým img – prebitie */
+.toc, .vector-menu-content, .portlet .pBody { background: transparent !important; border: 1px solid #2a2d33 !important; }
-.mw-body-content img,
+figure[typeof*="mw:File"], figure[typeof*="mw:File/Thumb"], figure[typeof*="mw:File/Frame"] {
-.mw-parser-output img {
+   background: transparent !important; border: 0 !important; margin: .5em auto !important; padding: 0 !important; box-shadow: none !important;
-  background-color: transparent !important;
-  border: none !important;
-   box-shadow: none !important;
 }
-/* TOC a pravé boxy – žiadne biele pásy */
-.toc, .vector-menu-content, .portlet .pBody {
-  background: transparent !important;
-  border: 1px solid #2a2d33 !important; /* zmeň/odstráň podľa chuti */
-}
-/* Odstránenie bieleho pozadia a rámikov pri figure obrázkoch */
-figure[typeof*="mw:File"],
-figure[typeof*="mw:File/Thumb"],
-figure[typeof*="mw:File/Frame"] {
-  background: transparent !important;
-  border: 0 !important;
-  margin: .5em auto !important;
-  padding: 0 !important;
-  box-shadow: none !important;
-}
-/* Samotný obrázok */
 figure[typeof*="mw:File"] img.mw-file-element {
-   background: transparent !important;
+   background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important;
-  border: none !important;
-  box-shadow: none !important;
-  outline: none !important;
 }
-/* Popisok pod obrázkom */
 figure[typeof*="mw:File"] figcaption {
-   background: transparent !important;
+   background: transparent !important; color: #FCEE0A !important; border: 0 !important; padding: 0.2em 0 !important;
-  color: #FCEE0A !important;  /* alebo #e5e8eb podľa tvojej témy */
-  border: 0 !important;
-  padding: 0.2em 0 !important;
 }
-/* === Thin yellow frame around images (global) === */
+/* Thin yellow frame around images (global) */
-:root { --accent: #f2bd00; } /* ak už máš, nechaj svoju hodnotu */
+:root { --accent: #f2bd00; }
 figure[typeof*="mw:File"] img.mw-file-element,
 .mw-parser-output .thumb .thumbimage,
 .gallerybox .thumb img {
-   border: 1px solid var(--accent) !important;   /* tenký žltý rámik */
+   border: 1px solid var(--accent) !important;
-   border-radius: 6px;                            /* ak chceš rovné, zmaž */
+   border-radius: 6px;
    background: transparent !important;
    box-shadow: none !important;
 }
-/* voliteľne jemný hover efekt */
 figure[typeof*="mw:File"] img.mw-file-element:hover,
 .mw-parser-output .thumb .thumbimage:hover,
@@ Line 908: / Line 467: @@
 /* Random teaser card */
 .random-card {
-   display: grid;
+   display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center;
-  grid-template-columns: 120px 1fr;
+   background: #0f1012; border: 1px solid #2a2d33; border-radius: 8px;
-  gap: 12px;
+   padding: 12px; margin: 8px 0 16px 0; color: #e5e8eb;
-  align-items: center;
-   background: #0f1012;
-  border: 1px solid #2a2d33;
-  border-radius: 8px;
-   padding: 12px;
-  margin: 8px 0 16px 0;
-  color: #e5e8eb;
 }
 .random-card.loading { opacity: .7; }
@@ Line 926: / Line 478: @@
 }
 .random-card .thumb img { max-width: 100%; height: auto; display: block; }
-.random-card .content h3 {
+.random-card .content h3 { margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; }
-  margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2;
+.random-card .content p { margin: 0 0 8px 0; color: #a9b0b8; }
-}
+.random-card .actions { display: flex; gap: 8px; margin-top: 6px; }
-.random-card .content p {
-  margin: 0 0 8px 0; color: #a9b0b8;
-}
-.random-card .actions {
-  display: flex; gap: 8px; margin-top: 6px;
-}
 .random-card .btn {
    border: 1px solid #2a2d33; padding: 4px 8px; border-radius: 6px;
@@ Line 944: / Line 490: @@
    .random-card .thumb { width: 100%; height: auto; }
 }
 /* ===== Main page – compact header ===== */
 .mp-hero {
-   display: grid;
+   display: grid; grid-template-columns: 2fr 1.2fr; gap: 12px; align-items: stretch; margin: 6px 0 12px;
-  grid-template-columns: 2fr 1.2fr;
-  gap: 12px;
-  align-items: stretch;
-  margin: 6px 0 12px;
-}
-@media (max-width: 900px){
-  .mp-hero { grid-template-columns: 1fr; }
 }
+@media (max-width: 900px){ .mp-hero { grid-template-columns: 1fr; } }
 /* Random teaser – compact variant */
 .random-card.compact{
-   display: grid;
+   display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center;
-  grid-template-columns: 110px 1fr;
+   background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
-  gap: 10px;
+   padding:10px; margin:0;
-  align-items: center;
-   background:#0f1012;
-  border:1px solid #2a2d33;
-  border-radius:8px;
-   padding:10px;
-  margin:0;
 }
 .random-card.compact .thumb{
-   width:110px; height:110px; overflow:hidden;
+   width:110px; height:110px; overflow:hidden; border-radius:6px; border:1px solid #2a2d33;
-  border-radius:6px; border:1px solid #2a2d33;
    display:flex; align-items:center; justify-content:center;
 }
@@ Line 985: / Line 517: @@
 .random-card.compact .btn:hover{ background:#15191f; }
-/* Quick cards (replace the big wikitable) */
+/* Quick cards */
-.mp-cards{
+.mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
-  display:grid;
-  grid-template-columns: 1fr 1fr;
-  gap:10px;
-}
 @media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } }
 .mp-card{
-   background:#0f1012;
+   background:#0f1012; border:1px solid #2a2d33; border-radius:8px; padding:10px 12px;
-  border:1px solid #2a2d33;
-  border-radius:8px;
-  padding:10px 12px;
 }
 .mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; }
@@ Line 1,010: / Line 535: @@
 }
 .mp-chip{
-   padding:3px 8px; border:1px solid #2a2d33; border-radius:999px;
+   padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; background:#14161a;
-  background:#14161a;
-}
-/* Smaller gaps */
-#firstHeading { margin-bottom: 6px; }
-.mw-body-content .toc { margin-top: 8px; }
-/* ===== Compact Main Page layout ===== */
-#firstHeading{ margin-bottom:6px; }
-.mw-body-content .toc{ margin:8px 0 14px; }
-/* Hero: 2-stĺpcová mriežka (teaser + karty) */
-.mp-hero{
-  display:grid; grid-template-columns: 2fr 1.2fr;
-  gap:12px; align-items:stretch; margin:6px 0 12px;
-}
-@media (max-width: 1000px){ .mp-hero{ grid-template-columns:1fr; } }
-/* Random teaser – kompaktná karta */
-.random-card.compact{
-  display:grid; grid-template-columns:110px 1fr; gap:10px; align-items:center;
-  background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
-  padding:10px; margin:0;
-}
-.random-card.compact .thumb{
-  width:110px;height:110px;overflow:hidden;border-radius:6px;
-  border:1px solid #2a2d33;display:flex;align-items:center;justify-content:center;
-}
-.random-card.compact .thumb img{ max-width:100%; height:auto; display:block; }
-.random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; }
-.random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; }
-.random-card.compact .actions{ display:flex; gap:6px; flex-wrap:wrap; }
-.random-card.compact .btn{
-  border:1px solid #2a2d33; padding:3px 7px; border-radius:6px;
-  background:#14161a; color:#e5e8eb; text-decoration:none; cursor:pointer;
-}
-.random-card.compact .btn:hover{ background:#15191f; }
-/* 4 „quick cards“ vpravo */
-.mp-cards{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
-@media (max-width: 520px){ .mp-cards{ grid-template-columns:1fr; } }
-.mp-card{
-  background:#0f1012; border:1px solid #2a2d33; border-radius:8px; padding:10px 12px;
-}
-.mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; }
-.mp-card p{ margin:0; line-height:1.45; }
-.mp-card a{ text-decoration:none; }
-/* Tenký „chips“ pásik pod hero */
-.mp-strip{
-  display:flex;flex-wrap:wrap;gap:10px; padding:8px 10px;margin:6px 0 14px;
-  border:1px solid #2a2d33;border-radius:8px;background:#0f1012;font-size:.95rem;
 }
-.mp-chip{ padding:3px 8px;border:1px solid #2a2d33;border-radius:999px;background:#14161a; }
-/* Infobox & TOC – menšie medzery, aby stránka pôsobila kompaktne */
+/* Infobox & TOC – kompaktnejšie medzery */
 .infobox, .portable-infobox{ margin-top:4px !important; }
 .toc ul{ margin-top:4px; }
@@ Line 1,075: / Line 547: @@
    background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important;
 }
-/* Cyberpunk systémové požiadavky – žlté mriežky */
+/* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */
+.article-table-cyberpunk,
+.article-table-cyberpunk th,
+.article-table-cyberpunk td {
+  border-style: solid !important;
+  border-color: var(--cp-yellow) !important;
+}
 .article-table-cyberpunk {
-   border-collapse: collapse;            /* jedna linka medzi bunkami */
+  /* separate -> žiadne konflikty a zachovaný vzhľad */
+   border-collapse: separate !important;
+  border-spacing: 0 !important;
    width: 100%;
    table-layout: auto;
-   background: #0b0b0b;                  /* tmavé pozadie (prispôsobte téme) */
+   background: #0b0b0b;
-   color: #e6e6e6;
+   color: #f5f5f5;
-   border: 2px solid #ffd400;            /* vonkajší rám tabuľky */
+   border-width: 2px !important;      /* vonkajší rám – tenší */
-  border-radius: 6px;                   /* voliteľné: jemné zaoblenie */
-  overflow: hidden;                     /* aby sa zaoblenie prejavilo */
 }
 .article-table-cyberpunk th,
 .article-table-cyberpunk td {
-   border: 1.5px solid #ffd400;          /* žlté čiary pre riadky aj stĺpce */
+   /* tenké vnútorné línie + kompaktné odsadenie a menšie písmo */
-   padding: 6px 10px;
+  border-width: 1px !important;
+   padding: 5px 8px;
+  text-align: center;
    vertical-align: middle;
-   text-align: center;
+   background-clip: padding-box;
+  font-size: 13px !important;
+  line-height: 1.3em;
 }
 .article-table-cyberpunk th {
-   background: #151515;                  /* header mierne svetlejší */
+   background: #1a1a1a;
+  color: #fffcc0;
    font-weight: 600;
-  color: #fff8b3;                       /* jemne žltkastý text hlavičky */
 }
-@media (max-width: 768px) {
+/* --- koniec --- */
-   /* voliteľné: horizontálny scroll na mobile */
-  .article-table-cyberpunk {
+/* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */
-    display: block;
-    overflow-x: auto;
+/* 0) Stabilné tmavé pozadia (aj keď niečo zdedí transparent) */
-    white-space: nowrap;
+body, .mw-body, .mw-body-content, #content,
-  }
+.vector-body, .vector-page-content, .mw-parser-output {
+   background-color: #0a0a0a !important;
+}
+/* 1) Zruš globálne prebitie border-color pre našu tabuľku */
+.article-table-cyberpunk, .article-table-cyberpunk * {
+  border-color: var(--cp-yellow, #ffff00) !important;
+  border-style: solid !important;
+}
+/* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */
+.mw-parser-output table.article-table-cyberpunk,
+.mw-parser-output table.article-table-cyberpunk th,
+.mw-parser-output table.article-table-cyberpunk td {
+  border-color: var(--cp-yellow, #ffff00) !important;
 }
-/* Cyberpunk systémové požiadavky – žltá mriežka */
+/* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */
-.article-table-cyberpunk {
+.mw-parser-output table.article-table-cyberpunk {
-   border-collapse: collapse;
+   border-collapse: separate !important;
+  border-spacing: 0 !important;
    width: 100%;
    table-layout: auto;
-   background: #0b0b0b;
+   background: #0b0b0b !important;
-   color: #e6e6e6;
+   color: #f5f5f5 !important;
-   border: 2px solid #ffcc00;        /* hrubý vonkajší rám */
+   border-width: 2px !important;      /* vonkajší rám */
 }
+.mw-parser-output table.article-table-cyberpunk th,
-.article-table-cyberpunk th,
+.mw-parser-output table.article-table-cyberpunk td {
-.article-table-cyberpunk td {
+   border-width: 1px !important;      /* vnútorná mriežka */
-   border: 2px solid #ffcc00;        /* hrubšie a jasne žlté čiary */
+   padding: 5px 8px !important;
-   padding: 8px 12px;
+  text-align: center;
    vertical-align: middle;
-   text-align: center;
+   background-clip: padding-box;
+  font-size: 13px !important;
+  line-height: 1.3em !important;
+}
+.mw-parser-output table.article-table-cyberpunk th {
+  background: #1a1a1a !important;
+  color: #fffcc0 !important;
+  font-weight: 600 !important;
 }
-.article-table-cyberpunk th {
+/* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent
-  background: #151515;
+      a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */
-  font-weight: 700;
+.mw-parser-output .toc,
-   color: #fff7a0;                   /* jemne žltkastý text hlavičky */
+.mw-parser-output .navbox,
-   border: 2.5px solid #ffcc00;      /* ešte o niečo výraznejší okraj */
+.mw-parser-output .ambox,
+.mw-parser-output .wikitable,
+.mw-parser-output .thumb,
+.mw-parser-output .gallerybox,
+.mw-parser-output figure[typeof*="mw:File"] {
+   background-color: #0f1012 !important;
+   border-color: #2a2d33 !important;
 }
-/* Cyberpunk systémové požiadavky – výrazné žlté okraje */
+/* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */
-.article-table-cyberpunk {
+.skin-vector .article-table-cyberpunk th,
-  border-collapse: collapse;
+.skin-vector .article-table-cyberpunk td,
-  width: 100%;
+.skin-timeless .article-table-cyberpunk th,
-  background: #0b0b0b;
+.skin-timeless .article-table-cyberpunk td {
-   color: #f5f5f5;
+   border-color: var(--cp-yellow, #ffff00) !important;
-  border: 2px solid #ffff00;   /* silná jasná žltá */
 }
+/* ==== FIX: biele záložky hore + modrá horná čiara ==== */
+/* 0) zruš modrú hornú linku pod headerom */
+#content, .mw-body, .mw-body-content { border: 0 !important; }
-.article-table-cyberpunk th,
+/* 1) bar za tabuľkami hore nech nie je biely */
-.article-table-cyberpunk td {
+#mw-head, #left-navigation, #right-navigation,
-   border: 3px solid #ffff00;   /* hrubšie čiary vnútri tabuľky */
+#p-namespaces, #p-views,
-   padding: 8px 12px;
+.vector-menu-tabs, .vector-menu-tabs-legacy,
-  text-align: center;
+.vector-menu, .vector-menu-content {
-   vertical-align: middle;
+   background: transparent !important;
+   border-color: #222 !important;
+   box-shadow: none !important;
 }
-.article-table-cyberpunk th {
+/* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */
-   background: #1a1a1a;
+.vector-menu-tabs a,
-   font-weight: bold;
+.vector-menu-tabs-legacy li a,
-   color: #fffcc0;              /* žltkastý text v hlavičke */
+.skin-vector #p-namespaces .vector-menu-content-list > li > a,
+.skin-vector #p-views .vector-menu-content-list > li > a,
+.skin-vector-legacy #p-namespaces .vector-menu-content-list > li > a,
+.skin-vector-legacy #p-views .vector-menu-content-list > li > a {
+   background: #141414 !important;
+   background-image: none !important;
+   color: #e6e6e6 !important;
+  border: 1px solid #333 !important;
+  box-shadow: none !important;
 }
-/* === Cyberpunk table: tvrdé, jasné žlté mriežky === */
-:root { --cp-yellow: #ffff00; }  /* čistá žltá */
-.article-table-cyberpunk,
+/* 3) aktívna záložka */
-.article-table-cyberpunk th,
+.vector-menu-tabs .selected a,
-.article-table-cyberpunk td {
+.vector-menu-tabs-legacy .selected a,
-   border-style: solid !important;
+.skin-vector #p-namespaces .vector-menu-content-list > li.selected > a,
-   border-color: var(--cp-yellow) !important;
+.skin-vector #p-views .vector-menu-content-list > li.selected > a {
+   background: #1b1b1b !important;
+   color: var(--accent-yellow, #FCEE0A) !important;
+  border-color: #444 !important;
+  border-bottom-color: #1b1b1b !important; /* žiadny svetlý „schodík“ */
 }
-/* používaj separate, nech sa nebijú „collapsnuté“ okraje so skinom */
+/* 4) odstráň biele pozadie na LI kontajneroch */
-.article-table-cyberpunk {
+.vector-menu-tabs li,
+.vector-menu-tabs-legacy li,
+#p-namespaces .vector-menu-content-list > li,
+#p-views .vector-menu-content-list > li {
+  background: transparent !important;
+}
+/* === FIX: skutočne tenká 1px žltá mriežka bez zdvojovania === */
+.mw-parser-output table.article-table-cyberpunk {
    border-collapse: separate !important;
    border-spacing: 0 !important;
-   background: #0b0b0b;
+  /* ponechaj svoj vonkajší rám (ak ho chceš tenší, daj 1px) */
-   color: #f5f5f5;
+  border: 2px solid var(--cp-yellow, #ffff00) !important;
-   border-width: 2px !important;       /* vonkajší rám */
+}
+/* reset – žiadne „druhé“ okraje na bunkách */
+.mw-parser-output table.article-table-cyberpunk th,
+.mw-parser-output table.article-table-cyberpunk td {
+  border: 0 !important;
+  /* kreslíme len pravú a spodnú hranu = jedna línia medzi bunkami */
+  border-right: 1px solid var(--cp-yellow, #ffff00) !important;
+  border-bottom: 1px solid var(--cp-yellow, #ffff00) !important;
+}
+/* doplň ľavý okraj prvej bunky v riadku */
+.mw-parser-output table.article-table-cyberpunk tr > *:first-child {
+  border-left: 1px solid var(--cp-yellow, #ffff00) !important;
+}
+/* doplň horný okraj na prvom riadku (hlavička) */
+.mw-parser-output table.article-table-cyberpunk tr:first-child > * {
+  border-top: 1px solid var(--cp-yellow, #ffff00) !important;
+}
+/* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */
+/* celý editovací formulár */
+#editform, .mw-editform, form#editform {
+  background: var(--bg-secondary) !important;
+  border: 1px solid #333 !important;
+  color: var(--text-secondary) !important;
+}
+/* wikiEditor kontajnery */
+.wikiEditor-ui,
+.wikiEditor-ui-top, .wikiEditor-ui-toolbar, .wikiEditor-ui-tabs,
+.wikiEditor-ui-view, .wikiEditor-ui-bottom,
+.wikiEditor-ui .dropDown, .wikiEditor-ui .menu .options, .wikiEditor-ui .panel {
+  background: #0f1012 !important;
+  border-color: #333 !important;
+  color: var(--text-secondary) !important;
+}
+/* textové polia (obsah + zhrnutie) */
+#wpTextbox1, #wpSummary,
+.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea,
+.mw-ui-input, .mw-ui-textfield {
+  background: #121212 !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #333 !important;
+}
+/* CodeMirror – celé pozadie ide na dark */
+.CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters {
+  background: #121212 !important;
+  color: var(--text-secondary) !important;
+  border-color: #333 !important;
+}
+/* spodné sekcie (minor edit, watch, tools…) */
+.editOptions, .editCheckboxes, .mw-editTools,
+.templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt {
+  background: var(--bg-secondary) !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #333 !important;
+}
+/* labely a checkbox kontajnery nech nie sú biele */
+.mw-editform label, .mw-ui-checkbox, .mw-ui-radio {
+  background: transparent !important;
+  color: var(--text-secondary) !important;
+  border: 0 !important;
+}
+/* tlačidlá */
+.editButtons input, .editButtons button,
+.mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button {
+  background: #222 !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #555 !important;
+  box-shadow: none !important;
+}
+/* placeholder farba */
+#wpSummary::placeholder, #wpTextbox1::placeholder,
+.oo-ui-textInputWidget input::placeholder,
+.oo-ui-textInputWidget textarea::placeholder {
+  color: #8a8a8a !important;
+}
+/* === Fix bielych pozadí v MediaWiki === */
+/* Hlavný obsah */
+.mw-body,
+.mw-parser-output,
+body,
+html {
+  background: var(--bg-primary) !important;
+  color: var(--text-primary) !important;
+}
+/* Tabuľky */
+.wikitable,
+.mw-parser-output table,
+.mw-parser-output th,
+.mw-parser-output td {
+  background: var(--bg-secondary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+  color: var(--text-primary) !important;
+}
+/* Infoboxy a bočné boxy */
+.infobox,
+.navbox,
+.toc,
+.mw-warning,
+.mw-message-box,
+.mw-body-content {
+  background: var(--bg-secondary) !important;
+  color: var(--text-primary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+}
+/* Transcript a preformatovaný text */
+pre,
+code,
+blockquote {
+  background: var(--bg-tertiary) !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+  padding: 0.5em;
+}
+/* Hlavičky a nadpisy */
+h1, h2, h3, h4, h5, h6 {
+  background: transparent !important;
+  color: var(--accent-yellow) !important;
+}
+/* Linky */
+a,
+a:visited {
+  color: var(--link-color) !important;
+}
+/* === Fix white bar on categories (#catlinks) === */
+#catlinks,
+#catlinks .mw-normal-catlinks,
+.skin-vector #catlinks,
+.skin-vector-2022 #catlinks,
+.skin-monobook #catlinks,
+.skin-timeless #catlinks {
+  background: var(--bg-secondary) !important;
+  color: var(--text-primary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+  border-radius: 8px !important;
+  padding: 6px 10px !important;
+  box-shadow: none !important;
+}
+/* Inline list, no bullets, no extra gaps */
+#catlinks ul {
+  list-style: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  display: inline !important;
+}
+#catlinks li {
+  display: inline !important;
+  margin: 0 .6em 0 0 !important;
+}
+/* Links/colors */
+#catlinks a,
+#catlinks a:visited {
+  color: var(--link-color) !important;
+  background: transparent !important;
+  text-decoration: none;
+}
+#catlinks a:hover { text-decoration: underline; }
+/* Remove any inherited white backgrounds from descendants */
+#catlinks * {
+  background-color: transparent !important;
+}
+/* 2025 09 05 - 15 08 */
+/***** LAYOUT & TYPO *****/
+.mw-body, .mw-parser-output { line-height: 1.5; }
+.mw-parser-output img, .mw-parser-output video, .mw-parser-output .thumb img {
+  max-width: 100% !important; height: auto !important;
+}
+/***** INFOBOX A PRAVÝ STĹPEC *****/
+.infobox, .portable-infobox {
+  float: right;
+  width: 320px; max-width: 100%;
+  margin: .5rem 0 .75rem .75rem;
+  background: var(--bg-secondary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+}
+@media (max-width: 1100px) {
+  .infobox, .portable-infobox { float:none; margin:.75rem 0; }
+}
+/***** TABUĽKY – PRETEKANIE DOPRAVA *****/
+/* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */
+.mw-parser-output .wikitable,
+.mw-parser-output table.prettytable,
+.mw-parser-output table {
+  display: block;                 /* umožní overflow-x */
+  max-width: 100%;
+  overflow-x: auto;               /* scroll pri úzkych viewportoch */
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  clear: both;                    /* nenechaj ju „napchávať sa“ vedľa infoboxu */
+  border-collapse: collapse;
+   background: var(--bg-secondary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+}
+/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */
+.mw-parser-output .wikitable th,
+.mw-parser-output .wikitable td,
+.mw-parser-output table th,
+.mw-parser-output table td {
+  white-space: normal !important;     /* zabrání nekonečným riadkom */
+  overflow-wrap: anywhere;            /* láme veľmi dlhé slová/URL */
+  word-break: break-word;
+  hyphens: auto;
+  padding: .4rem .5rem;
+  border: 1px solid var(--accent-yellow) !important;
+}
+/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */
+.mw-parser-output .wikitable { table-layout: fixed; }
+/***** TOC, QUOTES, PRE/ CODE *****/
+#toc, .toc {
+  background: var(--bg-secondary) !important;
+  border: 1px solid var(--accent-cyan) !important;
+}
+pre, code, blockquote {
+  background: var(--bg-tertiary) !important;
+   color: var(--text-secondary) !important;
+  border: 1px solid var(--accent-yellow) !important;
+  padding: .5rem .6rem;
+  max-width: 100%;
+  overflow: auto;                  /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */
+}
+/***** DOLADENIE ROZHRANIA *****/
+/* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */
+#catlinks, #catlinks * { background: transparent !important; }
+#catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; }
+/* Mini fixy pre systémové boxy a message bannery */
+.mw-message-box, .mw-warning, .mw-notification {
+  background: var(--bg-secondary) !important;
+   border-color: var(--accent-cyan) !important;
+  color: var(--text-primary) !important;
+}
+/***** HRANICE A MIERKA TABULIEK *****/
+.mw-parser-output .wikitable caption { color: var(--text-secondary); }
+.mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); }
+/* ************************** */
+/***** TEXT – lepšia čitateľnosť *****/
+.mw-body,
+.mw-parser-output p,
+.mw-parser-output li {
+  max-width: 900px;           /* obmedz šírku odstavcov na čitateľnú mieru */
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.65;          /* vzdušnejšie riadkovanie */
+  font-size: 15px;            /* o trochu väčší, kompaktnejší text */
+  letter-spacing: 0.2px;      /* jemné rozšírenie písma pre cyberpunk vzhľad */
+  color: var(--text-primary);
+}
+/* Tighter spacing pre headings */
+.mw-parser-output h1,
+.mw-parser-output h2,
+.mw-parser-output h3 {
+  margin-top: 1.6em;
+  margin-bottom: 0.6em;
+  line-height: 1.3;
+}
+/* Odrážky a zoznamy nech sú kompaktnejšie */
+.mw-parser-output ul,
+.mw-parser-output ol {
+  margin-top: 0.4em;
+  margin-bottom: 0.8em;
+  padding-left: 1.4em;
+}
+/*    ============================================================================================== */
+/* === TYPO RESET: jednotná veľkosť a odsadenie === */
+.mw-body,
+.mw-parser-output {
+  --font-body: 15.5px;
+  --lh: 1.65;
+  --space-xxs: .25rem;
+  --space-xs: .4rem;
+  --space-sm: .6rem;
+  --space-md: .9rem;
+  font-size: var(--font-body);
+  line-height: var(--lh);
+}
+/* Bežný text (odstavce, zoznamy, definície) – všade rovnaké */
+.mw-parser-output p,
+.mw-parser-output li,
+.mw-parser-output dd,
+.mw-parser-output dt,
+.mw-parser-output blockquote,
+.mw-parser-output pre,
+.mw-parser-output code,
+.mw-parser-output table,
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox,
+.mw-parser-output .toc,
+.mw-parser-output .navbox,
+.mw-parser-output .mw-message-box {
+  font-size: 1em;           /* žiadne zmenšovanie/zväčšovanie */
+  line-height: var(--lh);   /* jednotné riadkovanie */
+}
+/* Konzistentné okraje bežných prvkov */
+.mw-parser-output p        { margin: 0 0 var(--space-sm); }
+.mw-parser-output ul,
+.mw-parser-output ol       { margin: var(--space-xs) 0 var(--space-sm); padding-left: 1.4em; }
+.mw-parser-output li       { margin: 0 0 var(--space-xxs); }
+.mw-parser-output dl       { margin: var(--space-xs) 0 var(--space-sm); }
+.mw-parser-output dt       { font-weight: 600; margin-top: var(--space-xxs); }
+.mw-parser-output dd       { margin-left: 1.1em; }
+/* Nadpisy – rovnaké medzery nad/pod a mierka */
+.mw-parser-output h1 { font-size: 1.9em; margin: 1.2em 0 .55em; line-height: 1.25; }
+.mw-parser-output h2 { font-size: 1.55em; margin: 1.1em 0 .5em;  line-height: 1.28; }
+.mw-parser-output h3 { font-size: 1.3em;  margin: 1.0em 0 .45em; line-height: 1.3; }
+.mw-parser-output h4 { font-size: 1.12em; margin: .9em 0 .4em;  line-height: 1.35; }
+.mw-parser-output h5,
+.mw-parser-output h6 { font-size: 1em;    margin: .8em 0 .35em; }
+/* TOC, infobox, tabuľky – nech neprepisujú typografiu */
+.mw-parser-output #toc,
+.mw-parser-output .toc,
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox,
+.mw-parser-output .wikitable,
+.mw-parser-output table {
+  margin-top: var(--space-sm);
+  margin-bottom: var(--space-md);
+}
+/* Obrázky a popisky – mierne kompaktnejšie, ale stále čitateľné */
+.mw-parser-output .thumb .thumbcaption,
+.mw-parser-output figcaption { font-size: .95em; line-height: var(--lh); }
+/* Poznámky a referencie – jednotné medzery */
+.mw-parser-output .references li { margin: 0 0 var(--space-xxs); line-height: var(--lh); }
+.mw-parser-output .reference { font-size: .95em; }
+/* Zaruč rovnakú veľkosť textu aj v tabuľkách/infoboxe */
+.mw-parser-output .wikitable th,
+.mw-parser-output .wikitable td,
+.mw-parser-output .infobox td,
+.mw-parser-output .infobox th { font-size: 1em; line-height: var(--lh); padding: .4rem .5rem; }
+/* Zbytočne „zmenšené“ systémové prvky narovnaj */
+#catlinks, .mw-notification, .mw-warning, .hatnote, .dablink { font-size: 1em; line-height: var(--lh); }
+/* Voliteľné: obmedz čitateľnú šírku bežného textu (bez tabuliek/infoboxu) */
+.mw-parser-output > p,
+.mw-parser-output > ul,
+.mw-parser-output > ol,
+.mw-parser-output > dl,
+.mw-parser-output > blockquote {
+  max-width: 900px;
+  margin-left: auto;
+  margin-right: auto;
+}
+/*   - ------------------------------------------------------------------------------      */
+/* === Fix obtekania obrázkov === */
+.mw-parser-output .thumb,
+.mw-parser-output .floatleft,
+.mw-parser-output .floatright,
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox {
+  margin: 0.5rem 1.2rem 0.8rem 1.2rem !important; /* väčšie odsadenie zo všetkých strán */
+}
+/* Ak je obrázok vľavo, nech má extra priestor vpravo */
+.mw-parser-output .floatleft,
+.mw-parser-output .thumb.tright {
+  margin-right: 1.5rem !important;
+}
+/* Ak je obrázok vpravo, nech má extra priestor vľavo */
+.mw-parser-output .floatright,
+.mw-parser-output .thumb.tleft,
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox {
+  margin-left: 1.5rem !important;
 }
-/* vnútorná mriežka */
+/* Popisky pod obrázkami nech sú kompaktnejšie, ale čitateľné */
-.article-table-cyberpunk th,
+.mw-parser-output .thumbcaption {
-.article-table-cyberpunk td {
+   font-size: 0.95em;
-   border-width: 3px !important;
+   line-height: 1.5;
-   padding: 8px 12px;
+   margin-top: 0.3rem;
-  text-align: center;
-   vertical-align: middle;
-  background-clip: padding-box;        /* žltá nepresvitá cez pozadie */
 }
-/* hlavičky – trochu odlíšiť, ale hrana stále jasne žltá */
+/* Väčšie medzery okolo plávajúcich prvkov */
-.article-table-cyberpunk th {
+.mw-parser-output .thumb,
-   background: #1a1a1a;
+.mw-parser-output .floatleft,
-  color: #fffcc0;
+.mw-parser-output .floatright,
-   font-weight: 700;
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox {
+   margin-top: .5rem !important;
+   margin-bottom: .8rem !important;
 }
-/* ak skin pridáva vlastné linky/okraje, prebijeme ešte tieto selektory */
+/* Obrázok vľavo → priestor vpravo */
-.skin-vector .article-table-cyberpunk th,
+.mw-parser-output .thumb.tleft,
-.skin-vector .article-table-cyberpunk td,
+.mw-parser-output .floatleft {
-.skin-timeless .article-table-cyberpunk th,
+   margin-left: 0 !important;
-.skin-timeless .article-table-cyberpunk td {
+  margin-right: 1.6rem !important;
-   border-color: var(--cp-yellow) !important;
 }
-/* voliteľne “neón” efekt – pridaj, ak chceš aby to ešte viac svietilo */
+/* Obrázok vpravo (aj infobox) → priestor vľavo */
-.article-table-cyberpunk th,
+.mw-parser-output .thumb.tright,
-.article-table-cyberpunk td {
+.mw-parser-output .floatright,
-  box-shadow: inset 0 0 0 0 var(--cp-yellow), 0 0 0 0 var(--cp-yellow);
+.mw-parser-output .infobox,
+.mw-parser-output .portable-infobox {
+  margin-right: 0 !important;
+  margin-left: 1.6rem !important;
 }
-/* === Cyberpunk table: tenšie žlté mriežky === */
-:root { --cp-yellow: #ffff00; }  /* čistá žltá */
-.article-table-cyberpunk,
+/* Jemný vnútorný odstup v rámci rámčeka thumb */
-.article-table-cyberpunk th,
+.mw-parser-output .thumb .thumbinner {
-.article-table-cyberpunk td {
+   padding: .25rem !important;
-   border-style: solid !important;
-  border-color: var(--cp-yellow) !important;
 }
-/* separate -> žiadne konflikty */
+/* Pri tabulkách: viac priestoru medzi stĺpcami s textom */
-.article-table-cyberpunk {
+.mw-parser-output table td,
-   border-collapse: separate !important;
+.mw-parser-output table th {
-  border-spacing: 0 !important;
+   padding: 0.75rem 0.9rem !important;
-   background: #0b0b0b;
+   vertical-align: top;                 /* text hore vedľa obrázka */
-  color: #f5f5f5;
-  border-width: 2px !important;     /* vonkajší rám (tenší) */
 }
-.article-table-cyberpunk th,
+/* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */
-.article-table-cyberpunk td {
+.mw-parser-output table td + td,
-   border-width: 1px !important;     /* jemné žlté línie medzi bunkami */
+.mw-parser-output table th + td,
-  padding: 6px 10px;
+.mw-parser-output table th + th {
-  text-align: center;
+   padding-left: 1.25rem !important;    /* toto vytvorí medzeru od obrázka */
-  vertical-align: middle;
-  background-clip: padding-box;
 }
-.article-table-cyberpunk th {
+/* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */
-   background: #1a1a1a;
+.mw-parser-output table td img,
-   color: #fffcc0;
+.mw-parser-output table td .thumb {
-   font-weight: 600;
+   margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
+   max-width: 100%;
+   height: auto;
 }
-/* Cyberpunk table – menšie písmo */
+/* Odstránenie bielych pozadí z RecentChanges */
-.article-table-cyberpunk th,
+.mw-body,
-.article-table-cyberpunk td {
+.mw-body-content,
-   font-size: 13px !important;   /* univerzálne menšie písmo */
+.rcfilters-head,
-   line-height: 1.3em;           /* nech sa text stále ľahko číta */
+.mw-changeslist-legend,
-   padding: 5px 8px;             /* zmenšené odsadenie aby to sedelo k fontu */
+.mw-changeslist,
+.mw-specialpage-summary {
+   background: transparent !important;
+  color: var(--text-primary, #fff) !important;
+}
+.mw-changeslist-legend,
+.rcfilters-head {
+  border: 1px solid #333 !important;
+}
+/* Fix bielych rámikov v Live updates / filteroch */
+.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper,
+.oo-ui-menuSelectWidget,
+.oo-ui-tagMultiselectWidget-handle {
+   background-color: #111 !important;
+   color: #fff !important;
 }

MediaWiki:Common.css: Difference between revisions