:root{
  --bg:#08130f;
  --panel:#10261b;
  --panel-2:#133324;
  --green:#7ed957;
  --green-dark:#18a34a;
  --mint:#dfffd7;
  --red:#ef4444;
  --yellow:#facc15;
  --orange:#fb923c;
  --blue:#38bdf8;
  --purple:#b983ff;
  --white:#f8fff7;
  --text:#edfff0;
  --muted:#b6cfbc;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 0%, rgba(126,217,87,.22), transparent 30%),
radial-gradient(circle at 90% 12%, rgba(251,146,60,.14), transparent 24%),
linear-gradient(180deg,#08130f 0%,#0b2117 52%,#08130f 100%);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button{font:inherit}

.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);background:rgba(8,19,15,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(126,217,87,.14)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:.73rem;font-weight:700;margin-top:2px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#b6ff63,var(--green-dark));color:#0b2b15;font-weight:1000;box-shadow:0 10px 30px rgba(126,217,87,.25)}
.nav{display:flex;flex-wrap:wrap;gap:8px}.nav a{padding:10px 13px;border-radius:999px;font-weight:800;color:var(--muted);transition:.18s ease}.nav a:hover{background:rgba(255,255,255,.08);color:#fff}

.section{width:min(1180px,calc(100% - 30px));margin:0 auto;padding:64px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 28px}.section-head h2{font-size:clamp(2rem,5vw,3.4rem);margin:.25rem 0 10px;line-height:.96;letter-spacing:-.04em}.section-head p{color:var(--muted);line-height:1.6}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(126,217,87,.14);border:1px solid rgba(126,217,87,.22);color:#caffbe;font-size:.84rem;letter-spacing:.08em;font-weight:1000;text-transform:uppercase}
.lead{font-size:clamp(1.15rem,2vw,1.45rem);color:#fff;margin:0 0 12px;font-weight:800}.hero-text{color:var(--muted);line-height:1.7;font-size:1.05rem}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding-top:46px}.hero h1{font-size:clamp(3.1rem,7vw,5.4rem);line-height:.93;letter-spacing:-.055em;margin:14px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.progress-pill{display:inline-flex;margin-top:18px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:900;color:#ebffe6}
.hero-stage{position:relative;min-height:520px;border-radius:36px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden}
.playful-bg{background:
radial-gradient(circle at 18% 20%, rgba(251,146,60,.28), transparent 20%),
radial-gradient(circle at 82% 20%, rgba(56,189,248,.18), transparent 18%),
radial-gradient(circle at 50% 100%, rgba(126,217,87,.18), transparent 32%),
linear-gradient(180deg,#163726 0%,#123121 100%)}
.hero-stage::before,.hero-stage::after{content:"";position:absolute;border-radius:50%;filter:blur(4px);opacity:.9}.hero-stage::before{width:220px;height:220px;background:rgba(255,255,255,.06);left:-30px;bottom:-30px}.hero-stage::after{width:180px;height:180px;background:rgba(255,255,255,.04);right:-28px;top:-28px}
.hero-genio,.hero-genia{position:absolute;bottom:14px;width:52%;filter:drop-shadow(0 28px 32px rgba(0,0,0,.35))}.hero-genio{left:-2%}.hero-genia{right:-2%}
.bubble{position:absolute;padding:10px 14px;border-radius:999px;font-weight:1000;box-shadow:0 8px 18px rgba(0,0,0,.18);animation:bob 2.2s ease-in-out infinite}.b1{background:#fff3d6;color:#875100;right:18%;top:20%}.b2{background:#fef08a;color:#6b5a00;left:12%;top:16%;animation-delay:.4s}.b3{background:#fee2e2;color:#9f1239;left:50%;bottom:92px;animation-delay:.8s}
.sparkle{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 22px rgba(255,255,255,.8)} .sparkle::before,.sparkle::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:inherit}
.sparkle::before{width:2px;height:22px}.sparkle::after{width:22px;height:2px}.s1{width:8px;height:8px;right:24%;top:15%}.s2{width:10px;height:10px;left:16%;bottom:24%}.s3{width:6px;height:6px;right:8%;bottom:20%}
.floaty{animation:floaty 4s ease-in-out infinite}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.8s}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;padding:14px 18px;font-weight:1000;border:1px solid transparent;cursor:pointer;transition:.18s ease;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.btn:hover{transform:translateY(-2px)} .btn.primary{background:linear-gradient(135deg,#a8ff6c,var(--green-dark));color:#0b2a16}.btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.btn.dark{background:#0b1813;border-color:rgba(255,255,255,.08)}.btn.small{padding:12px 16px;font-size:.95rem}

.parent-note,.diploma-box{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}
.parent-note h2,.diploma-box h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.parent-note p,.diploma-box p{margin:0;color:var(--muted);line-height:1.7}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.video-card{position:relative;padding:18px;border-radius:var(--radius);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.card h3,.video-card h3{font-size:1.36rem;margin:12px 0 8px}.card p,.video-card p{color:var(--muted);line-height:1.58;margin:0 0 14px}
.card-art{height:210px;border-radius:22px;display:grid;place-items:center;margin-bottom:14px;overflow:hidden;position:relative}
.card-art::after{content:"";position:absolute;inset:auto 12% 10px;height:20px;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(10px)}
.card-art img{height:100%;width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28))}
.card-art.warm{background:radial-gradient(circle at 50% 20%, rgba(251,146,60,.34), transparent 32%), linear-gradient(180deg,#4d2c12 0%,#1e2415 100%)}
.card-art.clean{background:radial-gradient(circle at 50% 15%, rgba(56,189,248,.25), transparent 30%), linear-gradient(180deg,#173850 0%,#1f2819 100%)}
.card-art.decision{background:radial-gradient(circle at 50% 18%, rgba(250,204,21,.32), transparent 30%), linear-gradient(180deg,#3d3a1a 0%,#1c2618 100%)}
.tag{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:1000;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tag.live{background:rgba(126,217,87,.16);color:#caffbf;border:1px solid rgba(126,217,87,.24)}
.mini-points{margin:0 0 16px 0;padding-left:18px;color:#def7de}.mini-points li{margin:6px 0;color:var(--muted)}
.mission-orange{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(251,146,60,.07))}.mission-blue{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(56,189,248,.07))}.mission-yellow{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(250,204,21,.07))}

.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.character-card{appearance:none;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-radius:24px;color:inherit;padding:14px;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.character-card:hover{transform:translateY(-4px);background:rgba(126,217,87,.1)}.character-card img{height:180px;width:100%;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.05);margin-bottom:10px}.character-card span{display:block;font-weight:1000;font-size:1.08rem}.character-card small{color:var(--muted);font-weight:800}

.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{min-height:200px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(126,217,87,.08))}.video-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:18px;background:rgba(126,217,87,.18);font-weight:1000;color:#ccffbd}.video-card strong{display:inline-flex;margin-top:14px;color:#ffe08a}

.footer{width:min(1180px,calc(100% - 32px));margin:0 auto 28px;padding:24px;border-top:1px solid rgba(255,255,255,.1);color:var(--muted);line-height:1.55}.footer p{margin:6px 0}
.modal{position:relative;width:min(420px,calc(100% - 32px));border:1px solid rgba(126,217,87,.25);border-radius:28px;background:#0b1d15;color:var(--text);padding:24px;text-align:center;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.modal img{height:220px;margin:0 auto 10px;object-fit:contain}.modal h3{font-size:2rem;margin:4px 0 8px}.modal p{color:var(--muted)}.modal blockquote{margin:16px 0 0;padding:16px;border-radius:18px;background:rgba(126,217,87,.09);font-weight:900}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;cursor:pointer}

.game-body{min-height:100vh;background:
radial-gradient(circle at 18% 0%, rgba(126,217,87,.22), transparent 28%),
radial-gradient(circle at 82% 10%, rgba(251,146,60,.16), transparent 22%),
linear-gradient(180deg,#07140f,#0b2117)}
.game-shell{width:min(1040px,calc(100% - 24px));margin:0 auto;padding:18px 0 40px}.game-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.game-header a{font-weight:1000;color:#d9ffd3}
.game-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}
.game-intro{padding:22px;display:grid;grid-template-columns:1fr 180px;gap:16px;align-items:center}.game-intro h1{margin:8px 0;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.04em;line-height:.96}.game-intro p{color:var(--muted);line-height:1.65}.game-intro img{max-height:190px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3))}
.hud{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16)}.hud span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:1000}.hud .accent{background:rgba(126,217,87,.14);color:#d3ffc7}
.play-area{position:relative;height:min(64vh,560px);min-height:420px;overflow:hidden;touch-action:manipulation}
.result-box{display:none;padding:26px;text-align:center;background:rgba(126,217,87,.12);border-top:1px solid rgba(126,217,87,.16)}.result-box.show{display:block}.result-box h2{font-size:2.2rem;margin:0 0 8px}.result-box p{color:var(--muted);line-height:1.6}.game-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.progress-track{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-top:10px}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b8ff6f,#22c55e);border-radius:999px;transition:width .25s ease}

.scene{position:absolute;inset:0;overflow:hidden}
.scene::before,.scene::after{content:"";position:absolute;inset:auto}
.bg-bubbles,.bg-stars{position:absolute;inset:0;pointer-events:none}
.bg-bubbles span,.bg-stars span{position:absolute;border-radius:50%;opacity:.55;animation:floatSlow linear infinite}
.bg-bubbles span{background:rgba(255,255,255,.16)}
.bg-stars span{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.8)}

.pantry-scene{background:
radial-gradient(circle at 50% -10%, rgba(255,255,255,.16), transparent 34%),
linear-gradient(180deg,#8dd9ff 0%,#d4f3ff 38%,#f9edbc 38%,#f7d78c 100%)}
.pantry-floor{position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(180deg,#f2c66b,#ce8e41)}
.pantry-shelf{position:absolute;left:6%;right:6%;height:18px;background:#8d5b2c;border-radius:999px;box-shadow:0 6px 0 rgba(0,0,0,.08)}
.pantry-shelf.s1{top:20%}.pantry-shelf.s2{top:38%}.pantry-shelf.s3{top:56%}
.snack{position:absolute;width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#fff,#ffe9a6);box-shadow:0 12px 18px rgba(0,0,0,.12);animation:bob 3s ease-in-out infinite}
.snack::before{content:"";position:absolute;inset:12px;border-radius:14px;background:rgba(126,217,87,.26)}
.snack:nth-child(1){left:12%;top:11%}.snack:nth-child(2){right:18%;top:28%}.snack:nth-child(3){left:26%;top:46%}.snack:nth-child(4){right:28%;top:46%}.snack:nth-child(5){left:10%;top:64%}
.coach{position:absolute;bottom:10px;z-index:2;filter:drop-shadow(0 20px 24px rgba(0,0,0,.25))}.coach-left{left:12px;width:180px}.coach-right{right:12px;width:190px}
.coach-bubble{position:absolute;z-index:3;max-width:240px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.9);color:#17301f;font-weight:900;box-shadow:0 12px 24px rgba(0,0,0,.15)}.coach-bubble.left{left:150px;bottom:170px}.coach-bubble.right{right:160px;top:24px}
.target-trazi{position:absolute;width:96px;height:96px;border:0;background:transparent;padding:0;cursor:pointer;z-index:4;filter:drop-shadow(0 14px 14px rgba(0,0,0,.28));animation:popin .22s ease-out, wiggle 1.2s ease-in-out infinite}
.target-trazi img{width:100%;height:100%;object-fit:contain}.combo-pop{position:absolute;z-index:6;color:#fff;background:rgba(11,59,28,.82);padding:8px 12px;border-radius:999px;font-weight:1000;pointer-events:none;animation:riseFade .65s ease forwards}.hit-star{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 18px rgba(255,255,255,.95);pointer-events:none;animation:burst .55s ease forwards}

.table-scene{background:
radial-gradient(circle at 50% -12%, rgba(255,255,255,.18), transparent 34%),
linear-gradient(180deg,#8de2ff 0%,#def8ff 28%,#fff4d1 28%,#f8ddb2 100%)}
.table-surface{position:absolute;left:4%;right:4%;bottom:7%;top:26%;border-radius:34px;background:linear-gradient(135deg,#ad7642,#7c4f26);box-shadow:inset 0 0 0 10px rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.15)}
.table-surface::before{content:"";position:absolute;inset:12px;border-radius:24px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 18px, rgba(0,0,0,.03) 18px 36px)}
.plate{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#fff 58%,#dcebf3 59%,#ffffff 70%,#c7d9e4 72%);right:8%;bottom:14%;box-shadow:0 16px 26px rgba(0,0,0,.14)}
.glass{position:absolute;width:72px;height:110px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12));border:2px solid rgba(255,255,255,.45);left:10%;top:32%}
.napkin{position:absolute;width:110px;height:110px;left:16%;bottom:16%;background:linear-gradient(135deg,#ff7373,#ef4444);border-radius:24px;transform:rotate(-14deg);box-shadow:0 14px 24px rgba(0,0,0,.12)}
.table-item{position:absolute;border:0;cursor:pointer;z-index:4;transition:transform .18s ease, opacity .18s ease}.table-item:hover{transform:scale(1.08)}
.crumb{width:36px;height:28px;border-radius:48% 54% 45% 55%;background:radial-gradient(circle at 30% 30%, #f7d48f, #ba7227 72%);box-shadow:inset 0 4px 6px rgba(255,255,255,.18),0 10px 18px rgba(0,0,0,.18)}
.stain{width:82px;height:50px;border-radius:55% 45% 60% 40%;background:rgba(251,146,60,.82);box-shadow:inset 0 8px 12px rgba(255,255,255,.16),0 10px 22px rgba(0,0,0,.18)}
.spill{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 38% 38%, #fff8c2, #facc15 68%, #d09b00 100%);box-shadow:0 10px 22px rgba(0,0,0,.15)}
.spark-clean{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.95);pointer-events:none;animation:cleanBurst .7s ease forwards}
.clean-meter{padding:0 18px 18px}.clean-meter h3{margin:0 0 8px;font-size:1rem}.clean-meter p{margin:8px 0 0;color:var(--muted)}

.quiz-box{padding:22px}
.quiz-scene{position:relative;padding:18px;border-radius:28px;background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 34%),
linear-gradient(180deg,#2d4d23 0%,#1a2b17 100%);border:1px solid rgba(255,255,255,.1);margin-bottom:16px;overflow:hidden}
.quiz-stage{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.quiz-stage img{width:100%;max-width:180px;justify-self:center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28))}
.scenario{padding:22px;border-radius:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:clamp(1.3rem,3vw,2rem);font-weight:1000;line-height:1.2}.scenario small{display:block;margin-top:12px;font-size:.92rem;color:#d5f7d3;font-weight:800}
.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.choice{border:0;border-radius:18px;padding:18px 12px;font-weight:1000;color:#062211;cursor:pointer;min-height:78px;box-shadow:0 10px 20px rgba(0,0,0,.12);transition:transform .18s ease}.choice:hover{transform:translateY(-2px)} .choice.apto{background:#86efac}.choice.precaucion{background:#fde047}.choice.noapto{background:#f87171}.choice.noverificable{background:#c4b5fd}
.feedback{min-height:82px;padding:18px;border-radius:22px;background:rgba(255,255,255,.08);margin-top:16px;font-weight:900;line-height:1.48}
.quiz-status{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.quiz-status p{margin:0;color:#d7fad2;font-weight:900}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.84rem;font-weight:1000;color:#eaffea}

.print-diploma{min-height:100vh;background:linear-gradient(135deg,#f8fff5,#dcffe1);color:#13301d;padding:24px}.diploma{max-width:900px;margin:0 auto;padding:42px;border:10px solid #7ed957;border-radius:34px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.15);text-align:center}.diploma h1{font-size:clamp(2.2rem,7vw,5rem);margin:0;color:#0b4d27}.diploma h2{font-size:clamp(1.4rem,4vw,2.4rem);margin:20px 0;color:#ef4444}.diploma p{font-size:1.2rem;line-height:1.55}.diploma-heroes{display:flex;justify-content:center;gap:20px;margin:20px 0}.diploma-heroes img{height:180px;object-fit:contain}.badge-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.badge{padding:12px 16px;background:#ecffd8;border:2px solid #7ed957;border-radius:999px;font-weight:1000}.print-actions{max-width:900px;margin:22px auto;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.print-actions .btn.secondary{color:#13301d;border-color:#7ed957;background:#fff}

@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes popin{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes wiggle{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@keyframes riseFade{0%{opacity:0;transform:translateY(10px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-34px) scale(1)}}
@keyframes burst{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2.4)}}
@keyframes cleanBurst{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2.8) translateY(-14px)}}
@keyframes floatSlow{from{transform:translateY(20px)}to{transform:translateY(-20px)}}

@media (max-width:980px){
  .hero{grid-template-columns:1fr}.cards,.video-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-intro{grid-template-columns:1fr;text-align:center}.game-intro img{margin:auto}.quiz-stage{grid-template-columns:1fr}.quiz-stage img{max-width:160px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .topbar{align-items:flex-start}.nav{font-size:.84rem}.section{width:min(100% - 22px,1180px);padding:42px 0}
  .hero-stage{min-height:410px}.hero-genio{width:55%;left:-8%}.hero-genia{width:60%;right:-8%}.bubble{font-size:.78rem;padding:9px 12px}.b1{right:12%;top:16%}.b2{left:8%;top:12%}.b3{bottom:76px;left:40%}
  .character-grid{grid-template-columns:1fr}.character-card img{height:180px}.play-area{min-height:460px}.game-shell{width:min(100% - 16px,1040px)}.game-intro{padding:18px}.hud{padding:12px}.target-trazi{width:82px;height:82px}.coach-left{width:140px}.coach-right{width:150px}.coach-bubble.left{left:105px;bottom:138px;max-width:185px}.coach-bubble.right{right:110px;top:18px;max-width:180px}
  .table-surface{left:3%;right:3%}.plate{width:120px;height:120px}.glass{width:56px;height:90px}.scenario{font-size:1.2rem}.diploma{padding:24px;border-width:7px}.diploma-heroes img{height:120px}
}
@media print{.print-actions{display:none}.print-diploma{background:#fff}.diploma{box-shadow:none}}