.activity-space{color:#31594b}.activity-modes{display:flex;gap:12px;border-bottom:1px solid #e0e8d8;margin-bottom:24px}.activity-modes button{padding:12px 20px;background:none;border:0;border-bottom:3px solid transparent;color:#839478;font:inherit}.activity-modes button[aria-pressed=true]{border-bottom-color:#4b7b60;color:#31594b}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.activity-tile{background:#fff;border:1px solid #dfe7d7;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.activity-tile>.activity-character{width:150px;margin-top:10px}.activity-tile>div:last-child{padding:16px 22px 22px;width:100%;display:flex;flex-direction:column;gap:12px;flex:1}.activity-tile h2{font-size:19px;margin:0}.activity-tile p{font-size:13px;line-height:1.9;margin:0;color:#72866a}.activity-tile small{font-size:11px;color:#8c9a7d}.activity-tile button{margin-top:auto;align-self:flex-start;font-size:12px}.activity-workcard{max-width:1000px;margin:auto;padding:26px;border:1px solid #dce5d5;border-radius:22px;background:#fffefa;line-height:1.9}.activity-card-head{display:flex;gap:26px;align-items:center;margin-bottom:22px}.activity-card-head .activity-character{width:170px}.activity-card-head h2{font-size:26px;margin:5px 0}.activity-card-head p{font-size:15px}.activity-card-head>div>span{font-size:12px;color:#839475}.activity-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}.activity-meta h3{font-size:15px;margin:0 0 8px}.activity-meta p{font-size:13px;color:#72876a;margin:0}.activity-criteria{font-size:13px;border:1px solid #e1e8d8;padding:12px 16px;border-radius:12px}.activity-criteria summary{cursor:pointer}.activity-reflection{min-height:100px!important}.activity-evidence{border:1px solid #dfe7d6;border-radius:16px;padding:20px;margin:24px 0}.activity-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-evidence-head h3{margin:0}.activity-attach{position:relative;display:flex;gap:9px;align-items:center;cursor:pointer;color:#386751;border:1px solid #d9e4d1;border-radius:12px;padding:9px 13px;font-size:13px;overflow:hidden;background:#eef4e8}.activity-attach svg{width:22px;height:22px;flex:none}.activity-attach input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.activity-attach:focus-within{outline:2px solid #6b9a70;outline-offset:3px}.activity-evidence>small{display:block;font-size:11px;color:#839579;line-height:1.8;margin:12px 0}.activity-link{display:flex;gap:10px}.activity-link input{min-width:0;flex:1;padding:10px 12px;border:1px solid #dce6d5;border-radius:10px;font:inherit}.activity-link button{font-size:12px}.activity-files{display:grid;gap:9px;margin-top:14px}.activity-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0f4ea;border-radius:10px;min-width:0}.activity-file b{font-size:12px;overflow-wrap:anywhere;flex:1}.activity-file small{font-size:10px;color:#87977b;white-space:nowrap}.activity-file button{font-size:12px;white-space:nowrap}.activity-file>a{font-size:12px;overflow-wrap:anywhere;flex:1;color:#3f775a}.activity-status,.activity-version,.activity-local-note{display:block;font-size:11px;color:#87977c;margin-top:12px}.activity-local-note{text-align:center;margin:24px 0}.activity-feedback{padding:18px 22px;background:#eef4e6;border-radius:14px;margin-top:24px}.activity-feedback h3{font-size:16px;margin:0 0 8px}.activity-feedback p{white-space:pre-wrap;font-size:14px}.activity-feedback small{font-size:11px;color:#819570}.activity-stars-static{color:#b78c38;font-size:26px;letter-spacing:3px}.activity-rating{display:flex;direction:ltr;justify-content:flex-end;gap:8px;margin:18px 0}.activity-rating button{background:none;border:1px solid #e1e6d8;border-radius:12px;font-size:34px;width:56px;height:56px;color:#ccd3c5;line-height:1;padding:0}.activity-rating button.chosen{color:#bc943f;background:#faf4e2;border-color:#ddc78d}.activity-inbox{display:grid;gap:12px}.activity-review-row{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:right;font:inherit;color:#365f4c;background:#fff;border:1px solid #dfe7d5;border-radius:16px;padding:20px}.activity-review-row small{display:block;font-size:12px;color:#839575;margin-top:6px}.activity-review-row>span:last-child{font-size:12px;white-space:nowrap}.activity-student-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5ec;border-radius:12px;padding:18px;font-size:14px}.activity-workcard>ol{font-size:13px;color:#78906e}.activity-workcard h3{font-size:16px}@media(max-width:900px){.activity-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.activity-grid{grid-template-columns:1fr}.activity-tile{flex-direction:row}.activity-tile>.activity-character{width:110px;margin:0}.activity-tile>div:last-child{padding:16px 12px}.activity-tile h2{font-size:16px}.activity-tile p{font-size:12px}.activity-workcard{padding:16px}.activity-card-head{gap:12px}.activity-card-head .activity-character{width:100px}.activity-card-head h2{font-size:19px}.activity-card-head p{font-size:12px}.activity-meta{grid-template-columns:1fr;gap:16px}.activity-evidence{padding:14px}.activity-attach{font-size:11px;padding:8px}.activity-file{flex-wrap:wrap}.activity-rating button{width:44px;height:44px;font-size:28px}.activity-review-row{padding:15px;align-items:flex-start;flex-direction:column}.activity-modes{gap:2px}.activity-modes button{font-size:13px;padding:10px 15px}}

.activity-character{height:200px;width:100%!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.activity-character-sprite{display:block;width:calc(200px * var(--art-ratio));aspect-ratio:var(--art-ratio);max-width:100%;max-height:100%;background-repeat:no-repeat;background-color:#fff;flex-shrink:0}.activity-tile>.activity-character{margin:10px auto 0}.activity-card-head .activity-character{width:200px!important;height:200px}.activity-atlas-a{background-image:url('assets/activity-characters-a.webp')}.activity-atlas-b{background-image:url('assets/activity-characters-b.webp')}.activity-atlas-c{background-image:url('assets/activity-characters-c.webp')}.activity-atlas-d{background-image:url('assets/activity-characters-d.webp')}.activity-atlas-e{background-image:url('assets/activity-characters-e.webp')}@media(max-width:600px){.activity-tile>.activity-character{width:130px!important;height:145px;margin:0 8px}.activity-card-head .activity-character{width:130px!important;height:145px}.activity-character-sprite{width:calc(145px * var(--art-ratio))}}