.hw-tactic{display:block;margin:5px 0;color:#e3c67e;font-size:12px;line-height:1.35}.hw-class-note{display:block;color:#aebc9c;font-size:12px;line-height:1.4;margin-top:5px}.hw-special{padding:9px 12px;border:1px solid #47725e;border-radius:8px;background:#173b2c55;color:#a6e8c4;font-size:14px;margin:10px 0}.hw-part small{display:block}.hw-part>div{min-width:0}.hw-part h3{overflow-wrap:anywhere}
/* A player card is a model plus a flowing plate. No fixed plate heights. */
html body #pgDuo .dp{height:auto!important;min-height:0;display:flex!important;flex-direction:column!important;align-items:stretch;gap:18px;padding-bottom:38px}
html body #pgDuo .dp-head{width:100%;max-width:1100px;box-sizing:border-box;margin:0 auto}
html body #pgDuo .dp-stage{flex:none!important;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:980px;margin:0 auto;min-height:0}
html body #pgDuo .dp-stage::before{display:none}
html body #pgDuo .dp-sol{display:grid;grid-template-rows:auto 1fr;justify-content:normal;align-items:stretch;min-width:0;width:100%;background:linear-gradient(#23332055,#0c150b88);border:1px solid #687449;border-radius:14px;overflow:hidden}
html body #pgDuo .dp-sol canvas{display:block;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;aspect-ratio:4/3;box-sizing:border-box;filter:none}
html body #pgDuo .dp-plate{position:static;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:148px!important;margin:0!important;padding:14px!important;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:0;border-top:1px solid #687449;border-radius:0;box-shadow:none;gap:5px}
html body #pgDuo .dp-name{font:700 22px/1.2 'Saira Condensed',sans-serif!important;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip;max-width:100%;color:#eee5cc}
html body #pgDuo .dp-name small{display:block;font:700 12px 'Saira Condensed',sans-serif}
html body #pgDuo .dp-link{margin:0!important;align-self:center;width:40px;height:40px;font-size:18px;box-sizing:border-box}
html body #pgDuo .dp-hero{margin:5px 0 0;color:#e0c78c;font-size:17px;line-height:1.25}
html body #pgDuo .dp-shop{min-height:32px;margin:4px 0;font-size:13px}
html body #pgDuo .dp-workshop{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:980px;margin:0 auto;padding:14px 18px;box-sizing:border-box;border:1px solid #65724c;border-radius:12px;background:#182415ee;color:#e4dbb9}
.dp-workshop b{display:block;font-size:18px}.dp-workshop small{display:block;color:#aebb9d;font-size:13px;margin-top:4px}.dp-workshop button{flex:none;min-height:44px;padding:10px 18px;border:1px solid #dfbd6d;border-radius:8px;background:linear-gradient(#d7ad51,#af7d2f);color:#171d12;font:800 16px 'Saira Condensed',sans-serif;cursor:pointer}.dp-workshop button:disabled{opacity:.5;cursor:default}
html body #pgDuo .dp-modes{position:static;flex:none!important;display:grid;grid-template-columns:1.4fr 1fr 1fr;width:100%;max-width:980px;margin:0 auto!important;gap:10px;box-sizing:border-box}
html body #pgDuo .dp-mode{min-width:0;min-height:86px;box-sizing:border-box}
@media(max-width:700px){
 html body #pgDuo .dp{gap:14px;padding-bottom:38px}
 html body #pgDuo .dp-stage{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px}
 html body #pgDuo .dp-link{width:24px;height:24px;font-size:11px}
 html body #pgDuo .dp-plate{min-height:148px!important;padding:10px 7px!important;gap:5px}
 html body #pgDuo .dp-name{font-size:17px!important}
 html body #pgDuo .dp-hero{font-size:15px}
 html body #pgDuo .dp-rank{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
 html body #pgDuo .dp-shop{font-size:11px;padding:6px 9px}
 html body #pgDuo .dp-workshop{flex-direction:column;align-items:stretch;gap:12px;padding:14px}
 .dp-workshop b{font-size:17px}.dp-workshop small{font-size:12px}.dp-workshop button{width:100%}
 html body #pgDuo .dp-modes{grid-template-columns:minmax(0,1fr)}
 html body #pgDuo .dp-mode.main{grid-column:auto}
 html body #pgDuo .dp-mode{min-height:76px}
}
@media(orientation:landscape) and (max-height:550px) and (min-width:701px){html body #pgDuo .dp-stage{max-width:660px}html body #pgDuo .dp-sol canvas{max-height:none!important}html body #pgDuo .dp-modes{grid-template-columns:1.4fr 1fr 1fr}html body #pgDuo .dp-workshop{padding:10px 16px}}