.learning-page{max-width:980px;margin:32px auto;padding:0 24px 45px}.learning-page header{color:#ecd3a3}.learning-page h1{font-size:clamp(2rem,5vw,3.1rem)}.learning-panel{padding:24px;margin:20px 0;background:#f8f1e4;color:#49311f;border:1px solid #c9b899;border-radius:16px}.learning-panel h1,.learning-panel h2,.learning-panel h3{color:#49311f}.learning-panel p{line-height:1.6;color:#543d29}.learning-muted{font-size:.9rem}.learning-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-metrics div{display:flex;flex-direction:column;gap:8px}.learning-metrics strong{font-size:1.9rem;color:#49311f}.learning-metrics span{font-size:.88rem}.learning-button{display:inline-block;padding:11px 16px;border-radius:8px;background:#654329;color:#fff8eb!important;text-decoration:none;border:1px solid #654329;cursor:pointer;text-align:center;line-height:1.4}.learning-moment{border-left:3px solid #b58d4b;padding:12px 16px;margin:14px 0;background:#efe4d2;border-radius:0 8px 8px 0}.learning-moment p{margin:8px 0}.learning-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.learning-links a{color:#654329}.learning-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #d9c9b0}.learning-history-row strong{overflow-wrap:anywhere}.game-closing-panel{padding:16px;border:1px solid #b58d4b;border-radius:12px;margin:12px 0;background:#2a2c22;color:#ecd3a3}.game-closing-panel[hidden]{display:none!important}.game-closing-panel h3{margin:0 0 10px}.game-closing-panel .learning-button{margin:5px 0;width:100%;box-sizing:border-box}.game-closing-panel p{font-size:.88rem;line-height:1.5}.analyzer-side .review-summary{padding:16px;margin:14px 0}.analyzer-side .learning-metrics{gap:8px}.analyzer-side .learning-metrics strong{font-size:1.3rem}.analyzer-side .learning-panel h2{font-size:1.3rem}.learning-summary-toggle summary{cursor:pointer;font-weight:600;margin:12px 0;color:#ecd3a3}@media(max-width:650px){.learning-page{padding:0 14px 30px}.learning-panel{padding:18px}.learning-metrics{gap:10px}.learning-metrics strong{font-size:1.5rem}.learning-history-row{align-items:flex-start;flex-direction:column;gap:10px}.learning-history-row .learning-button{width:100%;box-sizing:border-box}}

body.online-game-detail-page .online-game-layout .pgn-panel.game-finished-panel{overflow-y:auto}
.pgn-panel.game-finished-panel > #game-closing-panel{filter:none;opacity:1}.pgn-panel.game-finished-panel .game-actions #play-again-bot{filter:none;opacity:1;background:#654329;color:#fff8eb;border-color:#654329}