/* Scoped page skin. Original navigation, site chrome, avatars and game rules are untouched. */
#rw-content#rw-content[data-pixel-page]{--px-ink:#233c34;--px-muted:#64736a;--px-line:#ccd5c7;--px-green:#285740;--px-paper:#fffefa;background:#fffefa;color:var(--px-ink);font:16px/1.65 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;padding:30px;min-width:0}
#rw-content#rw-content[data-pixel-page] *{box-sizing:border-box}
#rw-content#rw-content[data-pixel-page] :is(button,input,select,summary){font:inherit}
#rw-content#rw-content[data-pixel-page] :is(button,select,input){min-height:44px;border-radius:3px;border:1px solid #bcc9b8;background:#fffefa;color:#29473a;padding:9px 14px;max-width:100%}
#rw-content#rw-content[data-pixel-page] button{box-shadow:0 3px 0 #dce2d5;cursor:pointer;font-weight:600;transition:background .12s,transform .12s}
#rw-content#rw-content[data-pixel-page] button:hover:not(:disabled){background:#eff5e7;border-color:#56784e;transform:translateY(-1px)}
#rw-content#rw-content[data-pixel-page] button:active:not(:disabled){transform:translateY(2px);box-shadow:none}
#rw-content#rw-content[data-pixel-page] button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
#rw-content#rw-content[data-pixel-page] :is(button,a,input,select,summary,[role=button]):focus-visible{outline:3px solid #527a42;outline-offset:4px}
#rw-content#rw-content[data-pixel-page] button.primary{background:#285740;color:#fffbe5;border-color:#193d2d;box-shadow:0 3px 0 #153727}
#rw-content#rw-content[data-pixel-page] :is(p,small,.rw-muted){font-size:14px;line-height:1.7;color:#637466}
#rw-content#rw-content[data-pixel-page] .rw-page-heading{position:relative;background:linear-gradient(90deg,#f0f5e8,#fffefa);border:1px solid #cbd6c0;border-left:6px solid #527146;padding:24px 22px;margin:0 0 24px;gap:18px;box-shadow:4px 4px 0 #e9ecdf;align-items:center}
#rw-content#rw-content[data-pixel-page] .rw-page-heading h1{font-size:30px;line-height:1.35;letter-spacing:1px;margin:5px 0 8px;color:#244334}
#rw-content#rw-content[data-pixel-page] .rw-page-heading p{margin:0;max-width:680px;font-size:15px}
#rw-content#rw-content[data-pixel-page] .rw-eyebrow{font:12px/1.5 Consolas,monospace;letter-spacing:3px;color:#778664}
#rw-content#rw-content[data-pixel-page] .rw-page-heading{display:grid;grid-template-columns:64px minmax(0,1fr) auto}
#rw-content#rw-content[data-pixel-page] .px-page-emblem{display:block;width:64px;height:64px;filter:drop-shadow(3px 3px 0 #abb99b55)}
#rw-content#rw-content[data-pixel-page] .rw-page-heading .rw-toolbar{flex-shrink:0;margin:0}
#rw-content#rw-content[data-pixel-page] .rw-toolbar{gap:10px;flex-wrap:wrap;margin-bottom:18px}
#rw-content#rw-content[data-pixel-page] .px-icon-button{display:inline-flex;justify-content:center;align-items:center;gap:9px}
#rw-content#rw-content[data-pixel-page] .px-button-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;line-height:1;pointer-events:none;vertical-align:middle}
#rw-content#rw-content[data-pixel-page] .px-button-icon svg{width:20px;height:20px;display:block;image-rendering:pixelated;overflow:visible}
#rw-content#rw-content[data-pixel-page] .px-button-label{min-width:0}
#rw-content#rw-content[data-pixel-page] .px-mode-label{display:flex;flex-direction:column;align-items:start;min-width:0;line-height:1.5;text-align:left}
#rw-content#rw-content[data-pixel-page] .px-mode-label strong{font-size:16px;color:inherit}
#rw-content#rw-content[data-pixel-page] .px-mode-label small{font-size:12px;color:inherit;opacity:.85}
#rw-content#rw-content[data-pixel-page] [data-action=mode] > .px-button-icon,#rw-content#rw-content[data-pixel-page] [data-action=mode] > .px-button-icon svg{width:28px;height:28px;flex-basis:28px}
#rw-content#rw-content[data-pixel-page] .px-icon-only{gap:0}
#rw-content#rw-content[data-pixel-page] .rw-team-row .px-icon-button{gap:6px}
#rw-content#rw-content[data-pixel-page] .rw-team-row .px-button-icon{width:18px;height:18px;flex-basis:18px}
#rw-content#rw-content[data-pixel-page] .rw-team-row .px-button-icon svg{width:18px;height:18px}
#rw-content#rw-content[data-pixel-page] .rw-info{border:1px solid #d6ddce;background:#f6f7ef;color:#5c6f5d;border-radius:2px;padding:14px 16px;font-size:14px;line-height:1.8}
#rw-content#rw-content[data-pixel-page] .rw-pill{font-size:14px;border-radius:2px;padding:3px 8px;background:#f1f4eb;border:1px solid #cdd9c2;color:#3d5c43;line-height:1.6}
#rw-content#rw-content[data-pixel-page] .px-fold{border:1px solid #dce2d5;background:#fafbf6;margin:12px 0;font-size:14px}
#rw-content#rw-content[data-pixel-page] .px-fold summary{padding:10px 14px;color:#52694f;cursor:pointer;font-size:14px}
#rw-content#rw-content[data-pixel-page] .px-fold[open] summary{border-bottom:1px solid #dce2d5}
#rw-content#rw-content[data-pixel-page] .px-fold > :not(summary){margin:0;padding:14px;border:0}
#rw-content#rw-content[data-pixel-page] .rw-box{border-radius:3px;border:1px solid #c7d2c0;background:#fffefa;box-shadow:3px 3px 0 #e7eadf;padding:18px}
#rw-content#rw-content[data-pixel-page] :is(h2,h3){color:#2b4939}
#rw-content#rw-content[data-pixel-page] .px-roster-tools{display:grid;grid-template-columns:1fr auto;gap:16px;margin:24px 0 20px;border-bottom:2px solid #d5decf;padding-bottom:18px}
#rw-content#rw-content[data-pixel-page] .px-roster-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#rw-content#rw-content[data-pixel-page] .px-roster-title strong{font-size:20px;letter-spacing:1px}
#rw-content#rw-content[data-pixel-page] .px-roster-count{font-size:14px;color:#73816c}
#rw-content#rw-content[data-pixel-page] .px-search-line{display:flex;gap:8px;min-width:0}
#rw-content#rw-content[data-pixel-page] .px-search{display:flex;align-items:center;position:relative;min-width:0}
#rw-content#rw-content[data-pixel-page] .px-search > span{position:absolute;left:12px;font-size:26px;color:#769367}
#rw-content#rw-content[data-pixel-page] .px-search input{padding-left:38px;width:260px;font-size:15px;background:#f9fbf4}
#rw-content#rw-content[data-pixel-page] .px-search-line select{font-size:14px}
#rw-content#rw-content[data-pixel-page] .px-grade-filters{display:flex;gap:8px;grid-column:1/-1;flex-wrap:wrap}
#rw-content#rw-content[data-pixel-page] .px-grade-filters button{font-size:14px;min-width:74px;box-shadow:none;border-color:#d9dfd0;background:#fafbf7}
#rw-content#rw-content[data-pixel-page] .px-grade-filters button:before{content:"";display:inline-block;width:7px;height:7px;background:var(--rarity,#708461);margin-right:8px}
#rw-content#rw-content[data-pixel-page] .px-grade-filters button[aria-pressed=true]{background:#e9f0df;border-color:#66804f;box-shadow:inset 0 -3px #66804f}
#rw-content#rw-content[data-pixel-page] [data-filter-grade=red]{--rarity:#c74d52}
#rw-content#rw-content[data-pixel-page] [data-filter-grade=gold]{--rarity:#be901b}
#rw-content#rw-content[data-pixel-page] [data-filter-grade=purple]{--rarity:#935eb6}
#rw-content#rw-content[data-pixel-page] [data-filter-grade=blue]{--rarity:#4e87bd}
#rw-content#rw-content[data-pixel-page] [data-filter-grade=green]{--rarity:#57935d}
#rw-content#rw-content[data-pixel-page] .rw-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:20px;align-items:stretch;max-width:none}
#rw-content#rw-content[data-pixel-page] [data-grade]{--card-accent:#70894c;--card-light:#f1f6e9;--card-ink:#496931}
#rw-content#rw-content[data-pixel-page] [data-grade=red]{--card-accent:#be555a;--card-light:#fbf0eb;--card-ink:#a74248}
#rw-content#rw-content[data-pixel-page] [data-grade=gold]{--card-accent:#b18d36;--card-light:#faf5e3;--card-ink:#8a650b}
#rw-content#rw-content[data-pixel-page] [data-grade=purple]{--card-accent:#8c65a4;--card-light:#f5f0fa;--card-ink:#795197}
#rw-content#rw-content[data-pixel-page] [data-grade=blue]{--card-accent:#5889a8;--card-light:#edf5f9;--card-ink:#39688a}
#rw-content#rw-content[data-pixel-page] .rw-role-card{background:#fffefa;color:#2b4137;border:1px solid #cbd5c2;border-top:4px solid var(--card-accent);padding:16px;display:flex;flex-direction:column;position:relative;transition:box-shadow .15s,transform .15s;cursor:pointer;min-width:0}
#rw-content#rw-content[data-pixel-page] .rw-role-card:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #e1e6d7;border-color:var(--card-accent)}
#rw-content#rw-content[data-pixel-page] .rw-role-card.px-filtered{display:none!important}
#rw-content#rw-content[data-pixel-page] .rw-role-card .rw-portrait{position:relative;border:1px solid #e0e2d6;background-color:var(--card-light);background-image:linear-gradient(#ffffff80 1px,transparent 1px),linear-gradient(90deg,#ffffff80 1px,transparent 1px);background-size:12px 12px;min-height:176px;margin:0 0 16px;border-radius:1px;display:grid;place-items:center;box-shadow:inset 0 -8px #00000004}
#rw-content#rw-content[data-pixel-page] .rw-role-card .rw-portrait:after{content:"";width:112px;height:12px;background:#8497711a;position:absolute;bottom:22px;box-shadow:8px -4px #84977112,-8px -4px #84977112}
#rw-content#rw-content[data-pixel-page] .rw-role-card canvas{width:112px;height:112px;image-rendering:pixelated;position:relative;z-index:1}
#rw-content#rw-content[data-pixel-page] .px-grade-label{position:absolute;top:10px;left:10px;padding:1px 8px;border:1px solid var(--card-accent);color:var(--card-ink);background:#fffdf2;font-size:13px;font-weight:700;z-index:2}
#rw-content#rw-content[data-pixel-page] .px-role-state{position:absolute;top:10px;right:10px;font-size:13px;color:#526b4d}
#rw-content#rw-content[data-pixel-page] .rw-role-card .rw-toolbar{margin:0;align-items:center;gap:8px}
#rw-content#rw-content[data-pixel-page] .rw-role-card h3{font-size:21px;line-height:1.4;margin:0;color:#293f35}
#rw-content#rw-content[data-pixel-page] .rw-role-card > .rw-muted{margin:6px 0 10px}
#rw-content#rw-content[data-pixel-page] .rw-bar{height:7px;border-radius:0;background:#e3e8d9;border:none;margin:8px 0}
#rw-content#rw-content[data-pixel-page] .rw-bar i{border-radius:0;background:#739c58;border-right:2px solid #527441}
#rw-content#rw-content[data-pixel-page] .px-role-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin:8px 0}
#rw-content#rw-content[data-pixel-page] .px-role-stats > div{border-right:1px solid #e3e7dc}
#rw-content#rw-content[data-pixel-page] .px-role-stats > div:last-child{border:0}
#rw-content#rw-content[data-pixel-page] .px-role-stats small{display:block;font-size:13px;color:#7b8774}
#rw-content#rw-content[data-pixel-page] .px-role-stats strong{font:600 19px/1.4 Consolas,monospace;color:#314b38}
#rw-content#rw-content[data-pixel-page] .rw-role-card .px-xp{font-size:13px;border-bottom:1px solid #e7eadd;padding-bottom:12px;margin:0 0 12px}
#rw-content#rw-content[data-pixel-page] .rw-traits{display:flex;flex-wrap:wrap;gap:6px;min-height:64px;align-content:start;margin:0 0 14px}
#rw-content#rw-content[data-pixel-page] .px-section-label{flex-basis:100%;font-size:13px;color:#75846a;margin-bottom:2px}
#rw-content#rw-content[data-pixel-page] .px-no-traits{font-size:14px;color:#8a9480}
#rw-content#rw-content[data-pixel-page] .rw-role-talents{font-size:14px;display:grid;gap:10px;border-top:1px dashed #d5dec9;padding-top:12px;margin:0 0 16px}
#rw-content#rw-content[data-pixel-page] .rw-role-talents > div{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
#rw-content#rw-content[data-pixel-page] .rw-role-talents b{font-size:13px;width:100%;color:#708165;font-weight:500}
#rw-content#rw-content[data-pixel-page] .rw-role-talents .rw-pill{font-size:13px;background:#f7f9f2;border-color:#dde4d1;color:#556847}
#rw-content#rw-content[data-pixel-page] .px-card-link{margin-top:auto;border-top:1px solid #e1e7d8;padding-top:12px;color:#4e6f43;font-size:14px;font-weight:600;text-align:right}
#rw-content#rw-content[data-pixel-page] [data-trait-grade=red],#rw-dialog#rw-dialog[data-pixel-detail] [data-trait-grade=red]{background:#ffe9eb!important;border:1px solid #d37682!important;color:#a83248!important}
#rw-content#rw-content[data-pixel-page] [data-trait-grade=gold],#rw-dialog#rw-dialog[data-pixel-detail] [data-trait-grade=gold]{background:#fff3cf!important;border:1px solid #c8a454!important;color:#895d12!important}
#rw-content#rw-content[data-pixel-page] [data-trait-grade=purple],#rw-dialog#rw-dialog[data-pixel-detail] [data-trait-grade=purple]{background:#f3e9ff!important;border:1px solid #b890d2!important;color:#78509a!important}
#rw-content#rw-content[data-pixel-page] .px-empty-result{padding:40px;text-align:center;background:#f7f9f1;border:1px dashed #bbc9ac;color:#718164}
#rw-content#rw-content[data-pixel-page] .px-empty-result[hidden]{display:none}
#rw-content#rw-content[data-pixel-page] .rw-fusion-rules{margin-top:24px;font-size:14px;color:#63775c}
/* Land layout: map first, team rail second; canvas and skill nodes remain owned by the game. */
#rw-content#rw-content[data-pixel-page=land] .rw-monster-quota{border:1px solid #c7d2bc;border-radius:3px;background:#f9fbf4;padding:20px;margin-bottom:24px}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-quota-head{font-size:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-quota-head b{color:#34563a;font-size:16px}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-progress{height:8px;border-radius:0;margin-top:12px;background:#e2e9d5}
#rw-content#rw-content[data-pixel-page=land] .rw-quota-ticks{font:12px/1.8 Consolas,monospace;color:#7f8d70}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px;padding-top:14px;border-top:1px solid #dde4d2}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer > div{display:flex;flex-direction:column;border-right:1px solid #dde4d2;padding-right:12px;min-width:0}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer > div:last-child{border:0}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer > .px-redundant-balance{display:none}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer .rw-boss-count{background:#eef3e3;border-radius:1px;padding:0 0 0 16px;box-shadow:none;color:#2c523a;text-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption .rw-boss-count{background:#f4f8e7;border-radius:1px;border:1px solid #c3d2a6;padding:3px 7px;box-shadow:none;color:#506a38;text-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer span{font-size:14px;color:#6b7d60}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer strong{font:600 24px/1.8 Consolas,monospace;color:#2c523a;overflow-wrap:anywhere}
#rw-content#rw-content[data-pixel-page=land] .rw-battle-layout{display:grid;grid-template-columns:minmax(210px,230px) minmax(0,1fr) minmax(210px,230px);grid-template-rows:auto;gap:16px;align-items:start}
#rw-content#rw-content[data-pixel-page=land] .rw-battle-center{grid-column:2;grid-row:1;min-width:0;padding:16px}
#rw-content#rw-content[data-pixel-page=land] .rw-starters{grid-column:1;grid-row:1}
#rw-content#rw-content[data-pixel-page=land] .rw-reserves{grid-column:3;grid-row:1}
#rw-content#rw-content[data-pixel-page=land] .rw-lineup{position:static;width:auto;min-width:0;padding:12px;border-top:4px solid #758751}
#rw-content#rw-content[data-pixel-page=land] .rw-lineup h2{font-size:19px;letter-spacing:1px;margin:0 0 4px}
#rw-content#rw-content[data-pixel-page=land] .rw-lineup > .rw-muted{font-size:13px;margin:0 0 14px}
#rw-content#rw-content[data-pixel-page=land] .rw-team{display:grid;gap:10px}
#rw-content#rw-content[data-pixel-page=land] .rw-team-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;background:#fcfcf7;color:#314735;border:1px solid #dce1d0;border-left:3px solid var(--card-accent);border-radius:2px;padding:8px;margin:0}
#rw-content#rw-content[data-pixel-page=land] .rw-team-row canvas{image-rendering:pixelated;width:40px;height:40px;margin-top:4px}
#rw-content#rw-content[data-pixel-page=land] .rw-team-row b{font-size:14px;color:#344b3b;display:block;line-height:1.5}
#rw-content#rw-content[data-pixel-page=land] .rw-team-row small{font-size:12px;display:block}
#rw-content#rw-content[data-pixel-page=land] .rw-team-row button{width:100%;min-height:36px;font-size:13px;padding:4px 6px;margin-top:8px;box-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .rw-team-empty{border:1px dashed #cbd7bd;border-radius:2px;background:#f6f8f0;padding:14px;text-align:center;font-size:13px;color:#829171}
#rw-content#rw-content[data-pixel-page=land] .rw-lineup > button{width:100%;margin-top:14px}
#rw-content#rw-content[data-pixel-page=land] .px-map-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}
#rw-content#rw-content[data-pixel-page=land] .px-map-heading span{font:12px Consolas,monospace;color:#7c8c69;letter-spacing:2px}
#rw-content#rw-content[data-pixel-page=land] .px-map-heading strong{font-size:20px;color:#2d4937}
#rw-content#rw-content[data-pixel-page=land] .rw-land-head{display:block;margin-bottom:16px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker{width:100%;max-width:none;margin:0 0 14px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-list{display:flex;gap:10px;overflow-x:auto;padding:3px 3px 8px;scroll-snap-type:x proximity;max-width:100%}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile{flex:0 0 140px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;text-align:left;min-width:0;scroll-snap-align:start;padding:12px;background:#fafbf7;box-shadow:0 3px #e5e9db}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile svg{grid-column:1;grid-row:1/4;width:40px;height:40px;align-self:center}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile strong{font-size:16px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile small{font-size:12px;line-height:1.5}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile[aria-pressed=true]{background:#eff5df;border:2px solid #6d884b;box-shadow:0 3px #6d884b;padding:11px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-nav{font-size:13px;display:flex;gap:8px;justify-content:space-between;align-items:center}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-nav button{padding:4px 10px;min-height:36px;font-size:13px;box-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .rw-land-head > .rw-pill{display:block;font-size:14px;background:#f5f7ef;border-color:#dfe5d5}
#rw-content#rw-content[data-pixel-page=land] .rw-battle-center > .rw-toolbar:not(.rw-fixed-actions){display:flex;gap:8px;margin-bottom:16px}
#rw-content#rw-content[data-pixel-page=land] [data-action=mode]{font-size:14px;flex:1;padding:8px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-scene{height:auto;min-height:0;border:2px solid #879a72;border-radius:2px;background:#eaf2dc;overflow:hidden;box-shadow:4px 4px #e0e7d5;position:relative;isolation:isolate}
#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{width:100%;height:400px;display:block;image-rendering:pixelated;touch-action:none}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption{position:absolute;top:0;left:0;right:0;bottom:auto;display:flex;align-items:start;justify-content:space-between;background:#fffef4eb;border-bottom:1px solid #c3d1b5;padding:8px 12px;gap:10px;pointer-events:none}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption > span{color:#326749;font-size:13px;font-weight:700}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption > span:before{content:"";display:inline-block;background:#77a54f;width:6px;height:6px;margin-right:7px}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-right{font-size:12px;color:#576e4b;display:flex;flex-direction:column;align-items:end;gap:0}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-right small{font-size:11px}
#rw-content#rw-content[data-pixel-page=land] .rw-map-controls{bottom:12px;right:12px;gap:6px}
#rw-content#rw-content[data-pixel-page=land] .rw-map-controls button{min-width:40px;min-height:40px;padding:4px;font-size:20px;background:#fffef5;box-shadow:2px 2px #74836166}
#rw-content#rw-content[data-pixel-page=land] .px-skill-heading{font-size:13px;line-height:18px;margin:12px 0 6px;border-left:3px solid #8aa45f;padding-left:7px}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:0;border:0;background:none;margin-bottom:8px}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-role{background:#f7f9ef;border:1px solid #d4dfbe;border-radius:1px;padding:8px 10px;min-width:0;box-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-status:empty:before{content:"当前地块暂无在场技能，请先安排出战伙伴。";font-size:14px;color:#778568;padding:16px;background:#f7f9f0;border:1px dashed #cdd8bd;grid-column:1/-1}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-role > b{font-size:13px;line-height:18px;color:#3f5f3a}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-title{font-size:13px;color:#6e7b60;margin:8px 0 4px}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-value{font-family:Consolas,monospace;color:#73883e}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-track{border-radius:0;height:6px;background:#e1e9d0}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-track i{border-radius:0;background:#8da65b}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i{border-radius:0;border-color:#becf9f;background:#eef2e5}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled{background:#b69741}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-line{--charge-color:#5b9448;position:relative}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-title{align-items:center;font-size:12px;line-height:16px;margin:4px 0 3px}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-value{color:#647843;font-size:11px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums;transition:none}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-track{height:6px;border:0;background:#e0e7d2;box-shadow:none;overflow:hidden;position:relative}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-track i{height:100%;position:relative;background:linear-gradient(90deg,var(--charge-band-1,#5b9448) 0% 20%,var(--charge-band-2,#7da844) 20% 40%,var(--charge-band-3,#a6ba43) 40% 60%,var(--charge-band-4,#cbc247) 60% 80%,var(--charge-band-5,#e0c64e) 80% 100%);border:0;box-shadow:none;overflow:hidden;transition:none}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-track i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,#f7f9ef 14px 16px);animation:none;pointer-events:none}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin-top:3px}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i{height:7px;border:1px solid #c0ceaa;background:#edf1e3;position:relative;box-shadow:none;border-radius:0}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled{border-color:#83a25b;background:#7da844;box-shadow:none;transition:none}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled:nth-child(-n+2){background:#5b9448}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled:nth-child(n+5){background:#a6ba43}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled:nth-child(n+7){background:#cbc247;border-color:#aea147}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-cells i.filled:nth-child(n+9){background:#e0c64e;border-color:#bca549}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-line[data-charge-state=ready] .rw-skill-value{background:none;padding:0;border:0;font-size:11px;color:#8b712b;font-weight:600}
#rw-content#rw-content[data-pixel-page=land] .rw-skill-line:is([data-charge-state=near],[data-charge-state=ready]):after{content:"";position:absolute;width:2px;height:6px;right:0;bottom:0;background:#fff8c6;animation:px-charge-pixel 1.2s steps(2,end) infinite;pointer-events:none}
@keyframes px-charge-pixel{0%,100%{opacity:1}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){#rw-content#rw-content[data-pixel-page=land] .rw-skill-line *,#rw-content#rw-content[data-pixel-page=land] .rw-skill-line:after,#rw-content#rw-content[data-pixel-page=land] .rw-skill-track i:after{animation:none!important;transition:none!important}#rw-content#rw-content[data-pixel-page=land] .rw-skill-track i:after,#rw-content#rw-content[data-pixel-page=land] .rw-skill-line:after{display:none}}
#rw-content#rw-content[data-pixel-page=land] .rw-encounter-summary{font-size:14px;color:#5f7750;margin:12px 0}
#rw-content#rw-content[data-pixel-page=land] .rw-fixed-actions{position:static;padding:16px;background:#f1f5e7;border:1px solid #cddab9;border-radius:2px;gap:10px;display:flex;margin-bottom:16px}
#rw-content#rw-content[data-pixel-page=land] .rw-auto-heal-global{width:100%;border-bottom:1px solid #d8e1c8;padding:0 0 12px;display:flex;align-items:center;gap:10px;background:none;font-size:15px}
#rw-content#rw-content[data-pixel-page=land] input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:#41663a;padding:0}
#rw-content#rw-content[data-pixel-page=land] .rw-fixed-actions > .rw-pill{display:none}
#rw-content#rw-content[data-pixel-page=land] .px-auto-supply{margin-top:20px;border:1px solid #b6c99a;border-top:4px solid #7f9c56;background:#f7faee;box-shadow:3px 3px #e0e8d2}
#rw-content#rw-content[data-pixel-page=land] .px-supply-head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;background:#eef5df;border-bottom:1px solid #d4dfc3}
#rw-content#rw-content[data-pixel-page=land] .px-supply-head .rw-auto-heal-global{border:0;border-radius:0;padding:0;margin:0;width:auto;flex:1;gap:12px;cursor:pointer;box-shadow:none;background:none}
#rw-content#rw-content[data-pixel-page=land] .px-supply-head .rw-auto-heal-global strong{font-size:16px;color:#345737}
#rw-content#rw-content[data-pixel-page=land] .px-supply-head .rw-auto-heal-global small{display:block;font-size:13px;color:#6d805b}
#rw-content#rw-content[data-pixel-page=land] .px-supply-head > .px-button-icon,#rw-content#rw-content[data-pixel-page=land] .px-supply-head > .px-button-icon svg{width:28px;height:28px}
#rw-content#rw-content[data-pixel-page=land] .px-supply-body{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
#rw-content#rw-content[data-pixel-page=land] .px-supply-body[hidden]{display:none}
#rw-content#rw-content[data-pixel-page=land] .px-supply-note{grid-column:1/-1;font-size:12px;color:#758367;margin:0}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field{min-width:0;background:#fffef8;border:1px solid #d8e0c9;padding:14px}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field label{font-size:14px;font-weight:600;line-height:1.5;color:#5e704a;display:block}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field output{font:700 22px/1.4 Consolas,monospace;color:#9b7132;white-space:nowrap}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field:has(#px-supply-target) output{color:#4f7d41}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field small{font-size:12px;color:#869075}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]{--range-progress:50%;appearance:none;-webkit-appearance:none;width:100%;height:32px;min-height:32px;margin:10px 0;padding:0;border:0;border-radius:0;background:transparent;cursor:ew-resize;accent-color:#7a9d50}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]::-webkit-slider-runnable-track{height:10px;border:1px solid #c1cca9;background:linear-gradient(90deg,#d6b762 var(--range-progress),#e9eedf var(--range-progress));box-shadow:inset 0 2px #ffffff60}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field #px-supply-target::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8faf61 var(--range-progress),#e9eedf var(--range-progress))}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:24px;margin-top:-8px;background:#fff6ce;border:2px solid #816b3e;border-radius:0;box-shadow:2px 2px #ab9d7390;cursor:grab}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field #px-supply-target::-webkit-slider-thumb{background:#eff9d5;border-color:#64824a}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]::-moz-range-track{height:8px;border:1px solid #c1cca9;background:#e9eedf}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]::-moz-range-progress{height:8px;background:#8faf61}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]::-moz-range-thumb{width:16px;height:22px;border:2px solid #64824a;background:#eff9d5;border-radius:0}
#rw-content#rw-content[data-pixel-page=land] .px-supply-field input[type=range]:disabled{opacity:.55;cursor:wait}
#rw-content#rw-content[data-pixel-page=land] .px-supply-preview{grid-column:1/-1;padding:9px 12px;background:#eaf2da;border-left:3px solid #86a652;font-size:14px;color:#4b693b;font-weight:600}
#rw-content#rw-content[data-pixel-page=land] .px-supply-cost{grid-column:1/-1;font-size:13px;color:#81906d}
#rw-content#rw-content[data-pixel-page=land] .px-supply-footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
#rw-content#rw-content[data-pixel-page=land] .px-supply-status{grid-column:1/-1;font-size:13px;margin:0;color:#687b51}
#rw-content#rw-content[data-pixel-page=land] .px-supply-status:empty{display:none}
#rw-content#rw-content[data-pixel-page=land] .px-auto-supply + .rw-fixed-actions{margin-top:12px!important}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=land] .px-supply-body{grid-template-columns:1fr;padding:12px;gap:12px}#rw-content#rw-content[data-pixel-page=land] .px-supply-head{padding:12px}#rw-content#rw-content[data-pixel-page=land] .px-supply-footer > button{flex:1;padding:8px;font-size:14px}}
/* Team management only: white pixel cards, compact controls, original handlers. */
#rw-dialog#rw-dialog[data-pixel-detail=deploy]{width:920px!important;max-width:calc(100vw - 32px);max-height:90dvh;padding:24px 24px 0;border:3px solid #59714d;border-radius:2px;background:#fffefa;color:#294438;box-shadow:5px 5px 0 #c9d5b7,9px 9px 0 #21362d55;overflow:auto;font:14px/1.6 'Microsoft YaHei',system-ui,sans-serif}
#rw-dialog#rw-dialog[data-pixel-detail=deploy]::backdrop{background:#173b3380}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] *{box-sizing:border-box}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-close{position:absolute;top:12px;right:12px;width:36px;height:36px;min-height:36px;padding:0;font-size:24px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] :is(button,select){border:1px solid #bccab0;border-radius:1px;background:#fffefa;color:#34513c;font:600 14px/1.5 'Microsoft YaHei',system-ui,sans-serif;min-height:36px;padding:6px 10px;box-shadow:2px 2px 0 #e1e7d7}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] button:hover:not(:disabled){background:#edf4dd;border-color:#7c9b54;filter:none}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] :is(button,select):focus-visible{outline:3px solid #75964e;outline-offset:3px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-button-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-button-icon svg{width:100%;height:100%;image-rendering:pixelated}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] #rw-dialog-content > h2{display:flex;align-items:center;gap:10px;font-size:23px;padding:0 42px 12px 0;border-bottom:2px solid #dce4d0;color:#284a36}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] #rw-dialog-content > h2 .px-button-icon{width:26px;height:26px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-muted{font-size:13px;color:#74836b;line-height:1.65}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] #rw-dialog-content > .rw-toolbar{background:#f3f6eb;border:1px solid #d8e1ca;padding:10px 12px;margin:14px 0!important;gap:12px;display:flex;align-items:center;flex-wrap:wrap}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] label{font-size:14px;gap:8px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-columns > section{min-width:0;padding:12px;border:1px solid #cbd7bd;border-top:3px solid #6b8754;border-radius:1px;background:#f6f8f0}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-columns > section[data-deploy-column=substitutes]{border-top-color:#af9657;background:#faf8f0}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] h3{display:flex;align-items:center;gap:7px;font-size:16px;margin:0;color:#34513c}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] h3 .rw-muted{margin-left:auto;font:600 14px Consolas,monospace;color:#71815c}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-team{display:grid;gap:8px;margin-top:12px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role{--deploy-edge:#719355;--deploy-tint:#f0f5e8;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px 10px;align-items:center;min-width:0;margin:0;padding:10px 10px 9px;border:1px solid var(--deploy-edge);border-left:4px solid var(--deploy-edge);border-radius:0;background:#fffefa;color:#314b3b;box-shadow:2px 2px 0 #dbe1d1}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role[data-grade=red]{--deploy-edge:#b94758;--deploy-tint:#faedf0}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role[data-grade=gold]{--deploy-edge:#b08a32;--deploy-tint:#fbf4dc}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role[data-grade=purple]{--deploy-edge:#8b61af;--deploy-tint:#f3edf9}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role[data-grade=blue]{--deploy-edge:#538aad;--deploy-tint:#eaf3f9}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role:after{content:'';position:absolute;right:-1px;top:-1px;width:8px;height:8px;border-top:3px solid var(--deploy-edge);border-right:3px solid var(--deploy-edge);pointer-events:none}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role canvas{width:40px;height:40px;grid-column:1;image-rendering:pixelated;background:var(--deploy-tint);outline:1px solid #dce3d4}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role > div:not(.rw-deploy-actions){min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role b{font-size:14px;color:#2c4536;overflow-wrap:anywhere}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-role small{display:block;flex-basis:100%;font:12px/1.5 Consolas,'Microsoft YaHei',monospace;color:#7a846e;overflow-wrap:anywhere}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-grade{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--deploy-edge);background:var(--deploy-tint);padding:1px 4px;border:1px solid var(--deploy-edge)}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-grade .px-button-icon{width:12px;height:12px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-actions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 0;padding-top:7px;border-top:1px dashed #dce2d2}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-actions button{font-size:12px;min-height:32px;padding:4px 9px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-actions .px-deploy-icon-only{width:32px;padding:5px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-actions [data-to=remove]{margin-left:auto}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-team-empty{padding:28px 12px;border:1px dashed #c9d4b9;border-radius:0;color:#8b967d;background:#fffefa;text-align:center;font-size:13px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-available-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:10px;margin:12px 0 14px;max-height:300px;overflow:auto;padding:2px 4px 4px 0}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-footer{position:sticky;bottom:0;z-index:2;background:#fffefa;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;margin-top:14px;border-top:2px solid #ccd9bc}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-save-note{font-size:12px;color:#7b886e}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-footer > div{display:flex;gap:8px}
#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-footer [data-action=save-deploy]{background:#315c40;color:#fffce9;border-color:#254830;box-shadow:2px 2px 0 #a8bc92;min-width:140px;min-height:40px}
@media(max-width:600px){#rw-dialog#rw-dialog[data-pixel-detail=deploy]{max-width:calc(100vw - 16px);padding:16px 12px 0;max-height:94dvh}#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-deploy-columns{grid-template-columns:1fr;gap:12px}#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-available-roles{grid-template-columns:1fr}#rw-dialog#rw-dialog[data-pixel-detail=deploy] #rw-dialog-content > h2{font-size:19px}#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-save-note{display:none}#rw-dialog#rw-dialog[data-pixel-detail=deploy] .px-deploy-footer{justify-content:flex-end}#rw-dialog#rw-dialog[data-pixel-detail=deploy] .rw-toolbar select{max-width:100%}}
/* Character details only, not all site dialogs. */
#rw-dialog#rw-dialog[data-pixel-detail=role]{border:2px solid #809371;border-radius:3px;background:#fffefa;box-shadow:7px 7px 0 #172b2477;max-width:720px;width:calc(100% - 32px);padding:28px;color:#304936}
#rw-dialog#rw-dialog[data-pixel-detail=role]::backdrop{background:#18372d88;backdrop-filter:blur(3px)}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-close{border-radius:2px;background:#eff3e5;border:1px solid #b7c5a7;color:#46633b;min-width:40px;min-height:40px;font-size:22px}
#rw-dialog#rw-dialog[data-pixel-detail=role] h2{font-size:23px;line-height:1.5;padding-right:32px;color:#2c4836}
#rw-dialog#rw-dialog[data-pixel-detail=role] :is(p,small,.rw-info){font:15px/1.75 "Microsoft YaHei",system-ui,sans-serif;color:#647253}
#rw-dialog#rw-dialog[data-pixel-detail=role] .px-detail-portrait{margin:18px 0!important;padding:24px;background-color:#f2f5e8;background-image:linear-gradient(#fff9 1px,transparent 1px),linear-gradient(90deg,#fff9 1px,transparent 1px);background-size:12px 12px;border:1px solid #d3ddc4}
#rw-dialog#rw-dialog[data-pixel-detail=role] canvas{image-rendering:pixelated}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-info{border:1px solid #d7dfc8;border-radius:2px;background:#f8f9f2;padding:14px;margin:12px 0}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-trait-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-trait-details .rw-info{margin:0;border-left-width:4px!important}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-trait-details b{font-size:17px}
#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-trait-details p{color:inherit;margin:6px 0 0}
@media(min-width:1700px){#rw-content#rw-content[data-pixel-page] .rw-card-list{grid-template-columns:repeat(4,minmax(0,1fr))}#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:480px}}
@media(max-width:1200px){#rw-content#rw-content[data-pixel-page] .px-roster-tools{grid-template-columns:1fr}#rw-content#rw-content[data-pixel-page] .px-search input{width:100%}#rw-content#rw-content[data-pixel-page] .px-search{flex:1}#rw-content#rw-content[data-pixel-page=land] .rw-battle-layout{grid-template-columns:minmax(0,1fr)}#rw-content#rw-content[data-pixel-page=land] .rw-battle-center{grid-column:1;grid-row:1}#rw-content#rw-content[data-pixel-page=land] .rw-starters{grid-column:1;grid-row:2}#rw-content#rw-content[data-pixel-page=land] .rw-reserves{grid-column:1;grid-row:3}#rw-content#rw-content[data-pixel-page=land] .rw-team{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page]{padding:16px 12px}#rw-content#rw-content[data-pixel-page] .rw-page-heading{padding:18px 14px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:start}#rw-content#rw-content[data-pixel-page] .rw-page-heading h1{font-size:25px}#rw-content#rw-content[data-pixel-page] .rw-page-heading p{font-size:14px}#rw-content#rw-content[data-pixel-page] .rw-page-heading .rw-toolbar{margin:0}#rw-content#rw-content[data-pixel-page] .rw-card-list{grid-template-columns:1fr;gap:18px}#rw-content#rw-content[data-pixel-page] .px-roster-title{justify-content:space-between}#rw-content#rw-content[data-pixel-page] .px-search-line{flex-wrap:wrap}#rw-content#rw-content[data-pixel-page] .px-search{flex-basis:100%}#rw-content#rw-content[data-pixel-page] .px-search-line select{width:100%}#rw-content#rw-content[data-pixel-page] .px-grade-filters{gap:7px}#rw-content#rw-content[data-pixel-page] .px-grade-filters button{flex:1 0 27%;padding:6px;font-size:14px}#rw-content#rw-content[data-pixel-page] .rw-role-card{padding:14px}#rw-content#rw-content[data-pixel-page] .rw-role-card .rw-portrait{min-height:170px}#rw-content#rw-content[data-pixel-page=land] .rw-monster-quota{padding:14px}#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer{grid-template-columns:1fr;gap:10px}#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer > div{flex-direction:row;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #dce5ce;gap:10px;padding:0 0 8px}#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer strong{font-size:20px}#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer span{font-size:13px}#rw-content#rw-content[data-pixel-page=land] .rw-battle-center{padding:12px}#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:330px}#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption{padding:6px 8px;flex-wrap:wrap;gap:2px}#rw-content#rw-content[data-pixel-page=land] .rw-scene-right{align-items:start}#rw-content#rw-content[data-pixel-page=land] .rw-scene-right small{display:none}#rw-content#rw-content[data-pixel-page=land] .rw-skill-status{grid-template-columns:1fr}#rw-content#rw-content[data-pixel-page=land] .rw-skill-role{display:grid;grid-template-columns:1fr;gap:2px}#rw-content#rw-content[data-pixel-page=land] .rw-fixed-actions{padding:12px}#rw-content#rw-content[data-pixel-page=land] .rw-fixed-actions > button{flex:1 0 40%}#rw-content#rw-content[data-pixel-page=land] .rw-auto-heal-global span{font-size:14px}#rw-content#rw-content[data-pixel-page=land] .rw-auto-heal-global small{font-size:12px}#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-nav button{padding:4px 7px}#rw-content#rw-content[data-pixel-page=land] .rw-team{grid-template-columns:1fr}#rw-dialog#rw-dialog[data-pixel-detail=role]{padding:18px;width:calc(100% - 20px)}#rw-dialog#rw-dialog[data-pixel-detail=role] h2{font-size:20px}#rw-dialog#rw-dialog[data-pixel-detail=role] .rw-trait-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#rw-content#rw-content[data-pixel-page] :is(button,.rw-role-card){transition:none}}
/* Rarity frames: bold color identity, stepped pixels, no changes to grade data. */
#rw-content#rw-content[data-pixel-page=roles] [data-grade]{--card-base:#f0f7e9;--card-light:#d6e9bd;--card-accent:#709051;--card-ink:#425e2d;--card-shadow:#ccdcb8}
#rw-content#rw-content[data-pixel-page=roles] [data-grade=red]{--card-base:#fff0f1;--card-light:#f3c4cb;--card-accent:#b34755;--card-ink:#952c41;--card-shadow:#ddb4bd}
#rw-content#rw-content[data-pixel-page=roles] [data-grade=gold]{--card-base:#fff7de;--card-light:#f0d887;--card-accent:#b18a2f;--card-ink:#805c13;--card-shadow:#e2d19b}
#rw-content#rw-content[data-pixel-page=roles] [data-grade=purple]{--card-base:#f5ebfc;--card-light:#dac4ed;--card-accent:#9963b9;--card-ink:#754a95;--card-shadow:#cebbdd}
#rw-content#rw-content[data-pixel-page=roles] [data-grade=blue]{--card-base:#edf5fd;--card-light:#bdd9f2;--card-accent:#5182b3;--card-ink:#35628c;--card-shadow:#b6cce0}
#rw-content#rw-content[data-pixel-page=roles] .rw-card-list{gap:30px 24px;padding-top:12px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card{border:2px solid transparent;background:#fffefa;border-radius:0;box-shadow:4px 0 0 #d2d2c4,0 4px 0 #d2d2c4,4px 4px 0 #59624f,7px 7px 0 #dfe1d3;padding:24px 22px 26px;margin-top:8px;isolation:isolate}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card:before{content:"";position:absolute;inset:14px;pointer-events:none;border:2px solid var(--card-shadow);box-shadow:inset 2px 2px #fff,2px 2px #edeadd;z-index:-1}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card:after{content:none}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card:hover{border-color:transparent;box-shadow:5px 8px 0 var(--card-shadow)}
#rw-content#rw-content[data-pixel-page=roles] .px-card-frame{position:absolute;inset:-2px;border:24px solid transparent;border-image-slice:12;border-image-repeat:stretch;pointer-events:none;z-index:3;image-rendering:pixelated}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=green] .px-card-frame{border-width:18px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=blue] .px-card-frame{border-width:20px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=purple] .px-card-frame{border-width:22px}
#rw-content#rw-content[data-pixel-page=roles] .px-frame-crest{position:absolute;left:calc(50% - 22px);top:-12px;width:44px;height:30px;display:grid;place-items:center;background:var(--card-accent);border:2px solid var(--card-ink);box-shadow:inset 2px 2px #ffedb0,inset -2px -2px #0004,0 3px 0 #fffefa;z-index:5;pointer-events:none;clip-path:polygon(8px 0,36px 0,36px 4px,44px 4px,44px 24px,36px 24px,36px 30px,8px 30px,8px 24px,0 24px,0 4px,8px 4px)}
#rw-content#rw-content[data-pixel-page=roles] .px-frame-runes{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:1px 8px;background:var(--card-ink);z-index:5;pointer-events:none}
#rw-content#rw-content[data-pixel-page=roles] .px-frame-runes i{width:4px;height:4px;background:#ffe5a4;box-shadow:0 1px #573c32}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-portrait{border:1px solid #dbdece;border-bottom:3px solid var(--card-accent);background-color:#f4f5ed;background-image:linear-gradient(45deg,#e5e8db66 25%,transparent 25%,transparent 75%,#e5e8db66 75%),linear-gradient(45deg,#e5e8db66 25%,transparent 25%,transparent 75%,#e5e8db66 75%);background-size:16px 16px;background-position:0 0,8px 8px;box-shadow:inset 3px 3px #fff9;min-height:194px;margin-bottom:18px}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx{position:absolute;inset:5px;pointer-events:none;z-index:4}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx:before,#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx:after{content:"";position:absolute;width:18px;height:3px;background:#ffe3a3;box-shadow:6px 0 #f69b66,-6px 0 #bd384b;left:10%;top:-1px;animation:pxLegendRail 5s steps(22,end) infinite}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx:after{top:auto;bottom:-1px;animation-direction:reverse;animation-delay:-2.5s}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-spark{position:absolute;width:4px;height:4px;background:#fff0bb;box-shadow:0 -4px #dc6a60,0 4px #dc6a60,-4px 0 #dc6a60,4px 0 #dc6a60;animation:pxLegendSpark 3.8s steps(3,end) infinite;left:5px;top:5px}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-spark:nth-child(2){left:auto;right:5px;animation-delay:-1.1s}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-spark:nth-child(3){top:auto;bottom:5px;animation-delay:-2s}
#rw-content#rw-content[data-pixel-page=roles] .px-legend-spark:nth-child(4){top:auto;left:auto;right:5px;bottom:5px;animation-delay:-2.8s}
@keyframes pxLegendRail{0%,12%{left:10%;opacity:0}22%{opacity:1}80%{opacity:1}94%,100%{left:86%;opacity:0}}
@keyframes pxLegendSpark{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx:before,#rw-content#rw-content[data-pixel-page=roles] .px-legend-fx:after{animation:none;display:none}#rw-content#rw-content[data-pixel-page=roles] .px-legend-spark{animation:none;opacity:.7}}
#rw-content#rw-content[data-pixel-page=roles] .px-grade-label{top:8px;left:8px;display:flex;align-items:center;gap:5px;background:var(--card-accent);border:0;border-radius:0;padding:4px 9px 4px 5px;color:#fff9df;box-shadow:2px 2px 0 #00000020;font-size:14px;letter-spacing:1px}
#rw-content#rw-content[data-pixel-page=roles] .px-grade-label .px-button-icon{width:18px;height:18px;flex-basis:18px}
#rw-content#rw-content[data-pixel-page=roles] .px-grade-label svg{width:18px;height:18px}
#rw-content#rw-content[data-pixel-page=roles] .px-role-state{top:12px;right:10px;color:var(--card-ink);font-weight:600}
#rw-content#rw-content[data-pixel-page=roles] .px-rarity-caption{position:absolute;bottom:9px;left:10px;font:11px/1.4 Consolas,monospace;letter-spacing:2px;color:var(--card-ink);opacity:.8}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card h3{color:var(--card-ink)}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-toolbar > .rw-pill{border-color:var(--card-shadow);background:#ffffff88;color:var(--card-ink)}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats{background:#f6f7f0;padding:10px 8px;border:1px solid #dce1d4;margin:4px 0 8px;gap:6px;grid-template-columns:1.4fr 1fr 1fr}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats > div{border-color:#dce1d4;min-width:0}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats .px-stat-label{display:flex;align-items:center;gap:5px;font-size:13px;color:#596b5d;margin-bottom:4px;white-space:nowrap}
#rw-content#rw-content[data-pixel-page=roles] .px-stat-label .px-button-icon,#rw-content#rw-content[data-pixel-page=roles] .px-stat-label svg{width:18px;height:18px;flex-basis:18px}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats strong{font-size:18px;white-space:nowrap}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .px-xp,#rw-content#rw-content[data-pixel-page=roles] .rw-role-talents{border-color:var(--card-shadow)}
#rw-content#rw-content[data-pixel-page=roles] .px-card-link{border-color:var(--card-shadow);color:var(--card-ink)}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-talents .rw-pill{background:#ffffff90;border-color:var(--card-shadow);color:#5d6655}
#rw-content#rw-content[data-pixel-page=roles] .px-grade-filters button[aria-pressed=true]:not([data-filter-grade=all]){border-color:var(--rarity);box-shadow:inset 0 -3px var(--rarity);background:#fff8eb}
#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:clamp(560px,68vh,780px);max-height:none;min-height:0}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:420px}}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=roles] > .rw-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}#rw-content#rw-content[data-pixel-page=roles] > .rw-toolbar a button{width:100%;height:100%}#rw-content#rw-content[data-pixel-page=roles] > .rw-toolbar > button:disabled{grid-column:1/-1;width:100%;min-height:36px;padding:5px;font-size:13px}}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page] .rw-page-heading{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px}#rw-content#rw-content[data-pixel-page] .px-page-emblem,#rw-content#rw-content[data-pixel-page] .px-page-emblem svg{width:40px;height:40px}#rw-content#rw-content[data-pixel-page] .rw-page-heading .rw-toolbar{grid-column:1/-1;width:100%}#rw-content#rw-content[data-pixel-page] .rw-page-heading .rw-toolbar button{width:100%}#rw-content#rw-content[data-pixel-page] .rw-eyebrow{font-size:10px;letter-spacing:1px}}
#rw-content#rw-content[data-pixel-page=land] .px-global-boss-hidden{display:none!important}
#rw-content#rw-content[data-pixel-page=land] .px-map-boss{width:280px;max-width:100%;border:2px solid #879d65;background:#fffef6;box-shadow:3px 3px 0 #d3dcc2;padding:10px 12px;pointer-events:auto;text-align:left;color:#34543e;text-shadow:none;font-size:14px;box-sizing:border-box}
#rw-content#rw-content[data-pixel-page=land] .px-map-boss-top{display:flex;gap:7px;align-items:center;white-space:nowrap}
#rw-content#rw-content[data-pixel-page=land] .px-map-boss-top > svg{width:20px;height:20px;flex-shrink:0}
#rw-content#rw-content[data-pixel-page=land] .px-map-boss-number{margin-left:auto;font-size:18px;color:#9d5433}
#rw-content#rw-content[data-pixel-page=land] .px-boss-refresh{display:grid;place-items:center;padding:4px;min-width:28px;min-height:28px;border:1px solid #c6d1b5;background:#f3f6ec;box-shadow:none}
#rw-content#rw-content[data-pixel-page=land] .px-boss-refresh svg{width:16px;height:16px}
#rw-content#rw-content[data-pixel-page=land] .px-boss-records{margin-top:8px;padding-top:8px;border-top:1px solid #dce2cf}
#rw-content#rw-content[data-pixel-page=land] .px-boss-records summary{font-size:13px;font-weight:700;cursor:pointer}
#rw-content#rw-content[data-pixel-page=land] .px-boss-killers{list-style:none;margin:7px 0 0;padding:0;max-height:108px;overflow:auto}
#rw-content#rw-content[data-pixel-page=land] .px-boss-killers li{display:flex;align-items:start;gap:10px;padding:4px 0;font-size:14px}
#rw-content#rw-content[data-pixel-page=land] .px-boss-killers span{min-width:0;overflow-wrap:anywhere;font-weight:700}
#rw-content#rw-content[data-pixel-page=land] .px-boss-killers time{margin-left:auto;flex-shrink:0;color:#778565;font-size:12px}
#rw-content#rw-content[data-pixel-page=land] .px-boss-feed-status{margin:5px 0 0;font-size:11px;color:#7b846d;overflow-wrap:anywhere}
#rw-content#rw-content[data-pixel-page=land] .px-boss-empty{color:#788568;font-size:12px}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=land] .rw-scene-right{width:100%}#rw-content#rw-content[data-pixel-page=land] .px-map-boss{width:100%;padding:7px 9px}#rw-content#rw-content[data-pixel-page=land] .px-boss-killers{max-height:64px}}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption:has(.px-map-boss){background:transparent;border-bottom:0}
#rw-content#rw-content[data-pixel-page=land] .rw-scene-caption:has(.px-map-boss)>span{background:#fffef4e8;padding:4px 6px}
/* Reference proportions: narrow team rails, wide landscape map, compact selectors. */
#rw-content#rw-content[data-pixel-page=land] .px-map-heading{display:none}
#rw-content#rw-content[data-pixel-page=land] .rw-battle-center{padding:20px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-head{margin-bottom:12px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker{margin-bottom:14px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-list{gap:8px;padding-bottom:6px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile{flex-basis:106px;grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:0;column-gap:0;padding:8px;min-height:108px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile[aria-pressed=true]{padding:7px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile svg{grid-column:1;grid-row:1;align-self:center}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile strong{font-size:14px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-tile small{font-size:11px;line-height:1.4}
#rw-content#rw-content[data-pixel-page=land] .rw-land-head > .rw-pill{display:inline-block;font-size:12px;padding:2px 6px}
#rw-content#rw-content[data-pixel-page=land] [data-action=mode]{flex:0 1 auto;min-height:44px;padding:8px 12px}
#rw-content#rw-content[data-pixel-page=land] .px-mode-label{flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}
#rw-content#rw-content[data-pixel-page=land] [data-action=mode] > .px-button-icon,#rw-content#rw-content[data-pixel-page=land] [data-action=mode] > .px-button-icon svg{width:20px;height:20px;flex-basis:20px}
#rw-content#rw-content[data-pixel-page=land] .rw-battle-center > .rw-toolbar:not(.rw-fixed-actions){margin-bottom:14px!important}
#rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:auto;aspect-ratio:1.85;min-height:320px;max-height:600px}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-quota{padding:14px 18px;margin-bottom:24px}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer{margin-top:12px;padding-top:10px;grid-template-columns:minmax(0,1fr) auto}
#rw-content#rw-content[data-pixel-page=land] .rw-monster-footer strong{font-size:21px;line-height:1.5}
@media(min-width:1201px){
 #rw-content#rw-content[data-pixel-page=land] .rw-battle-layout{grid-template-columns:184px minmax(0,1fr) 170px;gap:14px}
 #rw-content#rw-content[data-pixel-page=land] .rw-lineup{padding:10px}
 #rw-content#rw-content[data-pixel-page=land] .rw-lineup h2{font-size:17px;letter-spacing:0}
 #rw-content#rw-content[data-pixel-page=land] .rw-lineup > .rw-muted{font-size:12px}
 #rw-content#rw-content[data-pixel-page=land] .rw-team-row{grid-template-columns:32px minmax(0,1fr);padding:6px;gap:5px}
 #rw-content#rw-content[data-pixel-page=land] .rw-team-row canvas{width:32px;height:32px}
 #rw-content#rw-content[data-pixel-page=land] .rw-team-row b{font-size:13px;overflow-wrap:anywhere}
 #rw-content#rw-content[data-pixel-page=land] .rw-team-row small{font-size:11px}
 #rw-content#rw-content[data-pixel-page=land] .rw-team-row button{margin-top:5px;min-height:32px}
}
@media(max-width:600px){
 #rw-content#rw-content[data-pixel-page=land] .rw-battle-center{padding:12px}
 #rw-content#rw-content[data-pixel-page=land] .rw-monster-footer{grid-template-columns:1fr}
 #rw-content#rw-content[data-pixel-page=land] #rw-battle-map{height:360px;aspect-ratio:auto;min-height:0}
 #rw-content#rw-content[data-pixel-page=land] [data-action=mode]{flex:1 1 120px}
}
/* One action row: deploy/recall on the left, compact difficulty icons on the right. */
#rw-content#rw-content[data-pixel-page=land] .px-map-actions{align-items:center;justify-content:space-between;gap:10px}
#rw-content#rw-content[data-pixel-page=land] .px-map-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties [data-action=mode]{width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:10px;border-radius:2px;position:relative}
#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties .px-mode-label{display:none}
#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties [data-action=mode][aria-pressed=true]{background:#e0efb0;border:2px solid #6c8b38;box-shadow:inset 0 -3px #a7c46b,2px 2px #dce4cb}
#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties [data-action=mode][aria-pressed=true]:after{content:'';position:absolute;right:3px;top:3px;width:4px;height:4px;background:#4d7130}
#rw-content#rw-content[data-pixel-page=land] .rw-fixed-actions.px-map-actions-relocated{display:none}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=land] .px-map-primary-actions{gap:5px}#rw-content#rw-content[data-pixel-page=land] .px-map-primary-actions button{padding:6px 8px;font-size:13px;gap:5px}#rw-content#rw-content[data-pixel-page=land] .px-map-difficulties{gap:5px}}
/* Single-row land picker: show a trailing arrow only when more items exist. */
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-nav{display:none}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-list{min-width:0;margin:0;flex-wrap:nowrap;scrollbar-width:none;scroll-snap-type:none}
#rw-content#rw-content[data-pixel-page=land] .rw-land-picker-list::-webkit-scrollbar{display:none}
#rw-content#rw-content[data-pixel-page=land] .px-land-more{width:36px;min-width:36px;height:44px;min-height:44px;padding:8px;display:grid;place-items:center;border:1px solid #9cb47b;border-radius:1px;background:#eff5df;box-shadow:2px 2px #d1ddbe}
#rw-content#rw-content[data-pixel-page=land] .px-land-more[hidden]{display:none}
/* On medium screens keep teams side by side below the full-width map. */
@media(min-width:601px) and (max-width:1200px){
 #rw-content#rw-content[data-pixel-page=land] .rw-battle-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
 #rw-content#rw-content[data-pixel-page=land] .rw-battle-center{grid-column:1/-1;grid-row:1}
 #rw-content#rw-content[data-pixel-page=land] .rw-starters{grid-column:1;grid-row:2}
 #rw-content#rw-content[data-pixel-page=land] .rw-reserves{grid-column:2;grid-row:2}
 #rw-content#rw-content[data-pixel-page=land] .rw-team{grid-template-columns:1fr}
}
/* Compact rectangular roster cards; retain original nodes and detail interaction. */
#rw-content#rw-content[data-pixel-page=roles] .rw-card-list{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:22px 20px;align-items:start}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:38px 22px 30px auto auto auto auto;column-gap:12px;row-gap:0;padding:22px 18px 18px;align-content:start;min-height:0;max-width:460px;box-shadow:3px 3px 0 #89907c,5px 5px 0 #e3e5d9}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-portrait{grid-column:1;grid-row:1/4;width:88px;height:90px;min-height:0;margin:0;align-self:start;border-bottom-width:2px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card canvas{width:64px;height:64px;margin-top:12px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-portrait:after{width:54px;height:5px;bottom:7px;box-shadow:4px -2px #84977112,-4px -2px #84977112}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .px-grade-label{top:0;left:0;font-size:11px;line-height:18px;padding:0 4px;gap:2px;letter-spacing:0;box-shadow:1px 1px #0002}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .px-grade-label .px-button-icon,#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .px-grade-label svg{width:12px;height:12px;flex-basis:12px}
#rw-content#rw-content[data-pixel-page=roles] .px-rarity-caption{display:none}
#rw-content#rw-content[data-pixel-page=roles] .px-role-state{top:auto;bottom:1px;right:3px;font-size:10px;padding:0 2px;background:#fffefae8}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card > .rw-toolbar{grid-column:2;grid-row:1;display:flex;gap:4px 6px;margin:0;align-content:start;align-items:center;justify-content:space-between}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-toolbar > .rw-pill{font-size:12px;line-height:1.5;padding:1px 4px;white-space:nowrap}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card > .rw-muted{grid-column:2;grid-row:2;margin:0;font-size:12px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card > .rw-bar{grid-column:2;grid-row:3;align-self:center;margin:3px 0;height:8px}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats{grid-column:1/-1;grid-row:4;grid-template-columns:1.25fr 1fr 1fr;padding:7px 8px;margin:10px 0 8px;gap:8px}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats .px-stat-label{font-size:12px;margin-bottom:1px;gap:4px}
#rw-content#rw-content[data-pixel-page=roles] .px-role-stats strong{font-size:17px}
#rw-content#rw-content[data-pixel-page=roles] .px-stat-label .px-button-icon,#rw-content#rw-content[data-pixel-page=roles] .px-stat-label svg{width:16px;height:16px;flex-basis:16px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .px-xp{grid-column:1/-1;grid-row:6;margin:4px 0 0;padding:0;border:0;font-size:11px;line-height:18px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-traits{grid-column:1/-1;grid-row:5;min-height:28px;margin:0;gap:4px;align-items:start}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-traits .px-section-label{display:none}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-traits .rw-pill{font-size:12px;padding:2px 5px;line-height:1.5;max-width:100%}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-role-talents{display:none}
#rw-content#rw-content[data-pixel-page=roles] .px-talents-brief{grid-column:1/-1;grid-row:7;color:#73806b;font-size:11px;line-height:20px;margin-top:2px}
#rw-content#rw-content[data-pixel-page=roles] .px-card-link{grid-column:1/-1;grid-row:8;font-size:12px;margin:5px 0 0;padding-top:5px;line-height:20px;border-top-style:dashed}
#rw-content#rw-content[data-pixel-page=roles] .px-card-frame{border-width:18px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=green] .px-card-frame{border-width:14px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=blue] .px-card-frame{border-width:15px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card[data-grade=purple] .px-card-frame{border-width:16px}
#rw-content#rw-content[data-pixel-page=roles] .rw-role-card:before{inset:10px;border-width:1px;box-shadow:inset 1px 1px #fff}
#rw-content#rw-content[data-pixel-page=roles] .px-frame-crest{transform:scale(.8);top:-12px}
@media(max-width:600px){#rw-content#rw-content[data-pixel-page=roles] .rw-role-card{max-width:none;padding:20px 16px 16px;grid-template-columns:80px minmax(0,1fr);column-gap:10px}#rw-content#rw-content[data-pixel-page=roles] .rw-role-card .rw-portrait{width:80px}#rw-content#rw-content[data-pixel-page=roles] .rw-role-card h3{font-size:17px}}