html:has(#stage-outer),body:has(#stage-outer){height:100%;overflow:hidden}body:has(#stage-outer){background:teal;justify-content:center;align-items:center;display:flex}#stage-outer{--s:1;width:calc(1000px * var(--s));height:calc(600px * var(--s));flex:none;position:relative}#stage{width:1000px;height:600px;transform:scale(var(--s));transform-origin:0 0;background:silver;border:2px solid gray;border-color:#fff gray gray #fff;flex-direction:column;display:flex;position:absolute;top:0;left:0;box-shadow:1px 1px #000}.level-header{background:silver;border-color:#fff #fff gray;border-bottom-style:solid;border-bottom-width:2px;flex:none;align-items:center;gap:8px;height:46px;padding:4px 6px;display:flex}.header-side{flex:none;align-items:center;gap:6px;display:flex}.header-button{white-space:nowrap;min-width:88px;padding:4px 8px}.header-title{text-align:center;white-space:nowrap;flex:auto;margin:0;font-size:17px;font-weight:700;overflow:hidden}#level-body{flex:auto;min-height:0;display:flex}#info-panel{background:silver;flex:0 0 350px;width:350px;padding:12px;overflow-y:auto}#level-body.info-hidden #info-panel{display:none}#info-panel h2{margin:14px 0 6px;font-size:16px}#info-panel>:first-child,#info-panel>.info-content>:first-child{margin-top:0}#info-panel p,#info-panel li{font-size:15px}#info-panel .objectives{margin:0;padding:0;list-style:none}#info-panel .objectives li{align-items:flex-start;gap:8px;margin:8px 0;display:flex}#info-panel .objectives li:before{content:"☐";font-size:18px;line-height:1.3}#info-panel .objectives li.done{color:#0a7d23}#info-panel .objectives li.done:before{content:"☑"}#op-panel{background:#fff;border:2px solid gray;border-color:#fff gray gray #fff;flex:auto;min-width:0;margin:6px;padding:12px;position:relative;overflow:auto}#op-panel[data-runtime=osjs]{background:teal;padding:0;overflow:hidden}.op-frame{background:teal;position:absolute;inset:0}#op-iframe{border:0;width:100%;height:100%;display:block}.op-loading{z-index:2;background:silver;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.op-loading[hidden]{display:none}.op-loading-window{width:360px;margin:0}.op-loading-window .window-body{margin:4px}.op-loading-bar{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;height:14px;margin:10px 0 12px;overflow:hidden}.op-loading-bar span{background:navy;width:40%;height:100%;animation:1.2s linear infinite op-loading-slide;display:block}@keyframes op-loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}#op-loading-retry{margin-top:4px}.modal{z-index:100;position:absolute;inset:0}.modal[hidden]{display:none}.modal-shade{background:#00000047;position:absolute;inset:0}.modal-window{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-window .window-body{margin:4px}.modal-window p{margin:8px 0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.zoom-custom{align-items:center;gap:6px;display:flex}.zoom-custom input{width:80px}#answer-gif{border:2px solid gray;width:100%;height:auto;display:block}.answer-tip{color:#444}.pass-congrats{font-size:16px}.order-task[data-astro-cid-s6medhdq]{flex-direction:column;align-items:center;height:100%;display:flex}.status[data-astro-cid-s6medhdq]{text-align:center;flex:none;max-width:580px;min-height:48px;margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.4}.status[data-astro-cid-s6medhdq].warn{color:#c00000}.status[data-astro-cid-s6medhdq].good{color:#0a7d23}.triangle-area[data-astro-cid-s6medhdq]{flex-direction:column;flex:auto;justify-content:center;gap:36px;width:100%;display:flex}.row-top[data-astro-cid-s6medhdq]{justify-content:center;display:flex}.row-bottom[data-astro-cid-s6medhdq]{justify-content:space-evenly;display:flex}.circle[data-astro-cid-s6medhdq]{color:#fff;cursor:default;user-select:none;background:#d9534f;border:4px solid #8b2b28;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:170px;height:170px;transition:background-color .15s,border-color .15s;display:flex}.circle-num[data-astro-cid-s6medhdq]{font-size:40px;font-weight:700;line-height:1.1}.circle-text[data-astro-cid-s6medhdq]{text-align:center;margin-top:6px;padding:0 10px;font-size:15px}.circle[data-astro-cid-s6medhdq].done{background:#3d9b3d;border-color:#236b23}.task-actions[data-astro-cid-s6medhdq]{flex:none;padding:10px 0 2px}#btn-restart[data-astro-cid-s6medhdq]{padding:6px 18px;font-size:15px}.click-task[data-astro-cid-bw4me555]{flex-direction:column;align-items:center;height:100%;display:flex}.status[data-astro-cid-bw4me555]{text-align:center;flex:none;max-width:580px;min-height:48px;margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.4}.status[data-astro-cid-bw4me555].warn{color:#c00000}.status[data-astro-cid-bw4me555].good{color:#0a7d23}.circle-area[data-astro-cid-bw4me555]{flex:auto;justify-content:space-around;align-items:center;gap:40px;width:100%;padding:20px 0;display:flex}.circle[data-astro-cid-bw4me555]{color:#fff;cursor:pointer;user-select:none;background:#d9534f;border:4px solid #8b2b28;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;transition:background-color .15s,border-color .15s;display:flex}.circle-text[data-astro-cid-bw4me555]{text-align:center;pointer-events:none;padding:10px;font-size:20px;font-weight:700}.circle[data-astro-cid-bw4me555].done{background:#3d9b3d;border-color:#236b23}.task-actions[data-astro-cid-bw4me555]{flex:none;padding:10px 0 2px}#btn-restart[data-astro-cid-bw4me555]{padding:6px 18px;font-size:15px}.hover-task[data-astro-cid-nrmxpfmt]{justify-content:center;align-items:center;height:100%;min-height:320px;display:flex}.target-circle[data-astro-cid-nrmxpfmt]{color:#fff;text-align:center;cursor:default;user-select:none;background:#d9534f;border:4px solid #8b2b28;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;padding:20px;font-size:20px;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}.target-circle[data-astro-cid-nrmxpfmt].done{background:#3d9b3d;border-color:#236b23}.stage[data-astro-cid-3nwcope4]{width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.path[data-astro-cid-3nwcope4]{z-index:1;background:silver;border:3px solid gray;width:520px;height:140px;position:absolute;top:260px;left:315px;transform:translate(-50%,-50%)rotate(-39deg)}.target-circle[data-astro-cid-3nwcope4]{color:#fff;user-select:none;z-index:2;background:#d9534f;border:4px solid #8b2b28;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:16px;font-weight:700;display:flex;position:absolute}.target-circle[data-astro-cid-3nwcope4].done{background:#3d9b3d;border-color:#236b23}#circle-left[data-astro-cid-3nwcope4]{top:360px;left:80px}#circle-middle[data-astro-cid-3nwcope4]{top:210px;left:265px}#circle-right[data-astro-cid-3nwcope4]{top:60px;left:450px}.s-task[data-astro-cid-lg4cwrf3]{flex-direction:column;align-items:center;height:100%;display:flex}.status[data-astro-cid-lg4cwrf3]{text-align:center;flex:none;max-width:560px;min-height:44px;margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.4}.status[data-astro-cid-lg4cwrf3].warn{color:#c00000}.status[data-astro-cid-lg4cwrf3].good{color:#0a7d23}.board[data-astro-cid-lg4cwrf3]{flex:none;width:520px;height:400px;position:relative}.path-svg[data-astro-cid-lg4cwrf3]{pointer-events:none;position:absolute;top:0;left:0}.path-band[data-astro-cid-lg4cwrf3]{fill:none;stroke:#b0b0b0;stroke-width:30px;pointer-events:auto}.circle[data-astro-cid-lg4cwrf3]{box-sizing:border-box;color:#fff;cursor:default;user-select:none;z-index:3;background:#d9534f;border:3px solid #8b2b28;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;transition:background-color .15s,border-color .15s;display:flex;position:absolute}.circle[data-astro-cid-lg4cwrf3].done{background:#3d9b3d;border-color:#236b23}#circle-top[data-astro-cid-lg4cwrf3]{top:30px;left:235px}#circle-middle[data-astro-cid-lg4cwrf3]{top:180px;left:235px}#circle-bottom[data-astro-cid-lg4cwrf3]{top:330px;left:235px}.step-label[data-astro-cid-lg4cwrf3]{color:#404040;pointer-events:none;z-index:2;max-width:180px;font-size:15px;line-height:1.3;position:absolute}.label-top[data-astro-cid-lg4cwrf3]{top:45px;left:300px}.label-middle[data-astro-cid-lg4cwrf3]{text-align:right;width:150px;top:193px;left:10px}.label-bottom[data-astro-cid-lg4cwrf3]{top:345px;left:300px}.task-actions[data-astro-cid-lg4cwrf3]{flex:none;padding:2px 0 0}#btn-s-restart[data-astro-cid-lg4cwrf3]{padding:6px 18px;font-size:15px}