.ix-lab {width:100%;overflow:hidden;border:2px solid #456c69;border-radius:24px;background:#143431;color:#f0fff5;box-shadow:0 7px 0 #092a28,0 22px 45px #061e2433;text-align:left;}
.ix-header {display:flex;align-items:center;gap:10px;padding:12px 17px;background:#234640;border-bottom:1px solid #41675d;}.ix-header strong {font-size:15px;font-weight:400;}.ix-header small {margin-left:auto;color:#b9d6c8;font-size:10px;}.ix-leaf {color:#ffe6a8;font-size:23px;}
.ix-stage {overflow:hidden;min-height:200px;}.ix-scene-svg {display:block;width:100%;height:250px;background:#12383a;}.ix-scene-svg * {transform-box:fill-box;}.ix-character {transform-box:view-box!important;}
.ix-stage {position:relative;}.ix-player-card,.ix-body-card {position:absolute;top:14px;display:grid;gap:5px;padding:9px 12px;border:1px solid #9fc7ad;border-radius:12px;background:#153c35ed;color:#edffe9;font-size:11px;}.ix-player-card {left:12px;}.ix-body-card {right:12px;}.ix-player-card strong,.ix-body-card strong {font-weight:400;color:#ffe9ac;}.ix-body-card small {font:10px ui-monospace,Consolas,monospace;color:#d5eadf;}.ix-health-bar {height:5px;background:#627c72;border-radius:5px;overflow:hidden;}.ix-health-bar i {display:block;height:100%;background:#82efb3;}
@media(max-width:400px){.ix-player-card,.ix-body-card {top:6px;padding:6px;font-size:9px;gap:3px;}.ix-player-card {left:6px;}.ix-body-card {right:6px;}}
.ix-gate {transition:opacity .6s ease-out;}.ix-gate.is-open {opacity:.4;}
.ix-gate.is-opening {animation:ixGateOpen .65s ease-out;}.ix-lid.is-opening {animation:ixChestOpen .55s ease-out;}
@keyframes ixGateOpen {from{opacity:1;}to{opacity:.4;}}
@keyframes ixChestOpen {from{rotate:0deg;}to{rotate:-32deg;}}
.ix-wire {stroke:#83958b;stroke-width:6;stroke-dasharray:9 7;}.ix-wire.is-connected {stroke:#99f0c8;animation:ixSignal .9s linear 2;}
.ix-switch {animation:ixSwitch .45s ease-out;transform-origin:center;}.ix-lid {transform-origin:50% 95%;transition:rotate .55s cubic-bezier(.2,.7,.2,1);}.ix-lid.is-open {rotate:-32deg;}
.ix-person-body {animation:ixArrive .5s ease-out;transform-origin:50% 95%;}.ix-character.is-down .ix-person-body {rotate:80deg;opacity:.35;}.ix-portal {animation:ixPortal 1.3s ease-in-out 2;transform-origin:center;}
.ix-coin {transform-box:view-box!important;}.ix-coin.is-claimed {opacity:.2;}.ix-coin>circle {animation:ixCoin .45s ease-out;transform-origin:center;}.ix-reward-flash {animation:ixStar .6s ease-out;transform-origin:center;}
.ix-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#43695d;border-block:1px solid #43695d;}.ix-metrics>div {display:grid;align-content:start;gap:6px;padding:10px 14px;background:#20493d;min-width:0;}.ix-metrics span {color:#bdddc9;font-size:11px;}.ix-metrics strong {color:#fff6cc;font:16px/1.3 'Fredoka One',sans-serif;overflow-wrap:anywhere;}
.ix-status {padding:12px 16px;background:#163b36;min-height:66px;}.ix-status p {font-size:13px;line-height:1.5;margin:0;color:#e4f7e8;}.ix-log {display:block;margin-top:8px;font:12px/1.5 ui-monospace,Consolas,monospace;color:#ffe9a9;white-space:pre-wrap;overflow-wrap:anywhere;}
.ix-cooldown {display:flex;align-items:center;gap:9px;font-size:11px;color:#c4e4d0;margin-top:10px;}.ix-meter {height:7px;flex:1;max-width:180px;overflow:hidden;background:#3c635b;border-radius:10px;}.ix-meter i {height:100%;display:block;background:#ffe398;transition:width .25s ease;}
.ix-controls {display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#14302f;border-block:1px solid #345a52;}.ix-controls button {flex:1 1 115px;min-height:44px;min-width:44px;padding:9px 12px;border:1px solid #73aa95;border-radius:12px;background:#2d624e;color:#f0fff4;box-shadow:0 3px 0 #081e21;font:12px/1.25 'Fredoka One',sans-serif;cursor:pointer;}.ix-controls button:hover {background:#397660;}.ix-controls button:active {translate:0 2px;box-shadow:0 1px 0 #081e21;}.ix-controls button[aria-pressed=true] {background:#f7df9f;border-color:#ffedc0;color:#283f36;}.ix-controls .ix-reset {flex:0 1 auto;background:#224341;border-color:#5c857e;color:#d1e9df;}
.ix-controls button:focus-visible,.ix-overview summary:focus-visible {outline:3px solid #fff0b2;outline-offset:3px;}
.ix-code-heading {display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:#142b35;color:#b5dcd2;font-size:11px;}.ix-code {margin:0;padding:8px 0 13px;overflow:auto;background:#10232e;border-top:1px solid #304f55;scrollbar-width:thin;}.ix-code-line {display:flex;min-height:25px;padding:4px 13px 4px 0;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#e5f6f1;border-left:3px solid transparent;}.ix-code-line>i {flex:0 0 29px;color:#8bb1b1;font-size:10px;text-align:center;font-style:normal;user-select:none;}.ix-code-line>span {min-width:0;}.ix-code-line.is-active {background:#285443;border-left-color:#ffe9a5;color:#fff7d3;}
.ix-overview {text-align:left;border-top:1px solid #426962;}.ix-overview summary {min-height:44px;padding:12px 14px;cursor:pointer;color:#c9edce;background:#23443f;font-size:12px;}.ix-mission {width:min(760px,100%);margin:28px auto 0;padding:20px;border:2px solid #496c64;border-radius:20px;background:#193b36;text-align:left;}.ix-mission h2 {font-size:22px;margin:0 0 10px;color:#ffebb0;}.ix-mission p,.ix-mission li {font-size:14px;line-height:1.6;color:#d6eddf;}.ix-mission ol {padding-left:24px;}.ix-mission li {padding-left:4px;margin:9px 0;}.ix-mission .ix-overview {margin-top:16px;}
.lesson-lab[data-lesson-id^="events-interactions-"] .ll-visual {width:min(920px,100%);margin-inline:auto;}
.ix-script {min-width:0;background:#10232e;}.ix-play {min-width:0;}
.ix-project {padding:10px 13px;margin:0;border-bottom:1px solid #426962;color:#c4ddd3;font:10px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;}.ix-object-name {position:absolute;left:12px;top:12px;background:#193b35e8;border:1px solid #729d88;border-radius:8px;padding:5px 9px;color:#fff1bd;font:11px ui-monospace,Consolas,monospace;}.ix-open-path {stroke-dasharray:7 6;animation:ixSignal .9s linear 2;}.ix-rock {animation:ixArrive .45s ease-out;}
@media(min-width:768px){.ix-script .ix-code-line {font-size:12px;}}
.ix-code-line.is-active>i {color:#c4e6d8;}
@media(max-width:767px){
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside {grid-template-columns:64px minmax(0,1fr);column-gap:10px;}
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside .ll-echo {width:64px;height:64px;}
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside .ll-bubble {padding:12px;}
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside .ll-bubble,
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside .ll-bubble-sizer,
 .lesson-lab[data-lesson-id^="events-interactions-"] .ll-stage.is-aside .ll-bubble-text {font-size:16px;line-height:1.45;}
}
.ix-timeline {display:grid;gap:9px;margin-top:12px;}.ix-time-row {display:grid;grid-template-columns:15px 1fr 28px;align-items:center;gap:10px;font:11px ui-monospace,Consolas,monospace;color:#e8ffe9;}.ix-time-row strong {font-weight:600;}.ix-time-track {position:relative;display:block;height:13px;border-radius:4px;background:repeating-linear-gradient(90deg,#426455 0,#426455 14%,#6b8a73 14%,#6b8a73 16.66%);}.ix-time-wait {display:block;height:100%;background:#f2cf85b0;border-radius:4px;}.ix-time-now {position:absolute;top:-3px;bottom:-3px;width:3px;background:#f9ffe2;}.ix-time-row:nth-child(2) .ix-time-wait {background:#bba3f2b0;}
@media(min-width:768px){.ix-workbench {display:grid;grid-template-columns:1.1fr 1fr;align-items:start;}.ix-script {border-left:1px solid #426962;height:100%;max-height:520px;overflow:auto;}.ix-scene-svg {height:210px;}.ix-header {padding-block:10px;}.ix-code-line {font-size:11px;}.ix-controls button {flex-basis:100px;font-size:11px;}.ix-status {min-height:65px;}.ix-header small {font-size:11px;}}
@keyframes ixSignal {to{stroke-dashoffset:-32;}}@keyframes ixSwitch {50%{scale:.93;}}@keyframes ixArrive {from{opacity:.2;translate:0 -12px;}to{opacity:1;translate:0 0;}}@keyframes ixPortal {50%{opacity:.4;}}@keyframes ixCoin {from{scale:.75;}to{scale:1;}}@keyframes ixStar {from{scale:.4;opacity:0;}50%{scale:1.25;}to{scale:1;opacity:1;}}
@media(max-width:767px){.ix-lab {border-radius:17px;}.ix-header {padding:9px 12px;gap:7px;}.ix-header strong {font-size:12px;}.ix-header small {font-size:9px;}.ix-stage {min-height:150px;}.ix-scene-svg {height:auto;min-height:150px;}.ix-metrics>div {padding:9px 7px;}.ix-metrics span {font-size:10px;}.ix-metrics strong {font-size:13px;}.ix-status {padding:11px 12px;}.ix-status p {font-size:12px;}.ix-controls {gap:7px;padding:10px;}.ix-controls button {flex-basis:100px;font-size:11px;padding-inline:8px;}.ix-controls .ix-reset span {display:none;}.ix-code-line {font-size:11px;}.ix-code-heading {font-size:10px;}.ix-mission {padding:14px;}.ix-mission h2 {font-size:19px;}}
@media(prefers-reduced-motion:reduce){.ix-lab * {animation:none!important;transition:none!important;}}