/* Assessment authoring and student surfaces are independent of normal game modes. */
.as-steps{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.as-steps button{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 15px;border:1px solid #d7c9e8;border-radius:12px;background:#fff;color:#574568;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.as-steps button span{border-radius:50%;background:#eee4ff;color:#6634b7;width:26px;height:26px;display:grid;place-items:center;font-size:.75rem}.as-steps button[aria-current]{background:#211b2b;color:#fff;border-color:#211b2b}.as-steps button[aria-current] span{background:#8c52ff;color:#fff}.as-steps button:disabled{background:#eeeaf4!important;color:#796c85!important;border-color:#ddd4e7!important}.as-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.as-builder-card{background:#fff;border:1px solid #ded4eb;border-radius:22px;padding:28px;min-width:0}.as-builder-card h2{font-size:1.65rem}.as-builder-card p{font-size:.93rem;line-height:1.6;color:#5e506c}.as-builder-aside{display:grid;gap:18px;min-width:0}.as-builder-aside>section{padding:22px;background:#eadeff;border:1px solid #ded0ee;border-radius:20px}.as-builder-aside h2{font-size:1.1rem}.as-builder-aside p{font-size:.82rem;line-height:1.65;color:#604c72}.as-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 30px}.as-format-grid button,.as-preset-grid button,.as-game-grid button{display:flex;flex-direction:column;text-align:left;padding:20px;gap:8px;min-height:110px;background:#fff;border:1px solid #d4c4e5;border-radius:15px;color:#211b2b;font:inherit;cursor:pointer}.as-format-grid button strong{font-size:1.15rem}.as-format-grid button span{font-size:.85rem;line-height:1.5;color:#655274}.as-format-grid button[aria-pressed=true],.as-game-grid button[aria-pressed=true]{background:#f0e6ff;border:2px solid #8c52ff;padding:19px}.as-preset-grid,.as-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.as-preset-grid button small,.as-game-grid button small{color:#61349c;letter-spacing:.06em;font-size:.68rem;font-weight:850}.as-preset-grid button strong,.as-game-grid button strong{font-size:.94rem;line-height:1.4}.as-preset-grid button span{color:#776286;font-size:.73rem}.as-builder-card :is(button,a,summary,input,select,textarea):focus-visible,.as-student-shell :is(button,a,input,textarea):focus-visible,.as-key-dialog button:focus-visible,.as-dialog button:focus-visible{outline:3px solid #8c52ff;outline-offset:3px}.as-builder-card details{border-top:1px solid #e4dceb;margin:20px 0;padding:12px 0}.as-builder-card summary{font-weight:800;font-size:.9rem;cursor:pointer;min-height:44px;display:flex;align-items:center}.as-builder-card details label{margin-top:12px}.as-builder-card details button{margin-top:12px}.as-builder-form>label,[data-as-step]>label{margin:16px 0}.as-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.as-builder-card .as-checkbox{display:flex;align-items:center;flex-direction:row;gap:9px;min-height:40px;font-size:.83rem}.as-checkbox input{accent-color:#7540cc;width:19px!important;min-height:19px!important;height:19px;flex:none}.as-quick-count{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0;font-size:.8rem;color:#6a567c}.as-custom:not(:empty){padding:18px;border-radius:12px;background:#f5efff}.as-custom fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}.as-custom legend{font-weight:850;font-size:.85rem;margin-bottom:8px}.as-custom-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto}.as-custom-list label{flex-direction:row;align-items:center;gap:6px;font-size:.72rem;min-height:36px}.as-custom-list input{width:18px;height:18px;min-height:18px;accent-color:#7540cc}.as-custom>label{margin:12px 0}.as-builder-navigation,.as-actions,.as-student-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.as-builder-navigation{justify-content:space-between;padding-top:20px;border-top:1px solid #e7dfef}.as-builder-navigation button:last-child{margin-left:auto}.as-builder-card button:not(:where(.as-format-grid button,.as-preset-grid button,.as-game-grid button)),.as-key-dialog button,.as-dialog button{font:inherit;font-size:.82rem;font-weight:800;border:1px solid #cdbce0;border-radius:9px;min-height:44px;padding:10px 14px;background:#f6f1fc;color:#53316f;cursor:pointer}.as-builder-card button.primary-button,.as-dialog button.primary-button,.as-key-dialog button.primary-button{background:#7840df;color:#fff;border-color:#7840df}.as-builder-card button:disabled{opacity:.65;cursor:default}.as-note{font-size:.78rem!important;color:#6b597b!important;line-height:1.55!important}.as-share-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.as-library-row{padding:13px 0;border-top:1px solid #d8c9e9}.as-library-row>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.as-library button{font:inherit;font-size:.7rem;font-weight:750;min-height:44px;padding:7px 9px;background:#fff;border:1px solid #c6b3dd;color:#4d3269;border-radius:7px;cursor:pointer}.as-library input{font-size:.8rem!important}.as-from-activity{margin-top:10px}.as-question-card{border:1px solid #ded3eb;border-radius:15px;padding:20px;margin:18px 0;background:#fff;color:#211b2b;break-inside:avoid}.as-question-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.as-question-heading h3{flex:1;font-size:1rem;line-height:1.4;margin:0}.as-question-number{display:grid;place-items:center;flex:none;background:#eee3ff;color:#6336a5;border-radius:9px;width:32px;height:32px;font-weight:900}.as-question-heading button{font-size:.73rem!important;padding:8px!important}.as-notation{display:grid;place-items:center;background:#fff;color:#211b2b;border:1px solid #e5dcee;border-radius:12px;padding:10px;margin:12px 0;overflow:hidden;--theory-accent:#6331bd}.as-notation:empty{display:none}.as-notation svg{display:block;width:100%;height:220px;max-width:800px;color:#211b2b}.as-question-card .as-notation svg{height:175px}.as-notation .cd-pitch strong{font-size:3.6rem}.as-notation .cd-listening span{font-size:4rem}.as-card-choices{font-size:.8rem;line-height:1.7;color:#665473}.as-card-choices strong{display:block;color:#453052}.as-card-choices span{display:inline-block;margin-right:10px}.as-key-answer{border-top:1px solid #ded0f0;background:#f3eaff;border-radius:9px;padding:12px 15px;margin-top:14px;font-size:.85rem;line-height:1.6}.as-key-answer p{margin:7px 0 0}.as-key-dialog{width:min(1000px,calc(100% - 32px));max-height:90vh;border:1px solid #d9cbea;background:#f8f5fc;color:#211b2b;border-radius:20px;padding:26px;overflow:auto}.as-key-dialog::backdrop,.as-dialog::backdrop{background:#17101ecc}.as-key-top{display:flex;align-items:center;gap:12px;position:sticky;top:-26px;padding:18px 0;background:#f8f5fc;z-index:2;flex-wrap:wrap}.as-key-top h2{font-size:1.2rem;flex:1;margin:0}.as-dialog{border:1px solid #d7c8e8;border-radius:18px;padding:26px;max-width:500px;width:calc(100% - 32px);color:#211b2b}.as-dialog p{line-height:1.6;color:#655373}.as-dialog .as-actions{justify-content:flex-end}.as-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.as-error{padding:25px;background:#fff;border:1px solid #d6c4e7;border-radius:16px;max-width:850px;margin:35px auto;color:#4b305f}.as-error p{line-height:1.7}
.as-student>.site-header,.as-student>.site-footer{display:none!important}.as-student{background:#f3eff8}.as-student-shell{width:min(960px,calc(100% - 32px));margin:24px auto 60px;color:#211b2b}.as-student-heading{padding:20px 0 12px;border-bottom:1px solid #dcd1e7;margin-bottom:22px}.as-wordmark{font-weight:900;font-size:1.4rem;letter-spacing:-.06em;margin-right:auto}.as-wordmark span{color:#7540cc}.as-student-heading>span:nth-child(2){float:right;font-size:.7rem;font-weight:850;letter-spacing:.12em;color:#674386;padding-top:8px}.as-student-heading h1{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1.2;margin:18px 0 10px}.as-student-heading p{font-size:1rem;line-height:1.6;color:#62516e;white-space:pre-line}.as-start,.as-question,.as-result{background:#fff;border:1px solid #ded3ea;border-radius:21px;padding:28px}.as-start h2,.as-question h2{font-size:1.45rem;letter-spacing:-.03em;line-height:1.3;margin:0 0 18px}.as-start p,.as-result p{line-height:1.65;color:#65536f}.as-start label{display:grid;gap:9px;margin:25px 0;font-size:.9rem;font-weight:800}.as-start input{font:inherit;border:1px solid #cdbadd;border-radius:9px;padding:12px;min-height:46px;max-width:420px}.as-start small{font-size:.78rem;color:#725e7f;font-weight:500}.as-student-shell button{font:inherit;font-size:.9rem;font-weight:850;min-height:46px;border:1px solid #d2c2e1;background:#fff;color:#4c3163;border-radius:10px;padding:11px 17px;cursor:pointer;touch-action:manipulation}.as-student-shell button.primary-button{background:#7740d8;color:#fff;border-color:#7740d8}.as-student-shell button:disabled{opacity:.6;cursor:default}.as-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem;font-weight:800;color:#634b77;margin-bottom:18px}.as-progress progress{width:100%;height:8px;border-radius:5px;appearance:none;border:0;background:#e4d8ef;accent-color:#8c52ff}.as-progress progress::-webkit-progress-bar{background:#e4d8ef;border-radius:5px}.as-progress progress::-webkit-progress-value{background:#8c52ff;border-radius:5px}.as-time-low{color:#a93722}.as-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:9px}.as-choice-grid button{min-height:58px;font-size:1rem;position:relative;overflow-wrap:anywhere}.as-choice-grid button.as-selected{border:3px solid #8c52ff;background:#eee4ff;padding:9px 15px;color:#482275}.as-choice-grid button.as-correct{background:#dcf3e5;border-color:#25805b;color:#174f37;opacity:1}.as-choice-grid button.as-wrong{background:#f9e2dc;border-color:#bd4e35;color:#843120;opacity:1}.as-choice-grid button small{display:block;font-size:.65rem;margin-top:5px}.as-rhythm-grid{grid-template-columns:1fr 1fr}.as-rhythm-grid button svg{height:115px;width:100%;color:#211b2b}.as-question fieldset{border:0;margin:18px 0;padding:0;min-width:0}.as-question legend{font-size:.85rem;font-weight:850;color:#604b74;margin-bottom:10px}.as-sequence{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:15px 0}.as-sequence span{background:#efe6fb;border:1px solid #d7c7e7;border-radius:9px;min-height:50px;display:grid;place-items:center;font-weight:900;font-size:1.3rem}.as-audio{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0}.as-audio button{font-size:.8rem!important}.as-audio span{font-size:.8rem;color:#685275}.as-feedback{font-size:.95rem;line-height:1.6;color:#583d70;background:#f2eafa;padding:12px 15px;border-radius:10px}.as-feedback:empty{display:none}.as-student-actions{justify-content:space-between;margin:20px 0}.as-review-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:25px 0}.as-result{text-align:center}.as-result h2{font-size:clamp(3rem,8vw,5rem);letter-spacing:-.06em;margin:10px 0;color:#6834bb}.as-result>p{margin:10px auto;max-width:630px}.as-result-review{margin-top:35px}.as-result-review>h2{font-size:1.5rem;letter-spacing:-.03em}.as-good{color:#1c7150!important;font-weight:800}.as-missed{color:#9b3e2d!important;font-weight:800}.as-print-root{display:none!important}
@media(max-width:1050px){.as-builder-layout{grid-template-columns:minmax(0,1fr) 260px}.as-builder-card{padding:22px}.as-builder-aside>section{padding:18px}.as-custom-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.as-builder-layout{grid-template-columns:1fr}.as-builder-aside{grid-template-columns:1fr 1fr}.as-steps{gap:5px}.as-steps button{padding:8px 10px;font-size:.72rem}.as-steps button span{width:22px;height:22px}.as-question-heading{flex-wrap:wrap}.as-question-heading h3{min-width:150px}.as-question-heading button{margin-left:auto}.as-start,.as-question,.as-result{padding:20px}.as-notation svg{height:210px}.as-share-tools{grid-template-columns:1fr}.as-question-card{padding:16px}}
@media(max-width:480px){.as-format-grid,.as-config-grid,.as-preset-grid,.as-game-grid,.as-builder-aside{grid-template-columns:1fr}.as-builder-card{padding:18px}.as-steps button{font-size:0;gap:0;flex:1;justify-content:center}.as-steps button span{font-size:.8rem;width:30px;height:30px}.as-steps button[aria-current]{font-size:.75rem;flex:3;gap:7px}.as-custom-list{grid-template-columns:1fr 1fr}.as-student-shell{width:calc(100% - 24px);margin-top:12px}.as-choice-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.as-rhythm-grid{grid-template-columns:1fr 1fr}.as-rhythm-grid button{padding:7px}.as-rhythm-grid button svg{height:90px}.as-question h2{font-size:1.25rem}.as-key-dialog{padding:16px}.as-key-top{top:-16px}.as-question-heading h3{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){[data-as-builder] *,[data-as-student] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
 @page bandgames-assessment{size:letter;margin:.55in}
 body.as-printing{background:#fff!important;color:#000!important}
 body.as-printing>*:not(.as-print-root){display:none!important}
 body.as-printing .as-print-root,body.as-printing .as-print-root[hidden]{page:bandgames-assessment;display:block!important;color:#000!important;background:#fff!important;font:10pt/1.35 Arial,sans-serif!important}
 .as-paper-heading{border-bottom:1pt solid #000;margin-bottom:16pt;padding-bottom:8pt}
 .as-paper-heading h1{font-size:20pt;margin:6pt 0}.as-paper-heading p{margin:5pt 0;overflow-wrap:anywhere;white-space:pre-line}
 .as-paper-heading>p:first-child{font-size:8pt;letter-spacing:.1em;font-weight:800}.as-paper-name{padding:10pt 0}
 .as-print-root .as-question-card{border:0;border-bottom:1pt solid #999;border-radius:0;padding:8pt 0 12pt;margin:8pt 0;break-inside:avoid;color:#000;background:#fff;box-shadow:none}
 .as-print-root .as-question-heading{gap:8pt;margin-bottom:5pt}.as-print-root .as-question-heading h3{font-size:11pt;color:#000}.as-print-root .as-question-number{width:20pt;height:20pt;background:#fff;color:#000;border:1pt solid #000;border-radius:3pt}
 .as-print-root .as-notation{border:0;padding:0;margin:6pt 0;min-height:0}.as-print-root .as-notation svg{height:105pt;max-width:450pt;color:#000;filter:grayscale(1)}
 .as-print-root .as-card-choices{font-size:9pt;color:#000}.as-print-root .as-card-choices strong{color:#000}.as-print-root .as-key-answer{background:#fff;color:#000;border-top:1pt dashed #aaa;padding:6pt 0;font-size:9pt;line-height:1.4}
 .as-print-root .as-key-answer p{margin:4pt 0}.as-print-root .as-response-space{font-size:10pt;margin:12pt 0 2pt}.as-print-root .as-paper-audio{padding:10pt;border:1pt solid #000;font-size:10pt}
 .as-print-root button,.as-print-root .as-audio{display:none!important}.as-print-root .as-good,.as-print-root .as-missed{color:#000!important}
}
.as-paper-rhythm{display:inline-flex!important;vertical-align:middle;margin:3px 8px!important}.as-paper-rhythm svg{height:60px;width:100px;display:block;color:#211b2b}
@media print{.as-print-root .as-paper-rhythm svg{width:72pt;height:40pt;filter:grayscale(1)}.as-print-root .as-card-choices>p>span{break-inside:avoid}}
@media print{
 .as-print-root .as-question-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5pt 12pt}
 .as-print-root .as-question-heading,.as-print-root .as-response-space,.as-print-root .as-key-answer,.as-print-root .as-question-card>p{grid-column:1/-1}
 .as-print-root .as-notation{margin:0;align-self:center;min-width:0}.as-print-root .as-notation svg{height:95pt}
 .as-print-root .as-card-choices{align-self:center;min-width:0}.as-print-root .as-card-choices p{margin:4pt 0}
 .as-print-root .as-question-card:not(:has(.as-card-choices)) .as-notation{grid-column:1/-1}
 .as-print-root .as-paper-rhythm svg{width:52pt;height:32pt}
}