/*
 * PokeGenesis Web UI / Enterprise Customization
 * Architecture: High-Density Layout, Pokedex Dark Theme, Flexbox/Grid ready.
 * Target: Znote AAC / Modern OpenTibia Engine
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@300;400;700&display=swap');

/* [1] GLOBAL NORMALIZE */
* { 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { height: 100%; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }

/* [2] BASE TYPOGRAPHY & BACKGROUND */
body { 
  font: normal 13px/1.5 'Roboto', arial, sans-serif;
  background-color: #090c10;
  /* Multi-layer background: CSS Gradient Overlay + Twój wygenerowany obrazek */
  background-image: 
    linear-gradient(rgba(9, 12, 16, 0.88), rgba(9, 12, 16, 0.95)), 
    url('../images/bg.png');
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #c9d1d9;
}

p { padding: 0 0 10px 0; }
img { border: 0; max-width: 100%; height: auto; }

/* [3] HEADERS (Pokedex Accent) */
h1, h2, h3, h4, h5, h6 { 
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  margin: 0 0 10px 0;
  letter-spacing: 0.5px;
}

h1 { font-size: 140%; color: #f39c12; border-bottom: 2px solid #e74c3c; padding-bottom: 4px; } 
h2 { font-size: 120%; color: #58a6ff; border-bottom: 1px solid #30363d; padding-bottom: 4px; } 
h3 { font-size: 110%; color: #e74c3c; }
h4, h6 { color: #f1c40f; font-size: 100%; }
h5 { color: #888; font-style: italic; font-size: 90%; text-transform: none; }

/* [4] LINKS */
a { outline: none; text-decoration: none; color: #58a6ff; transition: all 0.2s ease-in-out; }
a:hover { color: #f39c12; text-shadow: 0 0 4px rgba(243, 156, 18, 0.4); }

blockquote { 
  margin: 10px 0; padding: 10px 15px;
  border-left: 4px solid #e74c3c;
  background: #161b22;
  border-radius: 0 4px 4px 0; color: #e0e0e0;
}

/* [5] LISTS */
ul { margin: 0 0 15px 15px; }
ul li { list-style-type: none; margin: 0 0 4px 0; color: #c9d1d9; }
ol { margin: 5px 0 15px 20px; }
ol li { margin: 0 0 6px 0; }

/* [6] LAYOUT HELPERS */
.left { float: left; margin-right: 15px; }
.right { float: right; margin-left: 15px; }
.center { display: block; text-align: center; margin: 10px auto; }
#main, #logo, footer { margin-left: auto; margin-right: auto; }
/* [7] HEADER & NAVIGATION */
header { 
  background: transparent; 
  height: auto; 
  border-bottom: 3px solid #e74c3c;
  box-shadow: 0 4px 15px rgba(0,0,0,0.8);
}

#logo { 
  max-width: 1000px; /* Zmiana na max-width */
  width: 100%; 
  height: 180px; 
  margin: 0 auto;
  position: relative;
  background: transparent url('../images/logo.jpg') no-repeat center center;
  background-size: contain; /* Contain zapobiega ucięciu na małych ekranach */
}

#logo h1, #logo h2 { display: none; }

nav { 
  height: auto; 
  min-height: 40px;
  width: 100%;
  background: linear-gradient(to bottom, #1f2937, #111827);
  border-bottom: 1px solid #000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.6);
  display: flex; /* Flexbox dla nawigacji */
  align-items: center;
} 

#menu_container { 
  max-width: 1000px; 
  width: 100%;
  margin: 0 auto; 
  position: relative; 
}
/* [8] CONTENT CONTAINERS (High-Density & Sleek) */
#site_content { 
  max-width: 1000px; 
  width: 100%; 
  margin: 15px auto; 
  padding: 0 10px; /* Margines bezpieczeństwa na mobilkach */
  box-sizing: border-box;
  display: flex; /* Usunięto floaty, wdrożono Flexbox */
  gap: 15px; /* Odstęp między sidebarem a contentem */
  align-items: flex-start;
} 

#sidebar_container { 
  width: 230px; 
  flex-shrink: 0; /* Zapobiega zgniataniu sidebara */
}

.sidebar { 
  background: linear-gradient(180deg, #161b22 0%, #0d1117 100%);
  border: 1px solid #30363d;
  border-top: 3px solid #e74c3c; 
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  padding: 12px; 
  margin-bottom: 12px;
}

.content { 
  flex-grow: 1; /* Zajmuje całą dostępną przestrzeń */
  min-width: 0; /* Zapobiega rozpychaniu przez tabele (Text Overflow prevention) */
  background: linear-gradient(180deg, #161b22 0%, #0d1117 100%);
  border: 1px solid #30363d;
  border-top: 3px solid #3498db; 
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

/* [9] FOOTER */
footer {
  width: 100%; background: #090c10; color: #8b949e;
  padding: 15px 0; text-align: center; border-top: 2px solid #e74c3c; margin-top: 20px;
}
footer p { margin: 0; line-height: 1.2em; font-size: 11px; }
footer a { color: #f39c12; } footer a:hover { color: #fff; }

/* [10] GLOBAL FORMS & INPUTS (Game-like UI) */
form { margin-bottom: 10px; }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea { 
  background-color: #010409;
  border: 1px solid #30363d;
  color: #c9d1d9;
  padding: 6px 10px; /* Ciasny padding */
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px; /* Mniejszy font formularzy */
  outline: none;
  transition: all 0.2s ease;
  width: 100%;
  max-width: 320px;
  margin-bottom: 6px; /* Ciasny margines dolny */
  box-sizing: border-box;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
  border-color: #58a6ff; box-shadow: 0 0 0 1px #58a6ff;
}

select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23c9d1d9" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  background-repeat: no-repeat; background-position-x: 96%; background-position-y: 50%;
  padding-right: 25px; cursor: pointer;
}
select option { background-color: #0d1117; color: #c9d1d9; }

/* ACTION BUTTONS */
input[type="submit"], input[type="button"], button, .btn { 
  background: linear-gradient(180deg, #f39c12 0%, #d35400 100%);
  border: 1px solid #a04000; color: #ffffff;
  font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase;
  padding: 6px 18px; border-radius: 4px; cursor: pointer;
  transition: all 0.1s ease; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
  margin-top: 4px; font-size: 12px;
}
input[type="submit"]:hover, button:hover, .btn:hover {
  background: linear-gradient(180deg, #f1c40f 0%, #e67e22 100%);
  border-color: #d35400; transform: translateY(-1px);
}
input[type="submit"]:active, button:active, .btn:active { transform: translateY(1px); box-shadow: none; }

/* [11] TABLES (Data Grids) */
table { 
  width: 100%; border-collapse: collapse; margin: 10px 0;
  background: #0d1117; border-radius: 4px; overflow: hidden; border: 1px solid #30363d;
}
table tr th { 
  background: #161b22; color: #8b949e; padding: 6px 10px;
  text-align: left; border-bottom: 1px solid #30363d; font-size: 11px; text-transform: uppercase;
}
table tr td { 
  background: transparent; color: #c9d1d9; padding: 6px 10px; border-top: 1px solid #30363d; font-size: 12px;
}
table tr:nth-child(even) td { background: rgba(255,255,255,0.02); }
table tr:hover td { background: rgba(88, 166, 255, 0.1); }
tr.special { cursor: pointer; }

/* [12] SOOPERFISH MENU (Compact Fixes for screenshot issue) */
ul.sf-menu { display: flex; list-style: none; margin: 0; padding: 0; }
ul.sf-menu li { position: relative; }
ul.sf-menu a {
  display: block; padding: 10px 18px; color: #ecf0f1;
  font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase;
  font-size: 12px; transition: background 0.1s; border-right: 1px solid #30363d;
}
ul.sf-menu a:hover { background: #3498db; color: #fff; }
ul.sf-menu ul {
  position: absolute; top: 100%; left: 0; background: #161b22;
  display: none; min-width: 180px; border: 1px solid #30363d;
  border-top: 2px solid #e74c3c; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.8);
}
ul.sf-menu li:hover > ul { display: block; }
ul.sf-menu ul li a { 
  padding: 8px 12px; /* Ścieśnienie elementów w pionie */
  border-bottom: 1px solid #21262d; 
  border-right: none;
  font-size: 11px; 
}
ul.sf-menu ul li a:hover { background: #21262d; padding-left: 15px; color: #58a6ff; } /* Delikatny shift w prawo na hover */

/* [13] ZNOTE SPECIFIC ELEMENTS */
hr { border: 0; border-top: 1px solid #30363d; margin: 10px 0; width: 100%; }
#progress { width: 100%; background: #010409; border-radius: 4px; padding: 1px; border: 1px solid #30363d; }
#percent { position: absolute; left: 50%; transform: translateX(-50%); color: #fff; font-size: 11px; font-weight: bold; }
#bar { height: 14px; background: linear-gradient(90deg, #2ea043, #3fb950); border-radius: 3px; }

#categoryNavigator { 
  background: #161b22; border-radius: 4px; overflow: hidden;
  display: flex; flex-wrap: wrap; margin-bottom: 10px; border: 1px solid #30363d;
}
#categoryNavigator a { 
  color: #8b949e; padding: 8px 12px; border-right: 1px solid #30363d;
  transition: all 0.1s; flex: 1; text-align: center; font-size: 12px; font-weight: bold;
}
#categoryNavigator a:hover { background: #21262d; color: #c9d1d9; }

.outfitColumn { position: relative; width: 64px; text-align: center; }
.outfitColumn img { position: relative; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.8)); }

/* [14] LOGIN WIDGET & SIDEBAR REFINEMENT (Strict Anti-Hollow) */
.sidebar .inner { padding: 0; }

#login { list-style: none; margin: 0; padding: 0; }
#login li {
  margin-bottom: 4px; /* Eliminacja przestrzeni między inputami */
  font-size: 11px;
  color: #8b949e; 
  font-weight: bold;
  text-transform: uppercase;
}

#login input[type="text"], #login input[type="password"] {
  margin-top: 2px;
  margin-bottom: 2px;
}

#login li:nth-of-type(3),
#login li:nth-of-type(4) { 
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

#login input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 140px;
  margin: 0; 
}

.sidebar center h3 { 
  margin: 10px 0 5px 0; 
  border-top: 1px solid #30363d; 
  padding-top: 10px; 
  border-bottom: none;
}
.sidebar center h4 { margin: 0; }
.sidebar center h3 a, .sidebar center h4 a {
  font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase;
}
.sidebar center h3 a { color: #f39c12; }
.sidebar center h4 a { color: #8b949e; font-size: 10px; }
.sidebar center h3 a:hover { color: #f1c40f; }
.sidebar center h4 a:hover { color: #c9d1d9; }

/* [15] FINAL POLISH - CONTRAST & PADDING FIXES */

/* Wzmocnienie kontrastu inputów wewnątrz ciemnego sidebara */
.sidebar input[type="text"], 
.sidebar input[type="password"] {
  background-color: #050709 !important; /* Totalna czerń dla głębi */
  border: 1px solid #3c444d !important; /* Jaśniejszy border, by oddzielić od tła sidebara */
  color: #58a6ff !important; /* Wpisywany tekst na niebiesko (Pokemon Tech style) */
}

/* Lekki offset dla czystego tekstu w content-boxie (np. News) */
.content p {
  padding: 5px 10px;
}

/* Wyrównanie szerokości inputu "Character Search" z resztą */
#sidebar_container form[action="characterprofile.php"] input[type="text"] {
  width: 100%;
  margin-top: 5px;
}

/* PokeGenesis Download Page UI / High-Density Integration */
.download-container {
    background: linear-gradient(180deg, #161b22 0%, #0d1117 100%);
    border: 1px solid #30363d;
    border-top: 3px solid #3498db; /* Water Type Blue Accent */
    border-radius: 6px;
    padding: 30px 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    text-align: center;
}

.download-container h2 {
    color: #f39c12;
    margin-bottom: 12px;
    font-size: 150%;
    border-bottom: none;
    letter-spacing: 0.5px;
}

.download-container p {
    color: #c9d1d9;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 1.6;
}

.btn-download {
    display: inline-block;
    background: linear-gradient(180deg, #2ea043 0%, #238636 100%); /* Success Green */
    border: 1px solid #2ea043;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 35px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
    font-size: 15px;
    letter-spacing: 1px;
}

.btn-download:hover {
    background: linear-gradient(180deg, #3fb950 0%, #2ea043 100%);
    transform: translateY(-2px);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.troubleshoot-container {
    background: rgba(22, 27, 34, 0.6);
    border: 1px solid #30363d;
    border-left: 4px solid #e74c3c; /* Fire Type Red / Error Accent */
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
}

.troubleshoot-container h3 {
    color: #e74c3c;
    margin-bottom: 15px;
    font-size: 110%;
    border-bottom: 1px solid #30363d;
    padding-bottom: 8px;
}

.troubleshoot-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #30363d;
}

.troubleshoot-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.troubleshoot-item p {
    margin: 0 0 10px 0;
    color: #8b949e;
    font-size: 13px;
}

.btn-secondary {
    display: inline-block;
    background: #21262d;
    border: 1px solid #30363d;
    color: #58a6ff !important;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s;
    text-transform: uppercase;
}

.btn-secondary:hover {
    background: #30363d;
    color: #fff !important;
    border-color: #8b949e;
}
ul.sf-menu {
  display: flex;
  justify-content: center; 
  align-items: center;
  flex-wrap: wrap; /* Pozwala na zagięcie menu, gdy brakuje miejsca */
  margin: 0; padding: 0; width: 100%;
}

ul.sf-menu > li {
  position: relative;
}

ul.sf-menu a.social-icon {
  display: block; width: 36px; height: 36px; padding: 0 !important;
  background-color: transparent; background-repeat: no-repeat;
  background-position: center; background-size: 18px 18px;
  border-right: none !important; border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

ul.sf-menu li.nav-social {
  position: absolute; top: 50%; transform: translateY(-50%);
}

ul.sf-menu li.nav-social:nth-last-child(2) { right: 44px; }
ul.sf-menu li.nav-social:last-child { right: 0; }

/* Zachowane ikony Base64 */
ul.sf-menu a.fb-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%238b949e'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E"); }
ul.sf-menu a.discord-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%238b949e'%3E%3Cpath d='M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485.065 485.065 0 0 0 404.081 32.03a1.816 1.816 0 0 0-1.923.91 337.461 337.461 0 0 0-14.9 30.6 447.848 447.848 0 0 0-134.426 0 309.541 309.541 0 0 0-15.135-30.6 1.89 1.89 0 0 0-1.924-.91A483.689 483.689 0 0 0 116.085 69.137a1.712 1.712 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.016 2.016 0 0 0 .765 1.375 487.666 487.666 0 0 0 146.825 74.189 1.9 1.9 0 0 0 2.063-.676A348.2 348.2 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588 321.173 321.173 0 0 1-45.868-21.853 1.885 1.885 0 0 1-.185-3.126c3.082-2.309 6.166-4.711 9.109-7.137a1.819 1.819 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.812 1.812 0 0 1 1.924.233c2.944 2.426 6.027 4.851 9.132 7.16a1.884 1.884 0 0 1-.162 3.126 301.407 301.407 0 0 1-45.89 21.83 1.873 1.873 0 0 0-1 2.611 391.055 391.055 0 0 0 30.014 48.815 1.864 1.864 0 0 0 2.063.7A486.048 486.048 0 0 0 610.7 405.729a1.882 1.882 0 0 0 .765-1.352c11.228-125.82-24.316-235.535-86.934-334.541zM222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239S193.056 219.1 222.491 219.1c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.41 59.241-52.843 59.241zM418.5 337.58c-28.972 0-52.843-26.587-52.843-59.239S389.056 219.1 418.5 219.1c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.236 59.241-52.843 59.241z'/%3E%3C/svg%3E"); }
ul.sf-menu a.fb-icon:hover { background-color: #1877f2 !important; box-shadow: 0 0 8px rgba(24, 119, 242, 0.6); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23ffffff'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E"); }
ul.sf-menu a.discord-icon:hover { background-color: #5865F2 !important; box-shadow: 0 0 8px rgba(88, 101, 242, 0.6); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23ffffff'%3E%3Cpath d='M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485.065 485.065 0 0 0 404.081 32.03a1.816 1.816 0 0 0-1.923.91 337.461 337.461 0 0 0-14.9 30.6 447.848 447.848 0 0 0-134.426 0 309.541 309.541 0 0 0-15.135-30.6 1.89 1.89 0 0 0-1.924-.91A483.689 483.689 0 0 0 116.085 69.137a1.712 1.712 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.016 2.016 0 0 0 .765 1.375 487.666 487.666 0 0 0 146.825 74.189 1.9 1.9 0 0 0 2.063-.676A348.2 348.2 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588 321.173 321.173 0 0 1-45.868-21.853 1.885 1.885 0 0 1-.185-3.126c3.082-2.309 6.166-4.711 9.109-7.137a1.819 1.819 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.812 1.812 0 0 1 1.924.233c2.944 2.426 6.027 4.851 9.132 7.16a1.884 1.884 0 0 1-.162 3.126 301.407 301.407 0 0 1-45.89 21.83 1.873 1.873 0 0 0-1 2.611 391.055 391.055 0 0 0 30.014 48.815 1.864 1.864 0 0 0 2.063.7A486.048 486.048 0 0 0 610.7 405.729a1.882 1.882 0 0 0 .765-1.352c11.228-125.82-24.316-235.535-86.934-334.541zM222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239S193.056 219.1 222.491 219.1c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.41 59.241-52.843 59.241zM418.5 337.58c-28.972 0-52.843-26.587-52.843-59.239S389.056 219.1 418.5 219.1c29.665 0 53.306 26.82 52.843 59.239 0 32.654-23.236 59.241-52.843 59.241z'/%3E%3C/svg%3E"); }


/* ==========================================================================
   [17] RESPONSIVE DESIGN (Media Queries dla Mobile & Tablet)
   ========================================================================== */

@media screen and (max-width: 900px) {
  /* [FIX A] Skalowanie logo (Smart Cropping zamiast miniaturyzacji) */
  #logo { 
    height: 180px; 
    background-size: cover; /* Wypełnia kontener, obcina puste boki */
    background-position: center 85%; /* Skupia ogniskową na dolnej części loga (napis) */
  }
  
  /* Układ pionowy dla kontenerów */
  #site_content { flex-direction: column; }
  #sidebar_container { width: 100%; order: 2; }
  .content { width: 100%; order: 1; }
}

@media screen and (max-width: 768px) {
  /* [FIX B] Hybrydowy model Flexbox dla nawigacji (Teksty w kolumnie, Ikony w wierszu) */
  ul.sf-menu {
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: center; /* Centruje ikony na samym dole */
  }
  
  /* Wymuszamy układ kolumnowy TYLKO dla głównych linków nawigacyjnych */
  ul.sf-menu > li:not(.nav-social) {
    width: 100%;
    text-align: center;
  }
  
  ul.sf-menu a {
    border-right: none;
    border-bottom: 1px solid #30363d;
    padding: 15px; 
  }
  
  /* Reset pozycji ikon Social, renderowanie ich obok siebie na dole menu */
  ul.sf-menu li.nav-social {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: auto; /* Zdejmuje blokadę 100% szerokości */
    margin: 15px 15px 20px 15px; 
  }
  
  ul.sf-menu li.nav-social a {
    border-bottom: none; /* Usuwa linię z ikon */
  }
  
  /* Sub-menu (rozwijane) dopasowane do mobilki */
  ul.sf-menu ul {
    position: relative; 
    width: 100%;
    box-shadow: none;
  }
  
  /* Zapobieganie wylewaniu się wielkich tabel z Highscores/Market na bok */
  table { 
    display: block; 
    overflow-x: auto; 
    white-space: nowrap; 
  }
}