/* Old Styller: classic Tibiacom artwork with readable, responsive content. */
body{background-color:#071426;color:#542b12}#Bodycontainer{max-width:1280px}#ContentRow{top:165px}
#OldStyllerLogo{position:absolute;top:12px;left:-3px;width:172px;text-align:center;text-decoration:none;font-family:Georgia,serif;filter:drop-shadow(0 3px 2px #000);z-index:7;color:#f6d584}
#OldStyllerLogo span{display:block;font-size:27px;line-height:28px;color:#fff0bd}#OldStyllerLogo strong{display:block;font-size:36px;letter-spacing:-2px;line-height:40px;color:#e9b64d;text-shadow:1px 2px #3b1b08,-1px -1px #fff0bb}#OldStyllerLogo small{display:block;letter-spacing:5px;font-size:11px;color:#f3ddaa;margin-top:7px}
#TibiaLogoArtworkBottom,#LogoLink{display:none}.old-mobile-nav{display:none}
.old-shortcuts{display:flex;gap:0;flex-wrap:wrap;justify-content:center;margin:0 5px 15px;padding:8px;background:linear-gradient(#51321c,#2c1b12);border:1px solid #ae8350;box-shadow:0 2px 4px #0007}
.old-shortcuts a{color:#f7e1b2!important;text-decoration:none;padding:6px 12px;font:bold 12px Verdana,Arial,sans-serif}.old-shortcuts a:hover{color:#fff!important;background:#8f603b55}
.old-welcome{margin:5px 5px 14px;padding:30px 30px 22px;background:linear-gradient(115deg,#f9edcf,#dfc394);border:3px double #8b5e32;box-shadow:0 3px 12px #0006;color:#573014;font:14px/1.7 Georgia,serif}
.old-eyebrow{font:10px Verdana,sans-serif;letter-spacing:2px;color:#835c31}.old-welcome h1{font:bold 39px/1.1 Georgia,serif;color:#6a2c14;margin:14px 0;text-shadow:0 1px #fff8}.old-welcome h1 span{color:#9c6b25}.old-welcome p{max-width:580px;margin:12px 0 20px}
.old-actions{display:flex;flex-wrap:wrap;gap:10px}.old-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:2px 20px;box-sizing:border-box;background:linear-gradient(#49643c,#253e26);border:1px solid #233d23;box-shadow:inset 0 0 0 1px #8caa6c;color:#fff0c8!important;text-decoration:none!important;font:bold 13px Georgia,serif;text-shadow:0 1px #152512}.old-button:hover{filter:brightness(1.12)}.old-button.secondary{background:linear-gradient(#c99b53,#8a5624);border-color:#704319;box-shadow:inset 0 0 0 1px #efcc89}
.old-server-state{font:11px Verdana,sans-serif;margin-top:21px;color:#765530}.old-server-state i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#a4573a;margin-right:6px}.old-server-state i.online{background:#427c36}
.old-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 5px 20px}.old-features>div{padding:14px 12px;background:#ddc49c;border:1px solid #88643c;box-shadow:inset 0 0 0 2px #f2dfbd}.old-features strong{display:block;font:16px Georgia,serif;color:#603716;margin-bottom:7px}.old-features span{font:11px/1.7 Verdana,sans-serif;color:#684928}
.old-download-intro h2{font:26px Georgia,serif;margin:5px 0 12px}.old-download-intro p{line-height:1.7}.old-downloads{display:grid;gap:15px;margin:22px 0}.old-downloads article{position:relative;padding:20px;border:1px solid #aa8456;background:#f4e4c8;box-shadow:inset 0 0 0 3px #fff3dc}.old-downloads h3{font:bold 22px Georgia,serif;margin:12px 0}.old-downloads p{line-height:1.7}.old-downloads small{display:block;margin-top:12px;color:#775633;line-height:1.6}.old-tag{display:inline-block;font:bold 9px Verdana,sans-serif;letter-spacing:1px;background:#3c6334;color:#fff0cb;padding:5px 8px}.old-tag.muted{background:#856b4b}.old-download-help{padding:12px;background:#e4d1ac;line-height:1.7}a:focus-visible,button:focus-visible{outline:3px solid #e7b454;outline-offset:3px}
@media(max-width:1050px) and (min-width:761px){#ThemeboxesColumn{display:none}#ContentColumn{margin-right:15px}#ArtworkHelper,#Bodycontainer{min-width:0}}
@media(max-width:760px){
html,body{width:100%;margin:0}#ArtworkHelper,#Bodycontainer{min-width:0;width:100%;display:block}#ArtworkHelper{background-size:auto 350px}#ContentRow{top:0;display:flex;flex-direction:column;padding:0 8px;box-sizing:border-box}#ContentColumn{margin:0;min-width:0;width:100%}#ThemeboxesColumn{display:none}#LeftArtwork{display:none}
.old-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 14px;margin-bottom:14px;background:linear-gradient(#192f43e8,#081522f5);border-bottom:2px solid #b28b4e;position:relative;color:#f5d598}.old-mobile-nav>a{font:bold 24px Georgia,serif;color:#f5d598;text-decoration:none}.old-mobile-nav small{font-size:15px}.old-mobile-nav button{background:#4a301e;border:1px solid #c29a60;color:#f9e7bc;padding:10px 12px;border-radius:2px}
#MenuColumn{position:relative;top:auto;left:auto;margin:0 auto 20px;width:180px;display:none}body.old-menu-open #MenuColumn{display:block}#MenuColumn #Loginbox{margin-top:12px}.old-shortcuts{margin:0 5px 12px;padding:5px}.old-shortcuts a{font-size:11px;padding:9px 10px}.old-welcome{padding:24px 19px 20px}.old-welcome h1{font-size:33px}.old-eyebrow{font-size:9px;letter-spacing:1px}.old-welcome p{font-size:15px}.old-actions{flex-direction:column}.old-button{min-height:44px}.old-features{grid-template-columns:1fr}.old-features>div{padding:12px 15px}.old-features span{font-size:12px}.old-features strong{font-size:18px}.Content .Box{max-width:100%;margin:5px 5px 18px}.Content .BoxContent{padding:12px!important;overflow-x:auto;box-sizing:border-box;max-width:100%}#Footer{line-height:1.7;font-size:10px}.old-downloads article{padding:16px}.old-downloads .old-button{display:flex}.BoxContent input:not([type=checkbox]):not([type=radio]),.BoxContent select{max-width:100%;box-sizing:border-box}
}

.old-side-start{padding:18px 13px;background:#dbc398;border:3px double #9b7546;color:#542f15;font:13px/1.6 Georgia,serif;box-shadow:0 3px 6px #0009}.old-side-start h3{font:22px Georgia,serif;margin:0 0 10px}.old-side-start .old-button{padding:5px 9px;font-size:12px;display:flex}
@media(max-width:760px){
.Content .Box img.Title{max-width:calc(100% - 35px);object-fit:contain;object-position:left center}
.BoxContent form table{width:100%!important;min-width:0!important}
.BoxContent form .TableContent>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}
.BoxContent form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.BoxContent form select{width:100%!important;min-width:0!important}
.BoxContent .TableContainer,.BoxContent .InnerTableContainer{max-width:100%;box-sizing:border-box}
.NewsHeadlineAuthor,.NewsHeadlineDate{display:none!important}.NewsHeadlineText{left:38px!important;font-size:12px!important;right:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Approved black and antique gold palette. */
body{background:#060606!important;color:#d3bd90}
#ArtworkHelper{background-image:none!important;background-color:#080808}
#ArtworkHelper:before{content:'Old Styller 7.4';display:block;position:absolute;top:48px;left:0;width:100%;font:bold 54px Georgia,serif;letter-spacing:2px;color:#c9a45e;text-shadow:0 3px #241707}
#OldStyllerLogo{display:none}#Statue_1,#Statue_2{display:none}
.old-shortcuts{background:linear-gradient(#2d2418,#13100c);border-color:#a68446;box-shadow:0 2px 9px #000}
.old-shortcuts a{color:#dac18c!important}.old-shortcuts a:hover{background:#a7863c22}
.old-welcome{background:linear-gradient(110deg,#1d1810,#0e0d0b);border:3px double #b08d4b;box-shadow:inset 0 0 22px #0005,0 3px 10px #000;color:#bdac8d}
.old-welcome h1{color:#d2ad65;text-shadow:0 2px #000}.old-welcome h1 span{color:#a38040}.old-welcome p{color:#c5b391}.old-eyebrow{color:#a48a58}
.old-button,.old-button.secondary{background:linear-gradient(#6c5128,#2c2011);border-color:#b29051;box-shadow:inset 0 0 0 1px #d2b77c44;color:#f0d7a1!important;text-shadow:0 1px #000}
.old-server-state{color:#ae9871}.old-server-state i,.old-server-state i.online{background:#c69b4b}
.old-features>div{background:#15120d;border-color:#997b43;box-shadow:inset 0 0 0 2px #312717}.old-features strong{color:#d3b677}.old-features span{color:#ae9b7a}
.Content .Box{border-color:#9b7d42;background:#110f0c;color:#d8c295}
.Content .BoxContent{background-image:none!important;background-color:#11100d!important;color:#c7b596;border:1px solid #826a3c}
.Content .BorderTitleText{background-image:none!important;background:linear-gradient(#3b2c17,#20190f)!important;border-bottom:1px solid #b18d4e}
.Content .Border_1,.Content .Border_2,.Content .Border_3{border-color:#967b45!important}
.Content .BoxContent a{color:#d4b170}.Content .BoxContent a:hover{color:#ffe2a0}
.Content .BoxContent p,.Content .BoxContent td,.Content .BoxContent th{color:#c9b998}
.NewsHeadlineBackground{background-image:none!important;background:linear-gradient(#443019,#22180e)!important;border:1px solid #8c6c36}
.NewsHeadlineText,.NewsHeadlineDate,.NewsHeadlineAuthor{color:#dec58f!important;text-shadow:0 1px #000}
.Content .BoxContent table,.Content .BoxContent tr,.Content .BoxContent td,.Content .BoxContent th,.TableContent,.TableContentContainer,.TableContainer,.InnerTableContainer{background-color:#17130e!important;border-color:#69522f!important}
.Content .BoxContent tr:nth-child(even)>td{background-color:#211b12!important}
.CaptionContainer,.TableContainer .CaptionContainer{background:linear-gradient(#44331c,#241b10)!important;color:#e5cc95}
.BoxContent input:not([type=submit]):not([type=checkbox]):not([type=radio]),.BoxContent select,.BoxContent textarea{background:#090909;color:#dccba5;border:1px solid #957540;padding:5px}
.old-downloads article{background:#1c170f;border-color:#a08044;box-shadow:inset 0 0 0 3px #342819}.old-downloads h3,.old-download-intro h2{color:#d1af6b}.old-downloads p,.old-downloads small{color:#bda986}.old-tag,.old-tag.muted{background:#725627;color:#f4dfb1}.old-download-help{background:#2d2315;color:#d2bb8e;border:1px solid #806337}
.old-side-start{background:#16120d;border-color:#9c7d43;color:#bca682}.old-side-start h3{color:#d8bb7d}
#ThemeboxesColumn .Themebox{filter:sepia(.5)}#ThemeboxesColumn .ThemeboxContent{background:#19150f!important;color:#d6bd89}
#PlayersOnline{color:#c9aa64!important}.old-mobile-nav{background:linear-gradient(#251e14,#090909);border-color:#ad8843}.old-mobile-nav>a{color:#d8b66f}.old-mobile-nav button{background:#241a0e;border-color:#a88647;color:#e5cc92}
#Footer,#Footer a{color:#8f7c58!important}
@media(max-width:760px){#ArtworkHelper:before{display:none}.old-welcome{border-color:#ac8845}.old-features>div{border-color:#886e3d}}

#Menu .MenuButton{background-image:none!important;background:linear-gradient(#31271a,#17120c)!important;border-top:1px solid #9d8048;border-bottom:1px solid #5f4c2b}
#Menu .Lights{display:none!important}#Menu .Submenuitem{background-color:#14110c!important}#Menu .SubmenuitemLabel{color:#d0bb8d!important}

#newsticker .Row{background:#201a11!important;color:#cdb88c!important;border-bottom:1px solid #64502c}
#newsticker .NewsTickerShortText,#newsticker .NewsTickerFullText,#newsticker .NewsTickerDate{color:#cfb98c!important}
#Topbar{background-image:none!important;background:#11100d;border:1px solid #a38347;box-sizing:border-box}
#Topbar:before{content:'Ranking';display:block;height:30px;background:linear-gradient(#3b2c17,#20190f);border-bottom:1px solid #92733c;color:#d7ba7c;font:18px/30px Georgia,serif}
#Topbar .top_level{background:none!important;left:5px;width:166px}
#Topbar .topfont{color:#d4b777!important}#Topbar .Bottom{background-image:none!important;border-bottom:1px solid #806232}
.old-side-start a:not(.old-button){color:#c8a460}

#newsticker .Row,#newsticker .Row *{background-color:#241c11!important;color:#dfc794!important}#newsticker [style*="background-color"]{background-color:#241c11!important;color:#dfc794!important}

/* Presentation and navigation refinement; approved black/gold preserved. */
#ArtworkHelper:before{display:none}
.old-masthead{position:absolute;top:27px;left:0;width:100%;padding:0 max(25px,calc((100% - 1110px)/2));display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:118px;color:#c8a564}
.old-masthead>a{text-decoration:none;text-align:center;line-height:1}.old-brand-small{display:block;font:12px Georgia,serif;letter-spacing:12px;padding-left:12px;color:#aa8d54}.old-masthead strong{display:block;font:bold 58px/.98 Georgia,serif;letter-spacing:-2px;color:#d1ae65;text-shadow:0 3px #241707;margin-top:4px}.old-brand-caption{display:block;font:8px Verdana,sans-serif;letter-spacing:3px;color:#88734d;margin-top:12px}.old-header-note{font:20px/1.6 Georgia,serif;text-align:right;color:#ad9462}.old-header-note span{font-size:13px;color:#786a50}
#RightArtwork{display:none}.old-shortcuts{justify-content:flex-start;padding:9px 8px;margin-bottom:18px}.old-shortcuts a{font:13px Georgia,serif;padding:7px 16px;border-right:1px solid #74603944}.old-shortcuts a:last-child{border:0;margin-left:auto}
.old-account-panel{margin:0 0 20px;background:#14110d;border:1px solid #8e713b;box-shadow:0 3px 10px #0007;padding:0 13px 14px;color:#bba684}.old-account-panel h2{font:17px Georgia,serif;color:#d1b477;margin:0 -13px;padding:10px 13px;border-bottom:1px solid #786039;background:linear-gradient(#332819,#18120c)}.old-account-panel p{font:12px/1.7 Georgia,serif}.old-account-panel .old-button{font:12px Georgia,serif;width:100%;padding:6px;min-height:38px}.old-account-link{display:block;color:#a48b5a!important;font:10px/1.8 Verdana,sans-serif;text-align:center;margin-top:12px;text-decoration:none}
#Menu .old-category-label{background-image:none!important;color:#d9bb7d;font:16px/24px Georgia,serif!important;top:6px!important;left:32px!important;text-align:left;white-space:nowrap}#Menu .SubmenuitemLabel{font:12px/22px Georgia,serif!important}#Menu .Submenuitem{min-height:24px}#Menu .Submenuitem:hover{background:#342918!important}
.old-welcome{padding:25px 25px 0}.old-welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:center}.old-welcome h1{font-size:37px;line-height:1.12;margin:13px 0 17px}.old-welcome p{font:14px/1.8 Georgia,serif;margin-bottom:22px}.old-eyebrow{font-size:8px;letter-spacing:1.8px}.old-actions{gap:8px}.old-actions .old-button{font-size:12px;padding:4px 14px}
.old-world-photo{position:relative;margin:0;height:228px;overflow:hidden;border:3px double #927640;box-shadow:0 4px 14px #0008;background:#080808}.old-world-photo img{width:100%;height:100%;object-fit:cover;object-position:49% 38%;transform:scale(1.25);filter:brightness(.8) saturate(.7)}.old-world-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#050505ee);padding:25px 12px 12px;font:11px Georgia,serif;color:#d4b97d;text-shadow:0 1px #000}
.old-world-status{border-top:1px solid #6e572b66;margin:25px -25px 0;padding:14px 22px;display:flex;justify-content:space-between;font:10px Verdana,sans-serif;color:#aa946b;background:#08080755}.old-world-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d6750;margin-right:7px}.old-world-status i.online{background:#c69f50;box-shadow:0 0 0 3px #b08e3e1a}.old-world-status a{color:#b29a68}
.old-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 5px 23px}.old-start-steps>div{padding:14px 8px 12px;border-bottom:1px solid #7e633166}.old-start-steps span{float:left;font:25px Georgia,serif;color:#705b35;margin-right:10px}.old-start-steps strong{display:block;font:14px Georgia,serif;color:#c7aa6e;margin-bottom:7px}.old-start-steps small{display:block;font:10px/1.8 Verdana,sans-serif;color:#8e8065}
.old-ticker-compact #newsticker .BoxContent{min-height:0!important;padding:9px!important}.old-ticker-compact #newsticker{margin-bottom:17px}.old-ticker-compact .NewsTickerFullText{padding:12px 0}.old-ticker-compact .NewsTickerShortText{font-size:11px!important}
.Content .Box h2.old-section-title{font:20px/26px Georgia,serif;color:#d7b773;margin:0;top:3px;left:12px;width:auto;max-width:calc(100% - 30px);height:26px;text-shadow:0 1px #000}.Content .BoxContent{padding:17px!important;font-size:13px;line-height:1.8}.NewsHeadlineAuthor{font-size:10px!important;color:#a78d5f!important}.NewsHeadlineText{font-family:Georgia,serif!important;font-size:16px!important}.NewsHeadlineDate{font-size:9px!important}
#Topbar{height:auto!important;min-height:128px!important}#Topbar .top_level{position:relative!important;top:0!important;left:0!important;width:100%!important;height:auto!important;min-height:90px;padding:18px 8px!important;box-sizing:border-box}#Topbar .top_level img,#Topbar .Bottom{display:none!important}#Topbar .top_level span{margin-left:0!important}#Topbar .top_level a{font:12px/1.8 Georgia,serif!important}
.old-side-start{padding:18px 14px}.old-side-start h3{font-size:22px}.old-side-start p{font-size:13px}
@media(max-width:1050px){.old-masthead{padding:0 25px}.old-welcome-grid{grid-template-columns:1fr}.old-world-photo{height:180px}.old-welcome h1 br{display:none}.old-world-status{margin-top:20px}}
@media(max-width:760px){.old-masthead{display:none}.old-shortcuts{justify-content:center;padding:5px}.old-shortcuts a{font-size:12px;padding:8px 10px;border:0}.old-shortcuts a:last-child{margin-left:0}.old-welcome{padding:21px 18px 0}.old-welcome h1{font-size:34px}.old-welcome-grid{gap:20px}.old-world-photo{height:185px}.old-world-status{margin:20px -18px 0;padding:14px 16px;font-size:9px;gap:10px}.old-start-steps{grid-template-columns:1fr;gap:0;margin-bottom:20px}.old-start-steps>div{padding:13px 8px}.old-start-steps span{width:30px;margin-right:13px}.old-start-steps small{font-size:11px}.old-account-panel{margin-top:12px}#MenuColumn{width:100%;max-width:280px}#Menu{max-width:180px;margin:auto}.old-mobile-nav{padding:18px 14px}.Content .BoxContent{padding:14px!important}.Content .Box h2.old-section-title{font-size:18px}}