/* Small identity change; the original TibiaCom layout and artwork are retained. */
#LeftArtwork #OtzServerName{position:absolute;top:110px;left:0;width:166px;z-index:99;text-align:center;font:bold 17px/20px Georgia,'Times New Roman',serif;color:#f4d17b;text-shadow:0 1px 1px #000,1px 0 1px #2c1600;text-decoration:none;letter-spacing:.2px}
#LeftArtwork #OtzServerName:hover{color:#fff0be}
#LeftArtwork #OtzServerName:focus-visible{outline:1px solid #f4d17b;outline-offset:2px}
#LeftArtwork #OtzServerLogo{position:absolute;top:0;left:-12px;width:190px;height:127px;z-index:10;display:block}
#LeftArtwork #OtzServerLogo img{display:block;width:190px;height:127px;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}
#LeftArtwork #OtzServerLogo:focus-visible{outline:2px solid #ff2948;outline-offset:3px}

/* Red and black treatment of the original three-column TibiaCom layout. */
:root{color-scheme:dark;--otz-red:#9b101c;--otz-red-bright:#e32636;--otz-text:#e0d8d4;--otz-gold:#c9a15b}
body{background:#09090d;color:var(--otz-text)}
#ArtworkHelper{background-image:linear-gradient(180deg,#08080b16 0,#08080b35 150px,#09090de8 430px,#09090d 760px),url('/templates/tibiacom/images/header/otz-dark-hero.webp')!important;background-size:100% 900px,auto 490px;background-position:center top;background-repeat:no-repeat;min-height:100vh}
#Bodycontainer{position:relative;padding-bottom:35px}
#ContentRow{top:185px}
#OtzRealmHeading{position:absolute;left:205px;right:205px;top:28px;text-align:center;padding:0 12px}
#OtzRealmHeading>a{display:block;font:bold 42px/1.2 Georgia,'Times New Roman',serif;letter-spacing:1px;text-decoration:none;color:#f4dfb7;text-shadow:0 2px 1px #220608,0 4px 14px #000,0 0 30px #9b101c80}
#OtzRealmHeading>span{display:block;margin-top:10px;font:10px/1.5 Verdana,Arial,sans-serif;letter-spacing:2px;color:#d0b4aa;text-shadow:0 2px 4px #000}
#LeftArtwork #OtzServerName{color:#ffd0b4;text-shadow:0 1px #000,0 0 7px #a10b20}
#Loginbox{box-shadow:0 6px 24px #0008}
#Loginbox .Loginstatus,#LoginButtonContainer{background-image:none!important;background-color:#171318!important}
#LoginButton,#Themeboxes .ThemeboxButton{background-image:linear-gradient(#aa1c2a,#620d17)!important;border:1px solid #c3454c;box-shadow:inset 0 1px #e37a6a33,0 3px 10px #0008;transition:box-shadow .2s,filter .2s}
#LoginButton:hover,#Themeboxes .ThemeboxButton:hover{box-shadow:0 0 17px #9b101c88;filter:brightness(1.15)}
#LoginButton .Button,.BigButtonOver{background-image:none!important}
#Menu{box-shadow:0 7px 24px #0008}
.MenuButton{background-image:linear-gradient(100deg,#32242a,#1a171d 65%,#0e0d12)!important;border-bottom:1px solid #641a26;box-shadow:inset 0 1px #ffffff0a}
.MenuButton .Button{background-image:linear-gradient(90deg,#7a1628aa,#2b141a)!important}
.Submenu{background-color:#111015!important}
.Submenuitem{background-color:#111015!important}
.Submenuitem:hover{background:linear-gradient(90deg,#58121e,#211217)!important}
.SubmenuitemLabel{padding-top:4px;padding-bottom:4px;border-bottom:1px solid #38222a;color:#d8cbd0!important}
.Submenuitem:hover .SubmenuitemLabel{color:#fff!important}
.Submenu a:focus-visible{outline:2px solid #e32636;outline-offset:2px;display:block}
.LeftChain,.RightChain,.LoginBorder,#MenuTop,#MenuBottom,#LoginTop,#LoginBottom{filter:grayscale(.8) brightness(.65)}
.Lights{filter:hue-rotate(115deg) saturate(1.5)}
.Content .Box{background:#101014;color:var(--otz-text);border-color:#56343c;box-shadow:0 7px 26px #000a,0 0 18px #6b0a161a;margin-bottom:22px}
.Content .BoxContent{background-image:radial-gradient(ellipse at 40% 0,#2c192222,transparent 70%),linear-gradient(135deg,#19171d,#111116)!important;background-color:#141318;color:var(--otz-text);padding:18px;line-height:1.7}
.Content .BoxContent td{color:var(--otz-text)}
.Content .BorderTitleText{background-image:linear-gradient(90deg,#6b101e,#3c101a 48%,#1d1017)!important;border-bottom:1px solid #9b3344;height:28px;box-shadow:inset 0 1px #d66a6a22}
.Content .Title{top:8px;filter:sepia(.3) brightness(1.15)}
.Content .Border_1{background-image:none!important;background:#29222a;height:4px;border-top:1px solid #675059}
.Content .Border_2{background:#38262f}
.Content .Border_3{border-color:#59404a}
.Content .Corner-tl,.Content .Corner-tr,.Content .Corner-bl,.Content .Corner-br{filter:grayscale(.65) brightness(.72)}
.Content a{color:#f0a4a1;text-decoration:none}
.Content a:hover{color:#ffd3c9;text-decoration:underline}
.Content p{margin:10px 0 15px}
.Content th{background:#58131e;color:#f8e5de}
.Content input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.Content select,.Content textarea{background:#101015;color:#eee2df;border:1px solid #70404b;padding:5px 7px;max-width:100%;box-sizing:border-box}
.Content input:focus,.Content textarea:focus,.Content select:focus{outline:1px solid #e32636;border-color:#e32636}
.Content button,.Content input[type=submit],.Content input[type=button]{background:linear-gradient(#961b2b,#5a101a);border:1px solid #a6424e;color:#fff1e9;padding:5px 12px;cursor:pointer}
.Content .white,.Content .whites{color:#f0dfdb!important}
.Content .TableContainer .TableContent,.Content .TableContainer .Table3,.Content .TableContainer .Table5{background:#18161c!important}
.Content .TableContainer .CaptionContainer{background:#5f1120!important;color:#f6dfd6}
.Content .TableContainer .InnerTableContainer{background:#111015!important}
.Content .NewsHeadlineBackground{background-image:linear-gradient(90deg,#7f1526,#301219)!important;border:1px solid #913446;color:#f5dfd5;padding-top:3px;padding-bottom:3px}
.Content .NewsHeadlineText,.Content .NewsHeadlineDate,.Content .NewsHeadlineAuthor{color:#f5dfd5!important}
#newsticker .BoxContent{min-height:40px!important;height:auto!important;padding:12px 14px!important}
#newsticker .Odd,#newsticker .Even{background:#21171e!important;color:#d9cbcc;border-bottom:1px solid #572331}
#newsticker .NewsTickerDate{color:#d3a39a}
#Themeboxes .Themebox{background-image:linear-gradient(135deg,#21191f,#111116)!important;border:1px solid #59404b;box-shadow:0 6px 24px #0009;color:#e8dbd7;box-sizing:border-box}
#Themeboxes .Themebox::before{position:absolute;left:0;right:0;top:0;height:28px;box-sizing:border-box;padding:5px 10px;background:linear-gradient(90deg,#801527,#3e101b);border-bottom:1px solid #a13e4d;color:#f4dfcf;text-align:left;font:bold 14px/18px Georgia,'Times New Roman',serif;letter-spacing:.3px}
#Themeboxes #Topbar::before{content:'Highscores'}
#Themeboxes #Topbar{height:196px;margin-bottom:10px}
#Themeboxes .top_level{background-image:none!important;color:#e7dad8}
#Topbar .topfont{color:#f19796}
#Topbar .topfont:hover{color:#ffcdc1}
#Topbar .Bottom{display:none}
#Themeboxes #NewcomerBox::before{content:'Criar Conta'}
#Themeboxes #NewcomerBox::after{content:'Sua aventura começa aqui.';position:absolute;top:50px;left:13px;right:13px;color:#dbbfba;font:16px/1.5 Georgia,serif;text-align:center}
#Themeboxes #NewcomerBox .ThemeboxButton{z-index:1}
#NewcomerBox .ButtonText{background-image:none!important}
#NewcomerBox .ButtonText::after{content:'CRIAR CONTA';display:block;color:#ffede5;font:bold 10px/20px Verdana,Arial,sans-serif;letter-spacing:.6px;text-align:center}
#Themeboxes #GalleryBox::before{content:'Screenshots'}
#Themeboxes #NetworksBox::before{content:'Comunidade'}
#Themeboxes .Bottom{background-image:none!important;background:#291d25;border-bottom:1px solid #6d3341}
#Themeboxes>br{display:none}
#PlayersOnline{color:#f4b7a4;text-shadow:0 1px 3px #000}
#PedestalAndOnline{filter:grayscale(.65) brightness(.8)}
#Footer{color:#a99a9c;padding-top:8px;line-height:1.7;text-shadow:0 1px 3px #000}
#Footer a{color:#d3afa4}
/* Match downloads to the same palette, including the page's scoped styles. */
.Content .otz-downloads,.Content .otz-downloads p,.Content .otz-downloads li,.Content .otz-downloads code{color:#d4c8c9!important}
.Content .otz-downloads .otz-dl-card,.Content .otz-downloads .otz-dl-guide{background:linear-gradient(120deg,#231a21,#151319)!important;border-color:#57303d!important;box-shadow:inset 0 1px #ffffff06!important}
.Content .otz-downloads .otz-dl-card.recommended{border-left-color:#cf3041!important}
.Content .otz-downloads h2{color:#f5dcd1!important}
.Content .otz-downloads .otz-dl-tag,.Content .otz-downloads .otz-dl-meta{color:#d3a294!important}
.Content .otz-downloads .otz-dl-meta span{background:#321d26!important;border-color:#68404c!important;color:#e7bfb5!important}
.Content .otz-downloads .otz-dl-button,.Content .otz-downloads .otz-dl-button.secondary{background:linear-gradient(#9b182b,#610f1c)!important;border-color:#b74a56!important;color:#fff0e7!important;box-shadow:inset 0 1px #f9a08f33,0 3px 12px #0006!important}
.Content .otz-downloads .otz-dl-button:hover{background:linear-gradient(#bb2639,#7b1424)!important;box-shadow:0 0 18px #a0173655!important}
.Content .otz-downloads details{border-color:#4b2d38!important}
.Content .otz-downloads summary,.Content .otz-downloads strong,.Content .otz-downloads a:not(.otz-dl-button){color:#f3bcb0!important}
/* Deeper blacks and a stronger crimson accent. */
:root{--otz-red:#c90020;--otz-red-bright:#ff243e;--otz-text:#e8dfe0}
body{background:#030305}
#ArtworkHelper{background-image:linear-gradient(180deg,#08000355 0,#05000572 150px,#030305f2 400px,#030305 690px),url('/templates/tibiacom/images/header/otz-dark-hero.webp')!important}
#OtzRealmHeading>a{color:#ffe6dc;text-shadow:0 2px 2px #140000,0 4px 15px #000,0 0 26px #e3002488}
#OtzRealmHeading>span{color:#dca6a8}
#LeftArtwork #OtzServerName{color:#ffb4b9;text-shadow:0 1px #000,0 0 9px #ee002c}
.Content .Box{background:#060609;border-color:#6c1123;box-shadow:0 8px 28px #000c,0 0 17px #b3001c25}
.Content .BoxContent{background-image:linear-gradient(135deg,#0c0a0e,#060609)!important;background-color:#08080c;color:#e8dfe0}
.Content .BorderTitleText{background-image:linear-gradient(90deg,#c80020,#8e0018 48%,#39000c)!important;border-bottom-color:#f12341;box-shadow:inset 0 1px #ff6a7855,0 2px 12px #df00252b}
.Content .Border_1{background:#18090f;border-top-color:#8f1930}
.Content .Border_2{background:#300a15}.Content .Border_3{border-color:#6a1528}
.Content .NewsHeadlineBackground{background-image:linear-gradient(90deg,#b8001e,#710012)!important;border-color:#d6203a}
.Content a{color:#ff7b85}.Content a:hover{color:#ffc4c8}
.MenuButton{background-image:linear-gradient(100deg,#590511,#20070e 65%,#0b070a)!important;border-bottom-color:#d41432;box-shadow:inset 3px 0 #da1030,inset 0 1px #e9435522}
.MenuButton .Button{background-image:linear-gradient(90deg,#b10021,#410714)!important}
.Submenu,.Submenuitem{background-color:#08070b!important}
.SubmenuitemLabel{border-bottom-color:#321019}
.Submenuitem:hover{background:linear-gradient(90deg,#8c001b,#25050d)!important;box-shadow:inset 2px 0 #ff2c4a}
#Loginbox .Loginstatus,#LoginButtonContainer{background-color:#09070b!important}
#LoginButton,#Themeboxes .ThemeboxButton,.Content button,.Content input[type=submit],.Content input[type=button]{background-image:linear-gradient(#e00c2b,#920018)!important;border-color:#ff3c54;box-shadow:inset 0 1px #ff9a9c44,0 0 12px #cf002e44}
#LoginButton:hover,#Themeboxes .ThemeboxButton:hover{box-shadow:0 0 20px #f0004299}
#newsticker .Odd,#newsticker .Even{background:#16080e!important;border-bottom-color:#7a1026}
#newsticker .NewsTickerDate{color:#ff8d98}
#Themeboxes .Themebox{background-image:linear-gradient(135deg,#0f0a0e,#060609)!important;border-color:#72172d;box-shadow:0 6px 24px #000a,0 0 12px #a000201c}
#Themeboxes .Themebox::before{background:linear-gradient(90deg,#c80020,#660010);border-bottom-color:#f52a45;color:#fff0e7}
#Themeboxes .Bottom{background:#16080e;border-bottom-color:#a01430}
#Topbar .topfont{color:#ff5d72}
.Content .otz-downloads .otz-dl-card,.Content .otz-downloads .otz-dl-guide{background:linear-gradient(120deg,#140b10,#08080b)!important;border-color:#70152b!important}
.Content .otz-downloads .otz-dl-card.recommended{border-left-color:#ff1f40!important}
.Content .otz-downloads .otz-dl-button,.Content .otz-downloads .otz-dl-button.secondary{background:linear-gradient(#da0b2a,#920019)!important;border-color:#ff425a!important;box-shadow:inset 0 1px #ff9a9c44,0 0 13px #d0003033!important}
.Content .otz-downloads .otz-dl-button:hover{background:linear-gradient(#f51a3a,#b00022)!important;box-shadow:0 0 20px #ef00385c!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
