body:has(.training-page){background:#b79a65 url('../img/treino/cenario-20260927.png') center top/cover fixed no-repeat!important}
.training-page{max-width:1360px;width:calc(100% - 64px);margin:30px auto 45px;color:#122940;font-family:Georgia,serif}
.training-page *{box-sizing:border-box}
.training-heading{padding:20px 32px;text-align:center;background:#112c42 url('../img/cabecalho-2026/azul.png') center/cover;border:5px ridge #ac8242;border-radius:3px;box-shadow:0 7px 14px #0007;position:relative;margin:0 55px 24px}
.training-heading:before,.training-heading:after{content:'';position:absolute;top:-9px;bottom:-9px;width:15px;border:2px solid #48311c;background:linear-gradient(90deg,#4b321e,#c6a269,#4b321e);border-radius:5px;left:-12px}
.training-heading:after{left:auto;right:-12px}
.training-heading h1{font:clamp(28px,3.4vw,50px) 'Bangers',Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#f7d88b;margin:0 0 5px}
.training-heading p{margin:0;color:#fff0cb;font-size:16px}
.training-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;align-items:stretch}
.training-scroll,.training-preview{background:#eddfbe url('../img/cabecalho-2026/pergaminho.png') center/650px;border:6px ridge #977343;box-shadow:0 8px 22px #0008;position:relative;min-width:0}
.training-scroll{padding:16px 18px}
.training-columns,.training-row{display:grid;grid-template-columns:minmax(155px,1.6fr) minmax(75px,.8fr) 120px minmax(115px,1.1fr) 120px;gap:12px;align-items:center}
.training-columns{background:#132f44 url('../img/cabecalho-2026/azul.png') center/cover;color:#f7e4b4;padding:12px 10px;font-size:14px;text-align:center;border:1px solid #ae8b43}
.training-row{padding:12px 8px;border-bottom:1px solid #af8d5255;min-height:96px;box-shadow:0 1px #fff8}
.training-row.is-selected{background:#fff9dc50;outline:1px solid #b7955355;outline-offset:-1px}
.training-attribute{padding:0;border:0;background:none;display:flex;align-items:center;gap:12px;color:#142b40;font:700 17px Georgia;cursor:pointer;text-align:left;min-width:0}
.training-attribute img{width:64px;height:64px;object-fit:contain;flex-shrink:0;border:3px double #9b742e;background:#e6d4a9;box-shadow:1px 2px 4px #4c301f55}
.training-base{text-align:center;font-size:19px}.training-base small{display:none}
.training-quantity{display:flex;gap:3px;align-items:center;justify-content:center}
.training-quantity button,.training-presets button,.training-page .tr-btn{border:3px double #be9b54;background:#122f45 url('../img/cabecalho-2026/azul.png') center/cover;color:#ffe5a0;box-shadow:0 2px 3px #41342266;border-radius:3px;cursor:pointer;font:700 14px Georgia}
.training-quantity button{width:28px;height:32px;padding:0;font-size:21px}
.training-page .tr-qtd-input{width:56px;height:32px;min-width:0;background:#faf1d9;color:#122940;border:1px solid #957746;border-radius:0;padding:3px;font:700 14px Georgia;text-align:center}
.training-cost{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;min-width:0;font-size:16px}.training-cost img{width:22px;height:22px;object-fit:contain}.training-cost small{display:none}
.training-page .tr-btn{width:100%;min-height:40px;padding:8px 5px;white-space:normal;line-height:1.25}
.training-page button:disabled{opacity:.55;cursor:not-allowed}.training-page button:focus-visible,.training-page input:focus-visible{outline:3px solid #387797;outline-offset:2px}
.training-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 5px 4px;font-size:14px}.training-presets button{padding:8px 15px}.training-presets button[aria-pressed=true]{box-shadow:0 0 0 2px #b18322;background:#79531f}.training-presets small{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:2px;line-height:1.7;color:#79643d}
.training-preview{padding:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.training-preview h2{width:calc(100% + 12px);font:700 20px Georgia;color:#ffe5ab;margin:0 0 4px;padding:9px 3px;background:#122f45 url('../img/cabecalho-2026/azul.png') center/cover;border:2px solid #98733b}
#trainingPreviewImage{width:120px;height:120px;object-fit:contain;border:4px double #967439;background:#e4d0a5;box-shadow:0 3px 7px #63441b55}
.training-preview h3{margin:0;font-size:19px}.training-gain,.training-note,.training-balance{width:100%;padding:13px 8px;border:1px solid #b1956655;background:#fff3d23b;border-radius:2px}
.training-gain>strong{display:block;margin:10px 0;font-size:25px;overflow-wrap:anywhere}.training-gain p{margin:0;font-size:14px}.training-note{font-size:14px;line-height:1.6;margin:0}.training-balance{margin-top:auto}.training-balance>strong{display:flex;align-items:center;justify-content:center;gap:6px;font-size:23px;margin-top:10px;overflow-wrap:anywhere}.training-balance img{width:27px;height:27px;object-fit:contain}#ryousDisplay{color:#15364a;font:inherit}
.training-page .tr-info-panel{margin:22px 0 0;color:#192f40;background:#f0e3c5e8;border:1px solid #b38e4d;padding:12px}.training-page .tr-info-panel summary{color:#15344b}.training-page .tr-info-panel strong,.training-page .tr-info-panel p{color:#244359}
@media(max-width:1200px){.training-page{width:calc(100% - 32px)}.training-layout{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.training-scroll{padding:10px}.training-columns,.training-row{grid-template-columns:minmax(120px,1.4fr) 65px 108px minmax(85px,1fr) 94px;gap:7px}.training-attribute img{width:48px;height:48px}.training-attribute{gap:7px;font-size:15px}.training-cost{font-size:13px}.training-presets small{display:none}.training-balance>strong{font-size:18px}}
@media(max-width:950px){.training-layout{grid-template-columns:1fr}.training-preview{display:grid;grid-template-columns:100px 1fr 1fr;gap:10px}.training-preview h2{width:100%;grid-column:1/-1}.training-preview h3{grid-column:1}.training-preview #trainingPreviewImage{width:90px;height:90px;grid-column:1;grid-row:2}.training-gain{grid-column:2;grid-row:2/4}.training-note{grid-column:3;grid-row:2}.training-balance{grid-column:3;grid-row:3}.training-heading{margin:0 14px 22px}}
@media(max-width:600px){.training-page{width:calc(100% - 20px);margin-top:18px}.training-heading{padding:16px 12px}.training-heading p{font-size:13px}.training-columns{display:none}.training-row{grid-template-columns:1fr 1fr;gap:12px;padding:14px 4px}.training-attribute{grid-column:1/-1;font-size:18px}.training-attribute img{width:56px;height:56px}.training-base small{display:block;font:12px Georgia;margin-bottom:3px}.training-base{text-align:left}.training-cost{font-size:15px;justify-content:flex-start}.training-presets{gap:6px}.training-presets>span{width:100%}.training-presets button{padding:8px 12px}.training-preview{display:flex}.training-preview h2{width:100%}.training-preview #trainingPreviewImage{width:110px;height:110px}.training-gain>strong{font-size:24px}}
.training-page .tr-info-panel summary{background:#142f43 url('../img/cabecalho-2026/azul.png') center/cover!important;color:#f8df9f!important;border:1px solid #ad8843;border-radius:2px;padding:10px}