/* 3.3: the workshop and collection belong to the same robot adventure. */
.atab-board .board-secondary.board-secondary-scene {
 position:relative;isolation:isolate;width:100%;max-width:none;min-height:100%;margin:0;
 padding:clamp(44px,6vw,84px) clamp(22px,5vw,96px) 48px;
 background:#f4dfb8;overflow:hidden;
}
.atab-board .board-secondary-backdrop {
 position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;
 object-fit:cover;object-position:center top;pointer-events:none;user-select:none;
}
.atab-board .board-secondary-scene:before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,#f9efd300 0%,#fff5de18 28%,#f3dfb92e 100%);
}
.atab-board .board-secondary-content {position:relative;width:100%;max-width:1200px;min-width:0;margin:0 auto}
.atab-board .board-secondary-content>.board-page-head {margin:0 0 22px;min-height:54px;align-items:center}
.atab-board .board-secondary-content>.board-page-head>h3 {
 display:inline-flex;align-items:center;gap:12px;padding:12px 23px;border:2px solid #fff6dc;
 border-bottom:5px solid #d0b376;border-radius:19px;color:#244d44;background:#fffdf4;
 box-shadow:0 7px 18px #674d2621;font-size:clamp(23px,2.7vw,33px);letter-spacing:-.035em;
}
.atab-board .board-secondary-content>.board-page-head>h3:before {
 content:"";display:inline-block;width:17px;height:17px;flex:none;border:3px solid #e5b651;
 border-radius:6px;background:#fff5b9;box-shadow:inset 0 0 0 2px #fff9e2,0 0 13px #e6b03840;transform:rotate(45deg);
}
.atab-app.atab-board .board-builder-scene .board-builder-form {
 padding:clamp(20px,2.5vw,34px);gap:23px;color:#21473f;background:#fffdf5;
 border:2px solid #e2cfa1;border-bottom:8px solid #bca36d;border-radius:30px;
 box-shadow:0 12px 0 #a88d5940,0 22px 34px #6b592729;
}
.atab-board .board-builder-scene .board-builder-form legend,
.atab-board .board-builder-scene .board-builder-settings>label>span,
.atab-board .board-builder-scene .board-builder-range>span {color:#2c5145;font-size:19px}
.atab-board .board-builder-scene .board-choice>span {
 min-height:70px;border-color:#d4ddc6;border-bottom-color:#a8bfa7;border-radius:18px;background:#eef4e6;
}
.atab-board .board-builder-scene .board-choice input:checked+span {
 border-color:#14796a;border-bottom-color:#0d574c;background:linear-gradient(#228d79,#147666);color:#fff;
 box-shadow:0 4px 0 #0b58462b;
}
.atab-app.atab-board .board-builder-scene .is-table-bubbles label>span {
 border-radius:17px;border:2px solid #e2d1a5;border-bottom:5px solid #c7b584;
 background:#faf1d6;box-shadow:0 3px 0 #b9a47321;color:#345646;
}
.atab-app.atab-board .board-builder-scene .is-table-bubbles input:checked+span {
 background:#187a69;border-color:#187a69;border-bottom-color:#105749;color:#fff;
}
.atab-app.atab-board .board-builder-scene .board-builder-form select,
.atab-app.atab-board .board-builder-scene .board-builder-form input[type=text] {
 background:#fffefb;border:2px solid #c6d9c7;border-bottom:4px solid #aec5b1;color:#244b3f;
}
.atab-board .board-builder-scene .board-builder-extra {border-top-color:#e1d1aa}
.atab-board .board-builder-scene .board-builder-extra>summary {color:#46634d}
.atab-board .board-builder-scene .board-builder-launch {padding-top:7px}
.atab-board .board-progress-scene .atab-section-heading {display:none}
.atab-board .board-progress-scene .atab-progress-view {display:flex;flex-direction:column;gap:18px;min-width:0}
.atab-board .board-progress-scene .atab-stat-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0}
.atab-board .board-progress-scene .atab-stat-grid article {
 position:relative;min-width:0;min-height:130px;gap:5px;padding:20px 12px;
 background:#fffdf5;border:2px solid #e5d1a0;border-bottom:7px solid #c6ae76;
 border-radius:25px;color:#2b5544;box-shadow:0 6px 0 #ad92522b,0 12px 20px #785d2420;
}
.atab-board .board-progress-scene .atab-stat-grid strong {font-size:clamp(31px,4vw,48px);line-height:1.1;font-variant-numeric:tabular-nums}
.atab-board .board-progress-scene .atab-stat-grid span {font-size:15px;line-height:1.35;color:#52634a;margin-top:5px}
.atab-board .board-progress-scene .atab-stat-grid article.is-stars {
 background:radial-gradient(ellipse at top,#fff9d4,#ffe6a7);border-color:#f0d38a;border-bottom-color:#c79f45;color:#775012;
}
.atab-board .board-progress-scene .atab-progress-star-help {
 width:100%;max-width:none;margin:0;padding:12px 20px;border:1px solid #d9c38c;
 border-radius:15px;background:#fff9e8;color:#785719;line-height:1.55;
}
.atab-app.atab-board .board-progress-scene .atab-profile-card {
 min-width:0;margin:0;padding:19px 23px;border:2px solid #cbdac1;border-bottom:5px solid #a9bd9c;
 border-radius:23px;background:#f6faed;box-shadow:0 6px 16px #705c1f14;
}
.atab-board .board-progress-scene .atab-profile-card form {grid-template-columns:minmax(0,1fr) auto;gap:18px}
.atab-board .board-progress-scene .atab-profile-card label>span {color:#3e5c43}
.atab-app.atab-board .board-progress-scene .atab-profile-card input {
 width:100%;min-width:0;min-height:52px;padding:11px 14px;border:2px solid #c8d8bc;
 border-bottom:4px solid #a8bd9e;border-radius:14px;background:#fffffa;color:#284a3c;font-size:18px;
}
.atab-app.atab-board .board-progress-scene .atab-profile-card button {min-height:52px;border-radius:14px;font-size:16px}
.atab-board .board-progress-scene .atab-profile-card p {margin:10px 0 0;color:#56704c;line-height:1.5}
.atab-board .board-progress-scene .atab-mastery-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.atab-board .board-progress-scene .atab-mastery-grid article {
 position:relative;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;
 gap:13px 10px;min-width:0;min-height:104px;padding:15px 17px;
 border:2px solid #e2d2a4;border-bottom:6px solid #c3ad77;border-radius:20px;
 background:#fffdf1;box-shadow:0 5px 0 #ad92521f,0 8px 15px #71532614;
}
.atab-board .board-progress-scene .atab-mastery-grid article>span {grid-column:1;grid-row:1;font-size:28px;font-family:AulaAndika,Andika,system-ui,sans-serif;color:#2d5b46;line-height:1}
.atab-board .board-progress-scene .atab-mastery-grid article>div {grid-column:1/-1;grid-row:2;height:11px;border:1px solid #d3dcc4;background:#e4ead8;box-shadow:inset 0 2px 3px #54644016}
.atab-board .board-progress-scene .atab-mastery-grid article>div>b {background:linear-gradient(90deg,#2b937b,#62b68a);border-radius:inherit}
.atab-board .board-progress-scene .atab-mastery-grid article>small {grid-column:2;grid-row:1;justify-self:end;font-size:15px;color:#60714d;font-variant-numeric:tabular-nums}
.atab-board .board-progress-scene .atab-mastery-grid .atab-mastery-star {grid-column:3;grid-row:1;font-size:29px;line-height:1;color:#b1aa8a;font-style:normal;filter:none}
.atab-board .board-progress-scene .atab-mastery-grid .atab-mastery-star.is-earned {color:#c78c1e;text-shadow:0 1px 0 #fff5a8;filter:drop-shadow(0 2px 2px #ca962c33)}
.atab-board .board-progress-scene .atab-data-actions {
 display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:16px 20px;
 border:1px solid #dfcda2;border-radius:18px;background:#fffdf1;color:#44613e;
}
.atab-app.atab-board .board-progress-scene .atab-data-actions button {min-height:48px;border-radius:13px;font-size:14px}
.atab-board .board-progress-scene .atab-data-actions__note {flex:1;min-width:160px;color:#60704e}
.atab-board .board-progress-scene .atab-data-actions .atab-danger {margin-left:auto}
/* The challenge selection is the entrance to the robot arena. */
.atab-board .board-challenges.board-arena-screen {
 position:relative;isolation:isolate;min-height:100%;padding:clamp(44px,5vw,84px) clamp(22px,5vw,96px) 48px;
 overflow:hidden;background:#f4dfb8;
}
.atab-board .board-screen-backdrop {
 position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;
 object-position:center top;pointer-events:none;user-select:none;
}
.atab-board .board-arena-screen:before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at center,#fff5df55 0%,#fff4d90d 70%);
}
.atab-board .board-arena-screen>.board-page-head {max-width:1200px;margin:0 auto 18px}
.atab-board .board-arena-screen>.board-page-head>h3 {
 display:inline-flex;align-items:center;gap:12px;padding:12px 23px;border:2px solid #fff6dc;
 border-bottom:5px solid #d0b376;border-radius:19px;color:#244d44;background:#fffdf4;
 box-shadow:0 7px 18px #674d2621;font-size:clamp(23px,2.7vw,33px);letter-spacing:-.035em;
}
.atab-board .board-arena-screen>.board-page-head>h3:before {
 content:"";display:inline-block;width:17px;height:17px;flex:none;border:3px solid #e5b651;
 border-radius:6px;background:#fff5b9;box-shadow:inset 0 0 0 2px #fff9e2,0 0 13px #e6b03840;transform:rotate(45deg);
}
.atab-board .board-arena-screen .board-challenge-grid {position:relative;z-index:1;max-width:1000px;padding:20px 0;gap:24px}
.atab-app.atab-board .board-arena-screen .board-challenge {
 min-width:0;min-height:210px;padding:23px;border:2px solid #e5d0a0;border-bottom:9px solid #bba574;
 border-radius:30px;background:#fffdf5;color:#2b5544;box-shadow:0 7px 0 #ad92522b,0 15px 22px #785d2426;
 transition:transform .15s ease,box-shadow .15s ease;
}
.atab-board .board-arena-screen .board-challenge>span {background:#e4f0df;border:1px solid #c3d9bc;box-shadow:0 4px 0 #b7cfac55}
.atab-board .board-arena-screen .board-challenge:nth-child(2)>span,
.atab-board .board-arena-screen .board-challenge:nth-child(4)>span {background:#ffedb9;border-color:#e8d292;box-shadow:0 4px 0 #ddbd7655;color:#8d620f}
.atab-board .board-arena-screen .board-challenge-robot {z-index:0;right:22px;bottom:18px;width:105px;opacity:.95}
@media(hover:hover) {
 .atab-app.atab-board .board-arena-screen .board-challenge:hover {transform:translateY(-4px);box-shadow:0 11px 0 #ad92522b,0 19px 27px #785d242b}
}
.atab-app.atab-board .board-arena-screen .board-challenge:active {transform:translateY(3px);box-shadow:0 3px 0 #ad92522b,0 8px 14px #785d2426}
@media(min-width:1600px) {
 .atab-board .board-secondary.board-secondary-scene {padding-top:105px;padding-bottom:70px}
 .atab-board .board-secondary-content {max-width:1180px}
 .atab-board .board-challenges.board-arena-screen {padding-top:105px;padding-bottom:70px}
}
@media(max-width:1100px) {
 .atab-board .board-secondary.board-secondary-scene {padding:52px 28px 36px}
 .atab-board .board-progress-scene .atab-stat-grid {gap:12px}
 .atab-board .board-progress-scene .atab-stat-grid article {min-height:120px;padding:16px 10px}
 .atab-board .board-progress-scene .atab-stat-grid span {font-size:13px}
 .atab-board .board-progress-scene .atab-mastery-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .atab-board .board-challenges.board-arena-screen {padding:52px 28px 36px}
 .atab-app.atab-board .board-arena-screen .board-challenge {min-height:185px;font-size:24px}
}
@media(max-width:800px) {
 .atab-board .board-secondary.board-secondary-scene {padding:35px 20px 32px}
 .atab-board .board-secondary-content>.board-page-head {margin-bottom:17px}
 .atab-board .board-progress-scene .atab-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .atab-board .board-progress-scene .atab-stat-grid article {min-height:114px}
 .atab-board .board-progress-scene .atab-stat-grid strong {font-size:37px}
 .atab-board .board-progress-scene .atab-mastery-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .atab-board .board-progress-scene .atab-profile-card form {gap:12px}
 .atab-board .board-progress-scene .atab-profile-card button {max-width:140px}
 .atab-board .board-challenges.board-arena-screen {padding:35px 20px 32px}
 .atab-board .board-arena-screen .board-challenge-grid {gap:18px;padding:15px 0}
 .atab-app.atab-board .board-arena-screen .board-challenge {min-height:180px;font-size:22px;padding:20px 12px}
 .atab-board .board-arena-screen .board-challenge-robot {width:80px;right:8px;bottom:7px}
}
@media(max-width:620px) {
 .atab-board .board-secondary.board-secondary-scene {padding:28px 13px 26px}
 .atab-board .board-secondary-backdrop {object-position:59% top}
 .atab-board .board-secondary-content>.board-page-head>h3 {font-size:24px;padding:11px 16px;border-radius:16px}
 .atab-app.atab-board .board-builder-scene .board-builder-form {padding:19px 14px;gap:21px;border-radius:22px;border-bottom-width:6px}
 .atab-board .board-builder-scene .board-choice>span {min-height:64px;padding:10px 5px;gap:7px;font-size:15px;border-radius:14px;overflow-wrap:anywhere}
 .atab-board .board-builder-scene .board-choice svg {width:23px;height:23px}
 .atab-board .board-builder-scene .board-builder-launch {gap:12px}
 .atab-board .board-progress-scene .atab-progress-view {gap:14px}
 .atab-board .board-progress-scene .atab-stat-grid {gap:12px}
 .atab-board .board-progress-scene .atab-stat-grid article {padding:15px 9px;min-height:112px;border-radius:20px}
 .atab-board .board-progress-scene .atab-stat-grid strong {font-size:34px}
 .atab-board .board-progress-scene .atab-stat-grid span {font-size:12px}
 .atab-board .board-progress-scene .atab-progress-star-help {padding:12px 14px;text-align:left;font-size:12px}
 .atab-app.atab-board .board-progress-scene .atab-profile-card {padding:15px;border-radius:19px}
 .atab-board .board-progress-scene .atab-profile-card form {grid-template-columns:minmax(0,1fr)}
 .atab-board .board-progress-scene .atab-profile-card button {justify-self:end;max-width:none}
 .atab-board .board-progress-scene .atab-mastery-grid {gap:12px}
 .atab-board .board-progress-scene .atab-mastery-grid article {padding:13px 11px;gap:13px 6px;border-radius:17px}
 .atab-board .board-progress-scene .atab-mastery-grid article>span {font-size:25px}
 .atab-board .board-progress-scene .atab-mastery-grid article>small {font-size:12px}
 .atab-board .board-progress-scene .atab-mastery-grid .atab-mastery-star {font-size:25px}
 .atab-board .board-progress-scene .atab-data-actions {padding:14px;gap:10px}
 .atab-app.atab-board .board-progress-scene .atab-data-actions button {width:100%;min-width:0;white-space:normal}
 .atab-board .board-progress-scene .atab-data-actions__note {font-size:12px;max-width:none}
 .atab-board .board-challenges.board-arena-screen {padding:28px 13px 33px}
 .atab-board .board-arena-screen>.board-page-head>h3 {font-size:24px;padding:11px 16px;border-radius:16px}
 .atab-board .board-arena-screen .board-screen-backdrop {object-position:59% top}
 .atab-board .board-arena-screen .board-challenge-grid {gap:15px;padding:12px 0}
 .atab-app.atab-board .board-arena-screen .board-challenge {min-height:170px;padding:17px 10px;gap:17px;border-radius:22px;border-bottom-width:7px;font-size:19px}
 .atab-board .board-arena-screen .board-challenge>span {width:67px;height:67px;border-radius:20px}
 .atab-board .board-arena-screen .board-challenge svg {width:34px;height:34px}
 .atab-board .board-arena-screen .board-challenge-robot {width:55px;bottom:5px;right:5px}
}
@media(max-width:360px) {
 .atab-board .board-secondary.board-secondary-scene {padding-left:10px;padding-right:10px}
 .atab-app.atab-board .board-builder-scene .board-builder-form {padding-left:11px;padding-right:11px}
 .atab-board .board-builder-scene .board-choices {gap:7px}
 .atab-board .board-progress-scene .atab-stat-grid strong {font-size:30px}
 .atab-board .board-progress-scene .atab-mastery-grid {gap:9px}
 .atab-board .board-progress-scene .atab-mastery-grid article {padding:12px 8px}
 .atab-board .board-challenges.board-arena-screen {padding-left:10px;padding-right:10px}
 .atab-board .board-arena-screen .board-challenge-grid {gap:12px}
 .atab-app.atab-board .board-arena-screen .board-challenge {font-size:17px;padding:17px 7px}
}
@media(min-width:801px) and (max-height:600px) {
 .atab-board .board-challenges.board-arena-screen {padding:24px 28px 28px}
 .atab-board .board-arena-screen .board-challenge-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
 .atab-app.atab-board .board-arena-screen .board-challenge {min-height:185px;padding:20px 10px;font-size:20px}
 .atab-board .board-arena-screen .board-challenge>span {width:70px;height:70px;border-radius:21px}
}
@media(prefers-reduced-motion:reduce) {
 .atab-app.atab-board .board-arena-screen .board-challenge {transition:none}
}
/* Keep the normal creator and its full-size launch button visible on classroom screens. */
@media(min-width:801px) and (max-height:950px) {
 .atab-board .board-secondary.board-builder-scene {padding-top:30px;padding-bottom:28px}
 .atab-board .board-builder-scene .board-secondary-content>.board-page-head {margin-bottom:16px}
 .atab-app.atab-board .board-builder-scene .board-builder-form {padding:24px;gap:18px}
 .atab-app.atab-board .board-builder-scene .board-builder-form label>span {margin-bottom:0}
 .atab-app.atab-board .board-builder-scene .is-table-bubbles {padding:12px 4px 6px}
 .atab-board .board-builder-scene .board-builder-launch {padding-top:0}
}
@media(min-width:801px) and (max-height:800px) {
 .atab-board .board-secondary.board-builder-scene {padding-top:24px;padding-bottom:20px}
 .atab-board .board-builder-scene .board-secondary-content>.board-page-head {margin-bottom:12px}
 .atab-board .board-builder-scene .board-secondary-content>.board-page-head>h3 {padding-top:8px;padding-bottom:8px}
 .atab-app.atab-board .board-builder-scene .board-builder-form {padding:18px;gap:10px}
 .atab-app.atab-board .board-builder-scene .board-builder-form legend {margin-bottom:6px}
 .atab-app.atab-board .board-builder-scene .is-table-bubbles {padding-bottom:4px}
}