:root{--ink:#304969;--teal:#118d9a;--pink:#e66d96;--blue:#268acd;--glass:rgba(250,253,255,.93);--line:rgba(100,139,169,.22);font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bfdafa}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:transparent;border-radius:12px;padding:10px 13px;transition:background .16s,box-shadow .16s,transform .16s}button:hover{background:#e2eff8}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #008899;outline-offset:3px}[hidden]{display:none!important}#campusApp{position:relative;height:100vh;height:100svh;min-height:480px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%;outline:none}.topbar{position:absolute;top:18px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.back{text-decoration:none;color:#27617d;background:var(--glass);border:1px solid var(--line);padding:10px 15px;border-radius:13px;font-size:14px}.course-name{position:absolute;left:155px;top:0;pointer-events:none}.course-name span{font-size:11px;letter-spacing:.08em;color:#5a7e9d}.course-name h1{margin:3px 0 0;font-size:21px;font-weight:700;letter-spacing:.03em}.quiet{background:var(--glass);border:1px solid var(--line)}.topbar .quiet{font-size:13px}.compass{position:absolute;right:28px;top:90px;width:110px;height:110px;border-radius:50%;background:rgba(244,251,255,.82);box-shadow:0 2px 12px #55739a0f;border:1px solid #719abc55;pointer-events:none}.compass::after{position:absolute;content:"";inset:13px;border:1px dashed #94b4ce;border-radius:50%}#compassDial{position:absolute;inset:0}.compass b{position:absolute;font-size:15px;font-weight:600}.compass .north{top:7px;left:47px;color:#d9537e}.compass .south{bottom:7px;left:47px}.compass .west{left:9px;top:43px}.compass .east{right:9px;top:43px}.compass-needle{position:absolute;left:48px;top:29px;width:13px;height:50px;clip-path:polygon(50% 0,100% 55%,50% 43%,0 55%);background:#e681a0}.toolbar{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:9px 13px;background:var(--glass);border:1px solid #d4e4ef;border-radius:20px;box-shadow:0 7px 25px #577ba222;white-space:nowrap;max-width:calc(100% - 36px);z-index:5}.toolbar button{font-size:14px;padding:10px 12px;min-height:42px}.button-group{display:flex;gap:2px;position:relative}.button-group:not(:first-child)::before{content:"";position:absolute;left:-4px;top:12px;height:22px;width:1px;background:#adc7d64d}.button-group button{padding:10px 12px}.button-group.zoom-buttons button{font-size:20px;font-weight:600;min-width:35px;padding:5px 8px}.selected,.toolbar .selected{background:#128e9c;color:white;box-shadow:0 2px 4px #0579801f}.primary{background:#128e9c;color:#fff;border:1px solid #057785}.primary:hover,.selected:hover{background:#0c7d8d}.toolbar .pk-button{color:#fff;background:linear-gradient(115deg,#e2759b,#4a82c4);border:1px solid #c585b4;padding:10px 16px}.direction-pad{position:absolute;width:156px;height:156px;background:rgba(247,251,255,.86);border:1px solid #a7c6df;border-radius:24px;box-shadow:0 5px 16px #53759516;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;z-index:4;touch-action:none;user-select:none}.direction-pad button{font-size:22px;font-weight:600;padding:0;border-radius:15px;touch-action:none}.direction-pad .north{grid-row:1;grid-column:2}.direction-pad .south{grid-row:3;grid-column:2}.direction-pad .west{grid-row:2;grid-column:1}.direction-pad .east{grid-row:2;grid-column:3}.pad-center{grid-row:2;grid-column:2;background:#91adc34a;border-radius:50%;align-self:center;justify-self:center;width:12px;height:12px}.direction-pad button.held{background:#16a6af;color:#fff;box-shadow:inset 0 2px 4px #0a788822}.solo-pad{left:28px;bottom:112px}.girl-pad{left:34px;bottom:44px;border-color:#e3a6bb}.girl-pad .held{background:var(--pink)!important}.boy-pad{right:34px;bottom:44px;border-color:#8fbde3}.boy-pad .held{background:var(--blue)!important}.position-readout{position:absolute;bottom:85px;left:29px;font-size:12px;color:#52779a;pointer-events:none}.task-card{position:absolute;width:306px;padding:17px 18px 13px;background:rgba(252,254,255,.95);border:1px solid #b8d4e6;border-top:4px solid var(--teal);border-radius:20px;box-shadow:0 6px 22px #5578991a;z-index:4;font-size:16px;line-height:1.95}.solo-task{left:28px;top:96px;max-height:calc(100% - 390px);overflow-y:auto}.girl-task{bottom:218px;left:28px;border-top-color:var(--pink)}.boy-task{bottom:218px;right:28px;border-top-color:var(--blue)}.task-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;line-height:1.3}.task-top h2{margin:0;font-size:17px}.girl-task h2{color:#bf4f78}.boy-task h2{color:#227bbb}.task-top button{font-size:12px;padding:5px 7px;color:#7390a4}.task-text{margin:0}.location-chip{display:inline;padding:2px 5px;border-radius:5px;font-size:14px;white-space:nowrap;font-weight:600;background:#dff2ec;color:#207e72}.location-chip.checkpoint{background:#fce2eb;color:#bd587a}.location-chip.destination{background:#dfecfe;color:#3573ba}.direction-blank{display:inline-block;padding:0 8px;border:1px solid #c0d1df;border-radius:7px;background:#f5f8fc;font-size:16px;min-width:49px;line-height:1.9;margin:0 3px}.direction-blank.active{box-shadow:0 0 0 2px #1a939c44;border-color:#148e9c;background:#e6f8f6}.direction-blank.filled{font-weight:700;color:#137f8c}.answer-choices{display:flex;justify-content:space-between;gap:7px;margin-top:12px}.answer-choices button{flex:1;background:#eaf2f8;font-size:17px;padding:5px 8px;border:1px solid #d9e5ee}.answer-choices button:hover{background:#d6f0ed;border-color:#8ecdc7}.task-progress{display:flex;align-items:center;gap:6px;color:#698397;font-size:12px;margin:10px 0 0;line-height:1.6}.task-progress span{display:inline-block;padding:2px 5px;border-radius:5px}.task-progress .done{background:#def4e8;color:#287c55}.task-status{margin:7px 0 0;color:#608197;font-size:12px;line-height:1.7}.task-card.collapsed{padding:10px 15px}.task-card.collapsed .task-top{margin:0}.task-card.collapsed .task-body{display:none}.scoreboard{position:absolute;top:21px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--glass);border:1px solid #d1e2f1;border-radius:18px;box-shadow:0 4px 15px #53739114;z-index:6;white-space:nowrap}.scoreboard strong{font-size:17px;border-radius:11px;padding:7px 13px;color:white;font-weight:600}.girl-score{background:var(--pink)}.boy-score{background:var(--blue)}.scoreboard button{padding:7px 10px;font-size:13px}.scoreboard #winningTarget{font-size:12px;color:#6d899d}.pk-mode .toolbar,.pk-mode .position-readout,.pk-mode .course-name{display:none}.pk-mode .topbar .quiet{position:absolute;right:0;top:0}.map-label,.map-marker{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;will-change:left,top}.map-label{background:#f9fcfff2;border:1px solid #d7e3f1;border-radius:11px;padding:5px 11px;font-size:14px;font-weight:600;color:#42637d;box-shadow:0 3px 9px #557b9213}.map-marker{border-radius:9px;padding:4px 9px;color:white;font-size:14px;font-weight:700;border:2px solid #fff;box-shadow:0 2px 6px #35588338;background:#279989;z-index:2}.map-marker::after{content:"";position:absolute;bottom:-7px;left:calc(50% - 4px);width:8px;height:8px;background:inherit;transform:rotate(45deg);border-right:1px solid white;border-bottom:1px solid white}.map-marker.point-1{background:#e77192}.map-marker.point-2{background:#397ed0}.map-marker.girl-marker{border-color:#fb8dad}.map-marker.boy-marker{border-color:#84bfee}.map-marker.reached{background:#4aaf86}.toast{position:absolute;top:86px;left:50%;transform:translateX(-50%);max-width:calc(100% - 50px);background:#fcffffee;box-shadow:0 5px 25px #55789529;border:1px solid #c4dfe6;border-radius:14px;padding:12px 21px;font-size:16px;text-align:center;z-index:9;pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:800;color:white;text-shadow:0 4px 0 #387b9655,0 14px 50px #34738c66;background:#41678613;pointer-events:none;z-index:12}.countdown.go{color:#1eb7a0;text-shadow:0 3px 0 white,0 6px 14px #36778d44}.loading{position:absolute;inset:0;background:#c4dcf5;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#527398}.loading strong{font-size:22px}.loading p{font-size:14px;margin:0}.loading-orbit{width:40px;height:40px;border:3px solid #fff9;border-top-color:#198e9b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lesson-dialog{border:1px solid #d2e6ee;border-radius:26px;padding:35px 38px;width:min(560px,calc(100vw - 36px));max-height:calc(100svh - 45px);overflow:auto;color:var(--ink);box-shadow:0 20px 80px #24456733;background:#fcffff}.lesson-dialog::backdrop{background:#37587938;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:15px;font-size:25px;color:#7890a5;padding:2px 9px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#178a94;margin:0 0 9px}.lesson-dialog h2{font-size:28px;margin:0 0 23px;letter-spacing:.04em}.target-label{display:flex;align-items:center;gap:17px;font-size:14px;margin-bottom:20px}.target-label select{padding:10px 11px;background:#f2f8fb;border:1px solid #bed7e3;border-radius:10px;color:var(--ink);flex:1}.teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.teams>div{border-radius:16px;padding:19px 16px;border:1px solid #f0c8d5;background:#fff3f7}.teams .team-boy{border-color:#b7d7ef;background:#eef7ff}.team-girl strong{color:#c14e79}.team-boy strong{color:#237dc0}.teams strong{font-size:16px}.teams p{font-size:13px;margin:12px 0 8px}.teams span{font-size:11px;color:#6e8397}.dialog-note{font-size:13px;line-height:1.85;color:#70879a;margin:22px 0}.start-button{width:100%;background:var(--teal);color:#fff;padding:13px;font-size:18px;border-radius:13px;box-shadow:0 3px 0 #087685}.start-button:hover{background:#0d8090}.lesson-tabs{display:flex;gap:8px;border-bottom:1px solid #dce8ed;padding-bottom:12px;margin-bottom:20px}.lesson-tabs button{font-size:14px;flex:1}.lesson-page h3{font-size:19px;line-height:1.6;margin:17px 0 8px}.lesson-page p{font-size:15px;line-height:1.9;color:#5c748b}.lesson-page .think{padding:14px 16px;background:#eef7f6;border-left:3px solid #56b4a8;border-radius:0 12px 12px 0;color:#43817c}.lesson-compass{width:145px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#e9f4fa;border-radius:50%;padding:16px;margin:0 auto}.lesson-compass b{font-size:20px}.lesson-compass b:first-child{color:#d75881}.lesson-compass span{font-size:20px}.location-example{display:flex;align-items:center;justify-content:center;gap:13px;margin:30px 0}.location-example span{background:#e3eff7;padding:12px;border-radius:12px;color:#3983ab}.location-example i{font-style:normal;color:#458e84}.route-lesson{padding-left:25px;line-height:2;font-size:15px}.help-list{list-style:none;padding:0;display:grid;gap:16px}.help-list li{display:grid;grid-template-columns:85px 1fr;gap:9px;line-height:1.75;font-size:14px}.help-list strong{color:#238f95}.help-list span{color:#617a91}.winner-dialog{text-align:center}.winner-star{color:#e5b04d;font-size:76px;line-height:1.1;margin:10px}.winner-dialog p:not(.eyebrow){line-height:1.8;color:#627b90}.winner-dialog .quiet{margin-top:13px;padding:12px;width:100%}.teaching-dialog{width:min(610px,calc(100vw - 36px))}
@media(min-width:1600px){.toolbar{gap:9px;padding:11px 17px}.toolbar button{font-size:16px;padding:11px 15px}.direction-pad{width:172px;height:172px}.task-card{width:325px;font-size:18px}.girl-task,.boy-task{bottom:235px}.map-label{font-size:15px}.compass{right:37px}}
@media(max-width:1200px){.toolbar{gap:2px;padding:7px}.toolbar button{font-size:12px;padding:9px 8px}.button-group button{padding:9px}.course-name{left:140px}.compass{right:22px;width:90px;height:90px;top:78px}.compass .north,.compass .south{left:37px}.compass .east,.compass .west{top:34px}.compass-needle{left:38px;top:20px}.task-card{width:264px;padding:14px;font-size:15px}.location-chip{font-size:12px}.direction-blank{font-size:14px}.scoreboard #winningTarget{display:none}.map-label{font-size:12px;padding:4px 8px}}
@media(max-width:900px){.topbar{left:15px;right:15px;top:13px}.back{font-size:12px;padding:8px 10px}.course-name{left:120px}.course-name h1{font-size:18px}.course-name span{font-size:10px}.toolbar{left:12px;right:12px;bottom:12px;transform:none;max-width:none;overflow-x:auto;justify-content:flex-start;border-radius:15px;padding:7px;scrollbar-width:thin}.toolbar button{font-size:12px;min-height:38px}.direction-pad{width:135px;height:135px;border-radius:21px}.direction-pad button{font-size:20px}.solo-pad{left:19px;bottom:105px}.position-readout{left:20px;font-size:11px;bottom:72px}.girl-pad{left:20px;bottom:25px}.boy-pad{right:20px;bottom:25px}.task-card{width:235px;font-size:14px;line-height:1.9}.girl-task{left:15px;bottom:178px}.boy-task{right:15px;bottom:178px}.solo-task{left:18px;top:90px;max-height:calc(100% - 340px)}.task-top h2{font-size:15px}.answer-choices button{font-size:15px;padding:3px}.task-progress{font-size:10px}.task-status{font-size:11px}.scoreboard{top:13px;gap:7px;padding:7px}.scoreboard strong{font-size:15px;padding:7px 10px}.scoreboard button{font-size:12px;padding:6px}.pk-mode .back{max-width:65px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pk-mode .topbar .quiet{font-size:11px;padding:8px}.compass{top:68px;right:15px;width:76px;height:76px}.compass b{font-size:12px}.compass .north,.compass .south{left:32px}.compass .west,.compass .east{top:28px}.compass-needle{left:33px;top:19px;width:10px;height:35px}}
@media(max-width:600px){#campusApp{min-height:480px}.course-name{left:108px}.course-name span{display:none}.topbar .quiet{font-size:11px;padding:7px 8px}.course-name h1{font-size:16px;margin-top:7px}.compass{width:66px;height:66px;top:64px}.compass .north,.compass .south{left:27px}.compass .west,.compass .east{top:23px;left:6px}.compass .east{left:auto;right:6px}.compass-needle{left:28px;top:15px}.map-label{font-size:10px;padding:3px 6px;border-radius:6px}.map-marker{font-size:11px;padding:3px 6px}.solo-pad{width:120px;height:120px;bottom:103px;left:13px}.position-readout{left:15px;font-size:10px;max-width:calc(100% - 30px)}.solo-task{left:12px;top:69px;width:220px;max-height:calc(100% - 340px)}.task-card{font-size:12px;padding:10px;line-height:1.75;border-radius:14px}.girl-task,.boy-task{width:calc(50% - 18px);bottom:159px;max-height:250px;overflow-y:auto}.girl-task{left:12px}.boy-task{right:12px}.task-top h2{font-size:13px}.task-top button{font-size:10px;padding:3px}.direction-blank{font-size:12px;min-width:35px;padding:0 4px;margin:0 1px}.location-chip{font-size:11px;white-space:normal}.answer-choices{gap:3px;margin-top:7px}.answer-choices button{font-size:13px;padding:4px 2px}.task-progress{font-size:9px;gap:2px;margin-top:7px}.task-status{font-size:10px;line-height:1.6}.girl-pad,.boy-pad{width:120px;height:120px;bottom:20px}.girl-pad{left:24px}.boy-pad{right:24px}.pk-mode .topbar{top:62px}.pk-mode .compass{top:115px}.scoreboard{width:calc(100% - 24px);justify-content:center;left:12px;transform:none;top:10px;gap:4px}.scoreboard strong{font-size:13px;padding:6px 8px}.scoreboard button{font-size:11px;padding:5px 7px}.toast{font-size:13px;top:110px;width:max-content;max-width:calc(100% - 24px);padding:10px 14px}.lesson-dialog{padding:29px 23px;border-radius:22px}.lesson-dialog h2{font-size:23px}.teams{gap:8px}.teams>div{padding:16px 10px}.teams strong{font-size:14px}.teams p{font-size:12px}.teams span{font-size:10px}.help-list li{grid-template-columns:70px 1fr;font-size:13px}.countdown{font-size:90px}.lesson-page h3{font-size:17px}.lesson-page p{font-size:14px}.location-example{gap:7px;font-size:13px}.target-label{font-size:12px;gap:8px}.target-label select{font-size:12px}}
@media(max-height:640px) and (min-width:601px){.topbar{top:10px}.course-name span{display:none}.course-name h1{margin-top:6px}.task-card{width:240px;font-size:13px;line-height:1.65;padding:11px}.girl-task,.boy-task{bottom:156px}.direction-pad{width:120px;height:120px}.girl-pad,.boy-pad{bottom:18px}.solo-pad{bottom:85px}.solo-task{top:70px;max-height:calc(100% - 240px)}.position-readout{bottom:63px}.toolbar{bottom:10px;padding:5px}.toolbar button{min-height:35px;padding:8px;font-size:12px}.compass{top:65px}.scoreboard{top:8px}.answer-choices{margin-top:6px}.task-progress,.task-status{margin-top:5px}.task-top{margin-bottom:5px}.task-top h2{font-size:14px}}
/* Dedicated PK zoom stays reachable while the single-player toolbar is hidden. */
.blocked-marker{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;background:#6c7384e6;border-radius:50%;box-shadow:0 3px 10px #30436333;pointer-events:none;z-index:3}.blocked-marker svg{width:100%;height:100%}
.pk-view-tools{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;padding:5px 7px;border-radius:14px;background:#f8fcfff5;box-shadow:0 5px 18px #34507824;z-index:7}.pk-view-tools button{font-size:13px;min-height:38px;padding:7px 10px}.pk-view-tools button:first-child,.pk-view-tools button:nth-child(2){font-size:22px;min-width:40px}.map-marker.point-1{background:#ee5f87}.map-marker.point-2{background:#287ac8}.map-label{color:#28475e;background:#fffdfaf2}.location-chip{background:#d0f3e5;color:#156852}.location-chip.checkpoint{background:#ffd5e1;color:#a6345e}.location-chip.destination{background:#d3e8ff;color:#185d9e}.task-top button{color:#496d87}.task-status{color:#42657c}
@media(min-width:1100px) and (min-height:650px){.pk-mode .task-card{width:252px;bottom:26px;padding:13px 15px;font-size:14px;line-height:1.7}.pk-mode .girl-task{left:22px}.pk-mode .boy-task{right:22px}.pk-mode .task-top{margin-bottom:6px}.pk-mode .task-progress{margin-top:6px;font-size:10px}.pk-mode .task-status{margin-top:5px;font-size:11px}.pk-mode .answer-choices{margin-top:9px}.pk-mode .answer-choices button{font-size:16px;padding:5px}.pk-mode .location-chip{font-size:12px}.pk-mode .direction-blank{font-size:14px}.pk-mode .girl-pad{left:292px;bottom:26px;width:144px;height:144px}.pk-mode .boy-pad{right:292px;bottom:26px;width:144px;height:144px}.pk-mode .compass{top:82px}}
@media(max-width:1099px){.pk-view-tools{bottom:22px}.pk-view-tools button{font-size:11px;padding:5px;min-height:33px}.pk-view-tools button:first-child,.pk-view-tools button:nth-child(2){font-size:18px;min-width:30px}}
@media(max-width:600px){.pk-view-tools{bottom:12px;padding:3px}.pk-view-tools button{font-size:10px;padding:3px}.pk-view-tools button:first-child,.pk-view-tools button:nth-child(2){font-size:17px;min-width:25px}.pk-mode .girl-pad{left:12px;width:112px;height:112px}.pk-mode .boy-pad{right:12px;width:112px;height:112px}}
@media(max-height:479px){.pk-view-tools{bottom:10px}}
@media(prefers-reduced-motion:reduce){button,#compassDial{transition:none}.loading-orbit{animation:none}}
@media(max-height:479px){#campusApp{min-height:0;height:100vh;height:100svh}.topbar{top:8px;left:12px;right:12px}.course-name h1{font-size:16px}.course-name span{display:none}.back{font-size:11px;padding:7px 9px}.topbar .quiet{font-size:11px;padding:7px 9px}.toolbar{bottom:6px;padding:4px;border-radius:13px}.toolbar button{min-height:32px;font-size:11px;padding:7px}.direction-pad{width:108px;height:108px;border-radius:18px;padding:3px}.direction-pad button{font-size:18px}.solo-pad{left:12px;bottom:69px}.position-readout{left:13px;bottom:47px;font-size:10px}.solo-task{top:56px;left:12px;max-height:calc(100svh - 245px);width:220px}.task-card{font-size:12px;line-height:1.6;padding:9px 11px}.task-top{margin-bottom:5px}.task-top h2{font-size:13px}.task-top button{font-size:10px;padding:3px}.answer-choices{margin-top:7px}.answer-choices button{font-size:13px;padding:3px}.task-status{font-size:10px;line-height:1.5;margin-top:5px}.task-progress{font-size:9px;margin-top:5px}.location-chip{font-size:11px}.direction-blank{font-size:12px;min-width:35px;padding:0 4px}.girl-pad{left:34px;bottom:9px}.boy-pad{right:34px;bottom:9px}.girl-task,.boy-task{bottom:132px;max-height:calc(100svh - 193px);overflow-y:auto;width:226px}.girl-task{left:12px}.boy-task{right:12px}.compass{width:64px;height:64px;top:52px;right:17px}.compass b{font-size:11px}.compass .north,.compass .south{left:27px}.compass .west,.compass .east{top:23px}.compass-needle{left:27px;top:14px;width:10px;height:34px}.scoreboard{top:7px;padding:5px 7px}.scoreboard strong{font-size:13px;padding:5px 8px}.scoreboard button{font-size:11px;padding:5px 7px}.pk-mode .compass{left:50%;right:auto;top:61px;transform:translateX(-50%);width:64px;height:64px}.toast{top:55px;font-size:12px;padding:9px 13px}.lesson-dialog{max-height:calc(100svh - 20px);padding:24px 29px}.lesson-dialog h2{font-size:23px;margin-bottom:15px}.lesson-dialog .teams>div{padding:12px}.dialog-note{margin:13px 0;font-size:12px}.countdown{font-size:75px}}