/* FILIPEYRO: presentation layer for the supplied Kathrine / MyAAC template. */
.fp-site {
  --fp-bg:#070b13; --fp-panel:#101827; --fp-line:#435365;
  --fp-text:#d3dce5; --fp-muted:#a4b3c3; --fp-ice:#acd8f4; --fp-gold:#c5a66b;
  margin:0; background:linear-gradient(180deg,rgba(7,11,19,.08),rgba(7,11,19,.22) 650px,#070b13 1250px),url('images/filipeyro-world.png') center top / 1920px auto no-repeat,#070b13;
  color:var(--fp-text); font:14px/1.65 Verdana,Arial,sans-serif;
  color-scheme:dark;
}
.fp-site * {box-sizing:border-box}
.fp-site a {color:var(--fp-ice);font-weight:normal;text-decoration:none}
.fp-site a:hover {color:#fff}
.fp-site a:focus-visible,.fp-site button:focus-visible,.fp-site input:focus-visible,.fp-site select:focus-visible,.fp-site textarea:focus-visible {outline:2px solid #d8be85;outline-offset:4px}
.fp-shell {width:min(1320px,calc(100% - 48px));margin:0 auto}
.fp-header {min-height:235px;display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:center;text-align:center;gap:20px}
.fp-brand {display:flex;flex-direction:column;align-items:center;color:#e4eaf0!important;text-shadow:0 3px 7px #000}
.fp-star {font:38px Georgia,serif;line-height:1}
.fp-wordmark {font:clamp(42px,5.8vw,86px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.045em}
.fp-tagline {font:13px Georgia,serif;letter-spacing:.65em;margin-top:10px;padding-left:.65em}
.fp-motto {font:11px/2.5 Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:#d0d9e5;text-shadow:0 2px 3px #000}
.fp-layout {display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:16px;align-items:start}
.fp-sidebar {min-width:0;display:grid;gap:16px}
.fp-card {position:relative;min-width:0;padding:20px 16px;background:linear-gradient(125deg,rgba(19,30,44,.97),rgba(6,14,23,.98));border:1px solid #647382;border-radius:5px;box-shadow:inset 0 0 0 3px #09111a,inset 0 0 0 4px #283543,0 10px 28px #0007}
.fp-card:before,.fp-card:after {content:"";position:absolute;top:5px;width:8px;height:8px;border-top:1px solid #a4b0be;pointer-events:none}
.fp-card:before {left:5px;border-left:1px solid #a4b0be}
.fp-card:after {right:5px;border-right:1px solid #a4b0be}
.fp-card-title {margin:0;text-align:center;font:13px/1.6 Georgia,serif;letter-spacing:.13em;text-transform:uppercase;color:#eef3f8}
.fp-ornament {display:flex;align-items:center;justify-content:center;gap:10px;height:30px;margin-bottom:10px}
.fp-ornament:before,.fp-ornament:after {content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#b3bec9)}
.fp-ornament:after {transform:rotate(180deg)}
.fp-ornament i {display:block;position:relative;width:7px;height:7px;border:1px solid #c3ceda;transform:rotate(45deg)}
.fp-ornament i:before,.fp-ornament i:after {content:"";position:absolute;width:3px;height:3px;background:#8396aa}
.fp-ornament i:before {left:-7px;top:7px}.fp-ornament i:after {right:-7px;bottom:7px}
.fp-menu {padding:0;margin:0;list-style:none}
.fp-menu li+li {border-top:1px solid #a4bbd010}
.fp-menu a {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 7px;color:#d5dfe8;font:14px/1.5 Georgia,serif;border-radius:2px}
.fp-menu a:hover,.fp-menu a:focus-visible {background:#20364b;color:#fff}
.fp-menu a span:last-child {color:#8095a9}
.fp-main {padding:24px 28px;min-height:580px;overflow-wrap:anywhere}
.fp-breadcrumb {font:10px/1.6 Verdana,sans-serif;color:#92a5b8;letter-spacing:.06em;margin-bottom:16px}
.fp-page-title {font:25px/1.3 Georgia,serif;text-transform:uppercase;letter-spacing:.13em;margin:0;text-align:center;color:#ebf1f6}
.fp-status {display:flex;align-items:center;gap:12px;font:21px Georgia,serif;margin:12px 0 20px}
.fp-status span {width:10px;height:10px;border-radius:50%;background:#bb6870}
.fp-status.is-online span {background:#87bb98;box-shadow:0 0 10px #87bb9855}
.fp-stats {display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px}
.fp-stats dt {color:var(--fp-muted)}.fp-stats dd {margin:0;text-align:right}
.fp-muted {color:var(--fp-muted);font:14px/1.7 Georgia,serif}
.fp-small-link {display:block;font-size:11px;margin-top:14px}
.fp-button {display:block;padding:11px 8px;margin-top:10px;text-align:center;border:1px solid #577b9c;border-radius:3px;background:linear-gradient(#203d58,#112338);box-shadow:inset 0 0 0 2px #ffffff08;font:12px/1.5 Georgia,serif;letter-spacing:.05em;text-transform:uppercase;color:#e6edf4!important}
.fp-button:hover {filter:brightness(1.2)}
.fp-button.fp-gold {background:linear-gradient(#74603b,#382c19);border-color:#b8985b;color:#fff2d3!important}
.fp-button.fp-emerald {background:linear-gradient(#1f4a3d,#0e2620);border-color:#4f9c7f;color:#dff5ea!important}
.fp-world-art {height:145px;background:url('images/filipeyro-world.png') 78% 15% / 550px auto;border:1px solid #354b60;margin-bottom:18px}
.fp-footer {text-align:center;color:#9eacbb;padding:28px 16px 40px;font-size:11px}
.fp-template-choice {margin-top:12px}
.fp-skip {position:absolute;top:-100px;left:16px;padding:12px;background:#101827;z-index:100}
.fp-skip:focus {top:12px}
.fp-site .Content {font-size:14px;line-height:1.7}
.fp-site .Content img {max-width:100%;height:auto}
.fp-site .Content table {max-width:100%;font-size:14px;line-height:1.7}
.fp-site .Content th,.fp-site .Content td {overflow-wrap:anywhere;padding-top:8px;padding-bottom:8px}
.fp-site .Content .eq-slots td {padding-top:0;padding-bottom:0}
.fp-site .Content input:not([type=image]):not([type=checkbox]):not([type=radio]),.fp-site .Content select,.fp-site .Content textarea {max-width:100%;background:#080f19;color:#e5edf4;border:1px solid #485c72;border-radius:3px;padding:7px;font:13px Verdana,sans-serif}
.fp-site .Content input[type=submit],.fp-site .Content input[type=button],.fp-site .Content button {cursor:pointer;background:#20384c;color:#eef4fa;border:1px solid #617b95;border-radius:3px;padding:7px 14px}
.fp-site .Content input[type=checkbox],.fp-site .Content input[type=radio] {accent-color:#afc6db}
.fp-site .Content .TableContainer,.fp-site .Content .TableContentContainer {border-color:#2b2b2b;background:#0b0b0b}
.fp-site .Content .Table1,.fp-site .Content .Table2,.fp-site .Content .Table3,.fp-site .Content .Table4,.fp-site .Content .Table5 {background:#0b0b0b;border-color:#2b2b2b}
.fp-site .Content .Odd,.fp-site .Content tr[bgcolor],.fp-site .Content td[bgcolor] {background-color:#0b0b0b!important;color:#d3dce5}
.fp-site .Content .Even {background:#0f0f0f!important}
.fp-site .Content .CaptionContainer,.fp-site .Content .CaptionInnerContainer,.fp-site .Content .LabelH,.fp-site .Content .LabelH td {background:#151515!important;color:#e8eef5}
.fp-site .Content .TableContainer td {border-color:#2b2b2b!important}
.fp-site .Content .SmallBox .Message,.fp-site .Content .SmallBox .ErrorMessage {background:#0b0b0b;color:#e3e9ef}
.fp-site .Content .FormFieldError,.fp-site .Content .SmallBox .ErrorMessage {color:#ffb4ba}
.fp-site .Content .CaptionContainer [class*="CaptionEdge"],.fp-site .Content .CaptionContainer [class*="CaptionBorder"],.fp-site .Content .CaptionContainer [class*="CaptionVertical"] {background-image:none!important}
.fp-site .Content hr {border:0;border-top:1px solid #3a4b5e;margin:22px 0}
.fp-news {padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #324355}
.fp-news-date {font:10px Verdana,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#9fadc0}
.fp-news h2 {font:25px/1.3 Georgia,serif;letter-spacing:.055em;color:#b4d9f1;margin:10px 0 18px}
.fp-news-body {font:15px/1.8 Georgia,serif}
.fp-news-meta {display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;color:#a3b3c4}
.fp-preview-banner {width:100%;height:220px;object-fit:cover;object-position:center 25%;border:1px solid #50647a;margin-bottom:16px}
@media(min-width:1700px){.fp-site{background-size:auto,100% auto}}
@media(max-width:1150px){.fp-layout{grid-template-columns:190px minmax(0,1fr)}.fp-layout>aside{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.fp-main{padding:22px}.fp-shell{width:calc(100% - 32px)}}
@media(max-width:700px){
.fp-header{min-height:90px!important;display:flex!important;justify-content:center!important;padding:6px 4px!important}
.fp-motto{display:none!important}
.fp-wordmark{font-size:15px!important}
.fp-tagline{font-size:6px!important}
.fp-layout{display:grid!important;grid-template-columns:88px minmax(0,1fr) 104px!important;gap:4px!important;align-items:start!important}
.fp-layout>nav{display:grid!important;grid-template-columns:1fr!important;grid-column:1!important;gap:3px!important;width:100%!important;min-width:0!important}
.fp-layout>aside{display:grid!important;grid-template-columns:1fr!important;grid-column:3!important;gap:3px!important;width:100%!important;min-width:0!important}
.fp-layout>.fp-main,.fp-layout>.fp-town-center,.fp-layout>.fp-market-column{grid-column:2!important;width:100%!important;min-width:0!important}
.fp-main{padding:6px 4px!important;min-height:0!important;width:100%!important;min-width:0!important}
.fp-card{padding:4px 3px!important;min-width:0!important}
.fp-shell{width:calc(100% - 4px)!important}
.fp-card-title{font-size:6px!important;letter-spacing:0!important;line-height:1.15!important;padding:0!important}
.fp-ornament{height:6px!important;margin:2px 0 3px!important}
.fp-menu a{display:block!important;font-size:6px!important;padding:2px 1px!important;line-height:1.2!important;word-break:break-word!important;text-align:center!important}
.fp-menu a span:last-child{display:none!important}
.fp-main .Content{overflow-x:auto!important}
.fp-page-title{font-size:10px!important}
.fp-news h2{font-size:11px!important}
.fp-button{font-size:6px!important;padding:3px 1px!important;line-height:1.15!important}
.fp-small-link{font-size:6px!important}
.fp-world-art{height:38px!important;margin-bottom:4px!important}
.fp-status{font-size:6px!important;gap:4px!important;margin:6px 0 8px!important}
.fp-stats{font-size:6px!important}
.fp-breadcrumb{font-size:6px!important;margin-bottom:6px!important}
.fp-muted{font-size:6px!important}
.fp-site .fp-social-tabs{width:100%!important;max-width:100%!important;margin:-10px auto 0!important}
.fp-site .fp-social-tabs a{min-height:34px!important}
.fp-site .fp-social-tabs svg{width:15px!important;height:15px!important}
}

@media(prefers-reduced-motion:reduce){.fp-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* FILIPEYRO v2: scalable silver frames and approved clean background. */
.fp-site {
 background:#070b13 url('images/filipeyro-world-v2.png') center top / max(100%,1536px) auto no-repeat;
}
.fp-shell {width:min(1200px,calc(100% - 48px))}
.fp-header {min-height:215px}
.fp-layout {grid-template-columns:220px minmax(0,1fr) 220px;gap:12px}
.fp-sidebar {gap:10px}
.fp-card {
 border:12px solid transparent;
 border-image:url('images/panel-frame.svg') 24 / 12px / 0 stretch;
 border-radius:0;
 background:linear-gradient(125deg,#0c1927f5,#060e18fa);
 background-clip:padding-box;
 box-shadow:0 8px 24px #0005;
 padding:10px 8px 12px;
}
.fp-card:before,.fp-card:after {display:none}
.fp-main {padding:14px 18px 24px}
.fp-card-title {font-size:12px;letter-spacing:.12em;text-align:left;padding:0 2px}
.fp-ornament {height:24px;gap:8px;margin:0 0 6px}
.fp-ornament i {width:6px;height:6px}
.fp-ornament i:before,.fp-ornament i:after {display:none}
.fp-menu a {padding:8px 6px;font-size:13px;line-height:1.45}
.fp-menu li+li {border-color:#9bb4cc12}
.fp-menu a:hover,.fp-menu a:focus-visible {background:linear-gradient(90deg,#223e57,#152b40)}
.fp-wordmark {background:linear-gradient(#f6f8fb 15%,#a6b6c7 42%,#e7edf3 52%,#7b91a8 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 4px 12px #0004}
.fp-brand .fp-star {font-size:34px}
.fp-breadcrumb {margin-bottom:10px;opacity:.8}
.fp-status {font-size:19px;margin:10px 0 18px}
.fp-button {padding:10px 6px;font-size:11px;box-shadow:inset 0 0 0 2px #c7d9ee14,0 2px 4px #0005}
.fp-main .Content .fp-preview-banner {height:220px;object-fit:cover;object-position:center 18%}
.fp-world-art {background-image:url('images/filipeyro-world-v2.png')}
@media(max-width:1050px){
 .fp-layout {grid-template-columns:190px minmax(0,1fr)}
 .fp-layout>aside {grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1051px){
 .fp-layout>aside {grid-column:auto;grid-template-columns:1fr}
}
@media(max-width:700px){
 .fp-shell {width:calc(100% - 16px)}
 .fp-header {min-height:175px}
 .fp-layout>nav {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .fp-layout>aside {grid-template-columns:1fr}
 .fp-card {padding:8px 4px 12px}
 .fp-main {padding:12px 10px 20px}
 .fp-card-title {font-size:10px;letter-spacing:.05em}
 .fp-menu a {font-size:12px;padding:8px 2px}
 .fp-main .Content .fp-preview-banner {height:160px}
}

/* Storybook edition: reference-style simple cards, no gothic frame. */
.fp-site {background:#060b15 url('images/filipeyro-town.jpg') center top / max(1536px,100%) auto no-repeat;color:#c7c7c7;font-family:Arial,sans-serif}
.fp-shell{width:min(1420px,calc(100% - 48px))}
.fp-header{min-height:260px}
.fp-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:8px;align-items:start}
.fp-sidebar{gap:3px;padding:5px;background:#151515;border:1px solid #292929;border-radius:12px}
.fp-card{border:1px solid #2d2d2d;border-image:none;border-radius:10px;background:linear-gradient(#141414,#101010);box-shadow:inset 0 0 0 1px #ffffff02;padding:22px 22px 10px}
.fp-card:before,.fp-card:after{display:none}
.fp-card-title{font:16px/1.4 Arial,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:0;color:#e5e5e5;padding:0;margin:0}
.fp-ornament{display:block;height:22px;background:url('images/ornament.svg') center/100% 18px no-repeat;margin:2px 0 18px}
.fp-ornament:before,.fp-ornament:after,.fp-ornament i{display:none}
.fp-menu a{display:block;text-align:center;padding:17px 0;color:#bfc0c3;font:16px/1.35 Arial,sans-serif}
.fp-menu a span:last-child{display:none}
.fp-menu li+li{border-top:1px solid #2c2c2c}
.fp-menu a:hover,.fp-menu a:focus-visible{background:#1d2430;color:#fff}
.fp-menu a[href*="account/create"]{color:#efe873}
.fp-menu a[href*="downloads"]{color:#70bb88}
.fp-main{padding:20px;min-height:650px;background:#191919;border-radius:8px}
.fp-page-title{font:20px/1.5 Arial,sans-serif;letter-spacing:.035em;border:1px solid #373737;background:#202020;padding:4px 12px}
.fp-breadcrumb{font:10px Arial,sans-serif;margin-bottom:12px}
.fp-main>.fp-ornament{margin:12px 0 20px}
.fp-status{justify-content:center}
.fp-small-link{text-align:center}
.fp-muted{font:14px/1.7 Arial,sans-serif}
.fp-world-art{background:url('images/filipeyro-town.jpg') center 25% / 520px auto}
.fp-news h2{font:25px/1.3 Georgia,serif;color:#d5e5f2}
.fp-news-body{font:15px/1.8 Arial,sans-serif}
.fp-main .Content .fp-preview-banner{height:220px;object-fit:cover;object-position:center 15%}
.fp-wordmark{font-weight:600;letter-spacing:.025em;filter:drop-shadow(0 3px 2px #000)}
.fp-button{font-family:Arial,sans-serif;text-transform:none;font-size:14px}
@media(max-width:1200px){
.fp-layout{grid-template-columns:230px minmax(0,1fr)}
.fp-layout>aside{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-card{padding:18px 16px 10px}
}
@media(min-width:1201px){.fp-layout>aside{grid-column:auto;grid-template-columns:1fr}}
@media(max-width:700px){
.fp-shell{width:calc(100% - 16px)}.fp-header{min-height:190px}
.fp-layout>nav{grid-template-columns:1fr;width:100%}
.fp-layout>aside{grid-template-columns:1fr;width:100%}
.fp-menu a{font-size:15px;padding:12px}
.fp-card-title{font-size:15px}
.fp-main{min-height:0;padding:16px}
.fp-main .Content .fp-preview-banner{height:150px}
}

/* Black news cards: scoped to articles and news ticker. */
.fp-site .fp-news {
 background:#0b0b0b;
 border:1px solid #353535;
 border-radius:7px;
 padding:0;
 margin:0 0 18px;
 overflow:hidden;
 color:#d5d5d5;
}
.fp-site .fp-news-header {
 background:#101010;
 border-bottom:1px solid #353535;
 padding:17px 18px;
}
.fp-site .fp-news-header h2 {
 margin:0;
 color:#eeeeee;
 font:600 17px/1.5 Arial,sans-serif;
 letter-spacing:0;
 text-transform:none;
 overflow-wrap:break-word;
}
.fp-site .fp-news-header time {font:inherit}
.fp-site .fp-news-body {
 background:#0b0b0b;
 padding:20px 18px;
 font:15px/1.75 Arial,sans-serif;
 color:#d5d5d5;
}
.fp-site .fp-news-body p {margin:0 0 16px}
.fp-site .fp-news-body > :last-child {margin-bottom:0}
.fp-site .fp-news-body a {color:#83b8ee;text-decoration:underline;text-underline-offset:3px}
.fp-site .fp-news-body strong,.fp-site .fp-news-body b {color:#ededed}
.fp-site .fp-news-meta {
 margin:0;
 padding:12px 18px;
 background:#0b0b0b;
 border-top:1px solid #242424;
 font:12px/1.6 Arial,sans-serif;
 color:#aaa;
}
.fp-site .Content #NewsTicker,
.fp-site .Content #NewsTicker .BoxContent,
.fp-site .Content #NewsTicker .Odd,
.fp-site .Content #NewsTicker .Even,
.fp-site .Content #NewsTicker table,
.fp-site .Content #NewsTicker tr,
.fp-site .Content #NewsTicker td {
 background:#0b0b0b!important;
 color:#d5d5d5;
 border-color:#353535!important;
}
.fp-site .Content #NewsTicker {border:1px solid #353535;border-radius:5px;margin-bottom:20px;padding:10px}
.fp-site .Content #NewsTicker .BoxContent {min-height:0;height:auto!important}
.fp-site .Content #NewsTicker .NewsTickerShortText {height:auto;min-height:18px}
.fp-site .Content #NewsTicker a {color:#83b8ee}
/* Compatibility with the original news markup if MyAAC serves that view. */
.fp-site .Content #News .NewsHeadlineBackground {
 background:#101010!important;
 background-image:none!important;
 border:1px solid #353535;
 height:auto;min-height:48px;
 display:flex;flex-wrap:wrap;align-items:center;gap:8px;
 padding:12px 16px;margin-bottom:0;
}
.fp-site .Content #News .NewsHeadlineIcon {display:none}
.fp-site .Content #News .NewsHeadlineDate,
.fp-site .Content #News .NewsHeadlineText,
.fp-site .Content #News .NewsHeadlineAuthor {
 position:static;top:auto;left:auto;right:auto;width:auto;
 color:#ededed;font:600 15px/1.5 Arial,sans-serif;
}
.fp-site .Content #News .NewsHeadlineAuthor {margin-left:auto;font-size:12px;color:#aaa}
.fp-site .Content #News + table {
 background:#0b0b0b;
 border:1px solid #353535;border-top:0;
}
.fp-site .Content #News + table > tbody > tr > td {padding:18px!important}
@media(max-width:700px){
 .fp-site .fp-news-header,.fp-site .fp-news-body {padding:15px 12px}
 .fp-site .fp-news-header h2 {font-size:16px}
 .fp-site .Content #NewsTicker .NewsTickerDate {position:static;float:none}
 .fp-site .Content #NewsTicker .NewsTickerShortText,
 .fp-site .Content #NewsTicker .NewsTickerFullText {margin-left:0}
}

/* Highscores only. Structure verified against supplied system Twig and HTML.
   :has() scopes this patch to the actual filter IDs, independent of language
   and of optional country/outfit/experience columns. */
.fp-site .fp-main:has(#skillFilter) {min-height:0}
.fp-site #ContentHelper:has(#skillFilter) {overflow-x:auto}
.fp-site #ContentHelper:has(#skillFilter) table {
 table-layout:auto;
 border-collapse:collapse;
 border-spacing:0;
}
.fp-site #ContentHelper:has(#skillFilter) td {
 overflow-wrap:normal;
 word-break:normal;
 vertical-align:middle;
}
/* Outer layout: remove spacer cells and duplicated side filter lists.
   Both working select controls remain above the ranking. */
.fp-site #ContentHelper table:has(#skillFilter) > tbody > tr > td:has(#skillFilter) {
 width:100%!important;
 padding:0;
}
.fp-site #ContentHelper table:has(#skillFilter) > tbody > tr > td:not(:has(#skillFilter)) {
 display:none;
}
/* The filter table itself is not an outer layout table. Restore its cells. */
.fp-site #ContentHelper table:has(> tbody > tr > td > #skillFilter) > tbody > tr > td {
 display:table-cell;
 width:auto!important;
 padding:10px 8px;
}
.fp-site #ContentHelper table:has(> tbody > tr > td > #skillFilter) label {
 display:block;margin-bottom:6px;color:#c7c7c7;
}
.fp-site #ContentHelper table:has(> tbody > tr > td > #skillFilter) select {
 width:100%;min-width:120px;
}
/* Results table is the immediate sibling of the filter table. */
.fp-site #ContentHelper table:has(#skillFilter) + table {
 width:100%;
 background:#0b0b0b;
 border:1px solid #343434;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr > td {
 width:auto!important;
 padding:10px 12px;
 white-space:nowrap;
 border-bottom:1px solid #292929;
 background:#0b0b0b!important;
 color:#d6d6d6;
 font-size:13px;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr:nth-child(odd) > td {
 background:#111!important;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr:first-child > td {
 background:#191919!important;
 color:#eee;
 font-weight:bold;
 padding-top:13px;padding-bottom:13px;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr > td:has(> a) {
 width:100%!important;
 min-width:140px;
 white-space:normal;
 overflow-wrap:break-word;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr > td:has(> div) {
 text-align:right;
 font-variant-numeric:tabular-nums;
}
.fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr > td > div {
 text-align:right!important;
 white-space:nowrap;
}
.fp-site #ContentHelper table:has(#skillFilter) + table img[style*="position:absolute"] {
 position:static!important;
 margin:0!important;
 display:block;
 width:64px;height:64px;
 max-width:none;
 object-fit:contain;
}
.fp-site #ContentHelper table:has(#skillFilter) + table small {
 color:#aaa;line-height:1.5;
}
@media(max-width:700px){
 .fp-site #ContentHelper table:has(> tbody > tr > td > #skillFilter) > tbody > tr > td {padding:8px 4px}
 .fp-site #ContentHelper table:has(#skillFilter) + table > tbody > tr > td {padding:8px}
}

/* Table enhancement v6, only explicit Kathrine classes. */
.fp-site .fp-main.fp-compact{min-height:0}
.fp-site .fp-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#101010;border:1px solid #363636;padding:14px}
.fp-site .fp-filters label{display:grid;gap:8px;font-size:14px;color:#ccc}
.fp-site .fp-filters select{width:100%;min-width:0}
.fp-site .fp-filter-actions{display:flex;align-items:center;gap:12px;padding:12px 0}
.fp-site .fp-filter-actions a{padding:7px 14px;border:1px solid #617b95;border-radius:3px;background:#20384c;color:#eef4fa}
.fp-site .fp-ranking h2{font:600 20px/1.4 Arial,sans-serif;margin:16px 0}
.fp-site .fp-table-scroll{width:100%;overflow-x:auto}
.fp-site .Content table.fp-data-table{width:100%;table-layout:auto;border-collapse:collapse;background:#0b0b0b;font-size:14px}
.fp-site .Content table.fp-data-table > tbody > tr > td{width:auto!important;background:#0b0b0b!important;color:#ccc;border:1px solid #353535!important;padding:10px 12px;white-space:nowrap;overflow-wrap:normal;word-break:normal;vertical-align:middle}
.fp-site .Content table.fp-data-table > tbody > tr:first-child > td{background:#191919!important;color:#eee;font-weight:600}
.fp-site .Content table.fp-data-table > tbody > tr > td:has(>a){white-space:normal;min-width:150px}
.fp-site .Content table.fp-data-table > tbody > tr > td > div{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.fp-site .Content table.fp-changelog > tbody > tr > td:nth-child(1),
.fp-site .Content table.fp-changelog > tbody > tr > td:nth-child(2){width:70px!important;text-align:center}
.fp-site .Content table.fp-changelog > tbody > tr > td:nth-child(3){width:115px!important}
.fp-site .Content table.fp-changelog > tbody > tr > td:nth-child(4){white-space:normal;min-width:180px;overflow-wrap:break-word}
@media(max-width:650px){.fp-site .fp-filters{grid-template-columns:1fr}.fp-site .Content table.fp-data-table > tbody > tr > td{padding:8px}}


/* ============================================================
   Profil postaci (Character Information / Skills / Equipment /
   Signature) - czarne tlo zamiast granatowego, TYLKO ta strona
   (scoped przez .fp-page-characters, main dostaje ta klase
   dynamicznie z template.php wg ?subtopic=). Ikony ekwipunku
   i obrazek sygnatury nietkniete - to tylko kolor tla/naglowka.
   ============================================================ */

.fp-page-characters .TableContainer,
.fp-page-characters .TableContentContainer {
  border-color: #2b2b2b !important;
  background: #0b0b0b !important;
}
.fp-page-characters .TableContainer .Odd,
.fp-page-characters .TableContainer .Even,
.fp-page-characters .Content .Odd,
.fp-page-characters .Content tr[bgcolor],
.fp-page-characters .Content td[bgcolor] {
  background-color: #0b0b0b !important;
  color: #d3dce5 !important;
}
.fp-page-characters .TableContainer .CaptionContainer,
.fp-page-characters .TableContainer .CaptionInnerContainer {
  background: #151515 !important;
}
.fp-page-characters .TableContainer .CaptionContainer .Text {
  color: #e8eef5 !important;
}
.fp-page-characters .TableContainer td {
  border-color: #2b2b2b !important;
}
.fp-page-characters .TableContainer .Table1,
.fp-page-characters .TableContainer .Table2,
.fp-page-characters .TableContainer .Table3 {
  background: #0b0b0b !important;
  border-color: #2b2b2b !important;
}


/* ============================================================
   Houses / Guilds / Team (i kazda inna podstrona uzywajaca
   wspolnego "myaac-table" z core) - te strony maja kolory
   wpisane NA SZTYWNO w PHP (bgcolor="..." / style="background-
   color:...") zamiast przez klasy .TableContainer, wiec
   wczesniejsza globalna poprawka ich nie lapala. Bijemy w
   dokladne stare wartosci hex (nasza wlasna granatowa paleta
   z wczesniejszego etapu) i w sama klase .myaac-table.
   ============================================================ */

.fp-site .Content .myaac-table > tbody > tr:nth-child(even),
.fp-site .Content .myaac-table > tbody > tr:nth-child(odd) {
  background: #0b0b0b !important;
}
.fp-site .Content .myaac-table > thead > tr > td,
.fp-site .Content .myaac-table > thead > tr > th,
.fp-site .Content .myaac-table > tfoot > tr > td {
  background: #151515 !important;
  color: #e8eef5 !important;
}

.fp-site .Content tr[bgcolor="#3a4864"],
.fp-site .Content td[bgcolor="#3a4864"] {
  background-color: #151515 !important;
}
.fp-site .Content tr[bgcolor="#101827"],
.fp-site .Content td[bgcolor="#101827"],
.fp-site .Content tr[bgcolor="#141d2e"],
.fp-site .Content td[bgcolor="#141d2e"] {
  background-color: #0b0b0b !important;
}
.fp-site .Content tr[style*="141d2e"],
.fp-site .Content td[style*="141d2e"],
.fp-site .Content tr[style*="101827"],
.fp-site .Content td[style*="101827"] {
  background-color: #0b0b0b !important;
}
.fp-site .Content tr[style*="3a4864"],
.fp-site .Content td[style*="3a4864"] {
  background-color: #151515 !important;
}


/* ============================================================
   Karuzela zrzutow ekranu w karcie "Explore the World"
   ============================================================ */
.fp-world-art.fp-gallery {
  position: relative !important;
  overflow: hidden !important;
  height: 145px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #0b0b0b !important;
  background-image: none !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}
.fp-gallery-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
  pointer-events: none !important;
  border: 0 !important;
  margin: 0 !important;
  display: block !important;
}
.fp-gallery-slide.is-active {
  opacity: 1 !important;
}

/* Account submenu (system account.management.html.twig) - hardcoded black-on-light overridden for dark theme. */
.fp-site .vertical-menu a{background-color:#000!important;color:#fff!important;border-bottom:1px solid #2a2a2a}
.fp-site .vertical-menu a:hover{background-color:#232323!important;color:#fff!important}

/* Naprawa: usuniecie zoltej/oliwkowej poswiaty autouzupelniania przegladarki na polach logowania i pozostalych formularzach */
.TableContainer input[type=text],
.TableContainer input[type=password]{background:#080f19;color:#e5edf4;border:1px solid #485c72;border-radius:3px;padding:5px 7px;font:13px Verdana,sans-serif}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #080f19 inset !important;box-shadow:0 0 0 1000px #080f19 inset !important;-webkit-text-fill-color:#e5edf4 !important;caret-color:#e5edf4 !important;transition:background-color 9999s ease-in-out 0s}