.media-gallery__section[data-astro-cid-pan3ngwa]{margin-bottom:2.5rem}.media-gallery__title[data-astro-cid-pan3ngwa]{font-family:var(--font-display);color:var(--color-ink-soft);margin-bottom:1rem;font-size:1.05rem;font-style:italic;font-weight:400}.media-gallery__grid[data-astro-cid-pan3ngwa]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem 1.25rem;display:grid}.media-item[data-astro-cid-pan3ngwa]{background:var(--color-bg-raised);border:1px solid var(--color-border);margin:0;overflow:hidden}.media-item[data-astro-cid-pan3ngwa] video[data-astro-cid-pan3ngwa]{aspect-ratio:16/9;background:#000;width:100%}.media-item__audio[data-astro-cid-pan3ngwa]{align-items:center;gap:.75rem;padding:1rem;display:flex}.media-item__audio[data-astro-cid-pan3ngwa] audio[data-astro-cid-pan3ngwa]{flex:1;width:100%}.media-item__audio-mark[data-astro-cid-pan3ngwa]{font-family:var(--font-display);color:var(--color-ink-faint);flex-shrink:0;font-style:italic}.media-item[data-astro-cid-pan3ngwa] figcaption[data-astro-cid-pan3ngwa]{color:var(--color-ink-soft);border-top:1px solid var(--color-border);padding:.65rem .85rem;font-size:.85rem}.exo-card{border:1px solid var(--color-border);border-top:1px solid var(--color-border-strong);background:var(--color-bg-raised);margin-bottom:1.5rem;padding:1.75rem 1.5rem;scroll-margin-top:6rem}.exo-card__head{align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.exo-card__number{font-family:var(--font-display);color:var(--color-accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1.5rem;font-weight:300}.exo-card__title{margin:0;font-size:1.15rem;font-weight:500}.exo-card__badge{text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-sunken);color:var(--color-ink-soft);white-space:nowrap;margin-left:auto;padding:.3em .7em;font-size:.68rem;font-weight:700}.exo-card.is-done .exo-card__badge,mel-exercise.is-done~.exo-card__badge{background:var(--color-success-bg);color:var(--color-success)}.exo-card__lesson{border-left:3px solid var(--color-accent);background:var(--color-bg-sunken);color:var(--color-ink-soft);margin-bottom:1rem;padding:.8rem 1rem;font-size:.95rem}.exo-card__lesson p+p{margin-top:.5rem}.exo-card__images{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin:0 0 1.2rem;display:flex}.exo-card__figure{max-width:100%;margin:0}.exo-card__figure img{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;max-width:100%;height:auto;max-height:340px;padding:.4rem;display:block}.exo-card__figure figcaption{color:var(--color-ink-faint);margin-top:.3rem;font-size:.8rem}.exo-card__instructions{color:var(--color-ink-soft);margin-bottom:1rem}.exo-card__soon{color:var(--color-ink-soft);border-left:3px solid var(--color-accent);padding-left:.85rem;font-style:italic}.exo__mount{display:block}.exo__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.composite__part{border-top:1px dashed var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.composite__part:first-child{border-top:none;margin-top:0;padding-top:0}.composite__part-title{margin:0 0 .4rem;font-size:1rem;font-weight:600}.composite__part-instructions{color:var(--color-ink-soft);margin:0 0 .9rem}.exo__result{color:var(--color-ink-soft);font-weight:600}.exo__result.is-correct{color:var(--color-success)}.exo-reveal-btn{font-size:.85rem}.exo-reveal-btn[hidden]{display:none}.fb__row{margin-bottom:.9rem}.fb--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.fb--grid .fb__row{margin-bottom:0}.fb__prompt{flex-wrap:wrap;align-items:baseline;gap:.5em;margin-bottom:.3rem;font-size:1.1rem;display:flex}.fb--large .fb__prompt{margin-bottom:.6rem;font-size:2.7rem}.fb__glyph-big{font-size:1.6rem;line-height:1}.fb__prompt-text{font-size:1.1rem}.fb--large .fb__glyph-big{font-size:2.4rem}.fb--large .fb__prompt-text{font-size:.85rem}.fb__hint{color:var(--color-ink-soft);margin-bottom:.3rem;font-size:.9rem;font-style:italic}.fb__answer{color:var(--color-accent);margin-top:.3rem;font-size:.85rem;display:block}.fb__image{border-radius:var(--radius-sm);max-width:260px;height:auto;margin-bottom:1.2rem;display:block}.fb__field{align-items:center;gap:.5rem;display:flex}.fb__field input{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);flex:1;padding:.55em .8em;font-size:1rem}.fb__field input.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.fb__field input.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.fb__feedback{text-align:center;width:1.4rem;font-size:1.2rem}.fb__feedback.is-correct{color:var(--color-success)}.fb__feedback.is-wrong{color:var(--color-error)}.ct__group{margin-bottom:1.25rem}.ct__label{margin-bottom:.5rem;font-weight:600}.ct__row{flex-wrap:wrap;gap:.6rem;display:flex}.ct__icon{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;padding:.4em .7em;font-size:2rem}.ct__icon.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.ct__icon.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.ct__icon.is-wrong{border-color:var(--color-error)}.ct__icon.is-answer{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft) inset}.tt{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.lm__row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.lm__label{min-width:6rem;font-weight:600}.lm__input{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);width:6rem;color:var(--color-ink);padding:.5em .7em}.lm__answer{color:var(--color-accent);font-size:.85rem}.rf__row{margin-bottom:1.25rem}.rf__label{margin-bottom:.5rem;font-weight:600}.rf__group-label{margin:0 0 .5rem;font-weight:600}.rf__group-label:not(:first-child){margin-top:1.75rem}.rf__sequence{border-radius:var(--radius-sm);background:var(--color-bg-sunken);flex-wrap:wrap;gap:.4rem;min-height:3rem;margin-bottom:.5rem;padding:.6rem;display:flex}.rf__chip{background:var(--color-bg-raised);border-radius:6px;padding:.1em .3em;font-size:1.6rem}.rf__chip--given{background:var(--color-bg-sunken);opacity:.75}.rf__empty{color:var(--color-ink-soft);align-self:center;font-style:italic}.rf__total{color:var(--color-ink-soft);margin:0 0 .6rem;font-weight:600}.rf__total.is-correct{color:var(--color-success)}.rf__total.is-wrong{color:var(--color-error)}.rf__palette{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.rf__palette-btn{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;font-family:var(--font-body);flex-direction:column;align-items:center;gap:.15rem;padding:.5em .7em;display:flex}.rf__glyph{font-size:1.4rem}.rf__plabel{color:var(--color-ink-soft);font-size:.7rem}.rf__bar{border:2px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-raised);flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3.4rem;margin-bottom:.5rem;padding:.6rem .8rem;transition:border-color .15s,background .15s;display:flex}.rf__bar.is-drag-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.rf__bar-hint{color:var(--color-ink-faint);font-size:.85rem;font-style:italic}.rf__bar-status{color:var(--color-ink-soft);margin-bottom:.8rem;font-size:.85rem}.rf__divider{color:var(--color-ink-faint);align-self:stretch;align-items:center;font-size:1.4rem;display:flex}.rf__chip--placed{cursor:pointer;border:none}.rf__chip--overflow{background:var(--color-error-bg)}.rf__chip--ghost{z-index:1000;pointer-events:none;opacity:.85;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0003}.rf__palette-btn--draggable{cursor:grab;touch-action:none}.rf__palette-btn--draggable:active{cursor:grabbing}.rf.is-locked .rf__palette-btn--draggable{pointer-events:none;opacity:.5}.rf.is-locked .rf__chip--placed{pointer-events:none}.pt__steps{color:var(--color-ink-soft);padding-left:1.2rem}.pt__steps li{margin-bottom:.4rem}.pt__conductor-select{gap:.5rem;margin:.8rem 0;display:flex}.pt__option-btn.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.pt__conductor{gap:.6rem;margin:1rem 0;display:flex}.pt__beat{border-radius:var(--radius-sm);background:var(--color-bg-sunken);padding:.5rem;font-size:1.6rem;transition:background .15s,transform .15s}.pt__beat.is-active{background:var(--color-accent-soft);transform:scale(1.15)}.pt__sections{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.pt__section-chip{background:var(--color-bg-sunken);color:var(--color-ink-soft);border-radius:999px;padding:.4em .8em;font-weight:700}.pt__section-chip.is-active{background:var(--color-primary);color:#fff}.pt__controls{flex-wrap:wrap;align-items:center;gap:1.2rem;margin:1rem 0;display:flex}.pt__slider{color:var(--color-ink-soft);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.pt__slider input[type=range]{width:180px}.iframe-game{margin-bottom:1rem}.iframe-game__frame{width:100%;height:var(--iframe-h,640px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-sunken);display:block}.piano-along__block{margin-bottom:1.25rem}.piano-along__label{margin-bottom:.4rem;font-weight:600}.piano-along__piano{margin:1.25rem 0}.piano{user-select:none;max-width:720px;position:relative}.piano__white-row{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);height:160px;display:flex;overflow:hidden}.piano__key--white{border:none;border-right:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;flex:1;justify-content:center;align-items:flex-end;padding-bottom:.6rem;display:flex}.piano__key--white:last-child{border-right:none}.piano__key--white.is-active,.piano__key--white:active{background:var(--color-accent-soft)}.piano__black-row{pointer-events:none;width:100%;height:100px;position:absolute;top:0;left:0}.piano__key--black{background:var(--color-ink);border:1px solid var(--color-ink);cursor:pointer;pointer-events:auto;z-index:2;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;width:2.5rem;height:100%;padding-bottom:.4rem;display:flex;position:absolute}.piano__label{color:var(--color-ink-soft);pointer-events:none;font-size:.7rem;font-weight:600}.piano__label--black{color:#f3f0e8;flex-direction:column;align-items:center;gap:.1em;font-size:.56rem;line-height:1.1;display:flex}.piano__key--black.is-active,.piano__key--black:active{background:var(--color-accent)}.sw__help,.pf__help{color:var(--color-ink-soft);min-height:1.4em;margin-bottom:.6rem;font-size:.9rem}.sw__scroller{max-width:100%;overflow-x:auto}.sw__inner{width:100%}.sw__staff{touch-action:manipulation;width:100%;height:auto;display:block}.sw__col{fill:#0000;stroke:#0000;cursor:crosshair}.sw__col:hover{fill:var(--color-accent-soft);fill-opacity:.35}.sw__col.is-correct{fill:var(--color-success-bg);fill-opacity:.6;stroke:var(--color-success)}.sw__col.is-wrong{fill:var(--color-error-bg);fill-opacity:.6;stroke:var(--color-error)}.sw__base-note{fill:var(--color-ink-faint)}.sw__base{pointer-events:none}.sw__ghost{fill:var(--color-ink);opacity:.25;pointer-events:none}.sw__acc{fill:var(--color-ink);pointer-events:none;font-family:Noto Music,Segoe UI Symbol,serif;font-size:1.5rem}.sw__num{fill:var(--color-ink-soft);font-size:.85rem;font-weight:600;font-family:var(--font-body)}.sw g,.staff-clef{pointer-events:none}.staff-clef{fill:var(--color-ink)}.sw__controls{margin:.3rem 0 .5rem;display:grid}.sw__ctrl{justify-content:center;gap:.25rem;display:flex}.sw__accbtn{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-raised);cursor:pointer;min-width:1.95rem;height:2.1rem;color:var(--color-ink);font-size:1.15rem}.sw__accbtn.is-on{border-color:var(--color-accent);background:var(--color-accent-soft)}.sw.is-locked .sw__col{pointer-events:none}.ir__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;margin-bottom:.5rem;display:grid}.ir__card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised);padding:.6rem .7rem .75rem}.ir__card.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.ir__card.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.ir__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ir__label{font-weight:600}.ir__play{padding:.3em .8em;font-size:.8rem}.ir__staff{width:100%;height:auto;margin:.2rem 0 .4rem;display:block}.ir__select{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-ink);font:inherit;padding:.45rem .5rem}.ir__answer{color:var(--color-accent);margin-top:.4rem;font-size:.85rem;font-weight:600}.mcq__sounds{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.ts__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;margin-bottom:.5rem;display:grid}.ts__card{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised);flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.ts__card.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.ts__card.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.ts__label{text-align:left;font-weight:600}.ts__image{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;align-self:flex-start;width:auto;max-width:100%;height:auto}.ts__field{color:var(--color-ink-soft);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.ts__select,.ts__digit{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font:inherit;padding:.4rem .5rem}.ts__fraction{flex-direction:column;align-self:flex-start;align-items:center;gap:.3rem;display:inline-flex}.ts__digit{text-align:center;width:4.2rem;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700}.ts__bar{background:var(--color-ink);border-radius:2px;width:4.2rem;height:3px}.ts__answer{color:var(--color-accent);font-size:.85rem;font-weight:600}.pf__targets{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.pf__target{border:1.5px solid var(--color-border);background:var(--color-bg-raised);cursor:pointer;color:var(--color-ink);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:1rem;display:inline-flex}.pf__target.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.pf__target.is-set{background:var(--color-bg-sunken)}.pf__target.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.pf__target.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.pf__badge{background:var(--color-accent);color:#fff;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .2rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.pf__piano .piano__key--white{flex-direction:column;justify-content:flex-end;gap:.3rem}.pf__tags{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.pf__piano .piano__key.is-answer{box-shadow:inset 0 0 0 3px var(--color-success)}.pf__piano .piano__key--white.is-answer{background:var(--color-success-bg)}.pf__piano .piano__key--black{padding-bottom:.3rem}.nr__block{margin-bottom:1.5rem}.nr__staff{width:260px;height:190px;margin-bottom:.8rem;display:block}.nr__line,.nr__ledger{stroke:var(--color-ink);stroke-width:1.75px}.nr__clef{fill:var(--color-ink);font-family:Bravura Text,Noto Music,Segoe UI Symbol,serif;font-size:5.6rem}.nr__clef-fill{fill:var(--color-ink);stroke:none}.nr__note{fill:var(--color-ink)}.nr__stem{stroke:var(--color-ink);stroke-width:1.75px}.nr__options{max-width:420px}.sf__block{margin-bottom:2.5rem}.sf__label{margin-bottom:.5rem;font-weight:600}.sf__staff{width:100%;max-width:620px;height:auto;margin-bottom:.8rem;display:block}.sf__line,.sf__ledger{stroke:var(--color-ink);stroke-width:1.75px}.sf__clef{fill:var(--color-ink);font-family:Bravura Text,Noto Music,Segoe UI Symbol,serif;font-size:3.4rem}.sf__note{fill:var(--color-ink)}.sf__stem{stroke:var(--color-ink);stroke-width:1.5px}.sf__bracket{stroke:var(--color-ink-faint);stroke-width:1.25px}.sf__interval{fill:var(--color-ink-soft);font-size:.62rem;font-family:var(--font-body)}.sf__slot{fill:var(--color-bg-raised);stroke:var(--color-border);stroke-width:1.5px;stroke-dasharray:3 2;cursor:pointer}.sf__slot.is-drag-over{stroke:var(--color-accent);fill:var(--color-accent-soft)}.sf__slot.has-accidental{stroke-dasharray:none;stroke:var(--color-ink-faint)}.sf__slot.is-correct{stroke:var(--color-success);stroke-dasharray:none;fill:var(--color-success-bg)}.sf__slot.is-wrong{stroke:var(--color-error);stroke-dasharray:none;fill:var(--color-error-bg)}.sf__slot.is-answer{stroke:var(--color-accent);stroke-dasharray:none}.sf__slot-text{fill:var(--color-ink);pointer-events:none;font-size:1.1rem}.sf__palette{gap:.6rem;display:flex}.sf__chip{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);cursor:grab;touch-action:none;padding:.5em 1em;font-size:.9rem}.sf__chip:active{cursor:grabbing}.sf__chip--ghost{z-index:1000;pointer-events:none;opacity:.85;font-size:1.4rem;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.sf.is-locked .sf__chip{pointer-events:none;opacity:.5}.sf.is-locked .sf__slot{pointer-events:none}.exo-media{margin-bottom:1.1rem}.exo-media video{aspect-ratio:16/9;background:#000;width:100%;max-width:480px}.exo-media audio{width:100%;max-width:420px}.exo-synth-btn{margin-bottom:.9rem}.mcq__block{margin-bottom:1.3rem}.mcq__image{border-radius:var(--radius-sm);max-width:130px;height:auto;margin-bottom:.8rem;display:block}.mcq__image--wide{border:1px solid var(--color-border);background:#fff;max-width:min(100%,760px);padding:.3rem}.mcq__question{margin-bottom:.9rem;font-size:1.05rem}.mcq__options{flex-direction:column;gap:.6rem;margin-bottom:.5rem;display:flex}.mcq__option{text-align:left;border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);padding:.65em 1em;font-size:.95rem}.mcq__option:hover{border-color:var(--color-ink-faint)}.mcq__option.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.mcq__option.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.mcq__option.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.tf__row{flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:.85rem;display:flex}.tf__statement{flex:1;min-width:200px;margin:0}.tf__buttons{gap:.5rem;display:flex}.tf__btn{border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:.45em 1em;font-size:.85rem;font-weight:600}.tf__btn.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.tf__btn.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.tf__btn.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.tf__btn.is-answer{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft) inset}.match__grid-outer{position:relative}.match__lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match__line{stroke:var(--color-ink-faint);stroke-width:2px}.match__line.is-correct{stroke:var(--color-success)}.match__line.is-wrong{stroke:var(--color-error)}.match__grid{grid-template-columns:1fr 1fr;gap:.8rem 1.5rem;margin-bottom:1rem;display:grid;position:relative}.match__item{border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);text-align:left;cursor:pointer;border-radius:var(--radius-sm);padding:.6em .9em;font-size:.9rem;position:relative}.match__item.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.match__item.is-paired{border-color:var(--color-ink-faint);opacity:.75;cursor:default}.match__item.is-correct{border-color:var(--color-success);background:var(--color-success-bg);opacity:1}.match__item.is-wrong{border-color:var(--color-error);background:var(--color-error-bg);opacity:1}.match__item--large{font-size:1.7rem}.match__answer{color:var(--color-accent);z-index:1;font-size:.8rem;position:absolute}.order__group{margin-bottom:1.75rem}.order__label{margin-bottom:.5rem;font-weight:600}.order__answer{color:var(--color-accent);font-size:.9rem}.order__bar{border:2px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-raised);flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3.2rem;margin-bottom:.6rem;padding:.6rem .8rem;transition:border-color .15s,background .15s;display:flex}.order__bar.is-drag-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.order__bar-hint{color:var(--color-ink-faint);font-size:.85rem;font-style:italic}.order__palette{flex-wrap:wrap;gap:.5rem;display:flex}.order__chip{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);user-select:none;padding:.5em .9em;font-size:.9rem}.order__chip--source{cursor:grab;touch-action:none}.order__chip--source:active{cursor:grabbing}.order__chip--placed{background:var(--color-accent-soft);border-color:var(--color-accent);cursor:pointer}.order__chip--placed.is-correct{border-color:var(--color-success);background:var(--color-success-bg)}.order__chip--placed.is-wrong{border-color:var(--color-error);background:var(--color-error-bg)}.order__chip--ghost{z-index:1000;pointer-events:none;opacity:.85;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0003}.order.is-locked .order__chip--source{pointer-events:none;opacity:.5}.order.is-locked .order__chip--placed{pointer-events:none}@media (width<=640px){.fb__image{max-width:100%}.ct__row{gap:.4rem}.ct__icon{padding:.4em .55em}.iframe-game__frame{height:560px}}.theme-hero[data-astro-cid-bipw25up]{border-bottom:1px solid var(--color-border);padding:3.5rem 0 2.5rem}.theme-hero__inner[data-astro-cid-bipw25up].has-image{grid-template-columns:1.3fr 1fr;align-items:center;gap:2.5rem;display:grid}.theme-hero__image[data-astro-cid-bipw25up]{aspect-ratio:4/3;object-fit:cover;width:100%}.theme-hero[data-astro-cid-bipw25up] h1[data-astro-cid-bipw25up]{margin-bottom:.8rem}.theme-hero__intro[data-astro-cid-bipw25up]{max-width:68ch;color:var(--color-ink-soft);font-size:1.05rem}.theme-hero__progress[data-astro-cid-bipw25up]{align-items:center;gap:.75rem;max-width:320px;margin-top:1.5rem;display:flex}.theme-hero__progress-track[data-astro-cid-bipw25up]{background:var(--color-bg-sunken);flex:1;height:3px;overflow:hidden}.theme-hero__progress-fill[data-astro-cid-bipw25up]{background:var(--card-accent);width:0%;height:100%;transition:width .3s}.theme-hero__progress-label[data-astro-cid-bipw25up]{color:var(--color-ink-faint);white-space:nowrap;font-size:.8rem}.section-title[data-astro-cid-bipw25up]{align-items:baseline;gap:.6rem;display:flex}section[data-astro-cid-bipw25up].container{padding:2.5rem 0}.subtheme-list[data-astro-cid-bipw25up]{flex-direction:column;gap:.9rem;display:flex}@media (width<=720px){.theme-hero__inner[data-astro-cid-bipw25up].has-image{grid-template-columns:1fr}.theme-hero__image[data-astro-cid-bipw25up]{aspect-ratio:16/9;order:-1}}