@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f4ed;--paper:#fffefa;--ink:#203d38;--muted:#65756c;--line:#d9dfd3;--green:#20564a;--lime:#d6ed96;--orange:#edb287;--teal:#96cdc1;--red:#a63d35;--shadow:0 12px 35px #193e3510}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dd982b;outline-offset:3px}button{color:inherit}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.2}h1,h2,h3,p{margin-top:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;padding:24px 46px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.8px;line-height:1.3}.brand small{display:block;font-weight:400;letter-spacing:.3px;font-size:10px;margin-top:3px;color:var(--muted)}.brandmark{background:var(--green);color:#edf5de;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:31px;font-family:Georgia,serif;font-style:italic;letter-spacing:-5px;padding-right:6px;transform:rotate(-5deg)}.brandmark span{color:var(--lime)}nav{display:flex;gap:8px}.navbtn{border:0;background:none;font-size:13px;padding:10px 14px;border-radius:24px}.navbtn.active{background:#e5eadc;font-weight:700}.navbtn span{padding:3px 7px;background:var(--green);color:white;border-radius:15px;font-size:10px;margin-left:6px}.edition{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.edition span{display:block;text-align:right;font-size:17px;letter-spacing:3px}.container{max-width:1348px;margin:auto;padding:0 46px}.hero{padding:55px 0 36px;display:grid;grid-template-columns:1.18fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:19px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(36px,4.3vw,60px);font-weight:600;letter-spacing:-2.8px;margin-bottom:20px;max-width:620px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero p{color:var(--muted);max-width:470px;font-size:14px;line-height:1.8;margin-bottom:24px}.btn{border:1px solid var(--green);background:var(--green);color:white;border-radius:9px;padding:11px 19px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#123f34}.btn.secondary{background:transparent;color:var(--ink);border-color:#bac9ba}.btn.secondary:hover{background:#e8eee0}.btn.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.small{padding:7px 12px;font-size:12px}.btn.danger{background:none;color:var(--red);border-color:#d4b8b0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heronote{margin-top:14px;font-size:10px;color:var(--muted)}.heroart{background:#e4e9d9;min-height:295px;border-radius:18px;position:relative;overflow:hidden;border:1px solid #d8dfcf;padding:24px}.heroart svg{width:100%;height:230px;display:block}.artlabel{position:absolute;bottom:18px;left:22px;font-size:9px;letter-spacing:2px}.artcounter{position:absolute;right:20px;top:18px;font-size:10px;letter-spacing:1px}.statstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0;margin-bottom:36px}.stat{display:flex;gap:13px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.stat:last-child{border:none}.stat strong{font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:500;letter-spacing:-1px}.stat span{font-size:10px;line-height:1.4;color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.sectionhead h2{font-size:23px;letter-spacing:-1px;margin:0}.sectionhead small{font-size:11px;color:var(--muted)}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.chip{border:1px solid #d4dccd;border-radius:22px;background:transparent;padding:7px 14px;font-size:11px;white-space:nowrap}.chip.selected{background:var(--ink);color:white;border-color:var(--ink)}.search{background:transparent;border:0;border-bottom:1px solid #abbba9;padding:8px 2px;width:220px;font-size:12px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:40px}.problemcard{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.problemcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cardart{height:132px;padding:15px 18px;position:relative;display:flex;align-items:center;justify-content:center;background:#e6eddf;overflow:hidden}.cardart svg{height:110px;width:78%}.cardart .num{position:absolute;top:13px;left:15px;font-size:10px;letter-spacing:1px;color:#456459}.cardart .kind{position:absolute;right:12px;top:11px;font-size:9px;padding:3px 7px;border:1px solid #54756530;border-radius:20px}.problemcard:nth-child(5n+2) .cardart{background:#eae1d4}.problemcard:nth-child(5n+3) .cardart{background:#dce9e6}.problemcard:nth-child(5n+4) .cardart{background:#eee8ce}.problemcard:nth-child(5n+5) .cardart{background:#e6e3ec}.cardbody{padding:19px 19px 15px;flex:1;display:flex;flex-direction:column}.cardmeta{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.cardbody h3{font-size:17px;letter-spacing:-.5px;margin-bottom:9px}.cardbody p{font-size:12px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}.cardfoot{border-top:1px solid #e5e8df;padding-top:12px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px}.cardfoot button{background:none;border:0;padding:3px;color:var(--green);font-weight:700;font-size:12px}.status.ok{color:var(--green)}.status.no{color:var(--red)}.sitefooter{max-width:1348px;margin:15px auto 0;border-top:1px solid var(--line);padding:24px 46px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:var(--muted)}.sitefooter>span:last-child{max-width:440px;text-align:right}.dot{margin:0 8px}.workspace{max-width:1440px;padding:28px 46px 40px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:32px;align-items:start}.sidebar{position:sticky;top:15px;max-height:calc(100vh - 25px);overflow:auto;scrollbar-width:thin}.back{border:0;background:none;padding:0 0 20px;font-size:12px;color:var(--muted)}.sideheading{font-size:10px;letter-spacing:1.5px;margin-bottom:13px}.sidelist{display:flex;flex-direction:column;gap:3px}.sideitem{display:flex;gap:9px;text-align:left;border:0;background:none;padding:9px 9px;border-radius:7px;font-size:11px;align-items:center;line-height:1.4}.sideitem.current{background:var(--green);color:white}.sideitem:not(.current):hover{background:#e4eadd}.sideitem .n{opacity:.6;width:20px;font-size:10px;flex-shrink:0}.sideitem .tick{margin-left:auto}.tasktop{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:15px;gap:12px}.task h1{font-size:34px;font-weight:600;letter-spacing:-1.5px;margin-bottom:14px}.taskintro{font-size:14px;line-height:1.9;max-width:810px}.taskask{font-weight:600;margin:22px 0 17px;line-height:1.7}.taskpanel{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:27px;box-shadow:0 3px 12px #203d3803}.question-image{display:block;max-width:100%;max-height:370px;object-fit:contain;border-radius:7px;margin:10px auto 22px;background:white}.optiongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{display:flex;align-items:center;gap:13px;border:1px solid #cdd8c8;background:#fffefa;border-radius:9px;padding:14px;text-align:left;font-size:13px;transition:background .15s}.option:hover{background:#edf2e7}.option.selected{background:#e4f0d4;border:2px solid var(--green);padding:13px}.option .selectmark{width:22px;height:22px;border:1px solid #afc1ad;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;flex-shrink:0}.multi .selectmark{border-radius:5px}.selected .selectmark{background:var(--green);border-color:var(--green);color:white}.answerfield{max-width:320px;display:flex;gap:10px;align-items:center}.answerfield input{width:150px;border:1px solid #acbfa9;background:#fff;border-radius:8px;padding:12px 16px;font-size:21px;color:var(--ink)}.answerfield label{font-size:12px}.taskcontrols{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px;border-top:1px solid var(--line);padding-top:21px}.taskcontrols .next{margin-left:auto}.feedback{padding:16px 18px;border-radius:9px;margin-top:20px;font-size:13px;background:#e5eed9;border:1px solid #b4ce9a}.feedback.bad{background:#f7e8df;border-color:#e6bb9f}.feedback strong{display:block;margin-bottom:4px}.explanation{margin-top:20px;padding:18px 20px;border-left:3px solid var(--green);background:#eaf0e1;border-radius:0 9px 9px 0;font-size:13px}.explanation h3{font-size:14px;margin-bottom:7px}.hintbox{padding:12px 16px;border-radius:8px;background:#f8eccc;font-size:12px;margin-top:17px}.source{font-size:11px;margin-top:22px;color:var(--muted)}.source summary{cursor:pointer}.source img{display:block;max-width:100%;max-height:1000px;margin:15px auto;object-fit:contain}.activity{margin:20px 0;padding:20px;background:#f0f3e9;border:1px solid #e0e5d8;border-radius:12px;overflow:auto}.activity-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-weight:700}.activity p{font-size:12px;color:var(--muted);margin:8px 0 12px}.activity .btn{font-size:11px;padding:7px 12px}.simstatus{margin-top:13px;font-size:12px;background:#e1e8d6;padding:9px 12px;border-radius:7px}.simstatus.error{background:#f5dfd2;color:#813c2a}.cells{display:grid;gap:3px;max-width:100%;width:max-content;margin:12px auto}.cell{width:40px;height:40px;border:1px solid #a9bba4;background:#e5ecd9;color:var(--ink);border-radius:5px;padding:0;font-size:13px;font-weight:500;display:flex;justify-content:center;align-items:center}.cell.selected{background:var(--green);color:white}.cell.void{visibility:hidden}.heatcells{gap:2px}.heatcells .cell{width:32px;height:32px;border-radius:2px;font-size:11px}.heatcells .sourcecell{background:#245947!important;color:white}.heatcells .t0{background:#20564a;color:white}.heatcells .t1{background:#d8ec99}.heatcells .t2{background:#f3cc8d}.heatcells .t3{background:#edb08b}.heatcells .t4{background:#d49993}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--c,#20564a)}.ballrow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.ball{width:45px;height:45px;border-radius:50%;border:3px solid #91abd7;background:#547fc5;color:white;font-size:16px;box-shadow:inset -4px -5px 0 #0002}.ball.red{background:#d95a4c;border-color:#e89a8a}.ball small{display:block;font-size:8px}.bits{display:flex;gap:10px;justify-content:center;margin-top:8px}.bits span{width:45px;text-align:center;font:700 15px monospace}.tokenrow{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:18px 0}.token{border-radius:9px;background:#e3edca;border:1px solid #aabb9a;padding:12px 15px;font-weight:700;font-size:21px;min-width:44px;text-align:center}.token.used{opacity:.3}.token.new{background:#f0c28c;border-color:#b87742}.token.muted{background:#e3e7de;color:#83917f}.barrow{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:145px;margin:22px 0 14px}.bar{background:var(--teal);border:1px solid #538b79;border-radius:7px 7px 0 0;width:45px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;position:relative}.bar.marker:before{content:'↑';position:absolute;bottom:-28px;left:-12px;font-size:22px;color:#bc663d}.tinygrid{display:inline-grid;grid-template-columns:repeat(3,20px);gap:1px;background:#284239;border:1px solid #284239;margin:8px}.pixel{width:20px;height:20px;background:white}.pixel.black{background:#242825}.tileletters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tileletters>div{text-align:center;font-size:11px}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.record{padding:13px;background:#eee6c9;border:1px solid #d9cfab;border-radius:8px;font-size:11px}.record:nth-child(2){background:#e1ebcf}.record:nth-child(3){background:#d5e8e2}.record h3{font-size:17px;margin-bottom:10px}.record p{color:var(--ink);font-size:11px;margin:5px 0}.svggraph{display:block;width:100%;max-width:620px;margin:auto;height:auto}.svggraph text{font-family:'DM Sans',Arial,sans-serif}.cards .optiongrid{grid-template-columns:repeat(4,1fr);max-width:480px;margin:auto}.cards .option{min-height:125px;font-size:44px;justify-content:center;position:relative;background:#e3ead8}.cards .option.selected{background:var(--green);color:white}.cards .selectmark{position:absolute;top:8px;left:8px;font-size:11px;width:19px;height:19px}.domino .optiongrid{grid-template-columns:repeat(4,1fr)}.domino .option{justify-content:center;background:#253e38;color:#fff;font-family:monospace;font-size:22px}.domino .option.selected{background:#44745e;border-color:#a1c74e}.domino .selectmark{width:17px;height:17px;font-size:10px}.wallgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wall{padding:10px;background:#e1e9da;border-radius:7px;max-width:260px;margin:auto}.wallrow{display:flex;justify-content:center;gap:2px;margin:2px 0}.brick{background:#d49d77;color:#422e23;border:1px solid #9c7158;width:38px;height:24px;text-align:center;font-size:13px;line-height:22px;border-radius:3px}.brick.B{background:#dfc4ad}.brick.C{background:#8b7766;color:white}.walloption{border:1px solid #afc0a6;border-radius:9px;background:transparent;padding:10px}.walloption.selected{background:#deebcc;border:2px solid var(--green);padding:9px}.walloption strong{font-size:11px;display:block;margin-bottom:6px}.walloriginal{max-width:270px;margin:0 auto 20px}.ledcells .cell{background:#244c43;border-color:#345b50;color:#71827a;box-shadow:inset 0 0 9px #0003}.ledcells .cell.on{background:#f1d37b;box-shadow:0 0 8px #f5cf6460;color:#75521a;border-color:#be9b3f}.tables{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin:12px 0}td,th{padding:10px;border:1px solid #cbd6c1;text-align:center}th{background:#e1e9d7}.treesview{display:grid;grid-template-columns:1fr 85px;gap:15px;align-items:start}.treesview>img{width:100%;height:240px;object-fit:contain;background:white}.treesview>img.rules{height:240px}.treeselects{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-right:100px}.treeselects label{font-size:10px}.treeselects select{display:block;width:100%;padding:8px 2px;border:1px solid #afbea4;border-radius:5px;background:white}.codecontrols{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.codecontrols select,.codecontrols input{max-width:100px;padding:7px;border:1px solid #b2c1a8;border-radius:5px;background:#fff}.code{padding:12px 15px;background:#193d36;color:#edf4de;border-radius:8px;font:12px/1.7 monospace;margin:13px 0;min-height:45px}.code button{background:transparent;border:0;color:#d9e6c9;margin-left:12px;font-size:12px}.gatebar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 0 16px}.gate{padding:8px 14px;border-radius:5px;background:#d5b69b;border:1px solid #aa8061;text-align:center;font-size:12px}.gate.open{background:#d3e9ab;border-color:#829c5d}.gate small{display:block;font-size:9px}.jars{display:flex;gap:13px;justify-content:center;margin-bottom:16px}.jar{border:1px solid #81977a;border-top:7px solid #a0b78f;border-radius:4px 4px 15px 15px;background:#dfe8ca;padding:16px 18px;text-align:center;min-width:80px}.jar strong{display:block;font-family:monospace;font-size:21px;letter-spacing:3px}.jar span{font-size:10px}.pathcells .cell{position:relative}.pathcells .cell.path{background:#c4deba}.pathcells .cell.current{background:var(--green);color:white}.pathcells small{position:absolute;bottom:0;right:3px;font-size:8px}.report{padding:42px 0}.reporthead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.report h1{font-size:35px;letter-spacing:-1.5px;margin-bottom:10px}.reporthead p{font-size:13px;color:var(--muted);margin:0}.reportstats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.reportstat{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px}.reportstat strong{font-size:35px;font-weight:500;display:block}.reportstat span{font-size:12px;color:var(--muted)}.progressbar{height:6px;border-radius:8px;background:#dbe3d2;margin-top:15px;overflow:hidden}.progressbar i{display:block;height:100%;background:var(--green)}.reportlist{display:flex;flex-direction:column;border-top:1px solid var(--line)}.reportitem{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 8px;font-size:13px}.reportitem .index{font-size:11px;color:var(--muted);width:24px}.reportitem .status{margin-left:auto;font-size:11px}.reportitem .btn{padding:5px 10px;font-size:10px}.exam-banner{background:#183e36;color:#eaf1df;display:flex;gap:14px;justify-content:space-between;align-items:center;border-radius:9px;padding:13px 18px;margin-bottom:20px;font-size:12px}.exam-banner .btn{border-color:#b9ce9b;color:#eef4e2}.exam-banner strong{font-size:17px;font-variant-numeric:tabular-nums}.empty{padding:45px;border:1px dashed #a7b99d;border-radius:10px;text-align:center;grid-column:1/-1}.reportnote{font-size:12px;color:var(--muted);margin:20px 0}.hero .btn.secondary{border-color:#b8c4ae}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#203e36;color:white;border-radius:8px;padding:11px 19px;opacity:0;pointer-events:none;font-size:12px;transition:.2s;z-index:99}#toast.show{opacity:1;transform:translate(-50%,0)}.noprint{display:initial}.printonly{display:none}.graphsteps{display:flex;gap:8px;flex-wrap:wrap}.stepbadge{border:1px solid #c6d2bb;background:#f9fbf2;border-radius:7px;padding:8px 12px;font-size:12px}.stepbadge.active{background:#d3e6ad}.scheduletrack{display:flex;width:100%;height:35px;background:#dce5cf;border-radius:5px;overflow:hidden}.scheduletrack span{display:flex;justify-content:center;align-items:center;border-right:1px solid #fff9;font-size:11px}.scheduletrack .A{background:#a9cec0}.scheduletrack .M{background:#ebc594}.scheduletrack .R{background:#deded4}.snakeboard{width:min(100%,380px);aspect-ratio:1;position:relative;margin:12px auto}.snakeboard .boardgrid{display:grid;grid-template-columns:repeat(7,1fr);height:100%;gap:1px}.snakecell{background:#d7e8bd;font-size:10px;padding:3px;color:#4b6b3d;position:relative}.snakecell:nth-child(even){background:#bfd99a}.snakecell.pawn:after{content:'●';color:#b34b36;font-size:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-shadow:0 1px 0 #fff}.snakeboard svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dicebtn{width:35px;height:35px;background:#fff;border:1px solid #b5c6a9;border-radius:7px;font-weight:700;font-size:16px}.quiz-help{font-size:11px;color:var(--muted);margin:0 0 12px}.paircard{display:flex;align-items:center;gap:12px;justify-content:center;margin:12px}.paircard input{width:70px;padding:10px;border:1px solid #acbfa9;border-radius:7px}.compare-out{font-size:16px;font-weight:700;text-align:center;padding:12px}.taskpanel>h2{font-size:20px}.resume{background:#e5ecda;border:1px solid #cad8bb;padding:14px 18px;border-radius:9px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px;font-size:12px}.confirmbox{padding:20px;border:1px solid #c8d3bf;border-radius:10px;background:#eef2e7;margin:15px 0}.confirmbox h3{font-size:16px}.confirmbox p{font-size:13px}
@media(min-width:1500px){.heroart{min-height:320px}.heroart svg{height:255px}}
@media(max-width:1000px){.edition{display:none}.hero{gap:25px}.hero h1{font-size:43px}.workspace{grid-template-columns:185px minmax(0,1fr);gap:20px;padding:25px}.container{padding:0 25px}.topbar{padding:20px 25px}.grid{gap:12px}.cardbody{padding:15px}.taskpanel{padding:21px}.records{grid-template-columns:1fr}.record p{display:inline-block;margin:4px 8px}.sitefooter{padding:20px 25px}.heatcells .cell{width:26px;height:28px}.task h1{font-size:29px}}
@media(max-width:720px){.topbar{padding:16px 18px;gap:10px;flex-wrap:wrap}.brand{font-size:18px}.brandmark{width:37px;height:37px;font-size:27px}.brand small{font-size:9px}nav{gap:0}.navbtn{padding:8px 9px;font-size:11px}.navbtn span{margin-left:3px}.container{padding:0 18px}.hero{padding-top:34px;grid-template-columns:1fr;gap:25px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:13px;margin-bottom:20px}.heroart{min-height:215px}.heroart svg{height:175px}.statstrip{margin-bottom:26px;padding:16px 0;grid-template-columns:repeat(2,1fr);row-gap:17px}.stat:nth-child(2){border:none}.stat strong{font-size:24px}.stat span{font-size:9px}.sectionhead{align-items:flex-start;flex-wrap:wrap}.sectionhead h2{font-size:21px}.search{width:100%}.filters{gap:6px}.chip{font-size:10px;padding:6px 11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cardart{height:105px;padding:12px}.cardart svg{height:75px}.cardart .kind{font-size:8px;top:8px;right:8px}.cardart .num{font-size:8px;top:10px;left:10px}.cardbody{padding:13px}.cardbody h3{font-size:15px;line-height:1.3}.cardbody p{font-size:11px;margin-bottom:12px}.cardmeta{font-size:8px;letter-spacing:1px}.cardfoot{font-size:9px;gap:5px}.cardfoot button{font-size:10px}.workspace{display:block;padding:20px 14px}.sidebar{position:static;max-height:none;overflow:visible;margin-bottom:18px}.sideheading{display:none}.sidelist{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.sideitem{justify-content:center;padding:7px 0;border:1px solid #d8dfcf;font-size:10px}.sideitem .name,.sideitem .tick{display:none}.sideitem .n{width:auto;font-size:10px;opacity:1}.sideitem.done{background:#d9e7c9}.sideitem.current{background:var(--green)}.back{padding-bottom:12px}.task h1{font-size:29px}.taskintro{font-size:13px;line-height:1.8}.taskpanel{padding:18px 13px;border-radius:11px}.taskask{font-size:13px;margin-top:15px}.optiongrid{grid-template-columns:1fr}.option{padding:12px;font-size:12px}.option.selected{padding:11px}.activity{padding:14px 9px;margin:15px 0}.heatcells .cell{width:calc((100vw - 82px)/15);height:27px;font-size:9px}.heatcells{gap:1px}.cell{width:36px;height:36px}.tokenrow{gap:5px}.token{padding:8px 9px;font-size:17px;min-width:30px}.ballrow{gap:5px}.ball{width:34px;height:34px;font-size:12px}.bits{gap:5px}.bits span{width:34px;font-size:12px}.ball small{font-size:7px}.taskcontrols .next{margin-left:0}.taskcontrols{gap:7px}.taskcontrols .btn{font-size:11px;padding:9px 12px}.cards .optiongrid{grid-template-columns:repeat(4,1fr)}.cards .option{min-height:105px;font-size:36px}.domino .optiongrid{grid-template-columns:repeat(2,1fr)}.records{grid-template-columns:1fr}.jar{padding:12px;min-width:70px}.jar strong{font-size:18px}.treesview{grid-template-columns:1fr 65px;gap:5px}.treesview>img{height:190px}.treesview>img.rules{height:190px}.treeselects{padding-right:70px;gap:3px}.brick{width:27px;height:21px;line-height:19px;font-size:11px}.wall{padding:6px}.walloption{padding:7px 2px}.walloption.selected{padding:6px 1px}.wallgrid{gap:7px}.sitefooter{display:block;padding:20px 18px}.sitefooter>span{display:block;margin-bottom:8px}.sitefooter>span:last-child{text-align:left}.report{padding-top:28px}.reporthead{align-items:flex-start;flex-direction:column}.report h1{font-size:30px}.reportstats{gap:7px}.reportstat{padding:15px 10px}.reportstat strong{font-size:27px}.reportstat span{font-size:10px}.reportitem{gap:8px;font-size:11px}.reportitem .status{font-size:9px}.reportitem .btn{font-size:9px}.reportitem .index{width:20px}.exam-banner{flex-wrap:wrap;font-size:11px}.hero .btn{font-size:12px}.resume{font-size:11px;padding:12px;align-items:flex-start}.edition{display:none}}
@media(max-width:390px){.grid{grid-template-columns:1fr}.cardart{height:125px}.topbar nav{width:100%;justify-content:center}.cell{width:32px;height:32px}}
@media print{body{background:white;color:#111}.topbar nav,.edition,.sitefooter,.btn,.noprint,.sidebar,#toast,.filters,.source,.taskcontrols{display:none!important}.container,.workspace{display:block;padding:0;margin:0;max-width:none}.topbar{padding:0 0 20px}.report{padding-top:20px}.reportstats{display:flex}.reportstat{flex:1}.reportitem{break-inside:avoid}.printonly{display:block}.taskpanel{box-shadow:none}.reportlist .btn{display:none}.reportitem .status{color:#333}.reportitem .no{color:#b02323}.reportitem .ok{color:#206633}h1,h2,h3{break-after:avoid}}
/* Exemplele inițiale sunt vizibile înaintea fiecărei provocări care le conține. */
.intro-example{background:#f9f5e9;border:1px solid #dfd7bb;border-radius:11px;padding:23px 25px;margin:0 0 26px;font-size:13px;line-height:1.8}.example-kicker{font-size:9px;letter-spacing:1.7px;color:#7b7151;margin-bottom:7px;font-weight:700}.intro-example h2{font-size:20px;letter-spacing:-.5px;margin-bottom:15px}.intro-example h3{font-size:13px;margin-bottom:9px}.intro-example p{margin:10px 0}.intro-example ul,.intro-example ol{padding-left:23px;margin:10px 0}.intro-example li{padding-left:3px;margin:6px 0}.intro-example p:last-child{margin-bottom:0}.your-challenge{font-size:18px;letter-spacing:-.5px;margin:5px 0 19px}.example-image{display:block;width:auto;height:auto;max-width:100%;max-height:350px;object-fit:contain;margin:18px auto;border-radius:7px;background:white}.example-tokens{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px 0}.example-tokens>span{background:#fcfcf3;border:1px solid #c6c7ac;border-radius:7px;padding:7px 13px;font:600 16px monospace}.example-tokens>b{color:#9a976f;font-size:16px}.example-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:15px 0}.example-columns>div{padding:15px;border:1px solid #ded8c4;border-radius:8px;background:#fffdf5}.example-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;background:#eae9db;border-radius:7px;padding:12px;color:#365443}.example-heat-grid{display:grid;grid-template-columns:repeat(6,35px);gap:2px;justify-content:center;margin:20px auto;max-width:100%}.example-heat-cell{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border:1px solid #b9c5a8;border-radius:3px;font-weight:600;font-size:14px;background:#eef0e4}.example-heat-cell.heat-origin{background:#20564a;color:white;border-color:#20564a}.example-heat-cell.warm-1{background:#d8ec99}.example-heat-cell.warm-2{background:#f3cc8d}.example-heat-cell.warm-3{background:#edb08b}.example-heat-cell.cold{color:#8c9c84;background:#edf0e9}.example-heat-cell.void{visibility:hidden}.example-time-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.example-time-controls button{background:#fffdf4;border:1px solid #c5ceb8;border-radius:6px;padding:6px 11px;font-size:11px}.example-time-controls button.active{background:#20564a;border-color:#20564a;color:white}.example-caption{font-size:12px;color:#626e58;text-align:center;min-height:44px}.example-pixel-pair{display:flex;gap:23px;align-items:center;justify-content:center;margin:20px 0}.example-pixel-pair>div{text-align:center}.example-label{display:block;font-size:10px;font-weight:600}.example-comparator{display:flex;flex-direction:column;align-items:center;font-size:17px;line-height:1.5;margin:15px auto}.example-comparator>div{display:flex;gap:58px}.example-comparator span{background:#dbe7cc;color:#244d40;border:1px solid #aec29a;border-radius:50%;width:35px;height:35px;text-align:center;line-height:33px;font-weight:700}.example-comparator>strong{background:#d6a67c;border-radius:6px;padding:0 12px;font-size:25px}.example-comparator>b{color:#84906c;font-size:19px}.example-ball-table,.example-dye-table{overflow-x:auto}.example-ball-table table{font-size:11px}.example-ball-table th{font-size:10px;max-width:120px;white-space:normal}.example-ball{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:white;font-size:11px;font-weight:700}.example-ball.blue{background:#537fc5;border:2px solid #96b0dc}.example-ball.red{background:#d95a4c;border:2px solid #e49f91}.example-automaton{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:15px;background:#fffdf5;border-radius:7px}.example-automaton b{background:#315b4e;color:white;border-radius:50%;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center}.example-automaton span{font-size:18px;color:#8b7646}.example-letter-strip{display:flex;gap:4px;justify-content:center;margin:14px 0}.example-letter-strip span{background:#eee0c5;border:1px solid #b69b76;border-radius:4px;padding:6px 13px;font-family:Georgia,serif;font-size:24px;color:#6a4c34}.example-letter-strip span.changed{background:#c8dca8;color:#254a38;border-color:#7c9d60}.example-dominoes{display:flex;gap:4px;justify-content:center;margin:13px 0}.example-dominoes span{background:#2c403a;color:white;padding:10px;border-radius:5px;font-size:18px;font-family:monospace;white-space:nowrap}.example-dominoes b{color:#dbecb0}.example-dye-table th{font-size:10px}
@media(max-width:720px){.intro-example{padding:17px 12px;font-size:12px;line-height:1.8}.intro-example h2{font-size:18px}.example-columns{grid-template-columns:1fr;gap:10px}.example-columns>div{padding:12px}.example-tokens{gap:6px}.example-tokens>span{padding:6px 9px;font-size:14px}.example-ball-table td,.example-ball-table th{padding:6px}.example-ball-table th{font-size:8px}.example-ball{width:24px;height:24px;font-size:9px}.example-automaton{gap:4px;padding:12px 4px}.example-automaton span{font-size:13px}.example-automaton b{width:25px;height:25px}.example-heat-grid{grid-template-columns:repeat(6,30px)}.example-heat-cell{height:30px;width:30px}.example-time-controls button{font-size:10px;padding:6px 9px}.example-dye-table td,.example-dye-table th{padding:7px 5px;font-size:10px}}
@media print{.intro-example{break-inside:avoid;background:white}.example-time-controls{display:none}.intro-example h2{break-after:avoid}}