.task-static-viewport{position:relative;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#b9e9ff}.task-static-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;height:100dvh;display:block;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.task-static-scaled-frame{position:relative;z-index:1;flex:none;overflow:visible}.task-static-canvas{position:absolute;inset:0 auto auto 0;width:1280px;height:800px;overflow:visible;transform-origin:top left;color:var(--color-text);font-family:var(--font-ui);background:transparent}.task-static-layout{position:absolute;z-index:2;left:40px;top:122px;width:1200px;height:638px;display:flex;gap:16px;align-items:flex-start}.task-static-stage-tabs{flex:0 0 222px;width:222px;height:637px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:11px;padding:0 0 24px;scrollbar-width:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;filter:drop-shadow(0 4px 5px rgb(0 82 154 / 28%))}.task-static-stage-tabs::-webkit-scrollbar{display:none}.task-static-stage-tab{position:relative;flex:0 0 70px;width:222px;height:70px;padding:0;border:0;background:transparent;color:#666;cursor:pointer}.task-static-stage-tab__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:222px;height:70px;display:block;object-fit:fill;pointer-events:none}.task-static-stage-tab__content{position:relative;z-index:1;height:70px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px}.task-static-stage-tab__content img{flex:0 0 32px;width:32px;height:32px;display:block;object-fit:contain}.task-static-stage-tab__content span{min-width:0;color:inherit;font-size:18px;line-height:24px;font-weight:800;white-space:nowrap}.task-static-stage-tab--active{color:#fff}.task-static-course-panel{position:relative;flex:0 0 962px;width:962px;height:638px;overflow:hidden;border:0;border-radius:28px;background:#ffffffdb;box-shadow:0 4px 8px #00559138}.task-static-course-panel:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2;border:2px solid #9bd7ff;border-radius:18px;pointer-events:none}.task-static-runtime-note{position:absolute;z-index:3;right:28px;top:22px;max-width:280px;padding:8px 12px;border-radius:999px;background:#ffffffd6;color:#37709a;font-size:14px;line-height:20px;font-weight:700;box-shadow:0 2px 6px #00579224}.task-static-course-scroll{position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.task-static-course-scroll::-webkit-scrollbar{display:none}.task-static-course-group{position:relative;width:934px;min-height:610px;padding:10px 18px 28px;box-sizing:border-box}.task-static-course-title{position:relative;z-index:2;height:40px;display:flex;align-items:baseline;gap:14px;margin-bottom:2px}.task-static-course-title h2{margin:0;color:#2f343a;font-size:28px;line-height:36px;font-weight:800;letter-spacing:0}.task-static-course-title span{color:#6f747b;font-size:18px;line-height:26px;font-weight:500}.task-static-course-map{position:relative;margin:0 auto;transform:translate(-2px)}.task-static-course-vine{position:absolute;left:0;top:0;width:916px;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.task-static-course-node{position:absolute;z-index:2;width:139px;height:146px;padding:0;border:0;background:transparent;cursor:pointer}.task-static-course-node:disabled{cursor:default}.task-static-course-node img{width:100%;height:100%;display:block;object-fit:contain}.task-static-course-node__number{position:absolute;z-index:2;left:50%;top:36px;width:84px;height:44px;display:grid;place-items:center;border-radius:50%;background:transparent;color:#3a51a6;font-family:var(--font-learning);font-size:22px;line-height:1;font-weight:800;transform:translate(-50%);pointer-events:none}.task-static-course-node__review-count{position:absolute;z-index:2;left:24px;right:22px;bottom:17px;height:24px;display:grid;place-items:center;background:transparent;color:#0d8fff;font-family:var(--font-ui);font-size:14px;line-height:22px;font-weight:800;white-space:nowrap;pointer-events:none}