html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{background:linear-gradient(135deg,#6b4c8a,#7a5a9a,#8a6aaa,#9657c7,#a875d0,#b893d8,#c8b1e0 90%,#d8cfe8);background-attachment:fixed;width:100%;height:100%;position:relative}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://cdn.bibo-edu.com/study/assets/pattern-game.webp);background-size:400px 866px;background-repeat:repeat;background-attachment:fixed;opacity:.15;pointer-events:none;z-index:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#6b4c8a,#7a5a9a,#8a6aaa,#9657c7,#a875d0,#b893d8,#c8b1e0 90%,#d8cfe8);background-attachment:fixed;position:relative;overflow:hidden;position:fixed;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://cdn.bibo-edu.com/study/assets/pattern-game.webp);background-size:400px 866px;background-repeat:repeat;background-attachment:fixed;opacity:.15;pointer-events:none;z-index:0;touch-action:manipulation;overscroll-behavior:none}#root{width:100%;height:100vh;overflow:hidden;position:fixed;inset:0;height:100dvh;background-color:transparent}@media(max-width:480px){html:before{background-size:250px 541.25px}body:before{background-size:250px 541.25px}}@media(max-width:768px){html{position:fixed;overflow:hidden;width:100%;height:100%;background:linear-gradient(135deg,#6b4c8a,#7a5a9a,#8a6aaa,#9657c7,#a875d0,#b893d8,#c8b1e0 90%,#d8cfe8);background-attachment:fixed}body{height:100dvh;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(135deg,#6b4c8a,#7a5a9a,#8a6aaa,#9657c7,#a875d0,#b893d8,#c8b1e0 90%,#d8cfe8);background-attachment:fixed}#root{background-color:transparent}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}@media(min-width:481px)and (max-width:1024px){html,body{background:linear-gradient(135deg,#6b4c8a,#7a5a9a,#8a6aaa,#9657c7,#a875d0,#b893d8,#c8b1e0 90%,#d8cfe8);background-attachment:fixed}#root{background-color:transparent}}.blocklyMainBackground{stroke-width:0}.blocklySelected>.blocklyPath{filter:none!important}.linenumber{opacity:.15}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:transparent;position:fixed;inset:0}.app-preview-panel{flex-shrink:0;width:100%;position:relative;background-color:transparent;border-bottom:1px solid var(--preview-border-color, #e5e5e5);overflow:hidden}@media(min-width:481px){.app-preview-panel{height:40vh;max-height:40vh}}@media(max-width:480px){.app-preview-panel{height:auto;min-height:75vw;width:100%;padding:0}}.app-preview-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:transparent;margin:0;padding:10px 0}@media(max-width:480px){.app-preview-container{position:relative;padding:0;align-items:flex-start}.bibo-game-container{width:100%!important;height:75vw!important;max-width:100%;border:none!important;border-radius:0!important;margin:0;padding:0;box-sizing:border-box;box-shadow:none!important}}.app-editor-panel{flex:1;display:flex;flex-direction:column;background-color:var(--panel-bg-color, #fafafa);min-height:0;overflow:hidden}.app-panel-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--panel-header-padding-y, 12px) var(--panel-header-padding-x, 24px);gap:var(--panel-header-gap, 12px);border-bottom:1px solid var(--border-color, #e5e5e5);background-color:var(--panel-header-bg-color, #f5f5f5);flex-wrap:wrap}.app-panel-title{font-size:var(--panel-title-size, 18px);font-weight:600;color:var(--panel-header-text-color, #1f1f1f);margin:0}.app-editor-container{flex:1;overflow:hidden;min-height:0;background-color:var(--editor-bg-color, #ffffff)}.bibo-game-container{width:100%;height:100%;margin:0;padding:0;position:relative;border:4px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 4px 12px #fff3,0 2px 4px #ffffff26,inset 0 1px #ffffff4d;overflow:hidden;box-sizing:border-box}.bibo-game-container canvas{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important}@media(max-width:768px){.app-panel-header{padding:var(--panel-header-padding-y-mobile, 8px) var(--panel-header-padding-x-mobile, 16px);gap:var(--panel-header-gap-mobile, 8px)}.app-panel-title{font-size:var(--panel-title-size-mobile, 16px);text-align:center}.app-editor-container{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}*{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.blocklyMainBackground{touch-action:pan-x pan-y}.blocklyDraggable{touch-action:none}.blocklyFlyout{touch-action:pan-y}.blocklyText,.blocklyEditableText{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.blocklyScrollbarHorizontal{height:8px!important;pointer-events:auto!important}.blocklyScrollbarHorizontal svg{height:8px!important;width:100%!important;pointer-events:auto!important}.blocklyScrollbarHorizontal .blocklyScrollbarHandle rect,.blocklyScrollbarHorizontal .blocklyScrollbarBackground rect{height:8px!important;ry:4px!important}.blocklyScrollbarVertical{width:8px!important;pointer-events:auto!important}.blocklyScrollbarVertical svg{width:8px!important;height:100%!important;pointer-events:auto!important}.blocklyScrollbarVertical .blocklyScrollbarHandle rect,.blocklyScrollbarVertical .blocklyScrollbarBackground rect{width:8px!important;rx:4px!important}.injectionDiv{--blockly-scrollbar-margin: 0px}.injectionDiv .blocklyScrollbarHorizontal{transform:translateY(calc(-1 * var(--blockly-scrollbar-margin, 0px)))}.injectionDiv .blocklyScrollbarVertical{transform:translate(calc(-1 * var(--blockly-scrollbar-margin, 0px)))}.blocklyScrollbarHandle rect{fill:#0000004d!important;transition:fill .2s ease!important;pointer-events:auto!important}.blocklyScrollbarHandle:hover rect{fill:#00000080!important}.blocklyScrollbarBackground rect{fill:#0000001a!important;pointer-events:auto!important}.blocklyDraggable{pointer-events:auto!important;cursor:grab!important}.blocklyDraggable:active{cursor:grabbing!important}.blocklyBlockCanvas{pointer-events:auto!important}.blocklyFlyout{fill:#fff!important;border-right:1px solid #efefef}.blocklyFlyoutBackground{fill:#fff!important}.layoutBlockGame{display:flex;flex-direction:column;height:100vh}.blocklyWrapper{flex:1}pre{margin-bottom:0!important;border-radius:.2rem}._level1Card_3z703_1{width:200px;height:200px;background:#f76820;padding:30px;border-radius:10px;margin:30px}._level1CardClick_3z703_9{box-shadow:0 0 20px #ff008099;transition:all .3s ease;animation:_pulseGlowRainbow_3z703_1 2s infinite linear}._level1Card_3z703_1 img{border-radius:10px}@keyframes _pulseGlowRainbow_3z703_1{0%{box-shadow:0 0 10px #ff0080,0 0 20px #ff0080,0 0 40px #ff8c00}25%{box-shadow:0 0 10px #ff8c00,0 0 20px #ff0,0 0 40px #0f0}50%{box-shadow:0 0 10px #0f0,0 0 20px #0ff,0 0 40px #06f}75%{box-shadow:0 0 10px #06f,0 0 20px #c0f,0 0 40px #f0f}to{box-shadow:0 0 10px #f0f,0 0 20px #ff0080,0 0 40px #ff8c00}}.delBlockly .blocklyFlyoutLabelText{font-size:1.5rem!important}._overlay_a14li_1{position:fixed;inset:0;background:#000000d9;z-index:998;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;cursor:pointer}._container_a14li_14{position:relative;min-height:3.5rem;z-index:auto}._containerActive_a14li_20{z-index:999}._card_a14li_24{position:relative;top:0;left:0;width:100%;background:#efefef;border-bottom:1px solid rgba(0,0,0,.03);box-shadow:none;box-sizing:border-box;height:3.5rem;max-height:3.5rem;overflow-y:hidden;padding:.5rem 1rem;transition:box-shadow .2s ease}._cardFocus_a14li_40{box-shadow:0 12px 36px #00000040}._cardExpanded_a14li_44{position:absolute;height:auto;max-height:15rem;overflow-y:auto;box-shadow:0 0 20px 10px #ffffff2e}._cardRaised_a14li_52{z-index:1000}._header_a14li_56{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;margin-bottom:0}._headerExpanded_a14li_67{justify-content:flex-end;margin-bottom:.75rem}._content_a14li_72{display:flex;flex-direction:column;gap:.7rem}._chatCard_a14li_79{padding:.5rem 1rem;display:flex;background:#fff;border-radius:.5rem;font-size:1.1rem;line-height:1.5rem;font-weight:400;min-width:0;overflow:hidden}._simpleTips_a14li_90{display:flex;gap:.5rem;justify-content:center;align-items:center}._simpleTips_a14li_90 ._chatCard_a14li_79{flex:1}._cardButton_a14li_99{height:1rem!important;padding:0!important;line-height:1!important}._oneCell_a14li_105{width:100%;display:flex;justify-content:space-between;min-width:0;overflow:hidden}._oneCell_a14li_105 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;max-width:100%}._workspaceToolbar_qqmxg_1{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:5px!important;padding-bottom:5px!important;padding-left:1rem;padding-right:1rem;background-color:#9657c7;color:#fff;box-sizing:border-box;min-height:38px!important;flex-shrink:0}._viewCodeButton_qqmxg_17{background-color:#ffffff26!important;border-color:#ffffff80!important;color:#fff!important;font-size:14px;height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;font-weight:400;transition:all .2s ease}._viewCodeButton_qqmxg_17:hover{background-color:#ffffff40!important;border-color:#ffffffb3!important;color:#fff!important}._viewCodeButton_qqmxg_17:focus{background-color:#ffffff40!important;border-color:#ffffffb3!important;color:#fff!important}._viewCodeButton_qqmxg_17:active{background-color:#fff3!important;border-color:#fff9!important;color:#fff!important}._viewCodeButton_qqmxg_17 svg{color:#fff!important;fill:#fff!important}._viewCodeButton_qqmxg_17:hover svg{color:#fff!important;fill:#fff!important}.finish-modal .ant-modal-content{border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000026;background:linear-gradient(135deg,#f76820,#ff8c42);padding:0}.finish-modal-content{padding:40px 32px;text-align:center;background:#fff;margin:2px;border-radius:22px}.finish-modal-emoji{font-size:80px;line-height:1;margin-bottom:16px;animation:bounce 1s ease-in-out infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.finish-modal-title{font-size:32px;font-weight:700;color:#333;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.finish-modal-message{font-size:20px;color:#666;margin:0 0 32px;line-height:1.5}.finish-modal-block-hint{padding:16px 20px;margin:0 0 24px;border:2px solid #ffa726;border-radius:12px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);text-align:center;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #ffa72633}.finish-modal-block-hint p{margin:0;font-size:16px;color:#e65100;line-height:1.6}.finish-modal-block-hint strong{color:#f76820;font-weight:700;font-size:18px}.finish-modal-custom-content{padding:20px;border:2px solid rgba(247,104,32,.3);border-radius:18px;margin-bottom:28px;background:#fffc;text-align:left}.finish-modal-code-container{background:#f7f8ff;border-style:dashed}.finish-modal-code-block{margin:0;font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#333}.finish-modal-buttons{display:flex;flex-direction:column;gap:16px;align-items:stretch}.finish-modal-next-button{height:64px!important;font-size:22px!important;font-weight:700!important;border-radius:16px!important;background:linear-gradient(135deg,#f76820,#ff8c42)!important;border:none!important;box-shadow:0 8px 24px #f7682066!important;transition:all .3s ease!important;position:relative;overflow:hidden;z-index:1}.finish-modal-next-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:-1}.finish-modal-next-button:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 12px 32px #f7682080!important}.finish-modal-next-button:hover:before{left:100%}.finish-modal-next-button:active{transform:translateY(0) scale(.98)!important}.finish-modal-restart-button{height:56px!important;font-size:18px!important;border-radius:14px!important;border:2px solid #e0e0e0!important;background:#fff!important;color:#666!important;transition:all .3s ease!important}.finish-modal-restart-button:hover{border-color:#f76820!important;color:#f76820!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000001a!important}.finish-modal-restart-button:active{transform:translateY(0)!important}.finish-modal .ant-modal{animation:modalFadeIn .4s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:600px){.finish-modal-content{padding:32px 24px}.finish-modal-emoji{font-size:64px}.finish-modal-title{font-size:26px}.finish-modal-message{font-size:18px}.finish-modal-block-hint{padding:12px 16px;margin-bottom:20px}.finish-modal-block-hint p{font-size:14px}.finish-modal-block-hint strong{font-size:16px}.finish-modal-next-button{height:56px!important;font-size:20px!important}.finish-modal-restart-button{height:50px!important;font-size:16px!important}}@keyframes pulse{0%,to{box-shadow:0 8px 24px #f7682066}50%{box-shadow:0 8px 32px #f7682099,0 0 0 8px #f768201a}}.finish-modal-next-button{animation:pulse 2s ease-in-out infinite}