/* Generated raster artwork; CSS provides only layout, spacing and interaction. */
.art-section-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);overflow:hidden;min-height:214px;margin:8px 0 24px;border:1px solid var(--line);border-radius:18px;background:var(--panel,#20211e)}
.art-section-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.art-section-copy h1{margin:9px 0 12px;font-size:36px;letter-spacing:-1px;line-height:1.08;color:var(--ink)}
.art-section-copy p{font-size:13px;color:var(--muted);max-width:330px;line-height:1.7;margin-bottom:15px}
.art-hero-meta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.art-section-image{min-width:0;position:relative;overflow:hidden}
.art-section-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--panel,#20211e),transparent 35%)}
.art-section-image>.ruch-art{width:100%;height:100%;min-height:214px;max-height:248px;display:block;object-fit:cover}
.catalog-progress-row{display:flex;gap:26px;align-items:center;margin:-8px 0 24px;font-size:12px;color:var(--muted)}
.catalog-progress-row strong{font-size:16px;color:var(--ink);margin-right:4px}
.catalog-results-count{font-size:11px;color:var(--muted);margin:5px 0 15px}
.opening-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.opening-course-card.illustrated-course-card{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden;border-radius:15px;content-visibility:auto;contain-intrinsic-size:340px}
.illustrated-course-card .opening-course-preview{position:relative;width:100%;height:138px;overflow:hidden;border-radius:0;background:#24251f;flex:none}
.illustrated-course-card .opening-course-preview>.ruch-art{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}
.illustrated-course-card:hover .opening-course-preview>.ruch-art{transform:scale(1.035)}
.course-image-badge{position:absolute;left:13px;bottom:12px;background:#161915d9;color:#e8eddc;font-size:8px;letter-spacing:1.3px;font-weight:750;padding:5px 8px;border:1px solid #ffffff19;border-radius:5px}
.illustrated-course-card .opening-course-copy{display:flex;flex-direction:column;gap:11px;padding:18px;width:100%;flex:1;min-height:190px}
.illustrated-course-card .opening-card-head strong{font-size:17px;line-height:1.25}
.illustrated-course-card .opening-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65;min-height:36px;margin:0}
.illustrated-course-card .opening-progress{margin-top:auto}
.illustrated-course-card .opening-card-cta{margin:0;padding-top:2px}
.illustrated-course-card .opening-card-meta{margin:0;font-size:10px}
.ruch-art{object-fit:cover}
.nav-button>.nav-art{width:25px;height:25px;object-fit:cover;border-radius:7px;flex:none;box-shadow:0 1px 4px #0004}
.brand-mark>.brand-art{width:34px;height:34px;object-fit:cover;border-radius:11px}
.legacy-course-art{display:block;height:146px;overflow:hidden}
.legacy-course-art>.ruch-art{display:block;width:100%;height:100%;object-fit:cover}
.legacy-course-grid .course-card{padding:0;display:flex;flex-direction:column;overflow:hidden}
.legacy-course-grid .course-intro{display:flex;flex-direction:column;gap:10px;padding:19px;text-align:left}
.legacy-course-grid .course-intro>strong{font-size:17px;color:var(--ink)}
.legacy-course-grid .course-intro>span{color:var(--muted);font-size:12px}
.legacy-course-grid .progress-fill{display:block;height:100%}
.quality-icon.quality-raster{object-fit:contain;display:inline-block;width:28px;height:28px;border-radius:50%;vertical-align:middle;filter:none}
.quality-badge>.quality-raster{width:27px;height:27px;flex-shrink:0}
.quality-badge.compact{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;width:28px;height:28px}
.quality-badge.compact>.quality-raster{width:100%;height:100%}
.board-move-quality{background:transparent!important;border:0!important;border-radius:50%;box-shadow:none!important;padding:0!important}
.board-move-quality>.quality-raster{width:100%;height:100%;display:block}
.opening-mode-icon>.quality-raster,.opening-coach-avatar>.quality-raster{width:32px;height:32px}
.opening-coach-avatar{background:transparent;border:0}
.tactics-move-feedback>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.success-icon:has(img){background:transparent;border:0;box-shadow:none}
.success-icon img{width:58px;height:58px;display:block;object-fit:contain}
.game-review-empty>.analysis-empty-art{display:block;width:100%;height:126px;object-fit:cover;border-radius:11px;margin-bottom:17px}
.library-loading{max-width:780px;margin:36px auto;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:25px;overflow:hidden;padding:24px}
.library-loading-art{width:100%;height:210px;object-fit:cover;border-radius:12px}
.library-loading h2{font-size:23px;margin:12px 0 7px}
.library-loading p{color:var(--muted)}
.library-loading button{margin:7px 7px 0 0}
.library-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:library-spin .8s linear infinite}
@keyframes library-spin{to{transform:rotate(360deg)}}
.page-training:has(.endgame-training-strip){--board-reserve:242px}
@media(min-width:901px){.app-shell:not(.focus-mode) .page-training:has(.endgame-training-strip) .right-panel{max-height:calc(100dvh - 170px)}}
.focus-mode .endgame-training-strip{display:none}
.endgame-study{margin-top:0}
@media(max-width:1100px){.opening-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-section-copy{padding:25px}.art-section-copy h1{font-size:31px}}
@media(max-width:700px){
 .art-section-hero{grid-template-columns:1fr;margin-top:5px;border-radius:14px}
 .art-section-image{order:-1;height:145px}
 .art-section-image>.ruch-art{min-height:145px;height:145px;max-height:145px;object-position:center 51%}
 .art-section-image:after{background:linear-gradient(0deg,var(--panel,#20211e),transparent 50%)}
 .art-section-copy{padding:17px 20px 21px}.art-section-copy h1{font-size:29px;margin-top:7px}
 .art-section-copy p{font-size:12px;margin-bottom:10px}
 .opening-course-grid{grid-template-columns:1fr;gap:15px}
 .illustrated-course-card .opening-course-preview{height:155px}
 .illustrated-course-card .opening-course-copy{min-height:175px;padding:18px}
 .catalog-progress-row{margin:-9px 0 17px;gap:23px}
 .library-loading{display:flex;flex-direction:column;margin:15px 0;padding:19px;align-items:stretch}
 .library-loading-art{height:155px}.library-loading h2{font-size:21px}
 .nav-button>.nav-art{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){.library-spinner{animation:none}.illustrated-course-card .opening-course-preview>.ruch-art{transition:none}.illustrated-course-card:hover .opening-course-preview>.ruch-art{transform:none}}