/* Page-specific surfaces. Native game IDs and action geometry remain intact. */
body.wl-ui.wl-game{background:radial-gradient(ellipse at 85% 0,#1d65765c,transparent 55%),linear-gradient(145deg,#0d2b43,#081f32)!important}
.ps-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,36%);align-items:center;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#123e56,#0d2b43);border:1px solid #4a7c8a;border-radius:20px;margin:0 0 16px;min-height:170px;text-align:left;box-shadow:0 10px 24px #031c3033}
.ps-header:before{content:'';position:absolute;inset:0;border-left:4px solid #ffc24d;pointer-events:none}.ps-header-copy{padding:24px 28px;min-width:0;z-index:1}.ps-kicker{font-size:9px;letter-spacing:.17em;font-weight:800;color:#85cdd0}.ps-header h1{font-size:clamp(23px,2.5vw,34px);line-height:1.18;letter-spacing:-.03em;color:#fff0d0;margin:8px 0 10px;overflow-wrap:anywhere}.ps-header p{font-size:13px;color:#b9d5db;margin:0;max-width:55ch;line-height:1.65}.ps-illustration{width:100%;height:175px;object-fit:contain;min-width:0}
.ps-section-mark{width:30px;height:30px;vertical-align:middle;margin-right:9px;object-fit:contain}.wl-ui #main-content :is(.rg-hero,.pa-hero,.guild-hero,.tc-hero,.jr-hero) :is(h1,.rg-eyebrow,.pa-eyebrow,.guild-eyebrow,.tc-eyebrow,.jr-eyebrow){display:none}.wl-ui #main-content :is(.rg-hero,.pa-hero,.guild-hero,.tc-hero,.jr-hero){padding-top:16px;padding-bottom:16px;min-height:0}.wl-ui #main-content :is(.rg-hero,.pa-hero,.guild-hero,.tc-hero,.jr-hero) p{margin-top:0}
.wl-ui #main-content :is(.rg-hero,.pa-hero,.guild-hero,.tc-hero,.jr-hero){background:#12384b!important;border:1px solid #3e6c7b!important;border-radius:13px;padding:14px 18px;box-shadow:none;min-height:0;gap:12px}.wl-ui #main-content :is(.rg-hero-party,.pa-hero-pokemon,.guild-hero-art,.jr-hero>.jr-companions){display:none}.wl-ui #main-content :is(.rg-hero,.pa-hero,.guild-hero,.tc-hero,.jr-hero) p:last-child{margin-bottom:0}
.wl-ui.wl-game .wl-adventure-scene{display:none}.wl-ui #main-content>.content>center{text-align:initial;display:flow-root}.wl-ui #main-content>.content>center>form{text-align:center}
.ps-sections[hidden]{display:none}.ps-sections{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:12px 14px;margin:0 0 22px;background:#09283bd9;border:1px solid #315d70;border-radius:13px}.ps-sections-label{font-size:10px;color:#9fc5d0;font-weight:700;margin-right:7px}.wl-ui .ps-sections button{min-height:34px!important;background:#164458!important;color:#d8e8e8!important;border:1px solid #3b6b7a!important;font-size:11px!important;box-shadow:none!important;padding:6px 10px;border-radius:8px!important}.wl-ui .ps-sections button:hover{background:#21667a!important;color:#ffdf99!important}
.wl-ui #main-content .ps-panel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px!important;align-items:start}.wl-ui #main-content .ps-panel-grid>.box-content.col{width:100%!important;float:none!important;margin:0!important;min-width:0}
.wl-ui #main-content .ps-table th{letter-spacing:.015em}.wl-ui #main-content .ps-table tbody tr{transition:background-color .12s}.wl-ui #main-content .ps-table tbody tr:last-child>td{border-bottom:none}.wl-ui #main-content .ps-form-scroll{overflow:visible}.wl-ui #main-content .ps-form-table{min-width:0!important}.wl-ui #main-content .ps-form-row>td:first-child{text-align:left!important;font-size:12px;font-weight:650;color:#cce2e5;padding-left:18px}.wl-ui #main-content .ps-form-row>td:last-child{text-align:left!important;padding-right:18px}.wl-ui #main-content .ps-form-row input:not([type=checkbox]):not([type=radio]):not([type=submit]),.wl-ui #main-content .ps-form-row select,.wl-ui #main-content .ps-form-row textarea{width:100%!important;min-width:0!important}
/* Team storage and profiles retain all original drag/drop and detail controls. */
.wl-ui[data-page="box"] #main-content .box-content{border-color:#397d87!important}.wl-ui[data-page="box"] #main-content .orientation-bar{justify-content:flex-start}.wl-ui[data-page="pokemon-profile"] #main-content .box-content{border-color:#537b96!important}
/* Inventory: quieter capacity notices and larger item/category hit targets. */
.wl-ui[data-page="items"] #main-content>.content>center>.blue{padding:12px 16px;border-radius:12px!important;margin-bottom:16px}.wl-ui[data-page="items"] #main-content .orientation-bar{justify-content:flex-start}.wl-ui[data-page="items"] #main-content .box-content{border-color:#867849!important}
/* Research and lists: fixed headings, readable row spacing and useful search. */
.wl-ui[data-page="pokedex"] #kwd_search{width:calc(100% - 24px)!important;margin:12px!important;max-width:400px}.wl-ui[data-page="pokedex"] #my-table td{padding:9px 12px!important}.wl-ui[data-page="rankinglist"] .ps-table td,.wl-ui[data-page="friends"] .ps-table td{padding:13px 12px!important}
/* Current content systems: consistent card rhythm instead of tight grids. */
.wl-ui #main-content :is(.pa-grid,.guild-grid,.jr-paths,.rg-area-grid){gap:18px}.wl-ui #main-content :is(.pa-card,.guild-card,.jr-path,.rg-area-card){border-radius:16px;transition:transform .15s,border-color .15s}.wl-ui #main-content :is(.pa-card,.guild-card,.jr-path,.rg-area-card):hover{transform:translateY(-2px);border-color:#d8b874}.wl-ui #main-content :is(.rg-panel,.tc-panel,.jr-panel,.pa-panel,.guild-panel){margin-bottom:20px}.wl-ui #main-content :is(.rg-quest-grid,.jr-team){gap:16px}.wl-ui #main-content :is(.rg-quest,.rg-species,.jr-pokemon){border-radius:13px}.wl-ui #main-content :is(.rg-hero,.guild-hero,.pa-hero,.tc-hero,.jr-hero){margin-bottom:18px}
.wl-ui #main-content :is(.rg-panel,.tc-panel,.jr-panel,.pa-panel,.guild-panel) h2{font-size:20px;line-height:1.3;margin-top:0}.wl-ui #main-content :is(.rg-panel,.tc-panel,.jr-panel,.pa-panel,.guild-panel) p{line-height:1.7}.wl-ui #main-content #players_on{clear:both;margin-top:28px;opacity:.85}.wl-ui #main-content>div.content>center>.box-content:last-child{clear:both;margin-top:20px!important}
/* Social, mail and account forms each get a clear visual family. */
.wl-ui:is([data-page="friends"],[data-page="clans"],[data-page="guild"]) #main-content .box-content{border-color:#427f83!important}.wl-ui[data-page="inbox"] #main-content .box-content{border-color:#75849a!important}.wl-ui[data-page="account-options"] #main-content .box-content{border-color:#4c8291!important}.wl-ui[data-page="account-options"] #main-content input[type=submit]{margin:12px!important}
/* Map/battle coordinates are excluded from reflow. */
.wl-ui[data-page="town"] .wl-map-destinations{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.wl-ui[data-page="town"] .wl-map-destinations a{padding:12px 14px;min-height:46px}.wl-ui[data-page="new_character"] #main-content input[type=text]{max-width:420px}
/* Mail workspace: separate mailbox navigation, conversation and composer. */
.wl-ui[data-page="inbox"] .msg-table{flex:0 0 160px!important;background:#0a293d;border-right:1px solid #3c6678;border-spacing:0}.wl-ui[data-page="inbox"] .msg-table td{padding:18px 12px;border-bottom:1px solid #2e5668;color:#c7dfe1;font-size:12px;cursor:pointer}.wl-ui[data-page="inbox"] .msg-table td.selected{background:#1f8ea32b;color:#ffdc96}.wl-ui[data-page="inbox"] .msg-table td>i{display:none!important}.wl-ui[data-page="inbox"] .msg-table td:before{content:'';display:block;width:36px;height:36px;margin:0 auto 6px;background:url('../images/navigation/inbox.svg') center/contain no-repeat}.wl-ui[data-page="inbox"] .msg-table tr:nth-child(2) td:before{background-image:url('../images/navigation/friends.svg')}.wl-ui[data-page="inbox"] .msg-table tr:nth-child(3) td:before{background-image:url('../images/navigation/my_characters.svg')}.wl-ui[data-page="inbox"] .msg-table tr:nth-child(4) td:before{background-image:url('../images/navigation/account-options.svg')}.wl-ui[data-page="inbox"] .msg-container{width:auto!important;min-width:0;padding:18px}.wl-ui[data-page="inbox"] .msg-container form{max-width:100%}.wl-ui[data-page="inbox"] .msg-container textarea{min-height:150px;line-height:1.6}.wl-ui[data-page="inbox"] .msg-container>.title{font-weight:800;color:#ffdda0;padding-bottom:14px;border-bottom:1px solid #3c6678;margin-bottom:16px}
@media(max-width:640px){.wl-ui[data-page="inbox"] #main-content .box-content:has(>.msg-table){display:block!important}.wl-ui[data-page="inbox"] .msg-table{display:block;width:100%;border-right:0;border-bottom:1px solid #3c6678}.wl-ui[data-page="inbox"] .msg-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wl-ui[data-page="inbox"] .msg-table tr,.wl-ui[data-page="inbox"] .msg-table td{display:block;width:100%}.wl-ui[data-page="inbox"] .msg-table td{padding:12px 8px;min-height:90px}.wl-ui[data-page="inbox"] .msg-container{padding:14px}.wl-ui[data-page="inbox"] #messageForm>table,.wl-ui[data-page="inbox"] #messageForm>table>tbody,.wl-ui[data-page="inbox"] #messageForm>table>tbody>tr,.wl-ui[data-page="inbox"] #messageForm>table>tbody>tr>td{display:block;width:100%!important}}
@media(max-width:1050px){.wl-ui #main-content .ps-panel-grid{grid-template-columns:1fr}.ps-header-copy{padding:20px}.ps-header{grid-template-columns:minmax(0,1fr) 32%}.ps-illustration{height:155px}}
@media(max-width:640px){.ps-header{grid-template-columns:minmax(0,1fr) 110px;min-height:150px;border-radius:15px}.ps-header-copy{padding:17px 0 17px 18px}.ps-header h1{font-size:23px}.ps-header p{font-size:11px;line-height:1.5}.ps-kicker{font-size:8px;letter-spacing:.1em}.ps-illustration{height:120px;width:175px;max-width:none;transform:translateX(-18px);opacity:.85}.ps-sections{padding:10px;gap:6px}.ps-sections-label{flex-basis:100%;margin-bottom:3px}.wl-ui .ps-sections button{min-height:40px!important;font-size:11px!important;flex:1 1 auto}.wl-ui #main-content .ps-form-row{display:grid;grid-template-columns:1fr;padding:10px 14px;border-bottom:1px solid #30596a}.wl-ui #main-content .ps-form-row>td{display:block;border:0!important;width:100%!important;padding:4px 0!important;text-align:left!important}.wl-ui #main-content .ps-form-table{width:100%!important}.wl-ui #main-content .ps-form-table tbody{display:table-row-group}.wl-ui #main-content .ps-form-table tfoot td{padding:12px!important}.wl-ui #main-content :is(.rg-pool,.jr-team){grid-template-columns:repeat(2,minmax(0,1fr))}.wl-ui #main-content :is(.pa-grid,.guild-grid,.rg-area-grid){grid-template-columns:1fr}.wl-ui #main-content :is(.rg-panel,.tc-panel,.jr-panel,.pa-panel,.guild-panel){padding:16px}.wl-ui #main-content :is(.rg-panel,.tc-panel,.jr-panel,.pa-panel,.guild-panel) h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.wl-ui #main-content :is(.pa-card,.guild-card,.jr-path,.rg-area-card):hover{transform:none}}
/* Adventure catalogue: consistent columns on desktop, readable horizontal
   activity cards on phones, with existing species artwork retained. */
.wl-ui #main-content .pa-catalog{gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.wl-ui #main-content .pa-category{padding:18px;border:1px solid #3e6c7b;border-radius:18px;background:#12384b;margin-bottom:22px}.wl-ui #main-content .pa-category>h2{margin:0 0 16px;color:#f4e8d0;font-size:21px}.wl-ui #main-content .pa-activity-card{border-radius:14px;overflow:hidden;border:1px solid #c8d2b5;box-shadow:0 5px 12px #031e3126}.wl-ui #main-content .pa-activity-card h3{line-height:1.3}.wl-ui #main-content .pa-filters{gap:12px;margin:18px 0;padding:16px;border:1px solid #3e6c7b;border-radius:14px;background:#0c2d41}.wl-ui #main-content .pa-activity-card:focus-visible{outline:3px solid #ffc24d;outline-offset:4px}
.wl-ui #main-content .tc-roster{gap:18px}.wl-ui #main-content .tc-pokemon-card{border-radius:16px;overflow:hidden}.wl-ui #main-content .tc-filters{padding:16px;border-radius:14px;border:1px solid #3e6c7b;margin-bottom:20px}.wl-ui #main-content .tc-detail-grid{gap:22px}.wl-ui #main-content .tc-stat-grid{gap:10px}.wl-ui #main-content .tc-note-form textarea{min-height:110px}.wl-ui #main-content .atlas-chapters{gap:10px;margin-bottom:18px}.wl-ui #main-content .ex-journal{margin-top:22px}.wl-ui #main-content .ex-clue-grid{gap:14px}.wl-ui #main-content .atlas-game-links{gap:10px;flex-wrap:wrap}
.wl-ui #main-content .guild-catalog{gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.wl-ui #main-content .guild-card{min-width:0}.wl-ui #main-content .guild-card h2{font-size:18px;line-height:1.3}.wl-ui #main-content :is(.guild-week,.guild-resume){padding:18px;border:1px solid #3e6c7b;border-radius:16px;margin-bottom:20px}.wl-ui #main-content .guild-filters{gap:12px;padding:14px;border-radius:14px;background:#0c2d41}.wl-ui #main-content .guild-module-nav{gap:12px;flex-wrap:wrap;margin-bottom:20px}
@media(max-width:640px){.wl-ui #main-content .guild-catalog{grid-template-columns:1fr}.wl-ui #main-content .guild-card{padding:18px}.wl-ui #main-content .guild-module-nav select{width:100%}}
@media(max-width:640px){.wl-ui #main-content .pa-category{padding:13px}.wl-ui #main-content .pa-catalog{grid-template-columns:1fr;gap:12px}.wl-ui #main-content .pa-activity-card{display:grid;grid-template-columns:83px minmax(0,1fr);column-gap:12px;padding:12px;align-content:start}.wl-ui #main-content .pa-activity-card>.pa-activity-art{grid-column:1;grid-row:1/span 6;width:83px;height:104px;border-radius:12px;align-self:start}.wl-ui #main-content .pa-activity-art img{width:80px;height:90px;object-fit:contain}.wl-ui #main-content .pa-activity-card>:not(.pa-activity-art){grid-column:2;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.wl-ui #main-content .pa-activity-card h3{font-size:16px;margin:0 0 7px}.wl-ui #main-content .pa-activity-card p{font-size:12px;line-height:1.55;margin:0 0 9px}.wl-ui #main-content .pa-activity-card>b{padding:6px 0 0;font-size:12px}.wl-ui #main-content .pa-card-progress{font-size:10px;padding:5px 7px!important}.wl-ui #main-content .tc-roster{grid-template-columns:1fr}.wl-ui #main-content .tc-detail-grid{grid-template-columns:1fr}.wl-ui #main-content .tc-note-form{display:grid;gap:12px}.wl-ui #main-content .pa-filters{padding:12px}.wl-ui #main-content .pa-filters label{min-width:0;width:100%}}