:root{--a:#6c5ce7;--b:#00cec9;--c:#fdcb6e;--pink:#fd79a8;--ink:#25324b;--bg:#f5f7ff}.body{margin:0}*{box-sizing:border-box}body{font-family:Tahoma,'Segoe UI',sans-serif;margin:0;background:linear-gradient(135deg,#eef2ff,#fff7e8);color:var(--ink)}.top{background:linear-gradient(90deg,var(--a),#8e7dff,var(--b));color:white;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 18px #6c5ce733}.brand{font-size:26px;font-weight:900}.wrap{max-width:1200px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 30px #53639018;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat{padding:18px;border-radius:20px;background:linear-gradient(145deg,#fff,#f2f4ff);border:2px solid #ececff}.stat b{font-size:30px;color:var(--a)}.btn{display:inline-block;border:0;border-radius:14px;padding:11px 16px;background:var(--a);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.btn.green{background:#00b894}.btn.red{background:#e17055}.btn.yellow{background:#f39c12}.input,select{width:100%;padding:11px;border:2px solid #e6e7f2;border-radius:12px;font-size:15px;margin:5px 0 12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}.table th{background:#f0efff}.level{border-radius:22px;padding:22px;color:white;min-height:150px}.primary{background:linear-gradient(135deg,#00b894,#55efc4)}.middle{background:linear-gradient(135deg,#0984e3,#74b9ff)}.high{background:linear-gradient(135deg,#6c5ce7,#fd79a8)}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stage{border:0;border-radius:18px;padding:18px;text-align:center;background:#fff;box-shadow:0 7px 20px #0001}.stage.lock{filter:grayscale(.8);opacity:.55}.stars{color:#f1c40f;font-size:20px}.login{max-width:430px;margin:8vh auto}.robot{font-size:68px;text-align:center}@media(max-width:760px){.levels{grid-template-columns:1fr}.top{align-items:flex-start;gap:8px;flex-direction:column}}
/* RoboBlockly Game + Academy */
.game{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:18px}.mission{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;margin-bottom:14px;border-radius:20px;background:linear-gradient(90deg,#fff3b0,#d9f7ff);border:2px solid #fff}.hintbox{padding:14px 18px;margin:-4px 0 14px;border-radius:16px;background:#fff7d6;border:2px dashed #f6b93b}.muted{color:#6b7280}.center{text-align:center}.palette{display:grid;gap:9px}.block-palette{border:0;border-radius:15px;padding:12px 14px;text-align:left;color:white;font-weight:800;cursor:grab;box-shadow:0 5px 0 #0002;font-size:15px}.b-F{background:#00b894}.b-L,.b-R{background:#0984e3}.b-RF{background:#6c5ce7}.b-IFR,.b-IFL{background:#e17055}.b-IFE{background:#d63031}.program{min-height:190px;background:linear-gradient(180deg,#fbfbff,#f1f0ff);border:3px dashed #b8b2ff;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px}.drophelp{color:#9a93bb;text-align:center;padding:10px}.program:has(.codeblock) .drophelp{display:none}.codeblock{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:13px;background:linear-gradient(90deg,#6c5ce7,#8e7dff);color:#fff;box-shadow:0 4px 0 #4b3db3;cursor:grab;transition:.18s}.codeblock.active{outline:5px solid #fdcb6e;transform:scale(1.025)}.codeblock .grab{font-size:20px;opacity:.8}.codeblock .x{margin-left:auto;border:0;background:#ffffff2b;color:white;border-radius:9px;font-size:20px;cursor:pointer}.repeatN{width:58px;border:0;border-radius:8px;padding:5px;font-weight:800}.scoreline{margin:14px 0;padding:10px;border-radius:12px;background:#f7f8ff}.actions{display:flex;gap:8px;flex-wrap:wrap}.gamemsg{min-height:48px;margin-top:12px;padding:12px;border-radius:14px;background:#f7fff9;font-size:17px}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;max-width:620px;margin:auto;background:linear-gradient(135deg,#b8f2e6,#aed9ff);border:9px solid #6c5ce7;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 30px #fff8}.cell{border:1px solid #ffffffaa;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,2.2vw,27px);font-weight:800;color:#6c5ce7}.wall{background:linear-gradient(135deg,#636e72,#2d3436)}.goal{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.robotcell{background:linear-gradient(135deg,#55efc4,#81ecec);animation:robotPop .3s ease}.lessonhero{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#6c5ce7,#00cec9);color:white;border-radius:26px;padding:22px;margin-bottom:18px}.robotbig{font-size:72px}.lessonhero h1{margin:0}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.tutorial-card{display:block;text-decoration:none;color:var(--ink);background:white;border-radius:22px;padding:20px;box-shadow:0 10px 28px #53639018;border:3px solid transparent;transition:.2s}.tutorial-card:hover{transform:translateY(-3px);border-color:#b8b2ff}.tutorial-card span{font-size:48px}.tutorial-card b{color:#6c5ce7}.caption{padding:14px 16px;margin-bottom:12px;border-radius:15px;background:linear-gradient(90deg,#fff3b0,#ffeaa7);font-weight:800;line-height:1.6}.demo-program{min-height:220px}@keyframes robotPop{50%{transform:scale(1.12)}}@media(max-width:850px){.game{grid-template-columns:1fr}.lessonhero{align-items:flex-start}.robotbig{font-size:54px}}