:root {
  --freaky-green: #91ff22;
  --freaky-green-dark: #315f13;
  --freaky-purple: #9d55ff;
  --freaky-purple-dark: #36175c;
  --freaky-ink: #100f14;
  --freaky-panel: rgba(25, 22, 31, .96);
  --freaky-gold: #d9b875;
}

body {
  background-color: #08070a;
  color: #2a2118;
}

#ArtworkHelper::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 0, rgba(145,255,34,.10), transparent 38%),
              linear-gradient(90deg, rgba(157,85,255,.05), transparent 35%, transparent 65%, rgba(145,255,34,.05));
}

#TibiaLogoArtworkTop, #TibiaLogoArtworkBottom, #LogoLink { opacity: 1; }

.FreakyPedestalTitle {
  position: absolute;
  top: -158px;
  left: -16px;
  width: 164px;
  z-index: 22;
  color: #b9ff51;
  text-align: center;
  font: 800 8px Arial;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
}

#RightArtwork #Monster.FreakyPedestalMonster {
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 5px 4px #000) drop-shadow(0 0 5px rgba(145,255,34,.28));
  cursor: default;
  animation: freakyMonsterFloat 3.2s ease-in-out infinite;
  transform-origin: 50% 85%;
}

@keyframes freakyMonsterFloat {
  0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 5px 4px #000) drop-shadow(0 0 4px rgba(145,255,34,.22)); }
  50% { transform: translateY(-6px) scale(1.025); filter: drop-shadow(0 9px 5px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(157,85,255,.40)); }
}

.FreakyPedestalName {
  position: absolute;
  top: -72px;
  left: -12px;
  width: 155px;
  z-index: 24;
  overflow: hidden;
  color: #fff2c4;
  text-align: center;
  font: 700 9px Martel, Georgia, serif;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  text-shadow: 1px 1px 2px #000;
}

#Themeboxes { display: block; }

