html,:root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(16px,.92rem + .35vh,18px)}img,svg,video{max-width:100%}:root{--ion-safe-area-left:env(safe-area-inset-left,0px);--ion-safe-area-right:env(safe-area-inset-right,0px);--ion-safe-area-top:env(safe-area-inset-top,0px);--ion-safe-area-bottom:env(safe-area-inset-bottom,0px);--app-section-gap:clamp(16px, 2.2vh, 28px);--app-item-min-height:clamp(62px, 7.5vh, 76px);--app-card-padding:clamp(14px, 2vh, 22px);--app-thumbnail-size:clamp(60px, 7.2vh, 72px);--ion-color-primary:#0073aa;--ion-color-primary-rgb:0, 115, 170;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#006596;--ion-color-primary-tint:#1a81b3;--ion-color-warning:#d94f00;--ion-color-warning-rgb:217, 79, 0;--ion-color-warning-contrast:#fff;--ion-color-warning-contrast-rgb:255, 255, 255;--ion-color-warning-shade:#bf4600;--ion-color-warning-tint:#dd611a;--ion-color-danger:#d63638;--ion-color-danger-rgb:214, 54, 56;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#bc3031;--ion-color-danger-tint:#da4a4c;--ion-color-success:#00a32a;--ion-color-success-rgb:0, 163, 42;--ion-color-success-contrast:#fff;--ion-color-success-contrast-rgb:255, 255, 255;--ion-color-success-shade:#008f25;--ion-color-success-tint:#1aac3f;--ion-color-tertiary:#8224e3;--ion-color-tertiary-rgb:130, 36, 227;--ion-color-tertiary-contrast:#fff;--ion-color-tertiary-contrast-rgb:255, 255, 255;--ion-color-tertiary-shade:#7220c8;--ion-color-tertiary-tint:#8f3ae6}ion-toolbar{--padding-start:var(--ion-safe-area-left,0);--padding-end:var(--ion-safe-area-right,0)}.custom-filter-popover{--width:280px;--max-height:400px}.custom-filter-popover ion-list{background:var(--ion-background-color,#fff)}.custom-filter-popover ion-radio{--padding-start:12px;--padding-end:12px;font-size:.9rem}.exercise-viewer-layout{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100%;display:flex}.exercise-stage{flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;min-height:100%;display:flex}.chessboard-container{aspect-ratio:1;flex-shrink:0;width:100%;max-width:min(100%,38dvh,440px);margin:0 auto 8px;position:relative;overflow:hidden;box-shadow:none!important;border-radius:0!important}.chessboard-container--small{aspect-ratio:1;flex-shrink:0;width:100%;max-width:360px;margin:0 auto 8px}.chessboard-container--mini{aspect-ratio:1;flex-shrink:0;width:100%;max-width:300px;margin:0 auto 6px;overflow:hidden;box-shadow:none!important;border-radius:0!important}@media (orientation:landscape) and (min-width:768px){.chessboard-container{aspect-ratio:1;flex-shrink:0;width:min(65vh,48vw);max-width:500px}}.exercise-card{border-radius:8px;width:100%;max-width:500px;margin:0 auto 6px;box-shadow:0 2px 8px #0000000f}.exercise-card ion-card-content{--padding-top:8px;--padding-bottom:8px;--padding-start:10px;--padding-end:10px}.exercise-card-header{text-align:center;color:var(--ion-color-step-900,#222);font-size:1.15rem;font-weight:600;line-height:1.4}.qcm-choices{flex-direction:column;gap:6px;width:100%;max-width:500px;margin:0 auto;display:flex}.choice-btn{--border-radius:6px;--padding-top:6px;--padding-bottom:6px;text-transform:none;white-space:normal;min-height:38px;margin:0;font-size:.92rem;font-weight:600}.choice-btn::part(native){white-space:normal;text-align:center;padding:6px 12px}.choice-btn--centered::part(native){text-align:center}.piece-palette{background:var(--ion-card-background,var(--ion-item-background,#fff));border-radius:12px;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:480px;margin:0 auto;padding:12px;display:grid;box-shadow:0 4px 16px #00000014}.piece-btn{aspect-ratio:1;border:1px solid var(--ion-color-light-shade,#ddd);background:var(--ion-color-light,#fafafa);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:transform .15s,border-color .15s,background-color .15s;display:flex;position:relative}.piece-btn:hover{border-color:var(--ion-color-primary);background:var(--ion-color-primary-tint,#e8f0fe);transform:scale(1.08)}.piece-icon-box,.piece-palette{background:0 0!important}.piece-icon-box :-webkit-any(piece,.piece){background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%!important;height:100%!important;position:relative!important;top:0!important;left:0!important}.piece-icon-box :is(piece,.piece){background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%!important;height:100%!important;position:relative!important;top:0!important;left:0!important}.piece-palette :-webkit-any(piece,.piece){background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%!important;height:100%!important;position:relative!important;top:0!important;left:0!important}.piece-palette :is(piece,.piece){background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%!important;height:100%!important;position:relative!important;top:0!important;left:0!important}.piece-icon-box{flex-shrink:0;width:24px;height:24px;display:block;position:relative}.feedback-banner{border-radius:8px;margin:12px 0}.feedback-text{text-align:center;padding:10px;font-size:1.05rem;font-weight:600}.exercise-action-btn{width:100%;max-width:320px;margin:16px auto 0;font-weight:600;display:block}