.skill-training-center{position:fixed;inset:0;z-index:145;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(43,29,36,.66);backdrop-filter:blur(8px)}
.skill-training-center.hidden{display:none}.skill-training-card{width:min(900px,100%);max-height:92vh;overflow:auto;padding:24px;border-radius:28px;background:#fffaf8;color:#5f424b;box-shadow:0 24px 70px rgba(59,35,45,.36)}
.skill-training-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.skill-training-head h2{margin:0}.skill-training-head small{display:block;margin-top:4px;color:#97737a}
.drill-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.drill-overview>div{padding:14px;border:1px solid #ecd5d7;border-radius:16px;background:#fff}.drill-overview span{display:block;color:#9a747c;font-size:12px}.drill-overview b{display:block;margin-top:4px;font-size:25px;color:#714a56}
.drill-skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.drill-skill{min-height:158px;padding:18px;border:1px solid #ebced2;border-radius:20px;background:linear-gradient(145deg,#fff,#fff0f2);color:#66454f;text-align:left;cursor:pointer;box-shadow:0 8px 20px #87576516}.drill-skill:hover{transform:translateY(-2px);border-color:#df8c9d}.drill-skill i{display:block;font-style:normal;font-size:28px}.drill-skill b{display:block;margin-top:8px;font-size:19px}.drill-skill small{display:block;min-height:42px;margin:5px 0 9px;color:#8f6c74;line-height:1.45}.drill-skill span{display:inline-block;padding:5px 9px;border-radius:999px;background:#f5dfe2;color:#965e6b;font-size:12px;font-weight:900}.drill-note{margin-top:16px;padding:12px 14px;border-radius:14px;background:#f6e9e6;color:#84626a;font-size:13px}
.drill-question-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;font-weight:900}.drill-question-head button{border:0;background:none;color:#a65f70;font-weight:900;cursor:pointer}.drill-question{padding:20px;border:1px solid #ecd3d5;border-radius:22px;background:#fff}.drill-question>small{color:#b06375;font-weight:900}.drill-question h3{margin:6px 0 8px;font-size:23px}.drill-question p{margin:0 0 14px;color:#87666e;line-height:1.6}.drill-caption{margin-top:12px;color:#9b727b;font-size:12px;font-weight:900}.drill-tiles{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap;padding:10px;border-radius:14px;background:#f5ebe7}.drill-tiles .tile.mj-tile{width:42px!important;height:59px!important;min-width:42px!important}.drill-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.drill-options button{min-height:76px;padding:10px;border:2px solid #ead0d4;border-radius:16px;background:#fff9f8;color:#704b55;cursor:pointer;font-size:15px}.drill-options button:hover:not(:disabled){border-color:#dd8194;background:#fff0f3}.drill-options .tile.mj-tile{width:38px!important;height:54px!important;min-width:38px!important;margin:auto}.drill-options button.correct{border-color:#70ad86;background:#e9f7ee}.drill-options button.wrong{border-color:#d66b78;background:#fdebed}.drill-feedback{margin-top:15px;padding:14px 16px;border-radius:16px;background:#f3e6e8}.drill-feedback.hidden{display:none}.drill-feedback b{font-size:18px}.drill-feedback p{margin:6px 0 12px}.drill-feedback button{border:0;border-radius:12px;padding:9px 15px;background:#d7778b;color:#fff;font-weight:900;cursor:pointer}
.drill-tiles .tile.mj-tile,.drill-options .tile.mj-tile{display:block!important;padding:0!important;line-height:1!important;overflow:hidden}
@media(max-width:700px){.skill-training-card{padding:17px}.drill-overview{grid-template-columns:repeat(2,1fr)}.drill-skill-grid{grid-template-columns:1fr}.drill-options{grid-template-columns:1fr}.drill-options button{min-height:58px}.drill-question h3{font-size:19px}.drill-tiles .tile.mj-tile{width:34px!important;height:48px!important;min-width:34px!important}}