:root{
  --abz-game-type-display:clamp(48px,7vw,82px);
  --abz-game-type-screen-title:clamp(34px,4.4vw,54px);
  --abz-game-type-card-title:clamp(21px,2.4vw,28px);
  --abz-game-type-body:16px;
  --abz-game-type-control:16px;
  --abz-game-type-caption:12px;
  --display-font:'Baloo 2','Arial Rounded MT Bold',system-ui,sans-serif;
  --body-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html,body{min-height:100%;background:#2b1b38}
body{font-size:var(--abz-game-type-body);overflow-x:hidden}
.shell,#app{width:100%;min-height:100dvh}
.shell{max-width:none;margin:0;padding:0 clamp(10px,2.2vw,32px)}
.screen{position:relative;width:100%;min-height:calc(100dvh - 48px);padding-bottom:clamp(30px,5vh,70px)}
.screen[data-scroll-policy=fit]{display:flex;flex-direction:column;justify-content:center;height:calc(100dvh - 48px);min-height:0;overflow:hidden}
.screen[data-scroll-policy=scroll]{height:calc(100dvh - 48px);min-height:0;overflow-y:auto;overscroll-behavior:contain}
.screen[data-scroll-policy=grow]{height:calc(100dvh - 48px);min-height:0;overflow-y:auto;overscroll-behavior:contain}
.screen h1{font-size:var(--abz-game-type-screen-title)}
.screen p,.screen li,.screen input,.screen textarea,.screen .btn{font-size:var(--abz-game-type-body)}
.eyebrow,.screen small,.practice-label,.photo-credits,.quiet{font-size:var(--abz-game-type-caption)}
.abz-visually-hidden{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

.skill-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 48px);min-height:0;max-width:1040px;padding-top:22px;padding-bottom:10px;overflow:hidden!important}
.skill-screen .setup-utility{position:relative;z-index:12;margin:0 -8px 10px;padding:8px;border-radius:16px;background:#2f1a3dea;box-shadow:0 8px 22px #1c0c2526;backdrop-filter:blur(12px);color:#fff4fb}
.skill-screen .setup-utility .btn{color:white;border-color:#ffffff38}
.skill-screen>.screen-header{margin-bottom:16px}
.skill-screen>.screen-header p{max-width:720px;margin-inline:auto;font-size:16px;line-height:1.55}
.skill-scroll-region{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 10px 40px;outline:none}
.skill-scroll-region:focus-visible{outline:3px solid #f4d79c;outline-offset:-4px;border-radius:16px}
.skill-search{max-width:760px;margin:18px auto 20px;padding:8px;border:1px solid #dcbfd3;border-radius:17px;background:#fff9fc;box-shadow:0 9px 24px #2b16341c}
.skill-search input{min-height:50px;padding-inline:16px!important;font-size:16px!important}
.skill-search>span{font-size:13px}
.skill-divider{display:flex;align-items:center;gap:14px;margin:24px 0 15px;color:#f4d79c;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #16091d}
.skill-divider:before,.skill-divider:after{content:'';height:1px;flex:1;background:#f4d79c80}
.skill-group{margin:18px 0 28px}.skill-group-title h2{font-family:var(--display-font);font-size:26px;font-weight:800}.skill-group-title span{font-size:13px}
.skill-card{min-height:126px}.skill-card h3{font-family:var(--display-font);font-size:23px;font-weight:800;letter-spacing:-.02em}.skill-card p{font-size:15px}.skill-card small{font-size:13px}
.skill-empty{margin:26px auto;padding:34px 20px;max-width:620px;border:1px solid #f4d79c55;border-radius:22px;background:#ffffff10;color:#fff4fb;text-align:center}.skill-empty>span{font-size:34px;color:#f4d79c}.skill-empty h2{margin:6px 0 8px;color:#fff;font-family:var(--display-font);font-size:28px}.skill-empty p{margin-bottom:18px;color:#eadcea}.skill-empty .btn{color:#35213f;background:#fff7fb}
.academic-skill-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.skill-grade-button{min-width:108px;min-height:48px;padding:10px 13px;border:1px solid #d1afc5;border-radius:12px;color:#74455f;background:#fff;font-weight:800;cursor:pointer}

.panel[data-game-screen=questions],body[data-screen=questions] .panel{min-height:100dvh;padding-top:clamp(32px,5vh,58px);border-radius:0;background:linear-gradient(180deg,#f9eff8,#fffaf7 48%,#f4e9f5)}
.question-card{font-size:16px}.direction-text{font-family:var(--display-font);font-weight:800;letter-spacing:-.02em}.answer{font-size:17px}
.student-read-card{font-size:clamp(22px,4vw,34px)}

.look-feature-list{grid-template-columns:1fr;gap:7px}
.look-feature{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:66px;padding:5px;text-align:left}
.look-feature-preview{display:block;width:58px;height:58px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#fff8f4,#ead8e8)}
.look-feature-preview svg{width:100%;height:100%}
.look-feature-copy{display:block;min-width:0}.look-feature-copy>span{display:block;margin:0 0 3px;font-size:10px;color:#a27797}.look-feature-copy>strong{display:flex;align-items:center;gap:5px;font-size:11px;color:#764666;line-height:1.25}.look-feature-arrow{margin:0!important;color:#bd6b9d!important;font-size:24px!important}
.look-feature>span{margin-bottom:0}

.assignment-result{max-width:720px;margin:20px auto;padding:16px 18px;border:1px solid #d5b868;border-radius:16px;background:#fff8da;text-align:left}.assignment-result strong{font:800 19px/1.2 var(--display-font)}.assignment-result p{margin:5px 0 0;font-size:15px}.assignment-result.success{border-color:#77b28f;background:#eef9f1}.assignment-result.failure{border-color:#d98a9a;background:#fff0f3}.assignment-result .btn{margin-top:10px}
.final-screen{padding-top:34px}.final-screen abz-game-feedback{display:block;max-width:720px;margin:14px auto 0}.final-actions .btn,.final-actions a{font-size:16px}
#abzAssignmentRuntimeNotice{position:relative;z-index:40;margin:10px auto;padding:13px 16px;max-width:760px;border:1px solid #d6b55f;border-radius:14px;background:#fff7d8;color:#5c4312;text-align:center;font-weight:750}#abzAssignmentRuntimeNotice.is-error{border-color:#d68394;background:#fff0f2;color:#872b42}

@media(max-width:1079px){.look-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:150px}.look-feature{grid-template-columns:44px minmax(0,1fr) 14px;min-height:54px}.look-feature-preview{width:44px;height:44px}.look-feature-copy>strong{font-size:10px}}
@media(max-width:680px){
 .shell{padding-inline:8px}
 .skill-screen{padding-top:8px}.skill-screen .setup-utility{margin-inline:0}.skill-screen .setup-utility span{font-size:10px;letter-spacing:.08em}.skill-screen>.screen-header{margin-bottom:8px}.skill-screen>.screen-header p{font-size:13px}.skill-scroll-region{padding-inline:3px}.skill-grid{grid-template-columns:1fr}.academic-skill-card{grid-template-columns:44px minmax(0,1fr)}.academic-skill-card .skill-grade-button{grid-column:1/-1;width:100%}
 .skill-search{flex-wrap:wrap}.skill-search input{flex-basis:70%}.skill-search>span{display:block}
 .look-feature-list{grid-template-columns:1fr 1fr;max-height:152px}.look-feature{grid-template-columns:38px minmax(0,1fr);gap:5px;min-height:48px}.look-feature-preview{width:38px;height:42px}.look-feature-arrow{display:none!important}.look-feature-copy>span{font-size:8px}.look-feature-copy>strong{font-size:9px}
 .learning-recap{max-width:100%}.look-story{grid-template-columns:1fr}.story-photo{height:260px}.final-actions{display:grid}.final-actions>*{width:100%}
}
@media(max-width:380px){.look-feature-list{grid-template-columns:1fr}.look-feature-preview{width:44px;height:44px}.look-feature{grid-template-columns:44px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Compact canvas: reserve space for the activity instead of stacked banners. */
:root{
 --abz-game-type-display:clamp(48px,min(8.4vw,13dvh),112px);
 --abz-game-type-screen-title:clamp(24px,min(3vw,5dvh),36px);
 --abz-game-type-card-title:clamp(20px,min(2.3vw,3.8dvh),28px);
}
html,body{height:100%;min-height:0;overflow:hidden}
.shell{height:100dvh;min-height:0;padding:0}
#app{height:100%;min-height:0;position:relative;overflow:hidden}
.game-controls{position:absolute;top:4px;right:10px;z-index:30;min-height:44px;padding:0;gap:6px}
.game-controls .game-settings{width:44px;height:44px;font-size:20px}
.game-controls .music-toggle{min-height:44px;padding:7px 12px;font-size:12px}
.screen,.screen[data-scroll-policy]{height:100%;min-height:0;margin:0 auto;padding:56px 16px 12px;max-width:none;border-radius:0}
.screen[data-scroll-policy=fit]{overflow:hidden}
.compact-heading{display:flex;align-items:center;gap:14px;min-height:52px;padding:2px 188px 4px 0;flex-shrink:0}
.compact-heading h1{margin:0!important;font-size:var(--abz-game-type-screen-title);color:#fff2f1;line-height:1.15}
.compact-heading .eyebrow{margin:0;font-size:11px;white-space:nowrap}
.screen>.screen-header{display:block;margin:0 0 14px;text-align:center}
.screen>.screen-header .eyebrow{font-size:11px;margin:0}
.screen>.screen-header h1{font-size:var(--abz-game-type-screen-title);margin:5px 0 0;line-height:1.2}
.screen .progress-dots{margin:0 0 10px;gap:6px}
.progress-dots .dot{width:28px;height:28px;font-size:12px}

.screen.welcome-screen[data-scroll-policy]{padding:80px 16px 54px;justify-content:center}
.welcome-copy{width:100%;max-width:min(75%,960px);padding:0;margin:auto;flex:0 0 auto}
.screen.welcome-screen h1{font-size:var(--abz-game-type-display);line-height:1.05;margin:0 0 28px;letter-spacing:-.045em}
.screen.welcome-screen h1 .reading-word{font:800 .46em/1.2 FashionDisplay,system-ui;letter-spacing:.03em;margin:0 0 8px;color:#fff5f6}
.screen.welcome-screen h1 em{white-space:nowrap}
.welcome-actions .play-button{min-height:58px;min-width:240px;font-size:20px}
.welcome-facts{font-size:12px;margin-top:22px}
.welcome-caption{font-size:10px;bottom:15px}

.screen.skill-screen[data-scroll-policy]{display:grid;grid-template-rows:auto minmax(0,1fr);max-width:1200px;padding:0 16px 8px;overflow:hidden}
.skill-screen .setup-utility{margin:0;padding:2px 188px 4px 0;border:0;box-shadow:none;background:none;border-radius:0;backdrop-filter:none}
.setup-utility .btn{padding:6px 12px;min-height:44px;flex:0 0 auto}
.skill-screen .setup-utility h1{font-size:clamp(24px,3.1vw,32px);text-align:left}
.skill-scroll-region{padding:6px 6px 24px}
#rfsCustomSetsMount{margin:0 0 12px;max-width:none}
.rfs-custom-panel{padding:12px 16px;border-radius:16px}
.rfs-custom-panel h3{font-size:21px;margin:0 0 3px}
.rfs-custom-panel p{font-size:14px;line-height:1.4}
.rfs-custom-eyebrow{display:none}
.rfs-custom-panel__head{flex-direction:row;align-items:center;gap:12px}
.rfs-custom-primary{flex-shrink:0;font-size:14px;min-height:44px}
.skill-search{max-width:none;margin:0 0 12px;padding:4px 8px}
.skill-search input{min-height:44px}.skill-search>span{color:#74536c}
.skill-divider{margin:14px 0 8px;font-size:11px}
.skill-group{margin:12px 0 20px}.skill-group-title{margin-bottom:10px}.skill-group-title h2{font-size:21px}.skill-group-title>span{font-size:11px}
.skill-grid{margin:10px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.skill-card{min-height:104px;padding:14px;gap:10px}
.skill-card h3{font-size:21px}.skill-card p{font-size:14px;margin:5px 0}.skill-card small{font-size:12px}
.skill-grade-button{font-size:13px;min-width:94px;min-height:44px;padding:7px 10px}

.screen.question-screen[data-scroll-policy]{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0 16px 14px;background:none;overflow:hidden}
.question-meta{color:#ddc4df;font-size:13px;gap:14px;min-height:54px}
.question-path{display:flex;margin:0;gap:5px;width:auto}
.question-path span{width:26px;height:5px}
.question-content{min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;align-items:safe center;justify-content:center;padding:6px 4px}
.question-card{width:min(1060px,100%);max-width:none;margin:auto;padding:clamp(16px,2.2vw,26px);border-radius:20px;box-shadow:0 14px 42px #12082044;overflow:visible}
.question-card:before{border-radius:20px 20px 0 0}
.question-card .question-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.question-card h1.direction-text{font:800 clamp(22px,min(3vw,5dvh),32px)/1.28 FashionDisplay,system-ui;color:#392540;letter-spacing:-.02em;margin:0}
.question-audio.btn{flex:0 0 auto;font-size:14px;min-height:44px;padding:8px 12px;background:#eee0f5;color:#754898;box-shadow:none;border:1px solid #d9bce8;border-radius:12px}
.question-audio.is-playing{background:#dfc0ef;border-color:#a162bf;box-shadow:0 0 0 3px #bc79d229}
.audio-status{display:block;font-size:12px;line-height:1.2;color:#805d85;min-height:0;margin:0}
.audio-status:not(:empty){margin:0 0 8px}
.student-read-card{margin:0 0 18px;padding:16px 20px;border:1px solid #dac7d9;background:#fff9e9;border-radius:14px;box-shadow:0 3px 0 #e5d8e4}
.evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.student-read-card .evidence-label{font-size:11px;margin:0;color:#765a72}
.student-read-text{font-size:clamp(24px,min(4vw,7dvh),44px);line-height:1.4}
.student-read-card .passage{font:500 clamp(17px,min(1.7vw,3dvh),21px)/1.6 system-ui;padding:0;border:0;border-radius:0;background:none;margin:0}
.question-card .answers{gap:10px;margin:12px 0 0}
.question-card .answer{font-size:clamp(17px,2vw,23px);min-height:62px;line-height:1.35;padding:14px;display:flex;align-items:center}
.question-card .answer-evidence .answer{font-size:clamp(24px,min(4vw,6dvh),36px);min-height:74px}
.question-card .answer>span{flex:0 0 30px;margin-right:10px;font-size:14px}
.question-card .feedback{margin:12px 0 0;padding:12px 16px;line-height:1.4}
.question-card .feedback p{font-size:15px;line-height:1.4;margin:5px 0}
.question-card .success-feedback{padding-left:56px}.question-card .correct-seal{width:30px;height:30px;font-size:20px;left:14px;top:14px}
.question-card .success-feedback strong{font-size:22px}.question-card .feedback .btn{min-height:44px;padding:8px 14px;font-size:14px;margin:8px 0 0}
@media(min-width:1000px){.question-card.has-passage{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}.has-passage .student-read-card{margin:0}.has-passage .answers{grid-template-columns:1fr}.question-card.has-passage .answer{min-height:52px;font-size:18px;padding:10px 14px}}

.screen.dressing-screen[data-scroll-policy]{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;padding:0 12px 12px;overflow:hidden;justify-content:normal}
.dressing-top{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:0;padding:2px 188px 0 0;gap:14px}
.dressing-top>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
.dressing-top .eyebrow{font-size:10px;margin:0;max-width:85px;line-height:1.3}
.screen .dressing-top h1{font-size:clamp(23px,min(2.6vw,4.5dvh),32px);margin:0;line-height:1.1}
.dress-theme-note{display:flex;align-items:center;gap:8px;text-align:right;flex:0 0 auto}
.dress-theme-note .lock-note{max-width:140px;font-size:10px;margin:0;line-height:1.25}
.dress-theme-note .finish-dressing,.dress-theme-note .btn{font-size:15px;min-height:44px;margin:0;padding:9px 15px;white-space:nowrap}
.style-toolbox{margin:0;gap:5px;padding:5px;border-radius:16px;grid-template-columns:repeat(10,minmax(0,1fr))}
.style-tool{min-height:52px;gap:3px;padding:3px;display:flex;flex-direction:column}
.style-tool>span{font-size:23px;line-height:1}.style-tool strong{font-size:12px;line-height:1.25}
.dressing-layout.with-look-panel{height:100%;min-height:0;align-items:stretch;grid-template-columns:minmax(180px,.85fr) minmax(0,1.9fr) minmax(210px,.8fr);gap:10px}
.with-look-panel>.stage-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;position:relative;grid-column:1;grid-row:1;min-height:0;top:0}
.with-look-panel .stage-header{min-height:40px;padding:3px 10px}
.with-look-panel .stage-header .timer{font-size:24px;min-height:36px;padding:0 10px;min-width:75px}
.with-look-panel .avatar-stage{min-height:0;height:100%;padding:4px 0;display:block}
.with-look-panel .avatar-stage .avatar-render{height:100%;min-height:0;max-height:none;width:100%;padding:5px 0 9px}
.with-look-panel .avatar-stage svg{height:100%;width:100%}
.with-look-panel .studio-toolbar{padding:4px;gap:4px;flex-wrap:nowrap;min-height:44px}
.with-look-panel .studio-toolbar .btn{font-size:12px;min-height:44px;padding:4px;flex:1;min-width:0}
.with-look-panel .studio-toolbar .icon-button{width:44px;min-width:44px;height:44px;padding:0}
.with-look-panel .rush-message{font-size:12px;padding:0}.with-look-panel .rush-message:not(:empty){padding:5px}
.with-look-panel>.closet-panel{height:100%;min-height:0;grid-column:2;grid-row:1;display:flex;flex-direction:column}
.closet-panel>.wardrobe-panel,.closet-panel>.custom-panel,#customization{height:100%;min-height:0;width:100%;border:0;border-radius:0}
.closet-panel>.wardrobe-panel{display:flex;flex-direction:column;overflow:hidden}
.wardrobe-header,.wardrobe-tip,.accessory-hint{display:none}
.closet-panel .subgroups{padding:6px 8px;gap:5px;min-height:48px;max-height:96px;overflow:auto;flex-shrink:0}
.closet-panel .subgroups button{font-size:12px;min-height:38px;padding:6px 11px}
.closet-panel .filters{padding:0 8px 6px;gap:8px;min-height:44px;flex-shrink:0}
.closet-panel .filters input[type=search]{height:40px;min-width:0;font-size:13px;padding:8px 12px}
.filters label,.filters .theme-picks-label{font-size:11px;white-space:nowrap}
.piece-browser,.feature-browser{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr);gap:3px;padding:0 6px 6px 0;min-height:0;height:100%;overflow:hidden}
.with-look-panel .piece-browser .item-grid,.with-look-panel .feature-browser .custom-sections{height:100%;max-height:none;min-height:0;align-self:stretch;overflow-y:auto;overscroll-behavior:contain;grid-column:1;grid-row:1;padding:5px 8px 10px;gap:9px}
.with-look-panel .piece-browser .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
.with-look-panel .item-preview{height:clamp(145px,min(18vw,26dvh),230px)}
.item-name{font-size:12px;line-height:1.3;padding:8px;min-height:40px}
.piece-scroll-buttons,.feature-scroll-buttons{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0}
.piece-scroll-buttons>span{display:none}
.piece-scroll-button{width:44px;height:48px;min-height:48px;border-radius:14px;font-size:30px}
.custom-section .field-label{font-size:14px}.custom-panel .custom-section{padding:6px!important}
.custom-panel .option-grid,.face-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.feature-preview,.face-preset .feature-preview{height:clamp(112px,17dvh,166px)}
.option-button>span:last-child{font-size:12px;padding:7px;min-height:34px}
.option-button{min-height:0}.face-preset-section>p{display:none}
.color-picker{flex:0 0 auto;max-height:122px;overflow-y:auto;gap:6px;padding:8px 10px;align-content:start}
.color-picker .field-label{width:100%;font-size:12px}.color-picker .field-label>span{display:none}
.color-picker .color-row{gap:7px;flex-wrap:wrap}.color-picker .color-swatch{width:30px;min-width:30px;height:30px;min-height:30px}
.color-picker .more-colors{font-size:12px}.custom-color{margin:0;gap:8px}.custom-color label{font-size:12px}.custom-color .btn{min-height:36px;padding:4px 8px;font-size:12px}
.with-look-panel>.current-look-panel{height:100%;min-height:0;grid-column:3;grid-row:1;display:flex;flex-direction:column;padding:10px;gap:6px}
.look-panel-heading h2{font-size:22px;margin:0 0 2px}.look-panel-heading{flex-shrink:0}
.look-clothes-section{flex:1;min-height:0;display:flex;flex-direction:column}
.look-features-section{flex:1;min-height:0;display:flex;flex-direction:column;border-left:0;border-top:1px solid #e7ccdf;padding:6px 0 0}
.look-section-heading{flex-shrink:0}.look-section-heading h3{font-size:11px}.look-scroll-buttons button{width:32px;min-width:32px;height:36px}
.current-look-panel .equipped-list,.current-look-panel .look-feature-list{flex:1;height:auto;min-height:0;max-height:none;grid-template-columns:1fr;overflow:auto;gap:5px}
.current-look-panel .equipped-chip>button:first-child{font-size:12px}
.current-look-panel .clear-outfit{flex-shrink:0;min-height:36px;font-size:12px;margin:4px 0;padding:5px}
.look-feature{grid-template-columns:54px minmax(0,1fr) 12px;min-height:64px;gap:7px}
.look-feature-preview{width:54px;height:54px}.look-feature-copy>strong{font-size:12px}.look-feature-copy>span{font-size:10px}

.screen.inspiration-screen[data-scroll-policy]{max-width:1060px;padding-top:54px}
.inspiration-screen .theme-reveal-icon{display:none}
.inspiration-screen .eyebrow{font-size:11px;margin:0}
.inspiration-screen h1{font-size:var(--abz-game-type-screen-title);margin:4px 0}
.inspiration-screen .theme-description{font-size:15px;margin:7px 0}
.ready-theme.ready-above{flex-direction:column-reverse;gap:6px;margin:8px auto 12px;padding:0;background:none;border:0;box-shadow:none}
.ready-above>p{font-size:12px;margin:0}.ready-above>.btn{min-height:48px}
.reference-frame{height:clamp(140px,37dvh,360px)}
.inspiration-card figcaption{padding:7px 5px 4px}.inspiration-card figcaption strong{font-size:12px}.inspiration-card figcaption span{font-size:10px}
.screen.countdown-screen[data-scroll-policy]{padding-top:54px;gap:10px}
.countdown-screen h1{font-size:var(--abz-game-type-screen-title);margin:0}
.countdown-number{width:clamp(100px,24dvh,185px);height:clamp(100px,24dvh,185px);font-size:clamp(66px,16dvh,115px);margin:20px auto}
.countdown-screen>.quiet{display:none}.countdown-screen>p{margin:0}
.screen.solo-show[data-scroll-policy]{display:grid;grid-template-rows:auto minmax(0,1fr);padding-top:54px;gap:10px}
.solo-show>.progress-dots{display:none}.solo-show>.screen-header{margin:0}
.show-layout{height:100%;min-height:0;width:100%;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);align-items:stretch;gap:16px}
.catwalk-scene{height:100%;min-height:0}.voting-panel{align-self:center;padding:18px}
.voting-panel .show-clock{margin:0 0 12px}.voting-panel .quiet{display:none}
.screen.results-screen[data-scroll-policy]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:54px;gap:10px}
.results-screen>.progress-dots{display:none}.results-screen>.screen-header{margin:0}
.podium{height:100%;max-height:500px;min-height:0;width:min(940px,100%);margin:0 auto;padding:10px 4px 8px}
.podium-contestant{max-height:100%;min-height:0}.podium-model,.place-1 .podium-model,.place-4 .podium-model{height:clamp(105px,32dvh,310px);min-height:0}
.results-screen .result-actions{margin:0}
.final-screen .final-medal{width:62px;height:62px;font-size:36px;margin:0 auto 12px}
.final-screen .learning-recap{margin:10px auto;padding:12px}.final-screen .look-story{margin:16px auto;grid-template-columns:repeat(3,minmax(0,1fr))}
.final-screen .story-photo{height:clamp(160px,29dvh,290px)}
.final-screen .final-actions{margin:16px auto}.screen.final-screen{padding-bottom:24px}

@media(max-width:1050px){
 .dressing-layout.with-look-panel{grid-template-columns:minmax(160px,.68fr) minmax(0,1.5fr);grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}
 .with-look-panel>.stage-card{grid-row:1;grid-column:1}.with-look-panel>.closet-panel{grid-row:1/3;grid-column:2}
 .with-look-panel>.current-look-panel{grid-row:2;grid-column:1;padding:7px;display:flex}
 .current-look-panel .look-panel-heading h2{font-size:17px}
 .look-panel-heading{display:block}.look-section-heading h3{font-size:10px}
 .look-scroll-buttons button{width:28px;min-width:28px;height:29px;min-height:29px}
 .worn-piece-preview{flex-basis:44px;width:44px;height:46px}.current-look-panel .equipped-chip>button:first-child{font-size:10px}
 .current-look-panel .clear-outfit{font-size:10px;min-height:30px;margin:2px 0}
 .look-feature{grid-template-columns:40px minmax(0,1fr);min-height:48px}.look-feature-preview{width:40px;height:40px}.look-feature-arrow{display:none!important}.look-feature-copy>strong{font-size:10px}.look-feature-copy>span{font-size:9px}
 .with-look-panel .studio-toolbar .btn{font-size:10px}.with-look-panel .studio-toolbar .icon-button{width:36px;min-width:36px}
 .with-look-panel .piece-browser .item-grid,.custom-panel .option-grid,.face-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .with-look-panel .item-preview{height:clamp(152px,28dvh,245px)}
 .style-toolbox{grid-template-columns:repeat(10,minmax(0,1fr))}.style-tool strong{font-size:10px}
}
@media(max-width:700px){
 .compact-heading{padding-right:166px;gap:8px}.game-controls{right:8px}.game-controls .music-toggle{font-size:11px;padding:6px 9px}
 .skill-screen .setup-utility{padding-right:166px;gap:6px}.skill-screen .setup-utility h1{font-size:23px}.setup-utility .btn{padding-inline:7px;font-size:14px}
 .skill-grid{grid-template-columns:1fr}.skill-card{min-height:92px}.academic-skill-card{grid-template-columns:36px minmax(0,1fr) auto}.academic-skill-card .skill-grade-button{grid-column:auto;width:auto}
 .rfs-custom-panel__head{flex-wrap:wrap}.rfs-custom-panel{padding:11px 12px}.rfs-custom-panel p{font-size:13px}.rfs-custom-primary{font-size:13px}
 .screen.welcome-screen[data-scroll-policy]{justify-content:flex-start;padding:88px 12px 30px}
 .welcome-copy{max-width:100%;margin:0 auto}.screen.welcome-screen h1{font-size:clamp(44px,min(9.8vw,10.5dvh),68px);margin-bottom:22px}.screen.welcome-screen h1 .reading-word{font-size:.51em}
 .welcome-actions .play-button{font-size:18px;min-height:54px}.welcome-facts{font-size:11px;margin-top:15px}.welcome-caption{font-size:8px}
 .opening-model{height:29dvh;max-height:260px;bottom:6%;width:35%}.opening-left{left:10%}.opening-right{right:10%}
 .screen.question-screen[data-scroll-policy]{padding:0 10px 10px}.question-meta{font-size:11px;gap:7px}.question-meta .eyebrow{font-size:10px}.question-meta .question-path{display:none}
 .question-card{padding:16px}.question-card .question-heading{flex-wrap:wrap;gap:8px}
 .question-card h1.direction-text{font-size:22px}.question-audio.btn{font-size:12px;padding:7px 10px;min-height:44px}
 .student-read-card{padding:12px 14px;margin-bottom:14px}.student-read-text{font-size:32px}.student-read-card .passage{font-size:18px;line-height:1.55}
 .question-card .answer{font-size:17px;padding:10px;min-height:58px}.question-card .answer-evidence .answer{font-size:26px}.question-card .answer>span{flex-basis:23px;margin-right:8px}
 .dressing-top{padding-right:158px;gap:5px;min-height:55px}.dressing-top>div:first-child{flex-direction:column;align-items:flex-start;gap:1px}.dressing-top .eyebrow{font-size:8px;max-width:none}.screen .dressing-top h1{font-size:20px}.dress-theme-note .lock-note{display:none}.dress-theme-note .btn,.dress-theme-note .finish-dressing{font-size:13px;padding:7px 11px;min-height:42px}
 .screen.dressing-screen[data-scroll-policy]{padding:0 8px 8px;gap:6px}.style-toolbox{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px}.style-tool{min-height:43px;flex-direction:row;gap:4px;padding:3px}.style-tool>span{font-size:19px}.style-tool strong{font-size:11px}
 .dressing-layout.with-look-panel{grid-template-columns:minmax(140px,.62fr) minmax(0,1.5fr);gap:7px;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}
 .closet-panel .filters{flex-wrap:wrap;gap:4px;padding:0 6px 6px}.filters .theme-picks-label{font-size:10px}.closet-panel .filters input[type=search]{font-size:12px;width:100%;flex-basis:100%;height:36px}
 .closet-panel .subgroups{max-height:90px;padding:4px;gap:4px;min-height:42px}.closet-panel .subgroups button{min-height:34px;font-size:10px;padding:5px 9px}
 .piece-browser,.feature-browser{grid-template-columns:minmax(0,1fr) 36px;padding-right:4px;gap:0}.piece-scroll-button{width:34px;min-height:44px;height:44px;font-size:25px}.piece-scroll-buttons,.feature-scroll-buttons{grid-row:1;grid-column:2;flex-direction:column;padding:0}
 .with-look-panel .piece-browser .item-grid,.with-look-panel .feature-browser .custom-sections{padding:4px 5px 8px;gap:6px;grid-row:1;min-height:0}
 .with-look-panel .item-preview{height:clamp(130px,25dvh,190px)}.item-name{font-size:11px;padding:6px;min-height:40px}.theme-match-badge{font-size:8px;padding:2px 4px}
 .feature-preview,.face-preset .feature-preview{height:110px}.option-button>span:last-child{font-size:11px;padding:6px}
 .current-look-panel .look-clothes-section{flex:1.1}.current-look-panel .look-features-section{flex:.9}.look-section-heading{gap:2px;margin:0 0 3px}
 .with-look-panel .stage-header{min-height:34px}.with-look-panel .stage-header .timer{font-size:20px;min-height:30px}.with-look-panel .stage-header>span:first-child{display:none}.with-look-panel .stage-header{justify-content:center}
 .with-look-panel .studio-toolbar{flex-wrap:wrap;padding:2px;gap:2px}.with-look-panel .studio-toolbar .btn{flex-basis:100%;min-height:30px}.with-look-panel .studio-toolbar .icon-button{height:30px}
 .with-look-panel>.current-look-panel{padding:5px;gap:2px;border-radius:12px}.look-panel-heading h2{font-size:16px!important}.look-scroll-buttons{gap:2px}.look-scroll-buttons button{width:24px;min-width:24px;height:27px;min-height:27px;font-size:16px}
 .show-layout{grid-template-columns:minmax(0,1fr) minmax(235px,1fr);gap:10px}.voting-panel{padding:12px}.voting-panel h2{font-size:24px}.voting-panel .star-votes{gap:3px}.star-vote{min-width:38px;min-height:58px}.star-vote>span{font-size:29px}.vote-invitation{font-size:11px}.vote-instruction{font-size:13px}
 .podium{gap:6px}.podium-step h2,.place-1 .podium-step h2{font-size:18px}.podium-step{padding:7px 4px}.podium-step>span:last-child{font-size:10px}
 .final-screen .look-story{gap:9px}.final-screen .story-photo{height:175px}.story-caption .btn{font-size:12px}.final-screen .final-actions{display:flex;flex-wrap:wrap}.final-actions>*{width:auto;flex:1}
}
@media(max-width:440px){
 .game-controls .music-toggle{font-size:0;width:44px;padding:0}.game-controls .music-toggle:before{content:'♫';font-size:22px}.music-toggle[aria-pressed=true]:before{text-decoration:line-through}
 .compact-heading,.skill-screen .setup-utility{padding-right:102px}.skill-screen .setup-utility h1{font-size:22px}.screen.skill-screen{padding-inline:8px}
 .dressing-top{padding-right:98px}.screen .dressing-top h1{font-size:17px}.dressing-top .eyebrow{font-size:7px}.dress-theme-note .finish-dressing{font-size:12px;padding:6px 8px}
 .dressing-layout.with-look-panel{grid-template-columns:116px minmax(0,1fr)}.style-tool{flex-direction:column;gap:1px;min-height:43px}.style-tool strong{font-size:10px}
 .with-look-panel .piece-browser .item-grid,.custom-panel .option-grid,.face-preset-grid{grid-template-columns:1fr}.with-look-panel .item-preview{height:160px}
 .current-look-panel .look-section-heading h3{font-size:8px}.current-look-panel .clear-outfit{font-size:9px}.current-look-panel .equipped-chip>button:first-child{gap:3px;font-size:9px}.worn-piece-preview{width:30px;height:40px;flex-basis:30px}.equipped-chip>button:last-child{min-width:26px!important}
 .look-feature{grid-template-columns:32px minmax(0,1fr);gap:3px}.look-feature-preview{width:32px;height:38px}.look-feature-copy>strong{font-size:9px}.look-feature-copy>span{font-size:8px}
 .question-card .answers{grid-template-columns:1fr}.question-card .answer{min-height:52px}.question-card .answer-evidence .answer{min-height:58px}
 .show-layout{grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) auto}.voting-panel{padding:9px}.show-clock{display:none}.vote-instruction,.vote-status{margin:3px 0;font-size:12px}.voting-panel .star-votes{margin:5px 0}.voting-panel h2{font-size:22px;margin:3px 0}.star-vote{min-height:48px}.star-vote>span{font-size:26px}
 .screen.solo-show>.screen-header h1{font-size:23px}.podium-step h2,.place-1 .podium-step h2{font-size:14px}.podium-step>span:last-child{font-size:8px}.place-number{font-size:18px}
 .final-screen .look-story{grid-template-columns:1fr}.final-screen .story-photo{height:240px}
}
@media(max-height:550px){
 .screen.welcome-screen[data-scroll-policy]{padding-top:70px;justify-content:center}.welcome-copy{max-width:80%;margin:auto}.screen.welcome-screen h1{font-size:clamp(40px,10dvh,62px);margin-bottom:14px}.welcome-facts{margin-top:10px}.opening-model{height:60dvh;bottom:9%;width:20%}.welcome-actions .play-button{min-height:46px}.mirror-ball{scale:.65}
 .screen.solo-show[data-scroll-policy],.screen.results-screen[data-scroll-policy]{padding-top:50px}.podium-model,.place-1 .podium-model,.place-4 .podium-model{height:27dvh}.podium-step{max-height:80px}.place-1 .podium-step{max-height:98px}
}

.skill-screen .setup-utility{justify-content:flex-start;letter-spacing:normal}
.show-layout{display:grid}
@media(max-width:440px){.show-layout{display:grid}}
.with-look-panel>.stage-card{height:100%;max-height:100%;align-self:stretch;overflow:hidden}
@media(max-width:1050px){
 .dressing-layout.with-look-panel{grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}
 .with-look-panel>.current-look-panel{gap:3px}
 .current-look-panel .equipped-list{min-height:46px}
 .current-look-panel .look-feature-list{min-height:48px}
 .current-look-panel .look-clothes-section{flex:1.2}
 .current-look-panel .look-features-section{flex:1}
}
.question-screen[data-content-density=short] .student-read-text{font-size:clamp(32px,min(4.5vw,7dvh),46px)}
.question-screen[data-content-density=short] .answer{font-size:clamp(23px,min(3.7vw,5dvh),32px);min-height:72px}
@media(max-width:440px){.question-screen[data-content-density=short] .answer{min-height:58px;font-size:25px}}
.look-overview-list{display:contents}.look-overview-arrows{display:none}
@media(max-width:1050px){
 .dressing-layout.with-look-panel{grid-template-rows:minmax(0,1.6fr) minmax(0,1fr)}
 .current-look-panel .look-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-direction:row}
 .look-overview-arrows{display:block}
 .look-overview-list{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .look-overview-list .look-clothes-section,.look-overview-list .look-features-section{display:block;min-height:0;margin:0 0 8px}
 .look-overview-list .look-section-heading .look-scroll-buttons{display:none}
 .look-overview-list .look-section-heading{margin-bottom:5px}
 .look-overview-list .equipped-list,.look-overview-list .look-feature-list{height:auto;max-height:none;min-height:0;overflow:visible;display:flex;flex-direction:column}
 .look-overview-list .look-feature{flex-shrink:0;display:grid}
 .with-look-panel .studio-toolbar{flex-wrap:nowrap;padding:4px;min-height:44px}
 .with-look-panel .studio-toolbar .btn{flex:1;min-height:40px;font-size:0}
 .with-look-panel .studio-toolbar .btn:before{content:'⌕';font-size:25px}
 .with-look-panel .studio-toolbar .icon-button{width:36px;min-width:36px;height:40px}
 .current-look-panel .clear-outfit{margin:1px 0 0;font-size:11px;min-height:32px}
 .current-look-panel .look-overview-list .equipped-chip>button:last-child{min-height:46px}
}
@media(max-width:440px){.current-look-panel .clear-outfit{font-size:9px}.with-look-panel .studio-toolbar .icon-button{width:30px;min-width:30px}}
.question-meta .eyebrow{color:#f4d79c}
.voting-panel{min-width:0}
.voting-panel .star-votes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.voting-panel .star-vote{min-width:0;width:100%;padding:4px 0}
.voting-panel .star-vote>span{font-size:34px}
.results-screen>.screen-header{width:100%;max-width:none;text-align:center}
.podium-model,.place-1 .podium-model,.place-4 .podium-model{height:clamp(135px,39dvh,330px)}
.screen.final-screen[data-scroll-policy]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:54px 16px 12px;overflow:hidden}
.final-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 10px 16px}
.final-content>.screen-header{display:block;max-width:none;width:100%;text-align:center;margin:0 0 14px}
.final-content>.screen-header h1{color:#fff2f1;font-size:var(--abz-game-type-screen-title);margin:4px auto 0}
.final-content>.screen-header .eyebrow{color:#f4d79c;font-size:11px;margin:0}
.final-content>.screen-header p{color:#e3c9df;font-size:15px;margin:7px 0 0}
.final-screen .learning-recap{margin:8px auto;padding:8px 0}
.final-screen .learning-recap strong{font-size:30px}.final-screen .practice-label{margin:8px 0;font-size:13px;text-align:center}
.final-screen .look-story{margin:14px auto}.final-screen .story-photo{height:clamp(155px,26dvh,240px)}
.final-screen .final-standings{margin:12px auto}
.final-screen .final-actions{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#392340;border:1px solid #c48bb140;border-radius:15px;box-shadow:0 -6px 20px #21102f66}
.final-screen .final-actions .btn{font-size:15px;min-height:44px;padding:9px 16px}
.theme-photo{opacity:0;transition:opacity .2s}
.theme-photo[data-loaded=true]{opacity:1}
@media(max-width:700px){.final-screen .final-actions .btn{font-size:12px;padding:8px 10px}.final-screen .final-actions{gap:5px}.voting-panel .star-vote>span{font-size:29px}}
@media(max-width:440px){.final-screen .final-actions{flex-wrap:wrap}.final-screen .final-actions .btn{min-width:120px}.final-screen .final-actions .btn.ghost{min-width:100%;min-height:30px}.podium-model,.place-1 .podium-model,.place-4 .podium-model{height:29dvh}}
@media(max-height:550px){.podium-model,.place-1 .podium-model,.place-4 .podium-model{height:27dvh}}

/* One visual inventory, with stable shuffled positions throughout each round. */
.unified-look-panel .look-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}
.unified-look-panel .unified-look-list{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain;gap:7px;padding:3px 3px 6px;scrollbar-width:thin}
.unified-look-list .look-entry{flex:none;min-width:0;width:100%}
.unified-look-list .equipped-chip,.unified-look-list .look-feature{width:100%;min-height:66px}
.unified-look-list .look-feature{display:grid}
.unified-look-panel .look-scroll-buttons button,.final-actions .look-scroll-buttons button{width:40px;min-width:40px;height:44px;min-height:44px;border-radius:12px;font-size:25px;background:#b33587;color:white;border:1px solid #efbbdf}
.unified-look-panel .look-scroll-buttons button:disabled,.final-actions .look-scroll-buttons button:disabled{background:#ebdfe9;color:#8f778a;opacity:.48}
.unified-look-panel .look-scroll-buttons button:not(:disabled){animation:lookArrowPulse 2.4s ease-in-out infinite}
.unified-look-panel .equipped-chip>button:last-child{min-width:44px!important;min-height:58px;font-size:30px;font-weight:800;background:#f9d8e9;color:#9e205f;border-left:2px solid #e2a4c6}
.unified-look-panel .equipped-chip>button:last-child:hover{background:#b33587;color:white}
.unified-look-list .equipped-chip>button:first-child{display:flex;align-items:center;gap:7px;padding:5px}
.unified-look-list .worn-piece-preview{width:52px;flex-basis:52px;height:58px}
.unified-look-list .worn-piece-name{overflow-wrap:anywhere}
@keyframes lookArrowPulse{0%,100%{box-shadow:0 0 0 0 #cf69ad00;transform:translateY(0)}50%{box-shadow:0 0 0 4px #cf69ad28;transform:translateY(2px)}}
.closet-panel .color-picker{order:-1;border-bottom:1px solid #e9c6de;background:#fff1f8}
/* Leave results and replay controls accessible while the story scrolls. */
.final-actions>.look-scroll-buttons{display:flex;gap:6px;flex:none}
.final-content:focus-visible,.unified-look-list:focus-visible{outline:3px solid #d884bc;outline-offset:-3px}
.effect-burst.celebration span{top:-40px;font-size:clamp(22px,3vw,40px);animation:finaleConfetti 5s var(--delay) ease-in both;color:#ffd56c!important;text-shadow:0 0 9px #f1c9ff99}
.effect-burst.celebration span:nth-child(3n){color:#fa82ce!important}.effect-burst.celebration span:nth-child(3n+1){color:#c4a3ff!important}
@keyframes finaleConfetti{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0)}8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin))}}
.final-screen .story-look{animation:finalePhotoIn .8s cubic-bezier(.2,.75,.25,1) both}
.final-screen .story-look:nth-child(2){animation-delay:.18s}.final-screen .story-look:nth-child(3){animation-delay:.36s}
.final-screen .screen-header h1{text-shadow:0 0 28px #ef80be44}
@keyframes finalePhotoIn{from{opacity:0;translate:0 30px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:1050px){.unified-look-panel .look-panel-heading{flex-wrap:wrap}.unified-look-panel .look-scroll-buttons{margin-left:auto}.unified-look-list .equipped-chip>button:first-child{font-size:11px}.unified-look-list .look-feature-copy>strong{font-size:11px}.unified-look-list .look-feature-copy>span{font-size:10px}}
@media(max-width:440px){.unified-look-panel .look-panel-heading h2{font-size:14px!important}.unified-look-panel .look-scroll-buttons{gap:5px}.unified-look-panel .look-scroll-buttons button{width:35px;min-width:35px}.unified-look-list .equipped-chip>button:first-child{flex-direction:column;align-items:flex-start;font-size:10px}.unified-look-list .look-feature{grid-template-columns:32px minmax(0,1fr)}.final-screen .final-actions{gap:5px}.final-actions>.look-scroll-buttons{justify-content:center;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.unified-look-panel .look-scroll-buttons button:not(:disabled),.final-screen .story-look{animation:none}.effect-burst.celebration{display:none}}
.unified-look-panel .look-scroll-buttons{display:flex;flex-direction:row;gap:6px}
.picture-stimulus{display:flex;align-items:center;justify-content:center;min-height:0}
.picture-stimulus img{width:180px;height:160px;object-fit:contain;max-width:100%}
.question-card.has-picture .student-read-card{background:#fffdf6}
@media(min-width:650px){.question-card.has-picture{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);align-items:center;gap:24px}.question-card.has-picture .student-read-card{margin:0}.has-picture .picture-stimulus img{width:230px;height:215px}}
@media(max-width:649px){.has-picture .picture-stimulus img{width:130px;height:110px}.has-picture .student-read-card{padding:8px;margin-bottom:10px}.has-picture .evidence-heading{margin-bottom:4px}.has-picture .question-heading{margin-bottom:7px}.question-card.has-picture{padding:12px}.has-picture .answers{margin-top:8px;gap:7px}}

/* Skill selection: a compact backstage challenge board with fast category browsing. */
:root{
 --skill-rose:#ec8abb;
 --skill-gold:#efc36b;
 --skill-mint:#76cdb8;
 --skill-violet:#b69be6;
 --skill-blue:#79b9e8;
}
.skill-screen .setup-utility{border-bottom:1px solid #f1cde334}
.skill-title-copy{display:grid;min-width:0;gap:0;text-align:left}
.skill-title-copy .eyebrow{margin:0;color:#e7bf91;font-size:9px;line-height:1.1;letter-spacing:.16em}
.skill-title-copy h1{margin:1px 0 0!important;color:#fff4f9;text-shadow:0 7px 24px #1207175c}
.skill-scroll-region{scroll-padding-top:62px}

#rfsCustomSetsMount .rfs-custom-panel{position:relative;isolation:isolate;overflow:hidden;padding:12px 16px;border:1px solid #f1cfe5;background:linear-gradient(118deg,#fff9fb 0,#f9edf8 60%,#f4e6f8 100%);box-shadow:0 9px 24px #160a1d21}
#rfsCustomSetsMount .rfs-custom-panel:after{content:'✦';position:absolute;z-index:-1;right:24%;top:-23px;color:#d998bd28;font-size:80px;rotate:12deg}
#rfsCustomSetsMount .rfs-custom-panel__head{position:relative;z-index:1;display:grid;grid-template-columns:46px minmax(0,1fr) auto}
#rfsCustomSetsMount .rfs-custom-icon{display:grid;width:43px;height:43px;place-items:center;border:1px solid #ddafd0;border-radius:14px;rotate:-6deg;color:#a82e76;background:linear-gradient(145deg,#ffe7f1,#f1dcf6);font:800 22px/1 var(--display-font);box-shadow:0 4px 0 #c991b433}
#rfsCustomSetsMount .rfs-custom-panel h3{color:#42243f}
#rfsCustomSetsMount .rfs-custom-secondary{border:1px solid #c996b7;color:#7f315f;background:#fffafc;box-shadow:0 3px 0 #dec1d2}
#rfsCustomSetsMount .rfs-custom-secondary:hover{border-color:#b84984;background:#fff}

.skill-search{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:7px;align-items:center;border-color:#e0bbd3;background:#fffaf9;box-shadow:0 7px 20px #170a1d26}
.skill-search .skill-search-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#a93476!important;background:#f7e3ef;font-size:22px!important;line-height:1}
.skill-search input{width:100%;min-height:44px;padding:4px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#432b43}
.skill-search input:focus{outline:0}
.skill-search:focus-within{border-color:#df76ae;box-shadow:0 0 0 3px #e795bf2e,0 8px 22px #170a1d2b}
.skill-search .btn{min-height:40px;padding:7px 11px;border-color:#e0bed2;color:#8b3769;background:#fff}
.skill-search .skill-result-count{min-width:62px;padding-right:5px;color:#75536e!important;text-align:right;font-weight:750}

.skill-category-strip{position:sticky;z-index:8;top:-6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 17px;padding:7px;border:1px solid #d8b6d03b;border-radius:17px;background:#2d193ee8;box-shadow:0 9px 28px #12081852;backdrop-filter:blur(12px)}
.skill-category-strip button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;padding:7px 9px;border:1px solid #ffffff12;border-radius:12px;color:#ead8e7;background:#ffffff08;font:700 12px/1.15 var(--body-font);cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.skill-category-strip button>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--group-accent) 62%,transparent);border-radius:8px;color:#2b1a34;background:var(--group-accent);font:800 12px/1 var(--display-font)}
.skill-category-strip button:hover,.skill-category-strip button:focus-visible{border-color:var(--group-accent);color:#fff;background:#ffffff13;transform:translateY(-1px)}

.skill-group{--group-accent:var(--skill-rose);margin:13px 0 25px;scroll-margin-top:66px}
.skill-group-title{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 10px;padding:0 2px 9px;border-bottom:1px solid color-mix(in srgb,var(--group-accent) 45%,transparent)}
.skill-group-title .skill-group-icon{display:grid;width:39px;height:39px;place-items:center;border:1px solid color-mix(in srgb,var(--group-accent) 72%,white);border-radius:13px;color:#2e1b36;background:var(--group-accent);font:800 17px/1 var(--display-font);box-shadow:0 5px 15px color-mix(in srgb,var(--group-accent) 20%,transparent)}
.skill-group-title>div{min-width:0}
.skill-group-title .skill-group-kicker{display:block;margin:0 0 1px;padding:0;border:0;color:var(--group-accent);background:none;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.skill-group-title h2{margin:0;color:#fff2fa;font-size:22px;line-height:1.05;text-shadow:0 3px 15px #15091a}
.skill-group-title .skill-round-count{justify-self:end;padding:6px 10px;border:1px solid #ffffff17;border-radius:999px;color:#d4bbd1;background:#ffffff08;font-size:10px;white-space:nowrap}
.skill-group-title .skill-round-count b{color:#fff;font-size:12px}
.skill-grid{align-items:stretch}
.skill-card{--card-accent:var(--group-accent);isolation:isolate;overflow:hidden;border:1px solid #f3dce9;border-left:0;border-radius:17px;background:linear-gradient(125deg,#fffdfb,#f8edf6);box-shadow:0 8px 18px #13071820;transition:transform .16s,border-color .16s,box-shadow .16s}
.skill-card:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:5px;background:var(--card-accent)}
.skill-card:after{right:52px;top:13px;bottom:13px;border-color:color-mix(in srgb,var(--card-accent) 45%,transparent)}
.skill-card:hover,.skill-card:focus-within{border-color:var(--card-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 25%,transparent),0 13px 27px #10061642;transform:translateY(-2px)}
.skill-card .skill-icon{color:#6f315b;background:color-mix(in srgb,var(--card-accent) 24%,#fffaf7);border:1px solid color-mix(in srgb,var(--card-accent) 58%,white);box-shadow:0 4px 0 color-mix(in srgb,var(--card-accent) 27%,transparent)}
.skill-card h3{color:#3c2840}
.skill-card p{color:#715d70;line-height:1.42}
.skill-card small{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;color:#785369;background:color-mix(in srgb,var(--card-accent) 13%,white);font-weight:720;line-height:1.25}
.skill-arrow{border:1px solid color-mix(in srgb,var(--card-accent) 50%,white);color:#4b2846;background:color-mix(in srgb,var(--card-accent) 25%,white)}
.skill-grade-button{align-self:center;min-width:122px;min-height:52px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--card-accent) 78%,#7d4c6d);border-radius:14px;color:#42213a;background:color-mix(in srgb,var(--card-accent) 24%,white);box-shadow:0 3px 0 color-mix(in srgb,var(--card-accent) 38%,#9d7290);font:800 13px/1.1 var(--body-font);letter-spacing:0;text-transform:none}
.skill-grade-button span{display:block;margin-bottom:3px;color:#80506f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.skill-grade-button b{margin-left:4px;font-size:15px}
.skill-grade-button:hover,.skill-grade-button:focus-visible{border-color:#5c284e;color:#fff;background:#a93476;box-shadow:0 5px 0 #6e204c;transform:translateY(-2px)}
.skill-grade-button:hover span,.skill-grade-button:focus-visible span{color:#ffe8f6}

@media(max-width:700px){
 .skill-title-copy .eyebrow{display:none}
 #rfsCustomSetsMount .rfs-custom-panel{padding:11px 12px}
 #rfsCustomSetsMount .rfs-custom-panel__head{grid-template-columns:42px minmax(0,1fr) auto}
 #rfsCustomSetsMount .rfs-custom-icon{width:38px;height:38px;border-radius:12px;font-size:19px}
 .skill-category-strip{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(108px,1fr);justify-content:start;overflow-x:auto;scrollbar-width:none}
 .skill-category-strip::-webkit-scrollbar{display:none}
 .skill-category-strip button{justify-content:flex-start}
 .skill-group-title{grid-template-columns:38px minmax(0,1fr) auto}
 .skill-group-title .skill-group-icon{width:36px;height:36px}
 .skill-group-title h2{font-size:19px}
 .skill-group-title .skill-round-count{padding:5px 7px;font-size:9px}
 .skill-card{min-height:100px}
}
@media(max-width:440px){
 #rfsCustomSetsMount .rfs-custom-panel:after{display:none}
 #rfsCustomSetsMount .rfs-custom-panel__head{grid-template-columns:36px minmax(0,1fr)}
 #rfsCustomSetsMount .rfs-custom-icon{width:33px;height:33px;font-size:17px}
 #rfsCustomSetsMount .rfs-custom-panel__head>button{grid-column:1/-1;width:100%}
 .skill-search{grid-template-columns:34px minmax(0,1fr) auto auto;padding-inline:5px}
 .skill-search .skill-result-count{min-width:48px;font-size:10px!important}
 .skill-group-title{grid-template-columns:34px minmax(0,1fr)}
 .skill-group-title .skill-group-icon{width:32px;height:32px;border-radius:10px;font-size:14px}
 .skill-group-title .skill-round-count{grid-column:2;justify-self:start;margin-top:3px}
 .academic-skill-card{grid-template-columns:38px minmax(0,1fr)}
 .academic-skill-card .skill-grade-button{grid-column:1/-1;width:100%}
 .skill-card:after{display:none}
}
@media(max-height:550px){
 .skill-category-strip{margin-bottom:10px;padding:5px}
 .skill-category-strip button{min-height:42px}
 .skill-group{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.skill-category-strip button,.skill-card,.skill-grade-button{transition:none}}