@import url("https://fonts.googleapis.com/css2?family=Chewy&display=swap");*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto;background:#a2b7e5}button{border:0;padding:0;font-family:inherit;background:transparent;cursor:pointer}.page{width:100%;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background:#a2b7e5}.gameStage{position:relative;width:100%;height:100%;overflow:hidden;font-family:Chewy,Comic Sans MS,cursive}.gameStage,.layer{-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer{position:absolute;display:block;pointer-events:none}.bg{inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.topBar{position:absolute;z-index:40;left:0;top:0;width:100%;height:11.914%;background:linear-gradient(180deg,rgba(202,213,241,.96),rgba(185,203,237,.88))}.profilePill{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:auto;height:56px;padding:6px 24px 6px 12px;border-radius:16px;background:#f6e9df;box-shadow:0 5px 0 rgba(196,176,160,.5);display:flex;align-items:center;gap:14px}.avatarBox{position:relative;width:44px;height:44px;border-radius:10px;background:#d2b6a6;overflow:hidden;flex:0 0 auto}.avatarHead{width:14px;height:14px;left:15px;top:10px;border-radius:50%}.avatarBody,.avatarHead{position:absolute;background:#3c4650}.avatarBody{width:25px;height:17px;left:9px;bottom:2px;border-radius:12px 12px 5px 5px}.username{color:#34333f;font-size:clamp(12px,1.18vw,17px);letter-spacing:.3px;transform:translateY(-1px) rotate(-2deg)}.questLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:60%;width:auto}.logoImg{height:100%;width:auto;object-fit:contain}.navActions{position:absolute;right:5.9%;top:15.6%;height:80%;display:flex;align-items:flex-start;gap:clamp(30px,3.6vw,52px)}.navButton{width:74px;display:flex;flex-direction:column;align-items:center;color:#353649}.navButtonWide{width:132px}.navIcon{width:58px;height:58px;border-radius:20px;background:#fff1dd;box-shadow:0 5px 0 rgba(205,177,160,.6);display:flex;align-items:center;justify-content:center}.navIcon:before{content:"";position:absolute}.navIcon svg{width:38px;height:38px;fill:white;padding:7px;border-radius:11px;background:#ff9708;box-shadow:inset 0 0 0 4px rgba(255,187,52,.95)}.navText{margin-top:5px;font-size:clamp(13px,1.25vw,18px);line-height:1;transform:rotate(-3deg);white-space:nowrap}.navTextWide{white-space:normal;text-align:center;line-height:1.1}.overlayModal{position:absolute;inset:0;z-index:60;background:rgba(17,31,49,.42);display:grid;place-items:center;padding:24px}.overlayModalCard{width:min(100%,520px);border-radius:30px;background:rgba(255,251,246,.98);box-shadow:0 28px 54px rgba(33,62,92,.24);overflow:hidden}.overlayModalFooter,.overlayModalHeader{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.overlayModalHeader{border-bottom:1px solid rgba(213,218,231,.9)}.overlayModalHeader h2{margin:0;color:#24334a;font-size:clamp(1.35rem,1.8vw,1.7rem);font-weight:900}.overlayModalClose{width:42px;height:42px;border-radius:50%;background:#fff1dd;color:#f78118;font-size:1.75rem;line-height:1;box-shadow:0 4px 0 rgba(205,177,160,.45)}.overlayModalBody{padding:22px;display:flex;flex-direction:column;gap:12px;color:#34435c;font-size:1rem;line-height:1.55}.overlayModalBody p{margin:0}.overlayModalAction{min-height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#86ebe0,#2fcbb8);color:#ffffff;font-size:1rem;font-weight:900;box-shadow:0 6px 0 rgba(25,147,135,.26)}.leaderboardPage{min-height:100vh;min-height:100dvh;padding:24px;background:radial-gradient(circle at top left,rgba(255,223,154,.42),transparent 24%),radial-gradient(circle at top right,rgba(167,234,226,.34),transparent 22%),linear-gradient(180deg,#dcecf9,#eef8ff 42%,#f9f3e6);color:#26344b;font-family:Chewy,Comic Sans MS,cursive}.leaderboardShell{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.leaderboardTopBar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center;padding:16px 18px;border-radius:28px;background:rgba(255,251,246,.94);box-shadow:0 20px 44px rgba(61,101,133,.12)}.leaderboardBackButton{width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#ffbb34,#ff8d1c);display:grid;place-items:center;box-shadow:0 6px 0 rgba(178,98,7,.28)}.leaderboardBackIcon{position:relative;width:24px;height:24px}.leaderboardBackIcon:after,.leaderboardBackIcon:before{content:"";position:absolute;background:#ffffff;border-radius:999px}.leaderboardBackIcon:before{left:4px;top:10px;width:16px;height:4px}.leaderboardBackIcon:after{left:4px;top:7px;width:10px;height:10px;background:transparent;border-left:4px solid #ffffff;border-bottom:4px solid #ffffff;border-radius:0;transform:rotate(45deg)}.leaderboardHeading p,.leaderboardNotice{margin:0}.leaderboardHeading p{color:#8b95aa;font-size:.9rem;font-weight:700}.leaderboardHeading h1{margin:4px 0 0;color:#1d2433;font-size:clamp(1.6rem,2.6vw,2.45rem);line-height:1.05;font-weight:900}.leaderboardCard{border-radius:32px;background:rgba(255,251,246,.95);box-shadow:0 24px 58px rgba(61,101,133,.12);padding:28px}.leaderboardNotice{padding:16px 18px;border-radius:20px;background:#fff4dd;color:#8a641d;line-height:1.5}.leaderboardRows{margin-top:18px;display:flex;flex-direction:column;gap:14px}.leaderboardRow{border-radius:24px;background:#ffffff;padding:18px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;box-shadow:inset 0 0 0 1px rgba(228,233,240,.9)}.leaderboardRow.isCurrentStudent{background:#edfffb;box-shadow:inset 0 0 0 2px #82ddd3,0 18px 34px rgba(70,146,140,.12)}.leaderboardRank,.leaderboardScore{font-weight:900}.leaderboardRank{color:#ff7d28;font-size:1.05rem}.leaderboardRowCopy{min-width:0;display:flex;flex-direction:column;gap:4px}.leaderboardRowCopy strong{color:#25344b;font-size:1.18rem;line-height:1.15}.leaderboardRowCopy span{color:#7d889b;font-size:.95rem}.leaderboardScore{color:#1d2433;font-size:1.05rem;white-space:nowrap}.mountainLeft{z-index:2;left:-.3%;top:42.1%;width:40.49%;height:auto}.mountainRight{z-index:2;left:57.8%;top:42.3%;width:58.19%;height:auto}.garden{z-index:4;left:-17.8%;top:54.1%;width:142.222%;height:auto}.treeLeft{left:-.1%;top:40.2%;width:13.333%}.treeLeft,.treeRight{z-index:8;height:auto}.treeRight{left:91.4%;top:32.2%;width:11.736%}.frontGrassLeft{z-index:9;left:-.2%;top:83.8%;width:18.889%;height:auto}.frontGrassRight{z-index:9;right:0;top:84.9%;width:14.306%;height:auto}.namePlate{z-index:12;left:44.6%;top:28%;width:13.5%;height:auto}.mascot{z-index:13;left:28%;top:47%;width:15%;height:auto}.squirrelAnimation{position:absolute;z-index:13;left:64%;top:46%;width:16%;height:auto;pointer-events:none}.fence{z-index:20;left:0;top:75.879%;width:100%;height:auto}.hotspot{position:absolute;z-index:30;background:rgba(255,255,255,0);border-radius:26px}.topicsHotspot{left:44.7%;top:28.6%;width:13.1%;height:8.8%}.gamesHotspot{left:44.6%;top:40.3%;width:13.2%;height:9.1%}.navButton:focus-visible,.profilePill:focus-visible,.questLogo:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:4px}@media (max-width:900px){.navActions{gap:clamp(12px,2.5vw,30px)}.navButton{width:auto}.navIcon{width:44px;height:44px;border-radius:14px}.navIcon svg{width:28px;height:28px;padding:5px;border-radius:8px}.navText{font-size:11px}.navButtonWide{width:112px}.avatarBox{width:32px;height:32px;border-radius:8px}.avatarHead{width:10px;height:10px;left:11px;top:7px}.avatarBody{width:18px;height:12px;left:7px}}@media (max-width:600px){.navText{display:none}.navActions{gap:10px}.navIcon{width:38px;height:38px;border-radius:12px;box-shadow:0 3px 0 rgba(205,177,160,.6)}.navIcon svg{width:24px;height:24px;padding:4px;border-radius:7px}.profilePill{width:auto;padding-left:4px;padding-right:8px}.username{font-size:11px}.overlayModal{padding:18px}.leaderboardRow{grid-template-columns:1fr;gap:10px}.leaderboardScore{justify-self:start}}