.FreakyTopPlayers { box-sizing:border-box; width:180px; height:auto!important; min-height:154px; margin-top:18px; overflow:visible; border:1px solid rgba(188,143,220,.48); border-radius:7px; color:#f3eadb; background:linear-gradient(160deg,rgba(40,25,49,.72),rgba(16,14,19,.68) 55%,rgba(22,42,15,.70)); box-shadow:0 5px 14px rgba(0,0,0,.45),inset 0 0 18px rgba(0,0,0,.22); backdrop-filter:blur(3px); text-align:left; }
.FreakyTopPlayersHeader { display:block; padding:10px 8px 9px; border-bottom:1px solid #63506d; background:radial-gradient(circle at 50% 0,rgba(145,255,34,.22),transparent 65%),linear-gradient(#3d244b,#221829); text-align:center; }
.FreakyTopPlayersHeader span { display:block; color:var(--freaky-green); font:800 8px Arial; letter-spacing:2px; }
.FreakyTopPlayersHeader strong { display:block; margin:2px 0; color:#fff3d8; font:700 17px Martel,Georgia,serif; text-shadow:1px 2px 2px #000; }
.FreakyTopPlayersHeader small { color:#b9aabe; font:9px Arial; }
.FreakyTopPlayersList { height:auto!important; overflow:visible!important; padding:5px; }
.FreakyTopPlayer { position:relative; box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:64px; margin:7px 0; padding:3px 8px 3px 25px; overflow:visible; border:1px solid rgba(255,255,255,.10); border-radius:5px; color:#eee6d8!important; background:rgba(10,8,12,.42); text-decoration:none!important; transition:.15s ease; }
.FreakyTopPlayer:hover { z-index:2; border-color:rgba(145,255,34,.45); background:rgba(145,255,34,.10); transform:translateX(-2px); }
.FreakyTopRank { position:absolute; left:5px; display:grid; place-items:center; width:19px; height:19px; border-radius:50%; color:#fff; background:#56485b; font:700 9px Arial; }
.FreakyTopPlayer:nth-child(1) .FreakyTopRank { color:#493600; background:linear-gradient(135deg,#fff0a3,#d4a51d); box-shadow:0 0 6px #dcb22d; }
.FreakyTopPlayer:nth-child(2) .FreakyTopRank { color:#333; background:linear-gradient(135deg,#fff,#9ea6af); }
.FreakyTopPlayer:nth-child(3) .FreakyTopRank { color:#3d210d; background:linear-gradient(135deg,#efbd88,#a45e2e); }
.FreakyTopOutfit { position:relative; flex:0 0 52px; width:52px; height:60px; overflow:visible; }
.FreakyTopOutfit img { position:absolute; width:64px; height:64px; top:-7px; left:-13px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 3px 2px #000); animation:FreakyOutfitWalk 900ms steps(2,end) infinite; transform-origin:center bottom; }
.FreakyTopInfo { min-width:0; flex:1; }
.FreakyTopInfo strong { display:block; overflow:hidden; color:#fff1d4; font:700 10px Arial; text-overflow:ellipsis; white-space:nowrap; }
.FreakyTopInfo small { display:block; margin-top:3px; color:#a99aad; font:9px Arial; }
.FreakyTopPlayer i { position:absolute; top:7px; right:6px; width:6px; height:6px; border-radius:50%; background:#695f67; }
.FreakyTopPlayer.is-online i { background:var(--freaky-green); box-shadow:0 0 5px var(--freaky-green); }
.FreakyTopEmpty { padding:20px 8px; color:#aaa0aa; text-align:center; font-size:10px; }
.FreakyTopPlayersMore { display:block; padding:8px; border-top:1px solid #55425e; color:#cda7f2!important; background:rgba(0,0,0,.25); text-align:center; font:700 9px Arial; text-decoration:none!important; }
.FreakyTopPlayersMore:hover { color:var(--freaky-green)!important; }

/* Fallback for browsers still serving the previous cached tibiacom boxes. */
#NewcomerBox, #PremiumBox, #GalleryBox, #NetworksBox, #CurrentPollBox, #SkyscraperBanner { display:none!important; }
#Themeboxes > br { display:none!important; }
#Topbar:not(.FreakyTopPlayers) { box-sizing:border-box!important; width:180px!important; min-height:0!important; margin-top:18px!important; padding:0!important; border:1px solid rgba(188,143,220,.48)!important; border-radius:7px!important; background:rgba(22,17,27,.70)!important; box-shadow:0 5px 14px rgba(0,0,0,.45)!important; backdrop-filter:blur(3px); }
#Topbar:not(.FreakyTopPlayers)::before { content:'TOP PLAYERS'; display:block; padding:10px 5px; border-bottom:1px solid rgba(188,143,220,.35); color:#fff1d4; background:rgba(62,34,76,.56); text-align:center; font:700 15px Martel,Georgia,serif; }
#Topbar:not(.FreakyTopPlayers) .top_level { position:relative!important; inset:auto!important; box-sizing:border-box!important; width:auto!important; height:auto!important; min-height:0!important; padding:6px!important; color:#eee6d8!important; background:transparent!important; text-align:left!important; }
#Topbar:not(.FreakyTopPlayers) .top_level > div { box-sizing:border-box; min-height:51px; margin:7px 0; padding:5px; border:1px solid rgba(255,255,255,.10); border-radius:5px; background:rgba(8,7,10,.42); }
#Topbar:not(.FreakyTopPlayers) .top_level > div a { display:block; color:#fff1d4!important; line-height:17px; }
#Topbar:not(.FreakyTopPlayers) .top_level > div img { margin-top:-38px!important; filter:drop-shadow(0 3px 2px #000); }
#Topbar:not(.FreakyTopPlayers) .Bottom { display:none!important; }

.FreakyBoosted {
  box-sizing: border-box;
  margin: 0 0 13px;
  padding: 9px;
  color: #f6f0e7;
  border: 1px solid #604a75;
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(21,17,27,.98), rgba(48,25,69,.96) 55%, rgba(25,58,16,.96));
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.35);
}

.FreakyBoostedTitle { margin-bottom: 7px; text-align: center; color: var(--freaky-gold); font: 700 10px Arial; letter-spacing: 2px; }
.FreakyBoostedCards { display: flex; gap: 9px; }
.FreakyBoostedCard { flex: 1; min-height: 72px; display: flex; align-items: center; gap: 10px; padding: 5px 10px; border-radius: 4px; background: rgba(0,0,0,.34); border: 1px solid rgba(255,255,255,.12); }
.FreakyBoostedCard img { width: 64px; height: 64px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 3px 4px #000); }
.FreakyBoostedCard small, .FreakyBoostedCard strong { display: block; }
.FreakyBoostedCard small { margin-bottom: 4px; color: #b9acbd; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.FreakyBoostedCard strong { color: #fff; font: 700 15px Martel, Georgia, serif; text-transform: capitalize; }
.FreakyBoosted-creature { border-left: 3px solid var(--freaky-green); }
.FreakyBoosted-boss { border-left: 3px solid var(--freaky-purple); }

.BoxContent { font-size: 12px; }
.BoxContent table { border-collapse: separate; border-spacing: 1px; }
.BoxContent table tr[bgcolor] { transition: filter .15s ease, transform .15s ease; }
.BoxContent table tr[bgcolor]:hover { filter: brightness(1.06); }
.BoxContent select, .BoxContent input[type="text"], .BoxContent input[type="search"] { min-height: 28px; border: 1px solid #796348; border-radius: 3px; background: #fff9e9; padding: 3px 7px; }
.BoxContent a { color: #56307d; font-weight: 600; }
.BoxContent a:hover { color: #387a11; }

.freaky-page-highscores .BoxContent > table { width: 100% !important; }
.freaky-page-highscores .BoxContent h2 { margin: 4px 0 12px; color: #37213f; font-family: Martel, Georgia, serif; font-size: 20px; }
.freaky-page-highscores .BoxContent td { font-size: 12px; }
.freaky-page-highscores .BoxContent img { image-rendering: pixelated; }

.FreakyRanking { color: #2a2118; }
.FreakyRankingHeader { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 13px; padding: 16px; border: 1px solid #6e5a43; border-radius: 5px; background: linear-gradient(135deg, #f4e9d2, #e4d0ad); }
.FreakyRankingHeader h2 { margin: 3px 0 !important; font-size: 22px !important; }
.FreakyRankingHeader p { margin: 0; color: #705f4e; }
.FreakyEyebrow { color: #6a2d8b; font: 700 9px Arial; letter-spacing: 1.8px; }
.FreakyRankingFilters { display: flex; gap: 8px; }
.FreakyRankingFilters label { color: #655546; font: 700 9px Arial; text-transform: uppercase; letter-spacing: .6px; }
.FreakyRankingFilters select { display: block; min-width: 125px; margin-top: 3px; }
.FreakyRankingTableWrap { overflow-x: auto; border: 1px solid #5b4635; border-radius: 4px; box-shadow: 0 3px 9px rgba(55,35,20,.18); }
.FreakyRankingTable { width: 100%; margin: 0; border: 0; border-collapse: collapse !important; }
.FreakyRankingTable th { padding: 9px 8px; color: #f8f0df; background: linear-gradient(#403149, #251d2b); text-align: left; font: 700 10px Arial; text-transform: uppercase; letter-spacing: .6px; }
.FreakyRankingTable td { padding: 7px 8px; border-bottom: 1px solid rgba(78,57,38,.2); background: rgba(246,231,203,.86); }
.FreakyRankingTable tbody tr:nth-child(even) td { background: rgba(225,204,170,.82); }
.FreakyRankingTable tbody tr:hover td { background: #f8edcf; }
.FreakyRankNumber { width: 42px; text-align: center !important; }
.FreakyRankNumber span { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: #5d4c3f; font-weight: 700; }
.FreakyRank-1 .FreakyRankNumber span { color: #493400; background: linear-gradient(135deg,#fff2a7,#d7a51c); box-shadow: 0 0 8px #e8bb36; }
.FreakyRank-2 .FreakyRankNumber span { color: #343434; background: linear-gradient(135deg,#fff,#a7adb4); }
.FreakyRank-3 .FreakyRankNumber span { color: #3d210e; background: linear-gradient(135deg,#f0bd89,#a95f2d); }
.FreakyRankOutfit { width: 70px; text-align: center; }
.FreakyRankOutfit img { transform: scale(1.12); transform-origin: center; filter: drop-shadow(0 3px 2px rgba(0,0,0,.35)); }
.FreakyRankPlayer a { display: block; color: #43205c; font: 700 14px Martel, Georgia, serif; }
.FreakyRankPlayer small { display: block; margin-top: 2px; color: #776858; }
.FreakyRankPlayer em { display: inline-block; margin-top: 3px; font: 700 8px Arial; text-transform: uppercase; }
.FreakyRankPlayer .is-online { color: #397d10; }
.FreakyRankPlayer .is-offline { color: #8b7770; }
.FreakyRankValue { color: #315f13; font-size: 15px !important; font-weight: 800; text-align: center; }
.FreakyRankExperience { color: #695843; font-variant-numeric: tabular-nums; }
.FreakyEmptyState { padding: 24px !important; text-align: center; color: #756451; }
.FreakyPagination { display: flex; justify-content: space-between; gap: 10px; margin-top: 12px; }
.FreakyPagination a { padding: 7px 11px; border: 1px solid #675244; border-radius: 3px; background: #ead8b8; }

.freaky-page-characters .BoxContent > table > tbody > tr > td:nth-child(2) { position: relative; }
.freaky-page-characters .BoxContent table { border-radius: 3px; overflow: hidden; }
.freaky-page-characters .BoxContent table table td { vertical-align: middle; }
.freaky-page-characters .BoxContent img[src*="outfit"] { image-rendering: pixelated; filter: drop-shadow(0 5px 5px rgba(0,0,0,.55)); }
.freaky-page-characters .BoxContent table[style*="background: #292929"] { box-shadow: 0 0 12px rgba(157,85,255,.24); }

.freaky-page-monsters .monsterImages { border-radius: 4px; transition: transform .15s ease, box-shadow .15s ease; }
.freaky-page-monsters .monsterImages:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(42,24,52,.28); }
.freaky-page-spells .ts_Spells > label { border-color: #5d426d !important; color: #f6eddd !important; background: linear-gradient(#53306a,#2e1b39) !important; }
.freaky-page-spells table.dataTable thead th { color: #fff; background: #30243a; }

.FreakyComingSoon { padding: 28px 20px; text-align: center; border: 1px solid #6d587d; border-radius: 6px; color: #eee7db; background: linear-gradient(145deg, #17131c, #2d193a 60%, #172915); box-shadow: inset 0 0 0 3px rgba(0,0,0,.35); }
.FreakyComingSoonBadge { display: inline-block; padding: 5px 10px; border: 1px solid rgba(145,255,34,.45); border-radius: 999px; color: var(--freaky-green); font: 700 10px Arial; letter-spacing: 1.6px; }
.FreakyComingSoon h2 { margin: 14px 0 6px; color: #fff; font: 700 23px Martel, Georgia, serif; }
.FreakyComingSoon p { max-width: 480px; margin: 0 auto; color: #c9bdcc; line-height: 1.6; }

@media (max-width: 900px) {
  .FreakyBoostedCards { flex-direction: column; }
  .FreakyBoostedCard { min-height: 60px; }
  .FreakyBoostedCard img { width: 52px; height: 52px; }
  .FreakyRankingHeader { align-items: stretch; flex-direction: column; }
  .FreakyRankingFilters { flex-wrap: wrap; }
}

/* FreakyOT character profile */
.FreakyCharacterPage { color:#211a17; font-family:Arial,sans-serif; }
.FreakyCharacterPage * { box-sizing:border-box; }
.FreakyCharacterAdmin { display:inline-block; margin:0 0 8px; padding:6px 10px; border:1px solid #654273; border-radius:4px; color:#fff!important; background:#3a2147; }
.FreakyCharacterPanel { margin:0 0 14px; overflow:hidden; border:1px solid #9a876f; border-radius:7px; background:rgba(255,249,232,.94); box-shadow:0 4px 12px rgba(30,16,32,.13); }
.FreakyCharacterPanel h2,.FreakyCollapsible summary { position:relative; margin:0; padding:12px 16px 12px 36px; color:#f7edda; background:linear-gradient(90deg,#201725,#3e2350 54%,#203b18); font:800 13px Martel,Georgia,serif; letter-spacing:.35px; text-transform:uppercase; text-shadow:1px 1px 1px #000; }
.FreakyCharacterPanel h2>span,.FreakyCollapsible summary>span { position:absolute; left:16px; top:50%; width:9px; height:9px; border:2px solid var(--freaky-green); transform:translateY(-50%) rotate(45deg); box-shadow:0 0 6px rgba(145,255,34,.55); }
.FreakyInfoRows>div { display:grid; grid-template-columns:165px 1fr; min-height:39px; align-items:center; padding:7px 16px; border-top:1px solid rgba(97,73,48,.19); background:rgba(255,252,241,.76); }
.FreakyInfoRows>div:nth-child(even) { background:rgba(229,217,191,.58); }
.FreakyInfoRows b { padding-right:20px; text-align:right; font-size:11px; }
.FreakyInfoRows strong.is-online { color:#3e8d14; }
.FreakyInfoRows strong.is-offline { color:#7c2c42; }
.FreakyHiddenBalance,.FreakyVipStatus { color:#397f12; font-weight:800; }
.FreakyInfoComment { align-items:start!important; }

.FreakyCharacterOverview { display:grid; grid-template-columns:205px 1fr; gap:15px; padding:16px; }
.FreakyCharacterPaperdoll { padding:10px; border:1px solid #b19d7e; border-radius:6px; background:linear-gradient(#f4f0e8,#e4e4df); box-shadow:inset 0 0 0 1px rgba(255,255,255,.75); }
.FreakyCharacterPaperdoll h3,.FreakySkillsBlock h3 { margin:0; color:#61307c; font:800 10px Arial; letter-spacing:.4px; text-transform:uppercase; }
.FreakyCurrentOutfit { position:relative; height:126px; margin:5px 0 6px; overflow:hidden; border-bottom:1px solid #c6b28e; background:radial-gradient(circle,rgba(145,255,34,.11),transparent 60%); }
.FreakyCurrentOutfit img { position:absolute; left:50%; top:47%; width:104px; height:104px; margin:-52px 0 0 -52px; image-rendering:auto; filter:drop-shadow(0 4px 3px rgba(0,0,0,.48)); animation:FreakyOutfitWalk 900ms steps(2,end) infinite; transform-origin:center bottom; }

@keyframes FreakyOutfitWalk {
	0%,100% { transform:translateY(0) rotate(-0.6deg); }
	50% { transform:translateY(-2px) rotate(0.6deg); }
}
.FreakyInventoryTitle { position:relative; z-index:1; width:95px; margin:-13px auto 8px!important; padding:2px; background:#e8e7e1; text-align:center; }
.FreakyEquipmentGrid { display:grid; grid-template-columns:repeat(3,44px); justify-content:center; gap:4px; }
.FreakyEquipmentGrid>div { display:grid; place-items:center; width:44px; height:44px; overflow:hidden; border:1px solid #4e3857; border-radius:6px; background:linear-gradient(145deg,#151219,#050506); box-shadow:inset 0 0 10px rgba(157,85,255,.18); }
.FreakyEquipmentGrid img { width:32px!important; height:32px!important; object-fit:contain; image-rendering:auto; }
.FreakyEquipmentGrid .FreakyPaperStat { color:#fff; line-height:1; }
.FreakyPaperStat small { display:block; color:#b7a3bd; font-size:8px; }
.FreakyPaperStat b { display:block; margin-top:4px; color:var(--freaky-green); font-size:10px; }

.FreakyCharacterVitals { display:flex; flex-direction:column; gap:13px; }
.FreakyVitalCard,.FreakyExperienceCard { position:relative; min-height:74px; padding:18px 18px 17px 64px; border:1px solid #c4ad89; border-radius:6px; background:rgba(255,255,255,.68); box-shadow:0 4px 12px rgba(49,35,22,.07); }
.FreakyVitalIcon { position:absolute; left:16px; top:17px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#6b2c86; background:#eee7d9; font-size:18px; }
.FreakyVitalCard>b { display:block; float:left; margin-top:5px; font-size:12px; }
.FreakyVitalCard>strong { display:block; margin:0 0 8px 85px; text-align:center; font-size:12px; font-variant-numeric:tabular-nums; }
.FreakyVitalBar,.FreakyExperienceBar { height:12px; overflow:hidden; border-radius:999px; background:#d5d8dc; box-shadow:inset 0 1px 2px rgba(0,0,0,.25); }
.FreakyVitalBar i,.FreakyExperienceBar i { display:block; height:100%; border-radius:inherit; }
.FreakyHealthCard .FreakyVitalBar i { background:linear-gradient(90deg,#a9163d,#ed3352); }
.FreakyManaCard .FreakyVitalBar i { background:linear-gradient(90deg,#6038b7,#1589f0); }
.FreakyExperienceCard { margin-top:8px; padding:8px 16px 14px; }
.FreakyExperienceLine { position:relative; display:grid; grid-template-columns:94px 1fr; min-height:61px; align-items:center; padding:7px 8px 7px 50px; border-bottom:1px solid #ddc9a7; }
.FreakyExperienceLine .FreakyVitalIcon { left:2px; top:13px; }
.FreakyExperienceLine b { font-size:11px; }
.FreakyExperienceLine span { line-height:1.35; font-size:11px; text-align:center; }
.FreakyExperienceLine span strong { color:#5e2879; }
.FreakyExperienceBar { margin:9px 4px 0; }
.FreakyExperienceBar i { background:linear-gradient(90deg,#3c7d16,var(--freaky-green),#8e4bd0); }

.FreakySkillsBlock { margin:0 16px 16px; padding:12px; border:1px solid #b19b77; border-radius:6px; background:rgba(255,255,255,.58); }
.FreakySkillGrid { display:grid; grid-template-columns:repeat(9,minmax(56px,1fr)); margin-top:9px; }
.FreakySkillCard { min-width:0; padding:4px 3px 8px; border-right:1px solid #d5c6ab; text-align:center; }
.FreakySkillCard:last-child { border-right:0; }
.FreakySkillCard img { display:block; width:42px; height:42px; margin:0 auto 7px; image-rendering:auto; filter:drop-shadow(0 2px 2px rgba(0,0,0,.26)); }
.FreakySkillCard span { display:block; height:21px; overflow:hidden; border-bottom:1px solid #c7b38d; font-size:10px; font-weight:800; white-space:nowrap; text-overflow:ellipsis; }
.FreakySkillCard b { display:block; padding-top:8px; color:#452455; font-size:12px; }

.FreakyCollapsible summary { cursor:pointer; list-style:none; user-select:none; }
.FreakyCollapsible summary::-webkit-details-marker { display:none; }
.FreakyCollapsible summary::after { content:'+'; position:absolute; right:14px; top:7px; display:grid; place-items:center; width:25px; height:25px; border:1px solid #a68145; border-radius:7px; color:var(--freaky-green); background:#251b2a; font-size:20px; text-shadow:none; }
.FreakyCollapsible[open] summary::after { content:'−'; }
.FreakyQuestList>div,.FreakyDeathList>div { display:grid; grid-template-columns:1fr 38px; min-height:39px; align-items:center; padding:6px 15px; border-top:1px solid #d5c3a4; }
.FreakyQuestList>div:nth-child(odd),.FreakyDeathList>div:nth-child(odd) { background:rgba(229,216,188,.55); }
.FreakyQuestList .is-complete { color:#3f9917; font-size:18px; }
.FreakyQuestList .is-incomplete { color:#a31d36; font-size:17px; }
.FreakyAchievementList { display:flex; flex-wrap:wrap; gap:7px; padding:13px; }
.FreakyAchievementList span { padding:7px 9px; border:1px solid #b69a6e; border-radius:999px; color:#472250; background:#ede0c8; font-weight:700; }
.FreakyEmptyMessage { margin:0; padding:15px; background:rgba(229,216,188,.55); text-align:center; font-weight:700; }
.FreakyDeathList>div { grid-template-columns:132px 1fr; }
.FreakyDeathList time { color:#684a73; font-weight:700; }
.FreakyAccountCharacters { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; padding:12px; }
.FreakyAccountCharacters a { padding:9px; border:1px solid #c1aa83; border-radius:5px; background:#f2e5cb; text-decoration:none!important; }
.FreakyAccountCharacters b,.FreakyAccountCharacters span { display:block; }
.FreakyAccountCharacters span { margin-top:3px; color:#76634c; font-size:10px; }
.FreakyCharacterSearch { margin-top:12px; }

@media (max-width:760px) {
  .FreakyInfoRows>div { grid-template-columns:115px 1fr; padding-left:8px; padding-right:8px; }
  .FreakyCharacterOverview { grid-template-columns:1fr; }
  .FreakyCharacterPaperdoll { max-width:220px; margin:auto; }
  .FreakySkillGrid { grid-template-columns:repeat(3,1fr); }
  .FreakySkillCard { border-bottom:1px solid #d5c6ab; }
  .FreakyAccountCharacters { grid-template-columns:1fr; }
}

/* FreakyOT homepage: quick server information */
.FreakyServerStrip { box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:7px; width:100%; margin:0 0 12px; padding:9px 10px; border:1px solid #4b3b54; border-radius:9px; background:linear-gradient(180deg,rgba(24,29,35,.98),rgba(12,16,20,.98)); box-shadow:0 5px 14px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08); }
.FreakyServerPill { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:29px; padding:5px 10px; border:1px solid #4b5158; border-radius:999px; color:#fff!important; background:linear-gradient(#252c32,#171d22); font:700 10px Arial,sans-serif; line-height:1; text-decoration:none!important; white-space:nowrap; box-shadow:inset 0 1px rgba(255,255,255,.07); transition:border-color .15s ease,transform .15s ease,background .15s ease; }
.FreakyServerPill:hover { border-color:var(--freaky-green); background:#273322; transform:translateY(-1px); }
.FreakyServerPill>span { color:#c9cad0; font-size:11px; }
.FreakyServerPill-save { border-color:#6a467c; background:linear-gradient(#3e2750,#271a34); }
.FreakyServerPill-save>span,.FreakyServerPill-save strong { color:#ce82ff; }
.FreakyServerPill.is-online>span,.FreakyServerPill-players>span { color:var(--freaky-green); text-shadow:0 0 6px rgba(145,255,34,.8); }
.FreakyServerPill.is-offline>span { color:#f05a67; }
.FreakyServerPill-discord { border-color:#5965b8; }
.FreakyServerPill-discord>span { color:#91a0ff; }

@media (max-width:900px) {
  .FreakyServerStrip { flex-wrap:wrap; }
  .FreakyServerPill { flex:1 1 auto; }
}

/* FreakyOT Library 2026 */
.FreakyLibraryIntro { position:relative; overflow:hidden; margin:0 0 12px; padding:17px 19px; border:1px solid #6c4a78; border-radius:7px; color:#efe8f2; background:radial-gradient(circle at 88% 20%,rgba(145,255,34,.24),transparent 31%),linear-gradient(120deg,#17121c,#3b1f4d 58%,#183415); box-shadow:inset 0 0 22px rgba(0,0,0,.35),0 4px 10px rgba(37,20,45,.22); }
.FreakyLibraryIntro>span { color:var(--freaky-green); font:800 9px Arial; letter-spacing:2px; }
.FreakyLibraryIntro h2 { margin:5px 0 3px; color:#fff2dc; font:800 23px Martel,Georgia,serif; text-shadow:1px 2px 2px #000; }
.FreakyLibraryIntro p { margin:0; color:#cfc2d3; line-height:1.45; }
.FreakyLibraryTabs { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:0 0 12px; }
.FreakyLibraryTabs-two { grid-template-columns:repeat(2,1fr); }
.FreakyLibraryTabs a { position:relative; min-height:48px; padding:9px 35px 7px 10px; border:1px solid #7c684f; border-radius:5px; color:#3f2c25!important; background:linear-gradient(#f8ecd4,#e2ccaa); text-decoration:none!important; transition:.15s ease; }
.FreakyLibraryTabs a:hover,.FreakyLibraryTabs a.is-active { border-color:#6e378d; color:#fff!important; background:linear-gradient(135deg,#5d2b78,#2b1b35 70%,#31531f); transform:translateY(-1px); box-shadow:0 4px 9px rgba(43,24,51,.25); }
.FreakyLibraryTabs b { display:block; font:800 10px Arial; }
.FreakyLibraryTabs small { position:absolute; right:9px; top:50%; display:grid; place-items:center; min-width:22px; height:22px; margin-top:-11px; border-radius:999px; color:#fff; background:#4d3d35; font:700 8px Arial; }
.FreakyLibraryTabs .is-active small { color:#243513; background:var(--freaky-green); }
.FreakyLibraryToolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 11px; padding:7px 9px; border:1px solid #b39a74; border-radius:5px; background:rgba(237,219,187,.72); }
.FreakyLibraryToolbar input { width:260px; max-width:72%; }
.FreakyLibraryToolbar strong { color:#674078; font-size:10px; }
.FreakyCreatureGrid,.FreakyAppearanceGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:8px; align-items:stretch; }
.FreakyCreatureCard,.FreakyAppearanceCard { position:relative; box-sizing:border-box; min-height:148px; overflow:hidden; border:1px solid #b39b76; border-radius:7px; color:#442238!important; background:linear-gradient(155deg,rgba(255,252,239,.98),rgba(226,207,174,.92)); box-shadow:0 3px 8px rgba(63,37,24,.12); text-align:center; text-decoration:none!important; transition:.16s ease; }
.FreakyCreatureCard:hover,.FreakyAppearanceCard:hover { z-index:2; border-color:#713c86; transform:translateY(-3px); box-shadow:0 7px 14px rgba(58,28,66,.24),0 0 12px rgba(145,255,34,.16); }
.FreakyCreatureCard.is-custom,.FreakyAppearanceCard { border-top:3px solid #743b91; }
.FreakyCreatureCard.is-boss { border-bottom:3px solid #9c293f; }
.FreakyCreatureArt,.FreakyAppearanceArt { display:grid; place-items:center; width:100%; height:102px; overflow:hidden; background:radial-gradient(circle,rgba(145,255,34,.13),transparent 60%); }
.FreakyCreatureArt img,.FreakyAppearanceArt img { display:block; width:92px; height:92px; margin:auto; object-fit:contain; object-position:center; image-rendering:auto; filter:drop-shadow(0 4px 3px rgba(0,0,0,.42)); }
.FreakyCreatureCard>strong,.FreakyAppearanceCard>strong { display:block; min-height:27px; padding:3px 5px 0; color:#542349; font:800 10px Arial; line-height:1.15; }
.FreakyCreatureCard>span,.FreakyAppearanceCard>span { display:block; padding:2px 4px 7px; color:#6b5b4c; font:800 7px Arial; letter-spacing:.8px; }
.FreakyCreatureCard.is-custom>span,.FreakyAppearanceCard>span { color:#673185; }
.FreakyAppearanceGrid { grid-template-columns:repeat(auto-fill,minmax(126px,1fr)); }
.FreakyAppearanceCard { min-height:158px; }
.FreakyAppearanceArt { height:112px; }
.FreakyAppearanceArt img { width:104px; height:104px; }
.FreakyLibraryEmpty { padding:30px; border:1px dashed #a38c6d; border-radius:6px; color:#6e5b4a; text-align:center; }

/* Homepage conversion area */
.FreakyHomeHero { position:relative; overflow:hidden; margin:0 0 12px; border:1px solid #624274; border-radius:9px; color:#fff; background:linear-gradient(115deg,rgba(12,10,15,.97),rgba(51,25,65,.95) 57%,rgba(26,61,17,.94)); box-shadow:0 8px 20px rgba(0,0,0,.38),inset 0 0 30px rgba(0,0,0,.38); }
.FreakyHomeHeroGlow { position:absolute; right:-45px; top:-75px; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(145,255,34,.36),rgba(125,49,174,.16) 40%,transparent 69%); animation:FreakyHeroPulse 3.2s ease-in-out infinite; }
@keyframes FreakyHeroPulse { 50% { transform:scale(1.12); opacity:.72; } }
.FreakyHomeHeroContent { position:relative; z-index:1; padding:20px 22px 13px; }
.FreakyHomeEyebrow { color:var(--freaky-green); font:800 9px Arial; letter-spacing:2px; }
.FreakyHomeHero h1 { max-width:520px; margin:6px 0 5px; color:#fff0d0; font:800 25px Martel,Georgia,serif; line-height:1.15; text-shadow:1px 2px 3px #000; }
.FreakyHomeHero p { max-width:570px; margin:0; color:#d8cadd; line-height:1.55; }
.FreakyHomeActions { display:flex; gap:8px; margin-top:13px; }
.FreakyHomeButton { display:inline-flex; min-height:34px; align-items:center; padding:0 14px; border:1px solid #876e95; border-radius:5px; color:#fff!important; background:#382642; font:800 10px Arial; text-decoration:none!important; text-transform:uppercase; letter-spacing:.5px; }
.FreakyHomeButton:hover { border-color:var(--freaky-green); transform:translateY(-1px); }
.FreakyHomeButton-primary { border-color:#668d24; color:#182409!important; background:linear-gradient(#b5ec4b,#72a91a); box-shadow:0 0 12px rgba(145,255,34,.25); }
.FreakyHomeFeatures { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.22); }
.FreakyHomeFeatures a { padding:10px 5px; border-right:1px solid rgba(255,255,255,.10); color:#fff!important; text-align:center; text-decoration:none!important; }
.FreakyHomeFeatures a:last-child { border-right:0; }
.FreakyHomeFeatures b,.FreakyHomeFeatures span { display:block; }
.FreakyHomeFeatures b { color:#b9ff58; font:800 14px Arial; }
.FreakyHomeFeatures span { margin-top:2px; color:#c7b9ca; font-size:8px; }
.FreakyHomeTags { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; padding:7px; border-top:1px solid rgba(255,255,255,.08); }
.FreakyHomeTags span { padding:3px 7px; border:1px solid rgba(201,159,233,.26); border-radius:999px; color:#d8c9dc; background:rgba(0,0,0,.24); font-size:8px; }

@media (max-width:760px) {
  .FreakyLibraryTabs { grid-template-columns:repeat(2,1fr); }
  .FreakyCreatureGrid,.FreakyAppearanceGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .FreakyHomeHero h1 { font-size:20px; }
  .FreakyHomeFeatures { grid-template-columns:repeat(2,1fr); }
  .FreakyHomeFeatures a:nth-child(2) { border-right:0; }
  .FreakyHomeActions { flex-direction:column; }
  .FreakyHomeButton { justify-content:center; }
}

/* FREAKY_WAVE_EVENT_START */
.FreakyWaveCard {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	width: 100%;
	margin: 0 0 12px;
	padding: 11px 16px;
	overflow: hidden;
	border: 1px solid #7944a1;
	border-radius: 9px;
	color: #eee4f3;
	background:
		radial-gradient(circle at 8% 50%, rgba(146,255,32,.20), transparent 21%),
		linear-gradient(105deg, rgba(18,10,25,.98), rgba(61,22,74,.97) 60%, rgba(18,46,13,.97));
	box-shadow: 0 7px 18px rgba(0,0,0,.38), inset 0 0 22px rgba(130,38,174,.20);
}
.FreakyWaveEye {
	position: relative;
	width: 52px;
	height: 34px;
	border-radius: 52% 48%;
	background: #17101d;
	border: 2px solid #785198;
	box-shadow: 0 0 12px rgba(155,255,41,.28);
	transform: rotate(-3deg);
}
.FreakyWaveEye span {
	position: absolute;
	left: 16px;
	top: 4px;
	width: 16px;
	height: 24px;
	border-radius: 50%;
	background: radial-gradient(circle, #efffc2 0 12%, #9dff21 18% 45%, #153600 70%);
	box-shadow: 0 0 13px #8dff20;
	animation: FreakyWaveBlink 4.2s infinite;
}
@keyframes FreakyWaveBlink {
	0%, 42%, 48%, 100% { transform: scaleY(1); }
	45% { transform: scaleY(.08); }
}
.FreakyWaveCopy { min-width: 0; }
.FreakyWaveCopy strong {
	display: block;
	color: #a6ff36;
	font: 800 15px Martel, Georgia, serif;
	letter-spacing: .7px;
	text-shadow: 0 1px 2px #000;
}
.FreakyWaveCopy span { display: block; margin-top: 3px; color: #d5c3dd; font-size: 11px; }
.FreakyWaveTimer {
	min-width: 150px;
	padding: 7px 12px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,.14);
}
.FreakyWaveTimer small { display: block; color: #c1a6cf; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; }
.FreakyWaveTimer b { display: block; margin-top: 2px; color: #fff09d; font-size: 14px; white-space: nowrap; text-shadow: 0 0 7px rgba(156,255,34,.25); }
@media (max-width: 680px) {
	.FreakyWaveCard { grid-template-columns: 46px 1fr; padding: 10px; }
	.FreakyWaveEye { width: 40px; height: 28px; }
	.FreakyWaveEye span { left: 12px; top: 4px; width: 13px; height: 19px; }
	.FreakyWaveTimer { grid-column: 1 / -1; border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
}
/* FREAKY_WAVE_EVENT_END */