.school-experience{--line:#e2e7ec;--muted:#6f818b;color:#354b58;border:2px solid #d3e0e8;box-shadow:6px 6px 0 #e0eaf0;overflow:hidden}
.school-experience .sidebar{background:#f2f7fc;border-right:2px dashed #c9dbe7;padding:32px 18px}.school-experience .brand{color:#456b81}.school-experience .brand svg{color:#71a375}.school-experience .brand-sub{color:#8190a2}
.school-experience .nav button{border:1px dashed transparent;font-size:15px}.school-experience .nav button.active{background:#dcecf8;color:#416d87;border:1px dashed #a7c6dc;box-shadow:3px 3px 0 #c8dceb}.school-experience .nav button svg{color:#6e96ae}.school-experience .nav [data-page=pet] svg{color:#82a974}.school-experience .nav [data-page=rewards] svg{color:#d69a72}.school-experience .nav [data-page=mine] svg{color:#c28e99}.school-experience .nav [data-page=rankings] svg{color:#caaa59}
.school-experience .topbar{position:relative;isolation:isolate;min-height:202px;padding:32px 30px 44px;align-items:flex-start;background:#fffdf6;border-bottom:2px dashed #d7dfe2;margin-bottom:24px}.school-experience .topbar>div{position:relative;z-index:2;padding-top:12px;max-width:50%}.school-experience .topbar h1{font-size:34px;gap:12px;line-height:1.4}.school-title{display:flex;flex-wrap:wrap;gap:2px;font-weight:850;text-shadow:1px 2px 0 #e2e3df}.school-title>span{color:#6d98b2}.school-title>span:nth-child(4n+2){color:#94ac78}.school-title>span:nth-child(4n+3){color:#dc9d8d}.school-title>span:nth-child(4n){color:#c9a15b}.school-experience .adventure-heading-icon{background:#f2e9c6;color:#b29354;border:1px dashed #d3b97a;width:40px;height:40px;transform:rotate(-5deg)}
.school-experience .topbar .eyebrow{color:#7e8991;margin-bottom:8px;line-height:1.6}.school-friends{position:absolute;right:26px;bottom:12px;width:355px;height:158px;object-fit:contain;z-index:0;pointer-events:none}.school-experience .topbar .child-select{z-index:3;position:relative;background:#fff;border:1px solid #bfd5df;box-shadow:2px 3px 0 #e2edf0}.school-experience .cloud-status{z-index:3;position:absolute;right:32px;top:84px;font-size:11px}
.school-experience .adventure-status{margin:0 0 24px;background:#f1f8fc;border:0;border-block:2px dashed #c4d9e6;border-radius:0;overflow:visible}.school-chapter{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:750;color:#52758b;padding:14px 18px 0}.school-chapter>svg{width:22px;color:#c99c69}.school-chapter>span{margin-left:auto;color:#96a6b8;transform:rotate(18deg)}.school-chapter>span svg{width:26px;height:26px}.school-experience .adventure-status-body{padding:14px 18px 16px}.school-experience .adventure-status .date-row{margin-bottom:14px}.school-experience .tag{background:#ffedbd;color:#a47d32;border:1px dashed #e2c98d}.school-experience .adventure-status .track{background:#dce9ef;height:12px;border:1px solid #c4dce8}.school-experience .adventure-status .fill{background:#7aa7bc}.school-experience .progress-area strong{color:#50869d}.school-experience .balance{color:#618096}.school-experience .daily-harvest strong{color:#b48b44}
.school-experience .today-layout>section{border-left:2px solid #f0d6db;padding-left:18px}.school-experience .today-layout{gap:24px}.school-experience .filters{gap:8px}.school-experience .filters button{border:1px dashed #cbd8df;color:#698294;background:#f1f6fa;transform:rotate(-1deg);padding:7px 14px}.school-experience .filters button:nth-child(2){background:#f1f6e9;transform:rotate(1deg)}.school-experience .filters button:nth-child(3){background:#fff0e7;transform:rotate(-1deg)}.school-experience .filters button:nth-child(4){background:#faf0f1;transform:rotate(1deg)}.school-experience .filters button.active{border:1px solid #789db2;color:#456b80;box-shadow:2px 2px 0 #d8e6ed;font-weight:750}
.school-experience .section-head h2{color:#4d6572}.school-experience .task-group-head{padding:6px 9px;background:#eef4df;border-radius:0;border-bottom:1px dashed #c5d4ac;color:#718350}.school-experience .task-group[data-task-group=daytime] .task-group-head{background:#e9f2f9;color:#5c849e;border-color:#c0d4e5}.school-experience .task-group[data-task-group=bed] .task-group-head{background:#f6eef1;color:#9d7f91;border-color:#deccda}.school-experience .task-group-head>svg{background:transparent;color:#b59756;padding:0;width:20px;height:20px}.school-experience .task-group-head span{color:inherit}.school-experience .task-group-head h3{font-size:13px}.school-experience .task-group{margin-top:20px}.school-experience .task-row{border-bottom:1px dashed #cedbe3}.school-experience .task-copy h3{color:#3e5868}.school-experience .task-icon{background:#eaf4fd;color:#6e9abb;border:1px solid #c9ddeb;transform:rotate(-3deg)}.school-experience .task-icon.sport{background:#ffefdf;border-color:#f0d4b8;color:#d7a16c;transform:rotate(3deg)}.school-experience .task-icon.life{background:#edf4e4;border-color:#d4e2bf;color:#8ca46a}.school-experience .check{border-color:#b6cbd7;border-width:2px;box-shadow:2px 2px 0 #e8eef2}.school-experience .done .check{background:#84aa92;border-color:#84aa92}.school-experience .done .task-copy h3{color:#92a19e}.school-experience .completed-tasks{border-top:0}.school-experience .completed-tasks .section-head{border-bottom:2px dashed #e0e6de;padding-bottom:10px}
.school-experience .adventure-camp-title{color:#769378}.school-experience .mini-habitat{border:2px solid #d2e3da;box-shadow:4px 4px 0 #e8efdf}.school-experience .first-egg-mini{background:#f6f8ed}.school-experience .mini-habitat button{border:1px dashed #b6d0bf;color:#6f9179;background:#fffdf5}
.school-experience .btn{background:#719da4;box-shadow:2px 3px 0 #557f8b;border:1px solid #688e9a}.school-experience .btn.secondary{background:#f0f4e8;color:#7b9460;border-color:#c7d8b7;box-shadow:2px 2px 0 #e0e9d4}.school-experience .reward{border:1px dashed #cad7df;box-shadow:3px 4px 0 #eaf0f3}.school-experience .reward-visual{background:#eef5fc;border:1px dashed #bbd1e3;border-bottom:3px solid #99b9d1;transform:rotate(-1deg)}.school-experience .reward:nth-child(2n) .reward-visual{background:#fff0e7;border-color:#e7c6b3;transform:rotate(1deg)}.school-experience .reward>strong{color:#718d9f}.school-experience .reward h3{color:#587489}.school-experience .reward-visual svg{color:#86a9c0}.school-experience .reward:nth-child(2n) .reward-visual svg{color:#cd9a7c}
.school-experience .stat-grid{background:#f0f6fb;border-block:2px dashed #cbdce8}.school-experience .stat strong{color:#7498ac}.school-experience .stat:nth-child(2) strong{color:#ba9562}.school-experience .stat:nth-child(3) strong{color:#8eaa79}.school-experience .rank-overview{background:#edf5fb;border-block:2px dashed #c5dbe9}.school-experience .rank-overview-title{color:#6a8ca5}.school-experience .rank-tabs{background:#eef3f7;border:1px dashed #c7d8e1}.school-experience .rank-tabs button.active{color:#5c859d;background:#fff}.school-experience .rank-my-summary strong{color:#6c96ae}.school-experience .rank-row{border-bottom:1px dashed #d0dde5}.school-experience .rank-row.is-me{background:#f2f6e9;border-left-color:#98b37c}.school-experience .rank-score{color:#809b70}.school-experience .weekly-stars{background:#fff9e8;border-block:2px dashed #e0c997}.school-experience .rank-avatar{background:#eef5e7;color:#91a972}.school-experience .ledger{border-bottom:1px dashed #d0dce4}.school-experience .empty{background:#f4f7f9;color:#8497a3}.school-experience .pet-navigation{background:#f2f6fa;border-top:2px dashed #ccdae6}.school-experience .pet-tools button{background:#f2f6eb;border:1px dashed #c5d5b3;box-shadow:2px 2px 0 #e3ebd8}.school-experience .pet-tools button:nth-child(even){background:#f1f5fc;border-color:#c8d6e5}.school-experience .first-egg{background:#f5f9ee;border-block:2px dashed #cddfb9}
.school-experience .school-friends{right:140px}.school-title>span{color:#557f98}.school-title>span:nth-child(4n+2){color:#738856}.school-title>span:nth-child(4n+3){color:#b7796a}.school-title>span:nth-child(4n){color:#a47b34}
@media(max-width:1000px) and (min-width:800px){.school-experience .school-friends{right:22px;width:270px;height:118px;bottom:8px}.school-experience .topbar h1{font-size:30px}.school-experience .topbar{min-height:238px}.school-experience .topbar>div{max-width:46%}.school-experience .today-layout{grid-template-columns:minmax(0,1fr) 190px}.school-experience .mini-habitat{min-height:188px}}
@media(max-width:799px){
 .school-experience{border:0;box-shadow:none}.school-experience .sidebar{padding:0;border:0}.school-experience .topbar{min-height:230px;padding:20px 18px;margin-bottom:20px;display:flex;align-items:flex-start;gap:8px}.school-experience .topbar>div{padding:0;max-width:calc(100% - 112px)}.school-experience .topbar h1{font-size:26px;gap:7px}.school-experience .adventure-heading-icon{width:31px;height:31px}.school-experience .adventure-heading-icon svg{width:20px;height:20px}.school-experience .school-friends{width:295px;height:146px;max-width:calc(100% - 32px);right:16px;bottom:10px}.school-experience .topbar .child-select{min-height:40px;padding:7px}.school-experience .topbar .child-select select{font-size:13px;max-width:74px}.school-experience .cloud-status{top:64px;right:20px;flex-basis:auto;height:auto;width:auto}.school-experience .adventure-status{margin:0 0 22px}.school-chapter{padding:12px 12px 0;font-size:14px}.school-experience .adventure-status-body{padding:12px}.school-experience .today-layout>section{padding-left:12px}.school-experience .task-group-head{padding:6px 8px}.school-experience .task-copy h3{font-size:15px}.school-experience .task-copy small{font-size:11px}.school-experience .task-icon{width:36px;height:36px}.school-experience .task-row{gap:10px}.school-experience .filters{gap:6px}.school-experience .filters button{padding:7px 11px;min-height:36px}.school-experience .nav{background:#fffdf6;border-top:2px dashed #cddae4}.school-experience .nav button{font-size:11px;border:0;box-shadow:none;transform:none}.school-experience .nav button.active svg{background:#e5f1fa;outline-color:#e5f1fa}.school-experience .rank-overview{margin:0 -18px}.school-experience .stat-grid{margin:8px -18px 24px}.school-experience .reward{padding:12px}.school-experience .reward .btn{padding:10px 4px}.school-experience .reward-visual{height:80px}.school-experience .weekly-stars{padding:16px 12px}
}
@media(max-width:359px){.school-experience .topbar h1{font-size:22px;gap:5px}.school-experience .adventure-heading-icon{width:28px;height:28px}.school-experience .topbar{padding-inline:16px}.school-experience .topbar>div{max-width:calc(100% - 101px)}.school-experience .filters button{padding-inline:9px}.school-experience .school-friends{height:138px;width:278px}}
@media(max-width:799px){.school-experience .nav button.active{border:0;box-shadow:none}.school-experience .school-friends{right:16px}}