/* Skákakademían v2.6 — Kennslulotukjarni */
.lesson-builder,.lesson-runner{position:fixed;z-index:170;inset:0;padding:12px;background:rgba(2,7,13,.88);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .18s ease}.lesson-builder.open,.lesson-runner.open{opacity:1;pointer-events:auto}.lesson-window,.runner-window{width:min(1580px,100%);height:min(960px,100%);margin:auto;overflow:hidden;border:1px solid rgba(126,168,201,.22);border-radius:20px;background:#071321;box-shadow:0 35px 120px rgba(0,0,0,.62);color:#dce9f5}.lesson-header,.runner-header{display:flex;align-items:center;gap:14px;min-height:78px;padding:12px 18px;border-bottom:1px solid rgba(126,168,201,.16);background:linear-gradient(90deg,rgba(13,32,51,.98),rgba(8,20,34,.98))}.lesson-logo{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:13px;color:#05131a;background:linear-gradient(135deg,var(--amber),var(--cyan-2));font-size:28px}.lesson-header>div:nth-child(2),.runner-header>div{flex:1}.lesson-header small,.runner-header small{display:block;color:var(--cyan-2);font-size:10px;font-weight:900;letter-spacing:.12em}.lesson-header strong,.runner-header strong{display:block;margin-top:2px;color:#edf5fc;font-size:21px}.lesson-header span{display:block;margin-top:3px;color:#7f97ad;font-size:12px}.lesson-close,.runner-header>button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(126,168,201,.2);border-radius:11px;color:#92a8bd;background:#102339;font-size:25px;cursor:pointer}.lesson-close:hover,.runner-header>button:hover{color:#fff;border-color:#ff7d82}.lesson-workspace{display:grid;grid-template-columns:minmax(285px,.72fr) minmax(390px,1.12fr) minmax(300px,.76fr);height:calc(100% - 78px);min-height:0}.lesson-bank-panel,.lesson-compose-panel,.lesson-share-panel{min-width:0;overflow-y:auto}.lesson-bank-panel{padding:16px;border-right:1px solid rgba(126,168,201,.14);background:rgba(4,14,25,.72)}.lesson-compose-panel{padding:18px;background:radial-gradient(circle at 50% 5%,rgba(36,209,220,.055),transparent 38%)}.lesson-share-panel{display:grid;align-content:start;gap:13px;padding:16px;border-left:1px solid rgba(126,168,201,.14);background:rgba(4,14,25,.62)}.lesson-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.lesson-panel-title small,.lesson-preview-card>small,.lesson-qr-head small{display:block;color:#718ba2;font-size:9px;font-weight:900;letter-spacing:.11em}.lesson-panel-title strong{display:block;margin-top:4px;color:#dce8f4;font-size:17px}.lesson-panel-title button,.lesson-task-card button,.lesson-qr-card>button,.lesson-file-card button,.lesson-source-line button{border:1px solid rgba(126,168,201,.18);border-radius:9px;color:#9db2c6;background:#0e2135;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.lesson-panel-title button{min-height:38px;padding:0 11px}.lesson-task-list{display:grid;gap:8px}.lesson-task-card{position:relative;display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid rgba(126,168,201,.14);border-radius:12px;background:rgba(9,24,39,.88);transition:.15s ease}.lesson-task-card:hover,.lesson-task-card.active{border-color:rgba(36,209,220,.52);background:rgba(15,39,55,.98);box-shadow:0 12px 28px rgba(0,0,0,.16)}.lesson-task-main{display:grid!important;grid-template-columns:39px 1fr;gap:10px;width:100%;padding:11px!important;border:0!important;background:transparent!important;text-align:left!important}.lesson-task-main>span{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;color:#06151c;background:linear-gradient(135deg,var(--amber),var(--cyan-2));font-size:19px}.lesson-task-main div{min-width:0}.lesson-task-main small,.lesson-task-main strong,.lesson-task-main p{display:block}.lesson-task-main small{color:#758da4;font-size:8.5px;text-transform:uppercase;letter-spacing:.055em}.lesson-task-main strong{margin-top:4px;overflow:hidden;color:#d9e6f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.lesson-task-main p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:#7f96ab;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lesson-order{display:grid;align-content:center;gap:4px;padding:6px}.lesson-order button{width:28px;height:28px;padding:0}.lesson-empty{padding:34px 17px;text-align:center}.lesson-empty[hidden]{display:none}.lesson-empty>span{display:grid;width:60px;height:60px;margin:0 auto 12px;place-items:center;border:1px dashed rgba(36,209,220,.36);border-radius:18px;color:var(--cyan-2);background:rgba(36,209,220,.06);font-size:28px}.lesson-empty strong{display:block;color:#d5e3ef;font-size:15px}.lesson-empty p{margin:7px 0;color:#7790a6;font-size:11px;line-height:1.6}.lesson-form-card,.lesson-inspector,.lesson-preview-card,.lesson-qr-card,.lesson-file-card{border:1px solid rgba(126,168,201,.16);border-radius:14px;background:linear-gradient(145deg,rgba(14,32,50,.95),rgba(7,20,33,.97));box-shadow:inset 0 1px rgba(255,255,255,.02)}.lesson-form-card{display:grid;gap:12px;padding:16px}.lesson-form-card label,.lesson-inspector label{display:grid;gap:6px}.lesson-form-card label>span,.lesson-inspector label>span{color:#88a0b6;font-size:10px;font-weight:850}.lesson-form-card input,.lesson-form-card textarea,.lesson-inspector input,.lesson-inspector textarea,.lesson-inspector select{width:100%;border:1px solid rgba(126,168,201,.18);border-radius:9px;outline:0;color:#dce8f4;background:#06111e;font:inherit;font-size:12px;line-height:1.5}.lesson-form-card input,.lesson-inspector input,.lesson-inspector select{height:42px;padding:0 11px}.lesson-form-card textarea,.lesson-inspector textarea{min-height:78px;padding:10px;resize:vertical}.lesson-form-card input:focus,.lesson-form-card textarea:focus,.lesson-inspector input:focus,.lesson-inspector textarea:focus,.lesson-inspector select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,209,220,.08)}.lesson-inspector{margin-top:14px;min-height:300px;padding:16px}.lesson-inspector-empty{display:grid;min-height:265px;place-items:center;place-content:center;text-align:center}.lesson-inspector-empty>span{font-size:50px;color:#254861}.lesson-inspector-empty strong{margin-top:9px;color:#cdddea}.lesson-inspector-empty p{max-width:350px;margin:6px 0;color:#748da3;font-size:11px;line-height:1.55}.lesson-inspector-form{display:none;gap:12px}.lesson-inspector.has-task .lesson-inspector-empty{display:none}.lesson-inspector.has-task .lesson-inspector-form{display:grid}.lesson-source-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--cyan-2);font-size:10px;font-weight:900;letter-spacing:.06em}.lesson-source-line button{min-height:34px;padding:0 10px;color:#ff9297}.lesson-inline-fields{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px}.lesson-preview-card,.lesson-qr-card{padding:16px}.lesson-preview-card>strong{display:block;margin-top:5px;color:#e6f0f8;font-size:17px}.lesson-preview-card>p{margin:7px 0 12px;color:#8198ad;font-size:11px;line-height:1.55}.lesson-source-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.lesson-source-summary span{padding:6px 8px;border:1px solid rgba(126,168,201,.13);border-radius:7px;color:#8ea6ba;background:rgba(4,15,27,.46);font-size:9px}.lesson-source-summary b{color:var(--cyan-2)}.lesson-preview-card>.primary-button{width:100%;min-height:46px}.lesson-qr-head{display:flex;align-items:center;justify-content:space-between}.lesson-qr-head strong{display:block;margin-top:4px;color:#dce9f5;font-size:16px}.lesson-qr-head>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:#06151c;background:linear-gradient(135deg,var(--amber),var(--cyan-2));font-size:22px}.lesson-qr-card>p{margin:11px 0;color:#7e96ab;font-size:10.5px;line-height:1.55}.lesson-qr-output{display:grid;min-height:126px;margin-bottom:9px;padding:9px;place-items:center;border:1px dashed rgba(126,168,201,.22);border-radius:10px;color:#6f889f;background:#fff;text-align:center}.lesson-qr-output>span{color:#587082;font-size:10px}.lesson-qr-output svg{display:block;width:min(100%,210px);height:auto}.lesson-qr-output small{display:block;margin-top:5px;color:#526978;font-size:9px}.lesson-qr-card>button,.lesson-file-card button{width:100%;min-height:40px;margin-top:6px}.lesson-qr-card>button:first-of-type{color:#06151c;border-color:transparent;background:linear-gradient(135deg,var(--amber),var(--cyan-2))}.lesson-file-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}.lesson-toast{position:fixed;z-index:220;right:22px;bottom:22px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;max-width:min(470px,calc(100vw - 24px));padding:10px;border:1px solid rgba(106,212,157,.35);border-radius:13px;background:rgba(7,23,34,.97);box-shadow:0 18px 55px rgba(0,0,0,.45);transform:translateY(22px);opacity:0;pointer-events:none;transition:.2s ease}.lesson-toast.show{transform:none;opacity:1;pointer-events:auto}.lesson-toast>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#05141b;background:var(--green);font-weight:950}.lesson-toast strong{color:#dce9f4;font-size:11px}.lesson-toast button{min-height:34px;padding:0 10px;border:1px solid rgba(36,209,220,.25);border-radius:8px;color:var(--cyan-2);background:#10253a;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.sidebar [data-lesson-nav-count]{color:var(--cyan-2);font-size:10px}.lesson-source-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border-color:rgba(36,209,220,.3)!important;color:var(--cyan-2)!important;background:rgba(36,209,220,.07)!important}.lesson-source-button:hover{color:#06151c!important;background:var(--cyan-2)!important}.runner-window{display:flex;flex-direction:column}.runner-header{min-height:70px}.runner-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 18px;border-bottom:1px solid rgba(126,168,201,.12);background:#07111e}.runner-progress i{height:6px;overflow:hidden;border-radius:99px;background:#172c40}.runner-progress i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),var(--cyan-2));transition:width .25s ease}.runner-progress span{color:#7e96ab;font-size:10px;font-weight:850}.runner-body{display:grid;grid-template-columns:minmax(550px,1.15fr) minmax(330px,.6fr);flex:1;min-height:0}.runner-stage{display:grid;min-width:0;padding:18px;place-items:center;overflow:auto;background:radial-gradient(circle at center,rgba(36,209,220,.065),transparent 55%)}.runner-board-frame{position:relative;width:min(100%,760px,75vh);aspect-ratio:1;overflow:hidden;border-radius:12px;box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.11);transform:translateZ(0)}.runner-board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.runner-square{position:relative;display:grid;min-width:0;padding:0;place-items:center;border:0;cursor:pointer}.runner-square.light{background:#e8d8c8}.runner-square.dark{background:#a66559}.runner-square.selected{box-shadow:inset 0 0 0 5px rgba(246,184,79,.92)}.runner-square.marked:after{content:"";position:absolute;z-index:1;inset:9%;border-radius:12%;background:var(--runner-mark);opacity:.45;pointer-events:none}.runner-piece{position:relative;z-index:2;width:92%;height:92%;filter:drop-shadow(0 4px 2px rgba(0,0,0,.28));transition:transform .08s ease;will-change:transform}.runner-square:hover .runner-piece{transform:scale(1.035)}.runner-rank,.runner-file{position:absolute;z-index:4;color:rgba(8,33,38,.58);font-size:11px;font-weight:950}.runner-rank{top:3px;left:4px}.runner-file{right:4px;bottom:2px}.runner-arrows{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.runner-arrows line{stroke:var(--arrow-color,#72e3a6);stroke-width:15;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.runner-arrows marker path{fill:#72e3a6}.runner-coach{min-width:0;padding:24px;overflow-y:auto;border-left:1px solid rgba(126,168,201,.14);background:linear-gradient(155deg,rgba(13,31,49,.97),rgba(6,18,30,.99))}.runner-source{display:inline-flex;padding:6px 9px;border-radius:7px;color:#06151c;background:linear-gradient(135deg,var(--amber),var(--cyan-2));font-size:9px;font-weight:950;letter-spacing:.05em}.runner-coach h1{margin:16px 0 7px;color:#edf5fc;font-size:31px;line-height:1.12}.runner-prompt{margin:0;color:#a7bed1;font-size:16px;line-height:1.55}.runner-thinking,.runner-feedback,.runner-hint{margin-top:18px;padding:15px;border:1px solid rgba(126,168,201,.15);border-radius:11px;background:rgba(4,15,27,.52)}.runner-thinking strong,.runner-thinking span,.runner-feedback strong,.runner-feedback span{display:block}.runner-thinking strong{color:#d9e6f1;font-size:13px}.runner-thinking span{margin-top:5px;color:#7f97ad;font-size:11px;line-height:1.5}.runner-feedback strong{color:#dce9f5;font-size:15px}.runner-feedback span{margin-top:6px;color:#839bb1;font-size:12px;line-height:1.55}.runner-feedback.correct{border-color:rgba(106,212,157,.42);background:rgba(106,212,157,.08)}.runner-feedback.correct strong{color:var(--green)}.runner-feedback.wrong{border-color:rgba(255,112,118,.42);background:rgba(255,112,118,.08);animation:pro-shake .22s linear}.runner-feedback.wrong strong{color:#ff969b}.runner-hint{display:none;border-color:rgba(246,184,79,.32);background:rgba(246,184,79,.06)}.runner-hint.show{display:block}.runner-hint strong{color:var(--amber);font-size:11px}.runner-hint p{margin:6px 0 0;color:#aab9c7;font-size:12px;line-height:1.5}.runner-actions{display:grid;gap:8px;margin-top:17px}.runner-actions button{min-height:47px;border:1px solid rgba(126,168,201,.2);border-radius:10px;color:#a6bbce;background:#10253a;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.runner-actions button[hidden]{display:none}.runner-finish{display:none;flex:1;padding:30px;place-items:center;place-content:center;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(36,209,220,.12),transparent 43%)}.lesson-runner.finished .runner-body{display:none}.lesson-runner.finished .runner-finish{display:grid}.runner-finish>span{display:grid;width:92px;height:92px;place-items:center;border-radius:50%;color:#06151c;background:linear-gradient(135deg,var(--amber),var(--cyan-2));box-shadow:0 0 70px rgba(36,209,220,.2);font-size:45px}.runner-finish>small{margin-top:16px;color:var(--cyan-2);font-size:10px;font-weight:900;letter-spacing:.13em}.runner-finish h1{margin:7px 0;color:#edf5fc;font-size:34px}.runner-finish p{margin:0 0 14px;color:#8da4b8;font-size:13px}.runner-result-qr{display:grid;width:180px;min-height:80px;margin:5px auto 15px;padding:8px;place-items:center;border-radius:10px;background:#fff}.runner-result-qr svg{width:100%;height:auto}.runner-result-qr small{color:#536877;font-size:9px}.runner-finish>div:last-child{display:flex;gap:8px}.runner-finish button{min-height:46px;padding:0 17px;border:1px solid rgba(126,168,201,.2);border-radius:10px;color:#a6bbce;background:#10253a;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
@media(max-width:1180px){.lesson-workspace{grid-template-columns:290px 1fr}.lesson-share-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(126,168,201,.14);border-left:0}.lesson-workspace{overflow:auto}.lesson-bank-panel,.lesson-compose-panel,.lesson-share-panel{overflow:visible}.lesson-window{overflow:auto}.lesson-qr-output{min-height:100px}.runner-body{grid-template-columns:minmax(480px,1fr) 340px}}
@media(max-width:850px){.lesson-builder,.lesson-runner{padding:0}.lesson-window,.runner-window{height:100%;border-radius:0}.lesson-workspace{display:block;height:auto}.lesson-bank-panel,.lesson-compose-panel,.lesson-share-panel{border:0;border-bottom:1px solid rgba(126,168,201,.14)}.lesson-share-panel{display:grid;grid-template-columns:1fr 1fr}.lesson-preview-card{grid-column:1/-1}.lesson-header span{display:none}.runner-window{overflow:auto}.runner-body{display:block;overflow:auto}.runner-stage{padding:10px}.runner-board-frame{width:min(100%,78vh)}.runner-coach{border-top:1px solid rgba(126,168,201,.14);border-left:0}.runner-coach h1{font-size:26px}.runner-prompt{font-size:15px}}
@media(max-width:560px){.lesson-header,.runner-header{min-height:64px;padding:9px 11px}.lesson-logo{width:40px;height:40px;font-size:23px}.lesson-header strong,.runner-header strong{font-size:16px}.lesson-header small,.runner-header small{font-size:8px}.lesson-close,.runner-header>button{width:38px;height:38px}.lesson-bank-panel,.lesson-compose-panel,.lesson-share-panel{padding:11px}.lesson-share-panel{display:grid;grid-template-columns:1fr}.lesson-inline-fields,.lesson-file-card{grid-template-columns:1fr}.lesson-toast{right:10px;bottom:10px;grid-template-columns:34px 1fr}.lesson-toast button{grid-column:1/-1}.runner-stage{padding:7px}.runner-coach{padding:17px}.runner-coach h1{font-size:23px}.runner-prompt{font-size:14px}.runner-rank,.runner-file{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lesson-builder,.lesson-runner,.lesson-toast,.runner-piece,.runner-progress i b{transition:none!important}}