:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173c36;background:#eef3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #d4dfd5;border-radius:10px;padding:10px 12px;background:#fff;color:#21473f;min-height:42px}button:hover:not(:disabled){background:#e5efe6}button:disabled{opacity:.45;cursor:default}header{height:76px;background:#fbfcf8;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dae3d8}.brand{font-size:24px;font-weight:750;letter-spacing:-.8px}.brand span{display:block;font-size:9px;letter-spacing:2.4px;margin-top:4px;color:#668178}#connection{font-size:13px;color:#547366}main{display:grid;grid-template-columns:minmax(0,1fr) 388px;min-height:calc(100vh - 76px)}.viewport{position:relative;min-height:650px;overflow:hidden}#world{display:block;width:100%;height:100%;position:absolute;inset:0}.world-title{position:absolute;left:36px;top:34px;pointer-events:none}.world-title small,.eyebrow{font-size:10px;letter-spacing:2px;color:#637f6d;font-weight:700}h1{font-size:36px;letter-spacing:-1.3px;margin:12px 0}h2{font-size:26px;margin:10px 0 14px;letter-spacing:-.7px}p{line-height:1.55}.world-title p{color:#527262;margin-top:0}.camera{position:absolute;bottom:24px;left:24px;right:24px;display:flex;gap:16px;align-items:center;justify-content:space-between;color:#4a6b5e;font-size:12px}.camera label{background:#ffffffdb;padding:10px 14px;border-radius:13px;box-shadow:0 5px 25px #213e3610}select{background:#fff;border:1px solid #cbd9ce;border-radius:8px;padding:8px;color:#284e42;max-width:100%}aside{padding:28px 24px;background:#fbfcf8;border-left:1px solid #dbe4da}.intro{font-size:14px;color:#577164;margin-bottom:18px}.variant{display:flex;gap:8px;align-items:center;font-size:12px}.results{display:grid;gap:7px;margin-top:20px}.results div{border-radius:10px;background:#eaf0e7;padding:11px 13px;font-size:13px}.results .passed{background:#d5ebd9;color:#155c37;font-weight:650}.muted{font-size:12px;color:#6e8177;min-height:10px}.program{border-top:1px solid #e0e7dc;margin-top:18px;padding-top:12px}.program-head{display:flex;align-items:center;justify-content:space-between}h3{font-size:15px}.program-head button{padding:5px 8px;font-size:12px;min-height:32px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tools button{font-size:12px;text-align:left}.repeat-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;font-size:12px}.repeat-tools button{font-size:12px;padding:8px}.repeat-tools input{width:48px;padding:6px;border:1px solid #cad6cb;border-radius:7px}ol{list-style:none;padding:0;min-height:72px;max-height:230px;overflow:auto;margin:4px 0 12px}ol:empty:before{content:"Здесь появятся твои команды";display:block;padding:24px 8px;color:#87988b;font-size:12px;text-align:center;border:1px dashed #d2ded1;border-radius:10px}li{font-size:12px;padding:8px 11px;margin:5px 0;background:#dfede0;border-radius:7px}li.repeat{background:#f1e3b9;border-left:3px solid #d4b66d}li ol{min-height:0;margin:0;padding-left:9px;max-height:none}li.executing{outline:2px solid #288367}.run-tools{display:flex;gap:7px;margin-top:20px}.primary{background:#22644c;color:#fff;border-color:#22644c;font-weight:600}.primary:hover:not(:disabled){background:#194f3b}#run{flex:1}#status{font-size:13px;color:#345c4d;min-height:40px}.teacher-note{font-size:11px;color:#819084;border-top:1px solid #e0e7dc;padding-top:14px}dialog{border:1px solid #c7d8cb;border-radius:22px;box-shadow:0 20px 120px #1a3c3430;padding:32px;max-width:410px;top:20vh;background:#fbfcf8}dialog::backdrop{background:#173b352b;backdrop-filter:blur(5px)}dialog form{display:grid;gap:12px}dialog h2,dialog p{margin:0}dialog p{font-size:14px;color:#61796a}dialog input{width:100%;padding:12px;border-radius:8px;border:1px solid #bfd0c1}#login-error{color:#a14038}@media (max-width:900px){main{grid-template-columns:1fr}.viewport{min-height:52vh}aside{border-left:0;border-top:1px solid #dbe4da}.world-title{left:20px;top:14px}h1{font-size:27px}.camera span{display:none}header{padding:0 18px;height:64px}.brand{font-size:21px}.variant{justify-content:space-between}}@media (min-width:901px){main{height:calc(100dvh - 76px);min-height:0}.viewport{min-height:0}aside{overflow-y:auto}}li.error-command{outline:2px solid #bf7156;background:#f2dfd3}#blockly{height:360px;width:100%;position:relative}#blockly.locked{pointer-events:none}#editor-tools{display:flex;gap:6px;flex-wrap:wrap}#commands{max-height:none}#commands li>button{font-size:12px;padding:6px;margin:2px;min-height:44px}#commands input{width:60px;min-height:44px}#commands .selected-command{box-shadow:inset 0 0 0 2px #c49636}#editor-error{color:#963d30}#limits,#save-state{font-size:12px}button{min-height:44px}#panel-toggle{display:none}.blocklyToolbox{font-family:inherit}main{grid-template-columns:minmax(0,1fr) minmax(440px,42%)}@media (max-width:900px){main{display:block}.viewport{height:calc(100dvh - 64px)}aside{position:fixed;inset:64px 0 0;overflow:auto;padding:12px 16px calc(110px + env(safe-area-inset-bottom));z-index:2}body.show-world aside{background:transparent;pointer-events:none}body.show-world aside>*:not(.run-tools):not(#panel-toggle):not(#status){display:none}#panel-toggle{display:block;position:fixed;right:12px;top:12px;z-index:5;pointer-events:auto}.run-tools{position:fixed;bottom:calc(38px + env(safe-area-inset-bottom));left:12px;right:12px;background:#fbfcf8;padding:8px;z-index:4;pointer-events:auto;margin:0}#status{position:fixed;bottom:0;left:0;right:0;margin:0;padding:5px 16px calc(5px + env(safe-area-inset-bottom));background:#fbfcf8;z-index:4;min-height:38px;pointer-events:auto;font-size:12px}#blockly{height:320px}.teacher-note{margin-bottom:20px}}#blockly{isolation:isolate;overflow:hidden;z-index:0}@media (max-width:900px){#connection{display:none}.run-tools,#status{z-index:100}#panel-toggle{z-index:101}}button{min-width:44px}[hidden]{display:none!important}#python-editor{border:1px solid #bdcec3;background:#fff;min-height:230px;font-size:15px}.cm-editor{min-height:230px}.cm-scroller{overflow:auto}.python-current{background:#f4e3aa}#python-tools{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}#python-error{font-size:13px;color:#82522f}#track-label{display:flex;gap:10px;margin-bottom:10px}#python-state{font-size:13px}#student-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.student-card{text-align:left;font-size:12px;padding:10px}.student-card span{display:block;margin-top:5px}.student-card[aria-pressed=true]{border:2px solid #22644c;background:#e5efe6}#teacher-overview label{display:block;margin:12px 0}#current-topic{font-size:13px}#mark-panel{padding:12px;margin:15px 0;border:1px solid #c7d8cb;border-radius:12px;background:#edf4eb}#mark-panel textarea{display:block;width:100%;min-height:80px;margin:8px 0;font:inherit}#mark-panel small{display:block;margin-top:8px}#mark-panel p{font-size:13px}#device-check{margin:20px 0;padding:12px;border:1px solid #c7d8cb;border-radius:12px;font-size:13px}#device-check label{display:block;margin:10px 0}#device-check input,#device-check textarea{display:block;width:100%;font:inherit;padding:10px}#device-check button{margin:5px 0}#device-stats{font-variant-numeric:tabular-nums}@media (max-width:900px){header{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}aside{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}#panel-toggle{right:calc(12px + env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}.run-tools{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}#status{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}@media (max-width:900px){header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.viewport{height:calc(100dvh - 64px - env(safe-area-inset-top))}aside{top:calc(64px + env(safe-area-inset-top))}#panel-toggle{top:calc(12px + env(safe-area-inset-top))}.camera{bottom:calc(120px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}}