:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#213751;background:#eef7ff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;transition:transform .13s,filter .13s}button:hover{filter:brightness(.97)}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible{outline:3px solid #ffbc42;outline-offset:2px}.mast{background:linear-gradient(115deg,#1254a4,#218fce 53%,#26aa81);color:white;text-align:center;padding:28px 18px 22px}.mast-icons{font-size:clamp(36px,7vw,70px)}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em}.mast h1{font-size:clamp(27px,5vw,49px);margin:8px 0;font-weight:950}.mast p{margin:5px 0 18px}.toolbar,.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.toolbar button{border:1px solid #ffffff70;background:#ffffffeb;color:#16507e;padding:11px 15px;border-radius:12px;font-weight:800}main{max-width:1060px;margin:24px auto;padding:0 17px;min-height:60vh}.card{background:white;border:1px solid #dbe9f5;border-radius:23px;padding:clamp(16px,3vw,28px);box-shadow:0 9px 26px #174a7512;margin-bottom:18px}.card h2{font-size:clamp(23px,3vw,32px);margin:0 0 13px}.muted{color:#62788e}.small{font-size:14px}.center{text-align:center}.hero-emoji{font-size:66px}.btn{background:#e6f1fc;color:#145c9e;border:0;border-radius:13px;padding:12px 18px;font-weight:850}.primary{background:#1979d1;color:white}.green{background:#248c60;color:white}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{justify-content:space-between;margin-top:16px}.progress{height:14px;border-radius:50px;background:#d9e8f8;overflow:hidden;margin:12px 0}.progress div{height:100%;background:linear-gradient(90deg,#2184e7,#35c58d)}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:17px;background:#123d68}.placeholder{aspect-ratio:16/9;background:linear-gradient(130deg,#163f85,#298fd5);border-radius:17px;display:grid;place-content:center;color:white;text-align:center}.placeholder strong{font-size:58px}.question{font-size:23px;font-weight:850}.choices{display:grid;gap:10px;margin:16px 0}.choice{background:#f3f9ff;border:2px solid #d8e9f7;padding:17px;border-radius:15px;text-align:left;font-weight:750;color:#234363}.choice.good{background:#ddf9e9;border-color:#24a26b}.choice.bad{background:#fff0d8;border-color:#e9a13c}.note{background:#f0f7ff;padding:16px;border-radius:15px;margin:15px 0;line-height:1.6}.success{background:#e2f8eb;color:#175b3b;border-radius:14px;padding:15px;font-weight:800;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tile{border:2px solid #d8e9f7;border-radius:16px;padding:17px;background:#f6fbff}.tile h3{margin:0 0 8px}.tile p{margin:0 0 10px}.timer{font-size:clamp(44px,9vw,76px);font-weight:950;text-align:center;color:#1672c7;font-variant-numeric:tabular-nums}.plate{height:255px;width:255px;border-radius:50%;border:10px solid #e1e8ed;background:conic-gradient(#5bc57c 0 50%,#f3c35c 50% 75%,#ef9379 75%);position:relative;margin:20px auto;box-shadow:0 6px 22px #0002}.plate span{position:absolute;text-align:center;font-size:14px;font-weight:950;color:#173c3a}.plate .veg{top:31%;left:12%;width:76%}.plate .grain{top:72%;left:5%;width:42%}.plate .protein{top:72%;right:3%;width:43%}input[type=text],input[type=url]{width:100%;padding:13px;border:1px solid #bfd4e7;border-radius:12px;margin-top:6px}.field{display:block;font-weight:750;margin:13px 0}.list{max-height:460px;overflow:auto}.list button{display:block;width:100%;text-align:left;margin:6px 0}.stamp{display:inline-grid;place-content:center;width:130px;height:130px;border-radius:50%;border:4px dashed #4c9bce;color:#216497;font-weight:950;margin:10px;text-align:center}.print-sheet{max-width:780px;margin:auto;background:white;padding:22px}.print-sheet img{width:100%;height:auto}.print-diploma{border:12px double #ddb35d;min-height:500px;text-align:center;padding:60px 25px}.print-diploma h2{font-size:38px;color:#166bb4}.print-passport{border:7px double #2063a5;min-height:450px;text-align:center;padding:45px 25px}.print-passport h2{color:#145b9d}.script{line-height:1.75;white-space:pre-wrap}.script-card{margin-bottom:16px;border:1px solid #d7e7f6;border-radius:15px;padding:15px}footer{text-align:center;color:#67829c;font-size:12px;padding:24px}details summary{cursor:pointer;font-weight:800}#printOnly{display:none}@media(max-width:530px){.actions{justify-content:center}.toolbar{gap:6px}.toolbar button{font-size:12px;padding:9px}.stamp{width:105px;height:105px}}@media print{.mast,footer,.actions,.no-print{display:none!important}body{background:white}main{margin:0;max-width:none;padding:0}.card{border:0;box-shadow:none;padding:0}.print-sheet{padding:0}.print-sheet img{max-height:96vh;object-fit:contain}.print-diploma{min-height:90vh}.print-passport{min-height:90vh}}

