/* Illustrated adventure direction: original backdrop plus repository game art. */
body.wl-ui{background:linear-gradient(#07223845,#072238a8),url('../images/layout/world-village-ui.png') center top/cover fixed!important}
.wl-ui #wrapper{max-width:1680px;padding-top:22px}.wl-rail{background:linear-gradient(#082d3cf2,#092d3fe8)!important;border-right:2px solid #bd974d;box-shadow:4px 0 22px #04182277}.wl-brand img{width:182px;height:96px;filter:drop-shadow(0 5px 3px #0008)}.wl-rail-label{color:#ffd483}.wl-nav-link{border:1px solid #b78d44!important;background:linear-gradient(#185466,#082e43);box-shadow:inset 0 1px #a8e2d64d,0 3px 0 #031c2e;border-radius:18px;padding:8px 11px;gap:12px;min-height:51px;color:#fff0cb!important;font-size:13px;text-shadow:0 2px #0008}.wl-nav-link.is-active{background:linear-gradient(#258e9e,#14596e);border-color:#ffdd83!important;box-shadow:inset 0 0 0 1px #ffcf5d,0 0 14px #ffc24d40}.wl-nav-image{height:32px;width:32px;object-fit:contain;filter:drop-shadow(0 2px 2px #001c36);image-rendering:auto}.wl-nav-link .wl-icon{height:29px;width:29px;color:#ffd775}.wl-rail-foot{color:#bad8da}
/* Reset legacy absolute header positions and transforms explicitly. */
.wl-ui .header-primary,.wl-ui .header-player,.wl-ui .header-account,.wl-ui .header-extras,.wl-ui .header-primary__grid,.wl-ui .header-account__grid,.wl-ui .header-extras__grid{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:auto!important;float:none!important}
.wl-ui .header-primary__grid,.wl-ui .header-account__grid,.wl-ui .header-extras__grid{min-height:0!important;border:0!important;background:none!important}.wl-ui .header-player__card{transform:none!important;height:auto!important;min-height:84px;display:flex;align-items:center;gap:15px}.wl-ui .header-player{height:auto!important}.wl-ui .header-player__card ul{padding:0!important}.wl-ui .header-player__card ul li:first-child{font-size:23px!important}.wl-ui .header-player__card ul li{font-size:12px!important}.wl-player-portrait{width:84px;height:84px;border:2px solid #f3ce77;border-radius:50%;background:radial-gradient(#38838a,#113c53);object-fit:contain;object-position:center top;box-shadow:0 0 0 4px #092b3e,0 0 0 5px #bb9149;flex:none}.wl-ui #container #header.game-header{background:linear-gradient(90deg,#072c40f2,#0b3a4bd9);border:2px solid #c5a05c;border-radius:22px;box-shadow:inset 0 0 0 3px #152f3b,0 5px 18px #002a4480;padding:18px 20px 12px!important;gap:14px;margin-bottom:16px!important}.wl-ui .header-primary{min-width:0}.wl-ui .header-extras{background:#05283ec9!important;border:1px solid #4b8b94!important;border-radius:14px;padding:9px 12px!important}.wl-ui .header-events{flex:0 1 auto!important}.wl-ui .header-pokemon{flex:0 1 auto!important;margin-left:auto}.wl-ui .header-extras__grid{width:100%!important;flex-wrap:wrap}.wl-ui #events{width:auto!important;gap:4px}.wl-ui #events>a{flex:0 0 auto!important}.wl-ui .my_pokemons .icon{background:radial-gradient(#377b89,#0c3347)!important;border-color:#bd9a52!important;width:49px!important;height:49px!important;box-shadow:inset 0 0 5px #032638}.wl-ui #silvers,.wl-ui #golds{background:linear-gradient(#14485d,#082e42)!important;border-color:#d0ad61!important;border-radius:15px;box-shadow:inset 0 1px #fff3}.wl-ui #navbar{background:linear-gradient(#104758f5,#0a3147f5);border:1px solid #c3a160;box-shadow:0 4px 8px #051b3d44}.wl-ui #navbar ul li a{font-size:12px}
.wl-adventure-scene{position:relative;min-height:250px;margin:0 0 20px;border:2px solid #d8b05f;border-radius:20px;background:linear-gradient(90deg,#082e4577,transparent 50%),url('../images/layout/world-village-ui.png') center 51%/cover;box-shadow:0 0 0 4px #092c3dbb,0 10px 24px #031f4366;overflow:hidden}.wl-scene-caption{position:absolute;left:24px;top:20px;text-shadow:0 2px 6px #002d4a;background:#0a3040df;border:1px solid #e4b55b99;border-radius:14px;padding:12px 18px}.wl-scene-caption small{display:block;text-transform:uppercase;color:#ffd778;font-size:9px;letter-spacing:.18em}.wl-scene-caption strong{font-size:24px;color:#fff6dd}.wl-scene-trainer{position:absolute;bottom:-22px;left:48%;height:220px;max-width:180px;object-fit:contain;filter:drop-shadow(0 12px 6px #15272588)}.wl-scene-companion{position:absolute;bottom:1px;left:65%;height:155px;width:155px;object-fit:contain;filter:drop-shadow(0 10px 4px #15272588)}
.wl-page-heading{background:linear-gradient(90deg,#092c40f2,#092c40b3);padding:14px 18px;border:1px solid #b88f49;border-radius:14px;box-shadow:0 4px 12px #08223855}.wl-page-heading h1{color:#ffe1a1;font-size:23px}.wl-ui .box-content,.wl-ui div#npc-section,.wl-ui .login-content{background:linear-gradient(145deg,#123d50f5,#072d43f5)!important;border:2px solid #ba9958!important;box-shadow:inset 0 1px 0 #d1f0e733,0 4px 0 #062438,0 8px 24px #001d3c45;border-radius:17px!important}.wl-ui .box-content h3.title,.wl-ui div#npc-section div#npc-content h3{background:linear-gradient(90deg,#0c6274,#0d3e51)!important;border-bottom:1px solid #caa45b!important;color:#ffdd95!important;text-shadow:0 2px #04323b}.wl-ui .wl-auth-tabs a.is-active{color:#fff2cf!important}.wl-ui #container_login{border:3px solid #dbb15b;box-shadow:0 0 0 4px #143e50,0 0 0 5px #d3a752,0 14px 35px #031f405c}.wl-ui #container_login .wl-auth-tabs a.is-active{color:#fff3d1!important}.wl-ui #wrap{max-width:1440px}.wl-ui #container_wrap{grid-template-columns:minmax(0,1.45fr) minmax(350px,.85fr);gap:38px}.wl-hero{background:linear-gradient(130deg,#082c43d6,#082c4344);padding:25px;border:1px solid #d9b65e70;border-radius:22px;box-shadow:0 10px 40px #07254533}.wl-hero h1{font-size:clamp(34px,3.1vw,48px);text-shadow:0 3px 10px #0a2a3c}.wl-world-art{background:linear-gradient(0deg,#082e4188,transparent 40%),url('../images/layout/world-village-ui.png') center/cover;height:330px;overflow:visible}.wl-world-art:after{content:'';position:absolute;right:0;bottom:0;width:150px;height:230px;background:url('../images/characters/Ash/npc.png') center bottom/contain no-repeat;filter:drop-shadow(0 5px 3px #1239);pointer-events:none}.wl-world-art:before{content:'';position:absolute;right:120px;bottom:0;width:145px;height:145px;background:url('../images/pokemon/25.gif') center/contain no-repeat;filter:drop-shadow(0 5px 3px #1239);pointer-events:none}.wl-world-caption{z-index:1}.wl-feature-row{color:#f7edcd}.wl-ui #social_menu,.wl-ui #footer{background:#092b3bdb!important}.wl-ui #social_menu{padding:14px!important;margin-top:20px!important;margin-bottom:0!important}.wl-ui #footer-container{color:#b9ced4}.wl-ui .header-player__card>img[title]{position:absolute!important;width:30px!important;right:0;top:0;margin:0!important}.wl-ui .header-action--profile{cursor:pointer}
@media(max-width:1150px){.wl-ui #container_wrap{gap:28px;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.wl-hero{padding:20px}.wl-hero h1{font-size:35px}.wl-world-art{height:300px}.wl-ui .header-account__grid{justify-content:flex-start}.wl-ui #container #header.game-header{padding:15px!important}}
@media(max-width:780px){body.wl-ui{background:linear-gradient(#052b4055,#052b4088),url('../images/layout/world-village-ui.png') center top/auto 100vh fixed!important}.wl-ui #container_wrap{grid-template-columns:1fr;gap:24px}.wl-hero{padding:20px}.wl-hero h1{font-size:31px}.wl-world-art{height:220px}.wl-world-art:after{height:155px;width:105px}.wl-world-art:before{right:90px;height:100px;width:100px}.wl-ui #container #header.game-header{padding:12px!important;border-radius:18px}.wl-player-portrait{width:66px;height:66px}.wl-ui .header-player__card ul li:first-child{font-size:20px!important}.wl-ui .header-player__card ul li{font-size:10px!important}.wl-ui .header-extras__grid{min-width:0!important;gap:10px!important}.wl-ui .header-pokemon{margin-left:0;width:100%}.wl-ui .my_pokemons .icon{width:39px!important;height:39px!important}.wl-adventure-scene{min-height:220px}.wl-scene-caption{top:12px;left:12px;padding:9px 12px}.wl-scene-caption strong{font-size:19px}.wl-scene-trainer{height:160px;left:40%}.wl-scene-companion{height:110px;width:110px;left:64%}.wl-ui #wrapper{padding-top:74px}.wl-ui .header-action--profile{min-width:32px!important}.wl-ui .header-action img{width:32px;height:32px}.wl-ui #navbar ul li a{font-size:10px}.wl-ui #container_login{padding:22px!important}}
.wl-ui[data-page="home"] .wl-adventure-scene{min-height:390px;background-position:center 55%}
.wl-ui[data-page="home"] .wl-scene-trainer{height:280px;bottom:-15px;left:44%}
.wl-ui[data-page="home"] .wl-scene-companion{width:180px;height:180px;left:62%;bottom:8px}
.wl-ui .event_ballon{position:static!important;width:auto!important;height:auto!important;margin:0 0 16px!important;background:#0b3349ef;border:1px solid #c5a15b;border-radius:14px;padding:10px;display:flex!important;align-items:center;float:none!important;max-width:100%!important}
.wl-ui .event_ballon #e-ballon{position:static!important;margin:0!important;padding:0 10px!important;width:auto!important;height:auto!important;background:none!important;display:block!important}.wl-ui .event_ballon #e-ballon h3{font-size:13px!important;margin:0!important}.wl-ui .event_ballon #e-ballon p{font-size:10px;margin:2px 0!important}.wl-ui .event_ballon [id^="e-icon"]{position:static!important;margin:0!important;flex:none;width:48px!important;height:48px!important;background-size:contain!important;background-repeat:no-repeat!important}
@media(max-width:780px){.wl-ui[data-page="home"] .wl-adventure-scene{min-height:275px}.wl-ui[data-page="home"] .wl-scene-trainer{height:200px;left:30%}.wl-ui[data-page="home"] .wl-scene-companion{width:130px;height:130px;left:59%}.wl-ui .event_ballon{padding:8px}.wl-ui .event_ballon #e-ballon{max-width:calc(100vw - 110px)}}
@media(max-width:780px){
.wl-ui[data-page="profile"] #main-content table.box-content{display:block;width:100%!important;max-width:100%;padding:10px!important}
.wl-ui[data-page="profile"] #main-content table.box-content>tbody,.wl-ui[data-page="profile"] #main-content table.box-content>tbody>tr,.wl-ui[data-page="profile"] #main-content table.box-content>tbody>tr>td{display:block;width:100%!important;max-width:100%}
.wl-ui[data-page="profile"] #main-content table.box-content>tbody>tr>td>div{max-width:100%;width:100%!important}
.wl-ui[data-page="profile"] #main-content .u-infos{min-width:0!important;width:100%!important;margin:0!important;font-size:11px}
.wl-ui[data-page="profile"] #main-content .u-infos td{padding:8px 5px;overflow-wrap:anywhere}
.wl-ui[data-page="profile"] #main-content .row>.col{width:100%!important;float:none!important;margin-bottom:14px}
.wl-ui #navbar{display:none}
}
.wl-battle-viewport{width:100%;max-width:100%;overflow:hidden;position:relative;margin:auto}
.wl-ui .wl-battle-world{width:630px!important;max-width:none!important;overflow:hidden;position:relative;margin:auto}
.wl-ui .wl-battle-world #gif_attack{position:absolute!important;width:630px!important;margin:0!important;left:0;top:0;pointer-events:none}
.wl-ui .wl-battle-world #gif_attack img{width:100%!important;height:auto!important}
.wl-ui #arena{width:630px!important;max-width:none!important}
.wl-ui .text-box .selector:focus-visible{outline:3px solid #ffc24d!important;outline-offset:-4px!important}
@media(max-width:780px){
.wl-ui .text-box{width:100%!important;height:auto!important;padding:8px}
.wl-ui .text-box>table,.wl-ui .text-box>table>tbody,.wl-ui .text-box>table>tbody>tr,.wl-ui .text-box>table>tbody>tr>td{display:block;width:100%!important;height:auto!important}
.wl-ui .text-box>table>tbody>tr>td:first-child>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wl-ui .text-box .selector{width:100%!important;height:62px!important;margin:0!important;background-size:100% 100%!important}
.wl-ui .text-box #message{min-height:80px;padding:12px;font-size:13px}
.wl-ui .text-box>table>tbody>tr>td:last-child{background:#0c3044!important;border:1px solid #b29656;border-radius:12px;margin-top:10px}
}
.wl-ui button.wl-illustrated-control{background-image:var(--wl-control-art)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;color:white!important;text-shadow:0 1px 3px #000;}
@media(max-width:780px){.wl-guest .wl-hero{padding:16px}.wl-guest .wl-hero h1{font-size:27px;margin:10px 0}.wl-guest .wl-hero>p{font-size:12px;margin-bottom:14px}.wl-guest .wl-world-art{height:180px}.wl-guest .wl-feature-row{margin-top:14px}.wl-guest #container_wrap{gap:22px}.wl-guest #wrap{padding-top:8px}}
.wl-ui.wl-game #footer{width:auto!important}.wl-ui #to_top{position:fixed!important;left:auto!important;right:20px!important;bottom:20px!important;}
