/* Ephesus marble, bronze and turquoise tesserae. The completed worlds keep their materials. */
.efes-site-plaque,.efes-mosaic-board{display:none}
html body #lesson[data-world="efes"]{--paper:#eee8d5;--forest:#365e58;--muted:#797d65;--ochre:#b18b50;background:#254d48;color:#3c6057}
html body #lesson[data-world="efes"]:before{background:#163e3724}
html body #lesson[data-world="efes"] .code-pane{background:url('assets/efes-marble-surface.svg') 0 0/480px 400px repeat,linear-gradient(130deg,#f6f0de,#e0d7ba);box-shadow:inset 0 0 55px #ad976c22,6px 0 22px #31463838}
html body #lesson[data-world="efes"] .code-pane:before{border-image-source:url('assets/efes-marble-frame.svg');border-image-slice:18;border-image-repeat:stretch}
html body #lesson[data-world="efes"] .code-pane:after{display:none!important}
html body #lesson[data-world="efes"] .code-tabs{background:url('assets/efes-marble-surface.svg') 0 0/480px 400px repeat,linear-gradient(140deg,#416b60,#234e47);padding-left:25px;padding-right:25px;gap:8px;border-bottom:1px solid #c6b17d;box-shadow:0 3px 8px #48543c33}
html body #lesson[data-world="efes"] .code-tabs:after{height:7px;background:url('assets/efes-meander.svg') 0 0/72px 10px repeat-x;box-shadow:none;opacity:.8}
html body #lesson[data-world="efes"] .code-tabs button{transform:none;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px);background:linear-gradient(#eee5ca,#cdbd97);border:1px solid #e0d0a5;border-bottom:4px solid #9d8b63;color:#425f52;text-shadow:0 1px #fbf5df;box-shadow:inset 0 1px #fff9e5}
html body #lesson[data-world="efes"] .code-tabs button[aria-selected="true"]{background:linear-gradient(#deb77b,#ba8c51);border-color:#f1d6a0;border-bottom-color:#927142;color:#fff6df;text-shadow:0 1px #89623b;box-shadow:inset 0 2px #ffe6b3,0 0 14px #e9c88022}
html body #lesson[data-world="efes"] .block-palette{border-right:1px dashed #b6ac8c;background:linear-gradient(90deg,#e1dac04d,#fff0)}
html body #lesson[data-world="efes"] .block-palette>.mini-label{color:#45675a;font-size:12px!important;letter-spacing:1px}
html body #lesson[data-world="efes"] .block-palette>p{color:#4e6346;font-size:12px}
html body #lesson[data-world="efes"] .palette-tip p{color:#485c40!important;font-size:13px!important;line-height:1.5!important}
html body #lesson[data-world="efes"] .palette-tip>span{color:#7f9378}
html body #lesson[data-world="efes"] .workspace-tools{color:#61705a;border-bottom-color:#b3aa8a6b}
html body #lesson[data-world="efes"] #undo-code,html body #lesson[data-world="efes"] #redo-code,html body #lesson[data-world="efes"] .workspace-trash{background:linear-gradient(#fbf5e2,#d7cbaa);border:1px solid #ab9e7b;color:#4f6e5a!important;box-shadow:inset 0 1px #fff9e8,0 2px #96876166;text-shadow:none}
html body #lesson[data-world="efes"] #undo-code:disabled,html body #lesson[data-world="efes"] #redo-code:disabled{opacity:.55!important;color:#78816c!important}
html body #lesson[data-world="efes"] .workspace-trash.delete-over{background:#eed1b3;color:#98523c!important}
html body #lesson[data-world="efes"] .workspace-foot{border-top-color:#aea48166;background:url('assets/efes-marble-surface.svg') 0 0/480px 400px repeat,#d9d7bd33;color:#5a6c54}
html body #lesson[data-world="efes"] .workspace-foot>span,html body #lesson[data-world="efes"] .workspace-foot .lesson-brand{color:#416b59!important}
html body #lesson[data-world="efes"] .workspace-foot .lesson-brand small,html body #lesson[data-world="efes"] .workspace-foot .lesson-brand>span{color:#536a48!important}
html body #lesson[data-world="efes"] .lesson-statusbar{color:#586a52!important}
html body #lesson[data-world="efes"] .back-atlas{background:linear-gradient(#688d77,#3d6d5c);color:#fff4d9;border-color:#d3c598;box-shadow:inset 0 1px #bfd0ad,0 2px #304e3f;text-shadow:0 1px #334e3b}
html body #lesson[data-world="efes"] .lesson-scene{background:#dfd8bd}
html body #lesson[data-world="efes"] .lesson-header-actions button,html body #lesson[data-world="efes"] .small-control{background:linear-gradient(145deg,#7a9b86,#3c6d5e);border-color:#e5d4a6;box-shadow:0 3px #5c6245,0 5px 9px #3b49302c,inset 0 0 0 1px #476d53,inset 0 2px #d3dfba80}
html body #lesson[data-world="efes"] .run-code{background:linear-gradient(140deg,#e1b777,#b38b4c);border-color:#f5dcaa;box-shadow:0 4px #77643b,0 6px 9px #4b563c40,inset 0 0 0 2px #9e783f,inset 0 3px #fbe6b6}
html body #lesson[data-world="efes"] .scene-toolbar .speed-control,html body #lesson[data-world="efes"] .scene-toolbar .task-toggle{background:#f6f0dffa!important;border-color:#b3ad87!important;color:#3d5f4b!important;box-shadow:inset 0 1px #fffbed,0 2px 5px #5a634221}
html body #lesson[data-world="efes"] .scene-toolbar .speed-control select{background:#fffbef!important;color:#36563f!important;border-color:#a8aa83}
html body #lesson[data-world="efes"] .level-pill{background:#3e6859ef;border-color:#c8d1a7;color:#fff4d5;box-shadow:0 2px #3d4f3655}
html body #lesson[data-world="efes"] .collect-counter{background:linear-gradient(135deg,#8c9e76,#526e51);border-color:#dfd1a0;box-shadow:inset 0 1px #e8eac380,0 2px #576044;color:#fff6dc!important}
html body #lesson[data-world="efes"] .collect-counter b,html body #lesson[data-world="efes"] .collect-counter span{color:#fff8df!important}
html body #lesson[data-world="efes"] .weather-card{background:#f8f1dfed;border:1px solid #c5b98f;color:#566b50;box-shadow:inset 0 1px #fffae9,0 2px 7px #5e644326;border-radius:9px}
html body #lesson[data-world="efes"] .weather-card select,html body #lesson[data-world="efes"] .weather-card option{color:#45654d!important;background:#f8f1df}
html body #lesson[data-world="efes"] #weather-description{color:#596b45!important;font-size:11px!important;line-height:1.25}
html body #lesson[data-world="efes"] .weather-icon{color:#b3974e}
html body #lesson[data-world="efes"] .scene-region-hud{width:min(195px,calc(50% - 28px));gap:10px}
html body #lesson[data-world="efes"] .efes-site-plaque{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;background:url('assets/efes-marble-surface.svg') 0 0/480px 400px repeat,#f2ecd8ed;border:1px solid #c0b28a;border-radius:5px;color:#54745e;box-shadow:0 3px 6px #5c66451c}
html body #lesson[data-world="efes"] .efes-site-plaque svg{width:35px;height:37px;flex:0 0 35px;color:#63836a}
html body #lesson[data-world="efes"] .efes-site-plaque span{display:flex;flex-direction:column;gap:3px;min-width:0}
html body #lesson[data-world="efes"] .efes-site-plaque small{font-size:10px;font-weight:700;line-height:1.3}
html body #lesson[data-world="efes"] .efes-site-plaque b{font-size:29px;line-height:1;letter-spacing:1px}
html body #lesson[data-world="efes"] .efes-site-plaque em{font-size:8px;font-style:normal;letter-spacing:.5px;line-height:1.3}
html body #lesson[data-world="efes"] .gobek-site-plaque,html body #lesson[data-world="efes"] .erciyes-site-plaque,html body #lesson[data-world="efes"] #mission-state{display:none!important}
html body #lesson[data-world="efes"] .scene-caption-dock .level-route-label{background:#f4ecd8ed;color:#4a6652!important;border-color:#d3c6a2}
html body #lesson[data-world="efes"] .scene-caption-dock .scene-badge{background:#375d4deb;color:#f5f0d9}
html body #lesson[data-world="efes"] .scene-compass,html body #lesson[data-world="efes"] .scene-reset-view{background:#f2ecd8ee;color:#5c765b;border-color:#c0bc96}
/* One marble task console joins the guide, instructions and three mosaic cards. */
html body #lesson[data-world="efes"] .task-card{background:url('assets/efes-marble-surface.svg') 5px 9px/480px 400px repeat,linear-gradient(130deg,#f5edd8,#ded6b9);border-image-source:url('assets/efes-marble-frame.svg');border-image-slice:18;border-width:12px!important;grid-template-columns:78px minmax(0,1fr) 170px;grid-template-rows:auto auto;gap:5px 14px;color:#3b5e50;box-shadow:0 -6px 20px #6a705021,inset 0 1px #fff8dc;padding:14px 19px!important}
html body #lesson[data-world="efes"] .task-card:before{display:none!important}
html body #lesson[data-world="efes"] .task-copy{grid-column:2;grid-row:1;align-self:center}
html body #lesson[data-world="efes"] .task-copy h3{color:#365f50;text-shadow:0 1px #fff8dc;font-size:clamp(21px,1.5vw,28px)}
html body #lesson[data-world="efes"] .task-copy p{color:#435d44!important;font-size:14px!important;line-height:1.45!important;margin-bottom:4px}
html body #lesson[data-world="efes"] .task-kicker,html body #lesson[data-world="efes"] .task-kicker>span{color:#776037;font-size:11px}
html body #lesson[data-world="efes"] .guide-portrait{grid-row:1/3;grid-column:1;width:78px;height:145px}
html body #lesson[data-world="efes"] .guide-portrait img{width:124px;height:168px;left:-23px;bottom:-15px;filter:drop-shadow(1px 4px 3px #66704a44)}
html body #lesson[data-world="efes"] .mission-side{grid-column:2/4;grid-row:2;padding-top:5px;border-top:1px solid #a8a27c66}
html body #lesson[data-world="efes"] .rating-rule{color:#4f633b!important;font-size:12px!important}
html body #lesson[data-world="efes"] .task-actions>span{color:#47653f;font-size:12px!important}
html body #lesson[data-world="efes"] .task-actions button{background:linear-gradient(#d5b17a,#af8950);color:#fff6dc;border:1px solid #ddc497;box-shadow:inset 0 1px #fbe4b5,0 2px #866e42;text-shadow:0 1px #7d623a}
html body #lesson[data-world="efes"] #collapse-task{background:#d7cfb2;color:#617454;border-color:#b9b28c;box-shadow:none}
html body #lesson[data-world="efes"] .efes-mosaic-board{display:block;grid-column:3;grid-row:1;align-self:start;border-left:1px solid #a4a17c66;padding-left:12px;min-width:0}
html body #lesson[data-world="efes"] .efes-mosaic-board>b{font-size:10px;letter-spacing:1px;color:#4b633d;display:block;margin:5px 0}
html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress{margin-bottom:6px;gap:4px}
html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress span{font-size:11px;color:#586c4b;border-color:#b4b18c}
html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress .current{color:#365d4b;background:#b7c5a14d;border-color:#7b9674}
html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress .passed{background:#5c8871;color:#f1f1d2;border-color:#a8bd94}
html body #lesson[data-world="efes"] .efes-size-card{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:5px;font-size:10px;color:#4c613e}
html body #lesson[data-world="efes"] .efes-size-card code{font-size:12px;font-weight:700;color:#3d6b59;background:#e4e6ca;border:1px solid #abb795;border-radius:4px;padding:3px 5px;white-space:nowrap}
html body #lesson[data-world="efes"] .efes-panel-ledger{display:flex;flex-direction:column;gap:4px}
html body #lesson[data-world="efes"] .efes-panel-card{display:flex;align-items:center;gap:7px;border:1px solid #c5bd9c;background:#f8f0db99;border-radius:4px;padding:4px 5px;color:#4f6e53}
html body #lesson[data-world="efes"] .efes-panel-card>b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #9ba98b;background:repeating-conic-gradient(#7f9b81 0 25%,#e9dfbd 0 50%) 0 0/8px 8px;color:#264c3a;text-shadow:0 1px #fff7d0;font-size:14px;flex:0 0 22px}
html body #lesson[data-world="efes"] .efes-panel-card>div{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1;min-width:0}
html body #lesson[data-world="efes"] .efes-panel-card strong{font-size:12px;white-space:nowrap}
html body #lesson[data-world="efes"] .efes-panel-card small{font-size:11px;color:#566641;white-space:nowrap}
html body #lesson[data-world="efes"] .efes-panel-card i{font-size:12px;font-style:normal;color:#a8ac83}
html body #lesson[data-world="efes"] .efes-panel-card.done{background:#d4e1be;border-color:#85a27a;color:#3b633f}
html body #lesson[data-world="efes"] .efes-panel-card.done i{color:#4b8059}
html body #lesson[data-world="efes"] .efes-parameter-watch{display:block;margin-top:6px;color:#4b5d35;font-size:11px;line-height:1.3}
html body #lesson[data-world="efes"] .task-card.collapsed .efes-mosaic-board{display:none}
html body #lesson[data-world="efes"] .repeat-add{background:#f4ecd1bf;border-color:#b9b48c;color:#6d815d;font-size:13px}
html body #lesson[data-world="efes"] .repeat-body.drop-target{background:#dce5c880;outline-color:#8da780}
html body #lesson[data-world="efes"] .drop-insertion{background:#c8d9b5;border-color:#5b805b;color:#345b3d}
html body #lesson[data-world="efes"] .command-actions{background:#f5edd4;border-color:#b6ad84;box-shadow:0 2px 4px #63704422}
html body #lesson[data-world="efes"] .command-actions button{color:#6b7c52!important}
/* Same marble material in the text editors, help, preferences and reward frame. */
html body #lesson[data-world="efes"] .text-editor.code-preview{background:#f6f0de;border:1px solid #bfb592;color:#4e6d53}
html body #lesson[data-world="efes"] .text-editor-toolbar,html body #lesson[data-world="efes"] .code-api{background:#dfdfc3;color:#43613c;border-color:#b4b38b}
html body #lesson[data-world="efes"] .text-editor-body textarea{color:#3c634a;background:#f8f3e3}
html body #lesson[data-world="efes"] .text-editor-body pre{color:#546340;background:#e9e6d0;border-color:#c6c3a2}
html body #lesson[data-world="efes"] #editor-validation{color:#4c805e!important}
html body #lesson[data-world="efes"] .preview-note{color:#778461!important}
html body #lesson[data-world="efes"] .lesson-dialog{background:url('assets/efes-marble-surface.svg') 0 0/480px 400px repeat,linear-gradient(135deg,#f9f2df,#e0d8bc);border-image-source:url('assets/efes-marble-frame.svg');border-image-slice:18;color:#42654d;box-shadow:0 18px 90px #233c3288,inset 0 0 50px #b0a47822}
html body #lesson[data-world="efes"] .lesson-dialog h2,html body #lesson[data-world="efes"] .lesson-dialog h3{color:#38644e;text-shadow:none}
html body #lesson[data-world="efes"] .lesson-dialog p,html body #lesson[data-world="efes"] .setting-item small,html body #lesson[data-world="efes"] .settings-note{color:#4a6248!important;text-shadow:none}
html body #lesson[data-world="efes"] .setting-item b{color:#436b50}
html body #lesson[data-world="efes"] .setting-item{border-bottom-color:#aaa98478}
html body #lesson[data-world="efes"] .setting-item select{background:#faf4df;color:#4e7253;border-color:#abb18a}
html body #lesson[data-world="efes"] .setting-switch{accent-color:#63886b}
html body #lesson[data-world="efes"] .settings-kicker,html body #lesson[data-world="efes"] .lesson-dialog .mini-label{color:#59633d}
html body #lesson[data-world="efes"] .help-code{background:#e3e5c9;color:#426b50;border-color:#aab88d}
html body #lesson[data-world="efes"] .array-guide{background:#e2e7cb;border-color:#aab78b;color:#4e7354}
html body #lesson[data-world="efes"] .lesson-dialog .close{background:#d7dcb455;color:#697c51;border-color:#b3bb8e}
html body #lesson[data-world="efes"] .reward-button,html body #lesson[data-world="efes"] .lesson-dialog .primary{background:linear-gradient(#7c9d7b,#4a7857);color:#fff6da;border-color:#ccdaa7;box-shadow:inset 0 1px #dfebc3aa,0 3px #566a40;text-shadow:0 1px #40583a}
html body #lesson[data-world="efes"] .reward-button.blue{background:linear-gradient(#82a59b,#4e7b70)}
html body #lesson[data-world="efes"] .reward-caption,html body #lesson[data-world="efes"] .reward-caption b,html body #lesson[data-world="efes"] .reward-kicker{color:#667d50;text-shadow:none}
html body #lesson[data-world="efes"] .success-stats{border-color:#adb28a66}
html body #lesson[data-world="efes"] .success-stats b{color:#567747}
html body #lesson[data-world="efes"] .success-stats div{color:#566a43}
html body #lesson[data-world="efes"] .reward-atlas{color:#648253}
html body #lesson[data-world="efes"] .failure-symbol{color:#b1884f;background:#e3d4aa;border-color:#c9b37b}
html body #lesson[data-world="efes"] .failure-hint{background:#d7e0bc;border-color:#a4b683}
html body #lesson[data-world="efes"] .failure-hint b{color:#597f49}
html body #lesson[data-world="efes"] .level-grid.curriculum button{background:linear-gradient(#f4efd9,#d4d0ac);color:#617c52;border-color:#b4b68b;box-shadow:inset 0 1px #fff9e1,0 2px #939e71}
html body #lesson[data-world="efes"] .level-grid.curriculum button.selected{background:linear-gradient(#88a47b,#557b50);color:#fff8d9;border-color:#c0d4a0}
html body #lesson[data-world="efes"] .level-grid.curriculum .planned-level{background:#e2e1c8;color:#8b9471;opacity:.7}
body:has(#lesson[data-world="efes"]:not([hidden]))>.atlas-language{background:linear-gradient(#d8c6a0,#b29b70);color:#fff5da;border-color:#f0dfb5;box-shadow:inset 0 1px #fff0c8aa,0 3px #85734d;text-shadow:0 1px #867146}
body:has(#lesson[data-world="efes"]:not([hidden]))>.atlas-language select{color:#fff6dc}
@media(min-width:1600px){html body #lesson[data-world="efes"] .task-card{grid-template-columns:100px minmax(0,1fr) 180px;gap:5px 18px;padding:18px 24px!important}html body #lesson[data-world="efes"] .guide-portrait{width:100px;height:165px}html body #lesson[data-world="efes"] .guide-portrait img{width:147px;height:194px;left:-22px}html body #lesson[data-world="efes"] .task-copy p{font-size:15px!important}}
@media(min-width:761px) and (max-width:1200px){html body #lesson[data-world="efes"] .lesson-shell{grid-template-columns:47% 53%}html body #lesson[data-world="efes"] .block-palette{min-width:132px;max-width:145px}html body #lesson[data-world="efes"] .task-card{grid-template-columns:50px minmax(0,1fr);gap:4px 10px;padding:12px!important}html body #lesson[data-world="efes"] .task-copy{grid-column:2}html body #lesson[data-world="efes"] .guide-portrait{width:50px;height:132px;grid-row:1/4}html body #lesson[data-world="efes"] .guide-portrait img{left:-24px;width:100px;height:150px}html body #lesson[data-world="efes"] .efes-mosaic-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #a8ad8366;padding:7px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}html body #lesson[data-world="efes"] .efes-mosaic-board>b{display:none}html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress{width:90px;flex:0 0 90px;margin:0}html body #lesson[data-world="efes"] .efes-panel-ledger{flex:1;min-width:175px;flex-direction:row}html body #lesson[data-world="efes"] .efes-panel-card{gap:4px;flex:1;padding:3px}html body #lesson[data-world="efes"] .efes-panel-card>div{flex-direction:column;gap:2px}html body #lesson[data-world="efes"] .efes-panel-card>b{width:18px;height:18px;flex-basis:18px;font-size:12px}html body #lesson[data-world="efes"] .efes-panel-card i{display:none}html body #lesson[data-world="efes"] .efes-size-card{margin:0}html body #lesson[data-world="efes"] .efes-parameter-watch{margin:0;font-size:10px}html body #lesson[data-world="efes"] .mission-side{grid-column:2;grid-row:3}html body #lesson[data-world="efes"] .task-copy p{font-size:13px!important}}
@media(max-width:760px){html body #lesson[data-world="efes"] .result-pane{height:850px;min-height:850px}html body #lesson[data-world="efes"] .code-pane{min-height:780px}html body #lesson[data-world="efes"] .block-palette{min-width:130px;max-width:150px;width:32%}html body #lesson[data-world="efes"] .code-tabs{padding-left:18px;gap:5px}html body #lesson[data-world="efes"] .task-card{grid-template-columns:55px minmax(0,1fr);padding:12px!important;gap:7px 10px;margin-bottom:0;border-width:10px!important}html body #lesson[data-world="efes"] .guide-portrait{grid-row:1/4;width:55px;height:130px}html body #lesson[data-world="efes"] .guide-portrait img{width:100px;height:145px;left:-24px}html body #lesson[data-world="efes"] .efes-mosaic-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #a4ad8366;padding:7px 0}html body #lesson[data-world="efes"] .efes-mosaic-board .case-progress{width:110px;float:right;margin:0}html body #lesson[data-world="efes"] .efes-mosaic-board>b{line-height:24px;margin:0}html body #lesson[data-world="efes"] .efes-panel-ledger{flex-direction:row}html body #lesson[data-world="efes"] .efes-panel-card{flex:1;gap:4px;padding:4px}html body #lesson[data-world="efes"] .efes-panel-card>div{flex-direction:column;gap:2px}html body #lesson[data-world="efes"] .efes-panel-card i{display:none}html body #lesson[data-world="efes"] .efes-panel-card>b{width:18px;height:18px;flex-basis:18px;font-size:12px}html body #lesson[data-world="efes"] .mission-side{grid-column:2;grid-row:3}html body #lesson[data-world="efes"] .task-copy p{font-size:13px!important}html body #lesson[data-world="efes"] .task-copy h3{font-size:23px}html body #lesson[data-world="efes"] .efes-site-plaque b{font-size:24px}html body #lesson[data-world="efes"] .efes-site-plaque small{font-size:9px}html body #lesson[data-world="efes"] .efes-site-plaque em{font-size:7px;letter-spacing:.1px}html body #lesson[data-world="efes"] .efes-site-plaque svg{width:28px;flex-basis:28px}}
/* Small live comparison fields keep the whole condition legible in a connected block. */
html body #lesson[data-world="efes"] .condition-editor{display:flex;flex:1;min-width:0;max-width:100%}
html body #lesson[data-world="efes"] .condition-expression.numeric-comparison{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%}
html body #lesson[data-world="efes"] .numeric-comparison input{width:88px!important;max-width:110px!important;min-width:38px!important;flex:1 1 76px;height:29px;font-size:14px!important;padding:3px 6px!important;color:#fff!important;background:#966e2a!important;border-color:#7b591f!important;text-align:center}
html body #lesson[data-world="efes"] .numeric-comparison .comparison-operator{width:53px;min-width:53px;height:29px;flex:0 0 53px;color:white;background:#855d21;border:1px solid #684718;border-radius:3px;padding:2px 3px;font:700 15px 'HP Simplified',sans-serif}
html body #lesson[data-world="efes"] .command-card:has(>.repeat-head .numeric-comparison){--loop-min:266px;min-width:266px!important}
html body #lesson[data-world="efes"] .repeat-head:has(.numeric-comparison){height:auto!important;min-height:73px;flex-wrap:wrap;padding-bottom:13px!important;gap:5px!important}
html body #lesson[data-world="efes"] .repeat-head>.condition-editor{flex-basis:100%;padding-left:7px}
html body #lesson[data-world="efes"] .branch-head{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;background:#dc9d28;border-top:2px solid #edbd51;border-bottom:1px solid #bd841e;color:white;font:700 15px/1 'HP Simplified',sans-serif;position:relative;z-index:1}
html body #lesson[data-world="efes"] .command-card.while-loop>.repeat-head,html body #lesson[data-world="efes"] .palette-block.while-loop>.repeat-palette-head,html body #lesson[data-world="efes"] .command-card.while-loop>.repeat-end,html body #lesson[data-world="efes"] .palette-block.while-loop:after{filter:hue-rotate(137deg)}
html body #lesson[data-world="efes"] .command-card.while-loop:before,html body #lesson[data-world="efes"] .palette-block.while-loop:before{background:#398e84!important;border-left-color:#257368!important}
html body #lesson[data-world="efes"] .palette-block.while-loop{height:82px!important;min-height:82px!important}
html body #lesson[data-world="efes"] .repeat-body.executing-branch{background:#eff7cd55;box-shadow:inset 3px 0 #a0c6a1}
html body #lesson[data-world="efes"] .efes-value-row{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #b9b39777;padding:4px 0;font-size:13px;color:#3d604a}
html body #lesson[data-world="efes"] .efes-value-row strong{font-size:21px;line-height:1.1;color:#316e5e}
html body #lesson[data-world="efes"] .efes-mosaic-board>small{display:block;font-size:12px;line-height:1.35;color:#496044;margin:5px 0}
html body #lesson[data-world="efes"] .efes-water-meter{position:relative;height:26px;border:1px solid #8fada1;border-radius:4px;background:#eee7d3;margin:7px 0;overflow:hidden;text-align:center;color:#234f43}
html body #lesson[data-world="efes"] .efes-water-meter i{position:absolute;left:0;top:0;bottom:0;background:#8dc5bb;transition:width .4s}
html body #lesson[data-world="efes"] .efes-water-meter b{position:relative;font-size:15px;line-height:24px}
html body #lesson[data-world="efes"] .efes-helper-card{display:block;background:#e4e6ca;border:1px solid #a9b593;border-radius:4px;padding:8px;color:#366653;font:700 18px 'HP Simplified',sans-serif}
html body #lesson[data-world="efes"] .efes-gate-codes{display:flex;gap:6px;justify-content:space-between;padding:7px 0;color:#43634e;font-size:13px}
html body #lesson[data-world="efes"] .efes-gate-codes span{background:#eee7cd;border:1px solid #bbb18b;padding:5px;border-radius:4px}
html body #lesson[data-world="efes"] .efes-device-result{display:block;font-size:15px;color:#3b6d51;margin:4px 0}
html body #lesson[data-world="efes"] .efes-condition-state{padding:5px 6px;background:#d8e2c5;border:1px solid #acba92;border-radius:4px;overflow-wrap:anywhere}
html body #lesson[data-world="efes"] .efes-condition-state>b{display:block;font-size:12px;color:#315d42}
@media(min-width:761px) and (max-width:1200px){html body #lesson[data-world="efes"] .efes-value-row{min-width:80px;flex:1}html body #lesson[data-world="efes"] .efes-condition-state{max-width:170px;margin:0!important}html body #lesson[data-world="efes"] .efes-water-meter{min-width:100px;flex:1}}