.training-dummies-view { position:relative; box-sizing:border-box; min-width:0; margin-left:clamp(250px,21vw,315px); padding:0 0 80px; color:#49331f; }
.training-dummies-view[hidden] { display:none; }
html[data-page="training-dummies"] .game-stage { height:auto; min-height:1050px; padding-top:28px; padding-bottom:38px; align-content:start; }
.training-heading { margin-bottom:16px; border-bottom:1px solid #9f7447; padding:0 4px 14px; }
.training-heading p { margin:0 0 3px; color:#7e4229; font-size:.7rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.training-heading h1 { margin:0; color:#43291a; font:2rem Georgia,serif; }
.training-heading span { color:#6f5940; font-size:.82rem; }
.training-status { border:1px solid #9b7548; padding:14px; background:#ead39eeb; }
.training-dummy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.training-dummy { display:flex; min-width:0; flex-direction:column; border:1px solid #8f693d; padding:12px; background:linear-gradient(150deg,#f1dca7f2,#d8b879f2); box-shadow:inset 0 3px #f9e8bc,0 8px 18px #2d1b0c24; }
.training-dummy header { min-height:64px; margin:-12px -12px 10px; border-bottom:2px solid #815231; padding:10px 12px; background:linear-gradient(#70452e,#4d2e20); }
.training-dummy header span { color:#e6c46e; font-size:.67rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.training-dummy header h2 { margin:3px 0 0; color:#f5e4b8; font-size:1rem; }
.training-dummy > p { min-height:62px; margin:0 0 10px; color:#5b4630; font-size:.77rem; line-height:1.45; }
.training-dummy-stats { display:grid; grid-template-columns:1fr 1fr; margin:0 0 10px; border:1px solid #aa8655; }
.training-dummy-stats div { display:flex; justify-content:space-between; gap:5px; padding:5px 7px; border-bottom:1px solid #b9956266; background:#f1dda888; font-size:.7rem; }
.training-dummy-stats div:nth-child(odd) { border-right:1px solid #b9956266; }
.training-dummy-stats dt { color:#72583b; }
.training-dummy-stats dd { margin:0; color:#3e5f57; font-weight:700; font-variant-numeric:tabular-nums; }
.training-dummy section { flex:1; border-top:1px solid #ae8a59; padding-top:8px; }
.training-dummy section h3 { margin:0 0 5px; color:#583822; font-size:.76rem; }
.training-dummy section ul { margin:0; padding-left:18px; color:#66503a; font-size:.7rem; line-height:1.5; }
.training-dummy-rule { margin:10px 0; border:1px solid #8f6e43; padding:7px; background:#d2bc8299; font-size:.68rem; }
.training-dummy-rule strong,.training-dummy-rule span { display:block; }
.training-dummy-rule strong { color:#397267; font-size:.76rem; }
.training-dummy button { border:1px solid #5b3324; padding:9px; color:#f5dfae; background:#78402b; font:700 .76rem Georgia,serif; cursor:pointer; }
.training-dummy button:hover:not(:disabled) { background:#8d4b31; }
.training-dummy button:disabled { opacity:.55; cursor:wait; }
.training-launch-status { min-height:2.5em; margin:7px 0 0; color:#714329; font-size:.7rem; }
.training-dummy-normal { border-color:#7a623c; }
.training-dummy-hard { border-color:#773d32; }
@media(max-width:1050px){.training-dummies-view{grid-column:2;margin:0}.training-dummy-grid{grid-template-columns:1fr}.training-dummy>p{min-height:0}}
@media(max-width:760px){.training-dummies-view{grid-column:1;width:100%;padding-bottom:80px}.training-dummy-grid{gap:8px}.training-heading h1{font-size:1.55rem}}