.training-hero{padding:clamp(1.5rem,4vw,3.4rem);border:1px solid #c9d2c2;border-radius:28px;background:radial-gradient(circle at 85% 10%,#dff6a8 0 13%,transparent 14%),linear-gradient(135deg,#17312f,#102326);color:#f8faee;overflow:hidden}.training-hero h1{max-width:760px;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.96;margin:.35rem 0 1rem}.training-hero p{max-width:760px;color:#d7e3d5}.training-progress{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-top:2rem;padding:1.1rem 1.25rem;border-radius:18px;background:#ffffff12;border:1px solid #ffffff2a}.training-progress>strong{font-size:2rem;color:#d6fa83}.training-progress p{margin:.2rem 0}.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2.5rem}.training-card{display:flex;flex-direction:column;border:1px solid #d8ddd4;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 14px 35px #182a2010}.training-art{height:180px;position:relative;overflow:hidden}.training-card[data-set=chess] .training-art{background:repeating-conic-gradient(#d8e1d5 0 25%,#54645b 0 50%) 50%/44px 44px}.training-card[data-set=omok] .training-art{background-color:#d9ae67;background-image:linear-gradient(#765a35 1px,transparent 1px),linear-gradient(90deg,#765a35 1px,transparent 1px);background-size:28px 28px;background-position:14px 14px}.training-card[data-set=janggi] .training-art{background-color:#ead09b;background-image:linear-gradient(#a46537 1px,transparent 1px),linear-gradient(90deg,#a46537 1px,transparent 1px);background-size:34px 29px}.training-piece{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-weight:900;font-size:1.65rem;box-shadow:0 5px 0 #0003}.training-card[data-set=chess] .training-piece{border-radius:8px;background:#f8f2df;color:#182522}.training-card[data-set=omok] .training-piece{background:#20241f;color:#fff}.training-card[data-set=omok] .training-piece.light{background:#fff;color:#111}.training-card[data-set=janggi] .training-piece{background:#f5deb0;border:3px solid #356b85;color:#245d79;font-size:1.05rem}.training-piece.a{left:18%;top:28%}.training-piece.b{left:47%;top:52%}.training-piece.c{right:14%;top:18%}.training-card-body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.training-card h2{font-size:1.45rem;margin:.35rem 0}.training-card p{margin:.35rem 0}.training-card .training-learn{color:#59655b;font-size:.94rem}.training-card .cta{margin-top:auto;text-align:center}.training-meter{height:7px;border-radius:20px;background:#e7ece4;overflow:hidden;margin:.8rem 0}.training-meter i{display:block;height:100%;width:var(--progress,0%);background:#78ad1e}.training-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:2rem;border-top:1px solid #dfe4dc;border-bottom:1px solid #dfe4dc}.training-method ol{margin:0;padding-left:1.3rem}.training-method li+li{margin-top:.75rem}.training-guides{margin:2rem 0}.training-guide-links{display:flex;flex-wrap:wrap;gap:.75rem}.training-guide-links a{padding:.75rem 1rem;border:1px solid #cad2c7;border-radius:999px;background:#fff}@media(max-width:800px){.training-progress{grid-template-columns:1fr}.training-progress .cta{width:100%;text-align:center}.training-grid{grid-template-columns:1fr}.training-art{height:145px}.training-method{grid-template-columns:1fr;padding:1.25rem}.training-hero{border-radius:20px}}