/* Tibia Wild Battles: shared layout and responsive fixes. */
:root{--wild-gold:#edce8c;--wild-red:#7a171c;--wild-ink:#39271b}
html{scroll-behavior:smooth}body{min-height:100vh;height:auto!important}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c38526;outline-offset:3px}#Bodycontainer{padding-bottom:165px}#LeftArtwork{height:140px;width:180px;left:0}.wild-brand{display:flex;height:136px;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;color:var(--wild-gold)!important;text-align:center;background:linear-gradient(145deg,rgba(25,11,15,.93),rgba(69,16,23,.85));border:1px solid #8b6140;border-radius:6px;box-shadow:0 8px 24px #0008}.wild-brand-eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:#c4a37d}.wild-brand strong{font:700 42px Georgia,serif;letter-spacing:4px;line-height:1.1;text-shadow:0 2px 3px #000}.wild-brand-name{font:700 24px Georgia,serif}.wild-brand-caption{font:9px Arial,sans-serif;letter-spacing:1.5px;margin-top:9px;color:#d1b99d}.wild-mobile-header{display:none}.wild-quick-nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px;padding:8px;background:rgba(22,15,17,.94);border:1px solid #8b6140;border-radius:5px}.wild-quick-nav a{flex:1;white-space:nowrap;text-align:center;padding:10px 8px;font:600 12px Arial,sans-serif;color:#f4dfba!important;border-radius:3px;text-decoration:none!important}.wild-quick-nav a:hover{background:#6b2027}.wild-hero{background:linear-gradient(125deg,#31141a,#681c25);color:#f3dfc8;border:1px solid #a87943;border-radius:5px;padding:32px;margin-bottom:20px;box-shadow:inset 0 0 45px #0004}.wild-eyebrow{font:700 10px Arial,sans-serif;letter-spacing:1.6px;color:#e4bc78}.wild-hero h1{font:700 clamp(29px,3vw,44px)/1.1 Georgia,serif;color:#fff0d6;margin:15px 0}.wild-hero>p:not(.wild-eyebrow){font:14px/1.7 Arial,sans-serif;max-width:620px}.wild-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.wild-actions a{display:inline-block;padding:11px 15px;border:1px solid #8d5f36;border-radius:3px;text-decoration:none;font-weight:bold}.wild-primary{background:#e7c180;color:#301519!important;border-color:#e7c180!important}.wild-secondary{color:#f7e1bd!important;border-color:#bd9864!important}.wild-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.wild-steps article{padding:18px;border:1px solid #b79869;border-radius:4px;background:#f7ebd4}.wild-steps article>span{font:700 9px Arial,sans-serif;letter-spacing:1px;color:#815231}.wild-steps h2,.wild-help h2{font:bold 21px Georgia,serif;color:#552016;margin:12px 0}.wild-steps p,.wild-help p{font:13px/1.7 Arial,sans-serif;color:var(--wild-ink)}.wild-steps a{font-size:12px;font-weight:bold;color:#791b22}.wild-help{padding:2px 6px 14px}.wild-help .wild-actions{margin-top:14px}.BoxContent{overflow-wrap:break-word}.BoxContent input:not([type=radio]):not([type=checkbox]),.BoxContent select,.BoxContent textarea{max-width:100%;box-sizing:border-box}.InfoBar{min-height:28px;height:auto;line-height:20px}#Footer{line-height:1.7}
@media(max-width:1100px) and (min-width:761px){#ArtworkHelper,#Bodycontainer{min-width:0}#ContentColumn{margin-right:18px}#ThemeboxesColumn{display:none}.wild-hero{padding:25px}}
@media(max-width:760px){
html,body{width:100%;margin:0;min-width:0}body{background-position:top center!important;background-attachment:scroll!important;background-size:auto 1100px!important}.wild-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(24,12,16,.97);padding:16px 14px;border-bottom:1px solid #91663d}.wild-mobile-header>a{font:bold 22px Georgia,serif;color:#f0d5a2!important;text-decoration:none}.wild-mobile-header>a>span{display:block;font:10px Arial,sans-serif;letter-spacing:4px;color:#c49c69;margin-bottom:3px}.wild-mobile-header button{flex-shrink:0;background:#64232a;color:#ffe9c7;border:1px solid #ae8050;border-radius:4px;padding:11px 13px;font-weight:bold}#ArtworkHelper{min-width:0;width:100%;height:auto}#Bodycontainer{display:block;min-width:0;max-width:100%;width:auto;height:auto;padding:0 10px 25px;box-sizing:border-box}#ContentRow{position:static;top:auto;display:flex;flex-direction:column;width:100%}#LeftArtwork,#RightArtwork,#ThemeboxesColumn{display:none!important}#MenuColumn{display:none;position:relative;left:auto;top:auto;width:180px;margin:18px auto 10px;padding:0}.wild-menu-open #MenuColumn{display:block}#ContentColumn{position:relative;margin:14px 0 0;width:100%;min-width:0;box-sizing:border-box}.Content{width:100%;min-width:0}.Content .Box{min-width:0}.Content .BoxContent{padding:12px 10px;max-width:100%;overflow-x:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.wild-quick-nav{gap:4px;padding:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wild-quick-nav a{font-size:11px;padding:11px 2px;min-width:0;white-space:normal}.wild-hero{padding:23px 18px;margin-bottom:15px}.wild-hero h1{font-size:31px}.wild-hero>p:not(.wild-eyebrow){font-size:13px}.wild-eyebrow{font-size:9px;line-height:1.6;letter-spacing:1px}.wild-steps{grid-template-columns:1fr;gap:10px}.wild-steps article{padding:15px}.wild-steps h2{margin-top:8px}.wild-steps p{margin:8px 0}.wild-actions a{padding:11px 12px;font-size:12px}.wild-help{padding:0}.InfoBar{display:flex;flex-wrap:wrap;gap:2px 3px;top:0;padding:5px 2px;line-height:20px;font-size:10px;height:auto;min-height:30px}.InfoBar>span[style*="float"]{margin-left:auto!important;float:none!important;align-self:center}.InfoBar .InfoBarNumbers{position:static!important;top:auto!important}.InfoBar .InfoBarSmallElement{margin-left:3px;margin-right:3px}.InfoBarBigLogo{position:static!important;max-width:17px!important;height:17px;object-fit:contain;align-self:center}.InfoBar>img{margin-left:2px!important}.TableContainer{max-width:100%;box-sizing:border-box}.BoxContent img:not(.ItemImage):not(.OutfitImage){max-width:100%}#Footer{font-size:10px;padding:12px 6px}h1,h2{overflow-wrap:break-word}.NewsHeadline{height:auto;min-height:28px}.NewsHeadlineText{font-size:12px!important;position:relative!important;left:auto!important;white-space:normal!important}}

.Content .wild-page-title{font:700 21px/22px Georgia,serif;color:#f3dfad;top:3px;left:10px;text-shadow:1px 1px 2px #000}
@media(max-width:760px){#createaccount .BoxContent table,#accountmanagement .BoxContent table{width:100%!important;min-width:0!important;table-layout:fixed}#createaccount .BoxContent td,#accountmanagement .BoxContent td{width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}#createaccount .BoxContent input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=image]),#createaccount .BoxContent select,#accountmanagement .BoxContent input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=image]){width:100%!important;min-width:0!important;max-width:100%!important}#createaccount .BoxContent label{display:inline-block;white-space:normal}#createaccount .BoxContent .TableContent,#accountmanagement .BoxContent .TableContent{box-sizing:border-box}#createaccount .BoxContent table table,#accountmanagement .BoxContent table table{margin:0!important}.Content .wild-page-title{font-size:19px}}