.studio{--studio-ink:#223b40;--studio-accent:#157d71;--studio-line:#d8dfd9;color:var(--studio-ink);border:1px solid var(--studio-line);background:#f7f7f1;border-radius:22px;padding:24px 28px;font-family:Inter,ui-sans-serif,Microsoft YaHei,sans-serif;box-shadow:0 16px 48px #223b4008}.studio section{max-width:none;margin:0}.studio article{margin:0}.studio a{text-underline-offset:4px}.studio button{touch-action:manipulation;transition:background .15s,border-color .15s,box-shadow .15s}.studio button:disabled{opacity:.42}.studio button:not(:disabled):hover{border-color:#66887c;box-shadow:0 2px 8px #183d3210}.studio [hidden]{display:none!important}.studio-bar{justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:12px;display:flex}.studio-bar>div{align-items:center;gap:12px;display:flex}.studio-bar a{text-decoration:none}.studio-bar button{background:0 0;border-color:#d8dfd9;padding:7px 10px;font-size:11px}.studio-bar button[aria-pressed=true]{color:#fff;background:#203d42}.studio-navigation{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:14px;margin:20px 0 22px;display:flex}.studio-navigation nav{gap:22px;display:flex}.studio-navigation button{letter-spacing:1px;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;margin:0;padding:12px 4px;font-size:14px;position:relative}.studio-navigation button[aria-current=page]{color:#157d71;border-bottom-color:#157d71;font-weight:700}.studio-navigation button:hover{box-shadow:none!important}.studio-completion{color:#55736b;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.studio-completion>i{background:#dce4dc;border-radius:4px;width:65px;height:4px;overflow:hidden}.studio-completion>i>i{background:#157d71;height:100%;transition:width .3s;display:block}.studio-dot{background:#99aaa0;border-radius:50%;width:4px;height:4px;margin:0 0 4px 4px;display:inline-block}.studio-empty{text-align:center;background:#ecf0e8;border-radius:14px;padding:60px 20px}.studio-empty>span{color:#518679;font-size:44px}.studio-empty h2{font-size:22px}.studio-empty p{color:#5b7067;font-size:14px}.studio-empty button{color:#fff;background:#1b7267;border:0}.studio[data-page=play] :is(.bs-review,.bs-transfer,.bs-learning,.cl-review,.cl-learning,.studio-empty),.studio[data-page=review] :is(.bs-play,.bs-chapters,.bs-focus,.bs-learning,.cl-game,.cl-learning),.studio[data-page=learn] :is(.bs-play,.bs-chapters,.bs-focus,.bs-review,.bs-transfer,.cl-game,.cl-review,.studio-empty){display:none}.studio[data-page=review] :is(.bs-review,.cl-review),.studio[data-page=learn] :is(.bs-learning,.cl-learning){border:0;margin-top:0;padding-top:0}.studio[data-page=learn] :is(.bs-levels,.cl-levels),.studio[data-focus=true] :is(.bs-heading,.cl-heading,.bs-rule,.cl-lead,.bs-chapters,.bs-focus,.bs-footer){display:none}.studio[data-focus=true] .studio-navigation{margin-top:8px}:is(body:has(.studio[data-focus=true])>header,body:has(.studio[data-focus=true])>footer){display:none}body:has(.studio[data-focus=true])>main{max-width:1240px;padding-top:12px}.studio[data-focus=true] .bs-world{height:490px}.studio :is(.bs-heading,.cl-heading){align-items:flex-end;margin:25px 0 10px}.studio :is(.bs-heading h1,.cl-heading h1){letter-spacing:-2px;font-size:42px}.studio :is(.bs-progress,.cl-progress){display:none}.studio :is(.bs-rule,.cl-lead){color:#557069;max-width:720px;margin:10px 0 0;font-size:13px}.studio :is(.bs-levels,.cl-levels){gap:6px;margin:0 0 20px}.studio :is(.bs-levels button,.cl-levels button){background:#eef2eb;border-color:#d5dfd6;border-radius:10px;padding:10px}.studio :is(.bs-levels button[aria-current],.cl-levels button[aria-current]){color:#fff;background:#203d42;border-color:#203d42;box-shadow:0 3px 8px #173d4220}.studio :is(.bs-levels b,.cl-levels b){font-size:11px}.studio :is(.bs-levels small,.cl-levels small),.studio :is(.bs-levels span,.cl-levels span){font-size:10px}.studio .bs-chapters{margin:0 0 8px}.studio .bs-chapters button{background:0 0;border:0;border-left:2px solid #c5d3c9;border-radius:0;padding:6px 10px;font-size:11px}.studio .bs-chapters button[aria-pressed=true]{color:#157d71;background:#eaf0e6;border-color:#157d71}.studio .bs-focus{color:#55746b;background:0 0;margin:0 0 18px;padding:0;font-size:11px}.studio .bs-play{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.studio .bs-world{background:#162d35;border-color:#30474d;border-radius:14px;height:420px;box-shadow:inset 0 1px #ffffff15,0 14px 24px #18373c12}.studio .bs-status{padding:0 4px}.studio .bs-status h2{font-size:16px}.studio .bs-status>span{background:#e3eddf;border-radius:20px;padding:3px 10px}.studio .bs-panel{background:#fffefa;border:1px solid #d9e0d7;border-radius:14px;padding:18px}.studio .bs-counters b{font-variant-numeric:tabular-nums;font-size:30px}.studio .bs-benchmark small{color:#748277;margin-top:5px;font-size:10px;line-height:1.6;display:block}.studio .bs-controls-label{font-size:12px}.studio .bs-win{background:linear-gradient(135deg,#e6f3df,#f2f6e9);border:1px solid #aecfbb}.studio .bs-win h2{font-size:22px}.studio .bs-pad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,48px)}.studio .bs-pad button{background:#f4f6ee;border-radius:10px;box-shadow:0 3px #cbd6ca}.studio .bs-pad button:active{background:#d3e9da}.studio .bs-legend{color:#57756b;font-size:11px}.studio .bs-legend .person{background:#b7dcce;border-color:#265f62}.studio .bs-learning-grid article,.studio .cl-loop article{background:#edf2e8;border:1px solid #d7e1d1;padding:20px!important}.studio :is(.bs-learning,.cl-learning){padding-bottom:10px;line-height:1.9}.studio .bs-review-pair{max-width:100%}.studio .bs-review figure{background:#e8eee3;border:1px solid #d0dbcb}.studio .bs-review svg{height:270px}.studio .bs-review-nav{max-width:100%;margin:20px 0}.studio .bs-transfer{margin-top:30px;padding-top:25px}.studio .bs-footer{border-top:1px solid #d8dfd9;margin-top:22px;padding-top:16px}.studio .cl-game{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.studio .cl-board{background:#fffefa;border-color:#d5dfd6;border-radius:14px;margin:0;padding:20px}.studio .cl-guide{background:#eaf0e5;border-color:#d5dfd6;padding:18px}.studio .cl-history{scrollbar-color:#567d77 #172f38;background:#172f38;border:0;border-radius:12px;max-height:315px;padding:10px 12px}.studio .cl-empty{color:#a6c4ba;padding:24px 5px}.studio .cl-empty>span{color:#5e8078}.studio .cl-row{color:#c5d9d2;border:0;border-bottom:1px solid #3c555c;border-radius:0;background:0 0!important;padding:12px 0!important}.studio .cl-row p b{color:#8fd4b7}.studio .cl-row p small,.studio .cl-turn{color:#a5c0b5}.studio .cl-copy{color:#dfebe3;background:#2b4951;border-color:#577270;min-height:32px}.studio .cl-token{border:1px solid #ffffff40;border-radius:8px;box-shadow:inset 0 1px #ffffff80,0 3px #00000024}.studio .cl-slots{gap:12px;padding:5px 3px}.studio .cl-slots button{border:1px solid #adc1b5;border-radius:9px;width:50px;height:50px;font-size:24px;box-shadow:inset 0 2px 4px #2446320d}.studio .cl-slots button[aria-pressed=true]{outline-offset:4px;outline:2px solid #16786c}.studio .cl-palette{gap:9px}.studio .cl-palette button{border-radius:9px;width:43px;height:43px;box-shadow:0 3px #30452e30}.studio .cl-palette button:active{box-shadow:none;transform:translateY(2px)}.studio .cl-editor{padding:10px 0 0}.studio .cl-editor>p{margin:12px 0}.studio .cl-edit-actions .cl-primary{padding:11px 22px}.studio .cl-ending{border:1px solid #c7d6bb}.studio .cl-guide h2{font-size:16px}.studio .cl-guide details{margin:15px 0;padding:10px 0}.studio .cl-legend{font-size:11px}.cl-feedback-dots{vertical-align:middle;gap:4px;margin-right:4px;display:inline-flex}.cl-feedback-dots i{background:#8fd4b7;border-radius:50%;width:8px;height:8px;display:block}.cl-feedback-dots i[data-kind=elsewhere]{background:0 0;border:1.5px solid #c5d9d2}.cl-feedback-dots i[data-kind=miss]{background:#47626a}.studio .cl-note-board{border-top:1px solid #c1d0bb;margin-top:20px;padding-top:15px}.studio .cl-note-board h3{margin:0;font-size:14px}.studio .cl-note-board p{font-size:11px;line-height:1.7}.cl-notes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cl-notes button{background:#f8faf3;flex-direction:column;align-items:center;min-height:55px;padding:7px 4px;font-size:11px;display:flex}.cl-notes b{font-size:16px}.cl-notes button[data-note="1"]{background:#d6ebd7;border-color:#6b9c78}.cl-notes button[data-note="2"]{color:#69756d;background:#e3e7e2;border-style:dashed}.cl-notes button[data-note="2"] b{text-decoration:line-through}.studio .cl-note-board>button{background:0 0;border:0;padding:7px 0;font-size:10px;text-decoration:underline}.cl-review-chart{background:#edf2e6;border-radius:12px;align-items:flex-end;gap:8px;height:105px;margin-bottom:20px;padding:14px;display:flex}.cl-review-chart button{text-align:center;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;max-width:100px;height:100%;padding:0;display:flex}.cl-review-chart i{background:#88ab96;border-radius:3px 3px 0 0;width:70%;min-height:3px;display:block}.cl-review-chart button[aria-pressed=true] i{background:#1b7468}.cl-review-chart small{color:#537568;font-size:10px}.cl-review-chart b{font-size:11px}.studio .cl-reduction{background:#e7efdf;max-width:none}.studio .cl-loop{grid-template-columns:repeat(2,1fr)}.studio .cl-loop h3{font-size:16px}.studio .cl-loop p{font-size:13px}.studio .cl-live{background:#e8f0e0;border-radius:8px;margin:10px 0 0;padding:9px 12px;font-size:12px;line-height:1.6}@media (width<=760px){.studio{border-radius:14px;padding:14px}.studio-bar{gap:8px;font-size:11px}.studio-bar>div{gap:6px}.studio-bar>div>a{display:none}.studio-bar button{min-height:32px;padding:7px 9px;font-size:10px}.studio :is(.bs-heading,.cl-heading){margin:18px 0 8px}.studio :is(.bs-heading h1,.cl-heading h1){letter-spacing:-1px;font-size:34px}.studio .bs-heading h1 span,.studio :is(.bs-rule,.cl-lead){font-size:12px}.studio-navigation{margin:12px 0 16px}.studio-navigation nav{gap:18px}.studio-navigation button{padding:10px 3px;font-size:13px}.studio-completion{font-size:10px}.studio-completion>i{width:35px}.studio :is(.bs-levels,.cl-levels){gap:5px;margin-bottom:15px}.studio :is(.bs-levels button,.cl-levels button){padding:7px}.studio :is(.bs-levels b,.cl-levels b){font-size:10px}.studio .bs-chapters small{font-size:8px}.studio .bs-chapters button{padding:5px 7px;font-size:10px}.studio .bs-focus{margin-bottom:14px;font-size:10px}.studio .bs-play,.studio .cl-game{grid-template-columns:1fr;gap:12px}.studio .bs-world,.studio[data-focus=true] .bs-world{aspect-ratio:1.15;height:auto}.studio .bs-panel{grid-template-columns:minmax(0,1fr) 148px;gap:8px;padding:13px}.studio .bs-pad{grid-template-rows:repeat(3,43px);grid-template-columns:repeat(3,44px);gap:4px}.studio .bs-counters{gap:9px}.studio .bs-counters b{margin-right:4px;font-size:22px}.studio .bs-benchmark{grid-area:4/1/auto/3;padding:4px 0;font-size:11px}.studio .bs-benchmark small{font-size:10px}.studio .bs-undo button{min-height:32px;padding:7px 3px;font-size:10px}.studio .bs-controls-label small{font-size:10px}.studio .bs-win{margin:0}.studio .bs-legend{gap:13px;font-size:10px}.studio .cl-board{padding:13px}.studio .cl-guide{padding:16px}.studio .cl-history{max-height:230px;padding:7px 10px}.studio .cl-slots{gap:9px;padding:4px 2px}.studio .cl-slots button{width:43px;height:46px;font-size:23px}.studio .cl-palette{gap:7px}.studio .cl-palette button{width:38px;height:42px}.studio .cl-row p{gap:7px;margin-left:0;font-size:11px}.studio .cl-row-main{gap:6px}.studio .cl-token{width:30px;height:32px;font-size:16px}.studio .cl-code{gap:5px}.studio .cl-turn{width:12px;font-size:10px}.studio .cl-copy{min-height:30px;padding:5px;font-size:9px}.studio .cl-editor small{font-size:10px}.studio .cl-guide>p{font-size:12px}.studio .cl-note-board p{font-size:11px}.cl-notes{grid-template-columns:repeat(6,1fr)}.cl-notes button{padding:6px 2px;font-size:9px}.studio .cl-loop{gap:9px}.studio .cl-loop article,.studio .bs-learning-grid article{padding:15px!important}.studio .cl-loop h3{font-size:13px}.studio .cl-loop p{font-size:12px}.studio .bs-review svg{height:auto;max-height:270px}.studio-empty{padding:35px 15px}.studio-empty h2{font-size:19px}.cl-feedback-dots{display:none}}@media (width<=350px){.studio .cl-slots{gap:7px}.studio .cl-slots button{width:37px;height:43px}.studio .cl-palette{gap:5px}.studio .cl-palette button{width:32px}.studio .cl-token{width:25px;height:29px;font-size:14px}.studio .cl-code{gap:4px}.studio .bs-panel{grid-template-columns:minmax(0,1fr) 132px}.studio .bs-pad{grid-template-columns:repeat(3,40px)}.studio .bs-undo button{font-size:9px}.studio .bs-heading h1 span{margin:8px 0 0;display:block}.studio .cl-guide{padding:12px}.studio .cl-loop{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}.studio button:active{transform:none!important}}.bs-shell.studio,.cl-shell.studio{background:#f7f7f1;border-radius:22px;box-shadow:0 16px 48px #223b4008}.studio .studio-text-link{color:#16776b;font-size:inherit;background:0 0;border:0;padding:2px 0;text-decoration:underline}.studio .bs-focus .studio-text-link{margin-left:8px}.studio[data-focus=true] :is(.bs-levels,.cl-levels){display:none}.studio-navigation,.studio[data-focus=true]{scroll-margin-top:12px}.studio .cl-guide{flex-direction:column;display:flex}.studio .cl-note-board{border-top:0;border-bottom:1px solid #c1d0bb;order:-1;margin:0 0 14px;padding:0 0 12px}.cl-review-chart{overflow-x:auto}.cl-review-chart button{flex:1 0 42px}.cl-transfer{border-top:1px solid #cbd8c5;margin-top:26px;padding-top:20px}.cl-transfer h3{margin:7px 0;font-size:18px}.cl-transfer>button{text-align:left;width:100%;max-width:650px;margin:8px 0;font-size:13px;display:block}.cl-transfer>button[aria-pressed=true]{background:#dcebd6;border-color:#679b7b}.cl-transfer>small{color:#536d60;font-size:11px}.studio .cl-empty>span{white-space:nowrap;letter-spacing:7px;font-size:20px}.studio .cl-live{font-variant-numeric:tabular-nums}@media (width>=900px){.studio[data-focus=true] .cl-history{max-height:170px}.studio[data-focus=true] .cl-editor{grid-template-columns:minmax(0,1fr) 170px;gap:7px 18px;padding-top:6px;display:grid}.studio[data-focus=true] .cl-editor>p{grid-column:1/3;margin:7px 0}.studio[data-focus=true] .cl-slots{grid-column:1;margin:5px 0 8px}.studio[data-focus=true] .cl-palette{grid-column:1}.studio[data-focus=true] .cl-edit-actions{flex-direction:column;grid-area:2/2/4;justify-content:center;margin:0}.studio[data-focus=true] .cl-editor>small{grid-column:1/3}.studio[data-focus=true] .cl-secondary{margin-top:8px}}.studio .bs-game-tools,.studio .cl-game-tools{color:#64766e;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px;font-size:11px;display:flex}.studio .studio-sound{background:#fffefa;border:1px solid #b8c9bd;border-radius:8px;flex-shrink:0;min-height:36px;padding:6px 10px;font-size:12px}.studio .studio-sound span{vertical-align:middle;margin-right:3px;font-size:17px}.studio .studio-sound[aria-pressed=true]{color:#165c4b;background:#dceee0;border-color:#428b72}.studio .bs-world{background:#101d27}.studio .bs-legend .person{background:#efbe57;border:2px solid #805c22;border-radius:5px}.studio .bs-win{animation:.32s ease-out bs-arrive}@keyframes bs-arrive{0%{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=760px){.studio .bs-game-tools,.studio .cl-game-tools{font-size:10px}.studio .studio-sound{font-size:11px}.studio .bs-status h2{font-size:14px}}@media (prefers-reduced-motion:reduce){.studio .bs-win{animation:none}}@media (width>=761px){.studio[data-focus=true] .bs-world{height:clamp(330px,100svh - 280px,490px)}}.studio-navigation .game-page-tabs{border-bottom:0;gap:12px}.studio-navigation .game-page-tabs button{min-width:48px;min-height:48px}.studio-navigation .game-page-tabs button:focus-visible{outline-offset:-3px;outline:3px solid #176e65}@media (width<=600px){.studio .studio-navigation{flex-wrap:wrap;gap:8px}.studio .studio-navigation nav{flex:100%;min-width:0;max-width:100%}.studio .studio-navigation .studio-completion{white-space:normal;max-width:100%;margin-block-end:8px;margin-inline-start:auto}.studio .studio-navigation nav button{overflow-wrap:anywhere;letter-spacing:normal;flex:1;min-width:0}.studio .studio-bar,.studio .studio-bar>div{flex-wrap:wrap}}