/* Versiunea 2: farfurie fara text inghesuit + joc cu drag and drop */
.plate-guide{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:20px auto}.plate-disk{width:245px;height:245px;flex-shrink:0;border-radius:50%;border:10px solid #e4ecf2;position:relative;background:conic-gradient(#5fc779 0 50%,#edbc61 50% 75%,#ef9175 75% 100%);box-shadow:0 10px 20px #1244651a}.plate-area{position:absolute;font-size:40px}.plate-veg{left:40%;top:28%}.plate-grain{left:13%;bottom:14%}.plate-protein{right:13%;bottom:14%}.plate-legend{min-width:245px;max-width:340px;display:grid;gap:10px}.plate-legend div{background:#f3f8ff;border-radius:12px;padding:10px 15px}.plate-legend p{margin:4px 0;font-size:13px;color:#667c8f}.mini-challenge{border:2px solid #f1d481;border-radius:17px;padding:18px;background:#fffae7;margin-top:18px}.mini-challenge p{margin:9px 0;line-height:1.55}.plate-game-layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(240px,1fr);gap:20px;align-items:center;margin:20px 0}.interactive-plate{width:min(100%,470px);aspect-ratio:1;border:11px solid #e0e7ed;border-radius:50%;background:white;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;box-shadow:0 12px 28px #12396323;margin:auto}.dropzone{border:2px dashed #ffffff8a;padding:9px;cursor:pointer;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center}.zone-veg{grid-column:1/3;background:#bbefc9}.zone-grain{background:#ffe2a7}.zone-protein{background:#ffcbb6}.zone-title{font-weight:850;font-size:clamp(11px,1.5vw,15px);color:#24412f;background:#ffffffaf;border-radius:10px;padding:5px}.zone-foods{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:100%}.placed-food{border:0;border-radius:12px;background:#ffffffd4;font-size:clamp(22px,3vw,36px);padding:3px 5px;position:relative}.placed-food span{font-size:12px;position:absolute;right:1px;top:0;color:#b12c3b;font-weight:900}.food-tray{background:#f3f9ff;border:1px solid #d5e7f7;border-radius:16px;padding:14px}.food-tray h3{margin:2px 0}.food-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.food-card{background:white;border:2px solid #d5e3f3;border-radius:13px;min-height:81px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.food-card span{font-size:32px}.food-card small{font-size:12px;font-weight:800}.food-card.active{border-color:#f19a2d;background:#fff7e5}.food-card.used{opacity:.6}.scenario-card{background:linear-gradient(120deg,#ebf7ff,#e8fff3);padding:20px;border-radius:18px;text-align:center;margin:15px 0}.scenario-card span{font-size:68px}.hotspot{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#214b6e}.hotspot.discovered{background:#dcf8e8;border-color:#37aa6e}.hotspot .hero-emoji{font-size:50px}.hotspot small{color:#18764d}.pyramid-visual{display:flex;align-items:center;flex-direction:column;gap:4px;margin:18px auto}.pyramid-visual div{background:#f6d2c8;padding:12px;text-align:center;min-width:155px;border-radius:9px;font-weight:800}.pyramid-visual div:nth-child(2){background:#ffe3a9;min-width:250px}.pyramid-visual div:nth-child(3){background:#baefca;min-width:min(100%,370px)}
@media(max-width:730px){.plate-game-layout{grid-template-columns:1fr}.interactive-plate{max-width:400px}.food-bank{grid-template-columns:repeat(4,1fr)}}@media(max-width:400px){.food-bank{grid-template-columns:repeat(3,1fr)}}

.plate-reference{background:conic-gradient(#5fc779 0deg 180deg,#edbc61 180deg 270deg,#ef9175 270deg 360deg);overflow:hidden}
.plate-reference .ref-food{position:absolute;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;font-size:27px;line-height:1.15;text-shadow:0 2px 3px #fff8;text-align:center}
.plate-reference .ref-veg{left:51%;top:18%;width:44%;height:64%}
.plate-reference .ref-grain{left:5%;top:53%;width:42%;height:40%}
.plate-reference .ref-protein{left:5%;top:6%;width:42%;height:40%}
.dropzone{touch-action:manipulation}
.dropzone:focus-visible{outline:5px solid #1979d1;outline-offset:-7px}

/* 2026 — Educational broadcast visual system; child display is uncluttered */
:root{--blue:#176bc2;--navy:#18354e;--green:#218c6c}body{background:radial-gradient(ellipse at top left,#d6efff 0%,#eff8ff 38%,#f6fafc 100%)}.mast{background:linear-gradient(112deg,#082d64 0%,#136fc3 55%,#138e81 100%);position:relative;overflow:hidden}.mast:before{content:"";position:absolute;inset:-60%;background:radial-gradient(circle,#fff2 2px,transparent 3px) 0 0/110px 110px;opacity:.13;pointer-events:none}.mast>*{position:relative}.card{box-shadow:0 14px 45px #16446c0d}.home-card{text-align:center;padding:clamp(22px,5vw,46px)}.home-kicker{display:inline-block;border-radius:100px;background:#e7f4ff;color:#1670bb;font-size:14px;font-weight:900;padding:9px 20px;margin-bottom:15px}.home-card h2{font-size:clamp(26px,4vw,42px);color:#143c69}.home-card>p{font-size:19px;line-height:1.5}.mascots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px auto;max-width:850px}.mascot-card{border:2px solid #dceaf7;border-radius:20px;overflow:hidden;background:linear-gradient(175deg,#f2faff,#fff);display:flex;flex-direction:column;align-items:center}.mascot-card:nth-child(2){background:linear-gradient(175deg,#edfff3,#fff)}.mascot-card img{height:260px;width:100%;object-fit:contain;padding:12px}.mascot-card h3{font-size:24px;margin:0}.mascot-card p{margin:8px 0 20px;color:#64788d}.main-actions{justify-content:center}.main-actions .btn{font-size:18px;padding:16px 25px}.video-unset{min-height:clamp(260px,40vw,515px);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;background:linear-gradient(135deg,#0e448d,#3289dc);padding:25px}.video-unset.nutrition{background:linear-gradient(135deg,#155b51,#3dae80)}.video-unset h3{font-size:clamp(25px,4vw,42px);max-width:670px}.video-unset p{font-size:18px}.placeholder-orb{font-size:80px;filter:drop-shadow(0 12px 10px #0002)}.video-link{margin:10px}.video-link a{font-size:14px}.teacher-guidance{margin-top:22px;background:#fffbea;border:2px dashed #e1bf62;border-radius:16px;padding:18px;color:#473a16}.teacher-guidance h3{margin-top:0}.video-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:7px 22px}.field-number{background:#dceeff;color:#1558a2;border-radius:10px;padding:4px 9px}.plate-game-layout{grid-template-columns:minmax(290px,1.3fr) minmax(245px,1fr)}.interactive-plate{position:relative;display:block;overflow:hidden;border-radius:50%;aspect-ratio:1;background:#fff}.dropzone{position:absolute;border:2px solid #fff9;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;cursor:pointer;touch-action:manipulation}.zone-veg{background:#8ce0a9;left:50%;top:0;width:50%;height:100%}.zone-grain{background:#f8d47f;left:0;top:50%;height:50%;width:50%}.zone-protein{background:#f7ab8e;left:0;top:0;height:50%;width:50%}.zone-foods{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px;width:100%;height:100%}.placed-food{flex:none;font-size:clamp(27px,3.6vw,39px);background:#fff8}.game-legend{display:flex;justify-content:center;flex-wrap:wrap;max-width:none;gap:8px;margin:12px 0}.game-legend div{padding:9px 13px}.mission-hint{text-align:center;color:#164e77;font-size:19px;font-weight:800;background:#eaf5ff;padding:14px;border-radius:13px}.food-card{touch-action:manipulation;min-height:88px}.food-card.active{border-width:4px;border-color:#f19a2d}.plate-reference .ref-veg{left:50%;top:12%;width:48%;height:76%}.plate-reference .ref-grain{left:3%;top:53%;width:45%;height:43%}.plate-reference .ref-protein{left:3%;top:3%;width:45%;height:43%}@media(max-width:650px){.mascots{grid-template-columns:1fr}.mascot-card img{max-height:190px}.video-fields{grid-template-columns:1fr}}

.feedback-wrong{background:#fff0ef;border:2px solid #d65353;border-radius:14px;padding:18px;margin:18px 0;color:#792121;font-size:1.12rem}.feedback-wrong p{margin-bottom:0}.choice.good{border:3px solid #27915f!important;background:#e1f7e9!important;color:#165f3d!important}.choice.bad{border:3px solid #d65353!important;background:#fff0ef!important;color:#842828!important}.choice:disabled{opacity:1;cursor:default}

/* MOD TABLA INTERACTIVA 2026 — optimizeaza spatiul vertical fara a micsora tintele tactile */
@media screen and (min-width:850px){
 .mast{padding:10px 16px 12px}
 .mast-icons{font-size:26px;line-height:1}
 .eyebrow{font-size:10px;letter-spacing:.1em}
 .mast h1{font-size:clamp(23px,2.5vw,34px);margin:3px 0;line-height:1.08}
 .mast p{font-size:12px;margin:2px 0 8px}
 .toolbar{gap:8px}
 .toolbar button{font-size:14px;padding:8px 13px;min-height:39px}
 main{max-width:1400px;width:calc(100% - 40px);margin:12px auto;padding:0;min-height:0}
 .card{padding:clamp(13px,1.5vw,21px);margin-bottom:10px;border-radius:17px}
 .card h2{font-size:clamp(22px,2.1vw,30px);margin-bottom:8px;line-height:1.16}
 .home-card{padding:18px 26px}
 .home-kicker{font-size:12px;padding:6px 13px;margin-bottom:8px}
 .home-card h2{font-size:clamp(23px,2.5vw,34px);margin:4px 0}
 .home-card>p{font-size:15px;margin:6px 0}
 .mascots{margin:12px auto;gap:14px;max-width:940px}
 .mascot-card img{height:clamp(135px,23vh,225px);padding:6px}
 .mascot-card h3{font-size:21px}
 .mascot-card p{font-size:14px;margin:3px 0 10px}
 .main-actions .btn{padding:11px 20px;font-size:16px}
 .hero-emoji{font-size:42px}
 .question{font-size:clamp(19px,1.9vw,25px);margin:8px 0}
 .choices{gap:8px;margin:10px 0}
 .choice{padding:11px 15px;min-height:49px;font-size:clamp(16px,1.5vw,21px)}
 .tile{padding:11px}
 .grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
 .hotspot .hero-emoji{font-size:43px}
 .note,.success,.feedback-wrong{padding:11px 14px;margin:10px 0}
 .stamp{width:106px;height:106px;margin:4px;font-size:13px}
 .actions{margin-top:10px}
 .btn{padding:10px 15px;min-height:43px}
 .progress{height:9px;margin:8px 0}
 .timer{font-size:clamp(36px,5vw,58px)}
 .plate-guide{margin:8px auto;gap:16px}
 .plate-disk{width:clamp(180px,27vh,240px);height:clamp(180px,27vh,240px)}
 .plate-game-layout{margin:8px 0;gap:14px}
 .interactive-plate{width:min(100%,min(43vh,400px))}
 .food-card{min-height:67px}
 .food-card span{font-size:26px}
 .food-bank{gap:5px}
 .video{max-height:64vh;width:auto;max-width:100%;display:block;margin:0 auto;aspect-ratio:16/9}
 .video-unset{min-height:220px;max-height:60vh}
 .print-passport{min-height:0;padding:18px 20px;border-width:5px}
 .print-passport h2{font-size:25px;margin:5px 0}
 .print-passport p{margin:8px 0}
 .print-passport h3{font-size:18px;margin:8px 0}
 .print-diploma{min-height:0;padding:28px}
 footer{padding:10px;font-size:11px}
}
@media screen and (min-width:850px) and (max-height:800px){
 .mast{padding:5px 12px 7px}.mast-icons{display:none}.mast p{display:none}
 .mast h1{font-size:23px}.toolbar button{padding:5px 11px;min-height:35px}
 main{margin:7px auto}.card{padding:11px 16px}
 .mascot-card img{height:135px}.home-card{padding:12px 18px}
 .home-card>p{margin:3px}.mascots{margin:7px auto}
 .choice{min-height:44px;padding:8px 12px}
 .stamp{width:85px;height:85px}
}
@media print{
 .print-passport{min-height:450px;padding:45px 25px;border-width:7px}
 .print-diploma{min-height:90vh;padding:60px 25px}
 .stamp{width:130px;height:130px;margin:10px}
}