:root{color-scheme:light;--green:#009b73;--greenD:#064c3a;--mint:#e4fff0;--pink:#fff1f5;--pinkD:#dc2455;--line:#bee6d1;--ink:#153c32;--muted:#577268;--shadow:0 7px 22px rgba(0,85,54,.09)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(122deg,#dffff0 0,#f8fff9 38%,#ffe5ed 100%);-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:contain}button,input,select{font:inherit}button{touch-action:manipulation;cursor:pointer}#immunoshot-app{max-width:820px;margin:0 auto;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))}#immunoshot-app .immunoshot-loading{text-align:center;margin:30vh auto;font-size:1.5rem;color:var(--green)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand-sm{font-size:1.15rem;color:var(--greenD);font-weight:850}.back{background:white;border:1px solid var(--line);border-radius:18px;padding:10px 13px;color:var(--greenD);font-weight:750}.lang{border:2px solid #86d9b5;background:#fff;border-radius:30px;padding:9px 13px;font-size:1rem;font-weight:750;color:var(--greenD)}.hero{padding:10px 0 16px;text-align:center}.logo{display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--green);background:white;border-radius:50%;width:115px;height:115px;box-shadow:var(--shadow);font-size:68px;color:var(--green);line-height:1}.logo svg{width:72%;height:72%}.hero h1{font-size:clamp(2.2rem,6vw,3.5rem);color:var(--green);margin:14px 0 0;letter-spacing:-.04em}.hero .sub{font-weight:650;color:#577368}.card,.panel{background:rgba(255,255,255,.94);border:2px solid var(--line);border-radius:23px;padding:17px;box-shadow:var(--shadow)}.card{margin:12px 0}.intro{text-align:center;padding:15px 21px;color:var(--greenD)}.intro strong{color:var(--green);display:block;font-size:1.08rem;line-height:1.5}.intro small{display:block;color:var(--muted);margin-top:5px}.h2{font-size:1.6rem;margin:12px 0 15px}.h3{font-size:1.14rem;margin:0 0 7px}.muted{color:var(--muted)}.small{font-size:.87rem}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.pill,.tab{border:1.8px solid var(--line);border-radius:15px;background:#ecf8f0;padding:11px 7px;color:var(--ink);font-weight:700;min-height:44px}.pill.active,.tab.active{background:var(--green);color:#fff;border-color:var(--green)}.primary{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:19px;width:100%;background:var(--green);color:#fff;padding:17px 15px;font-weight:850;letter-spacing:.02em;font-size:1.18rem;margin:12px 0;box-shadow:0 7px 17px rgba(0,130,96,.18)}.primary:active{filter:brightness(.92)}.primary.pink{background:#e52856}.secondary{background:#fff;border:2px solid var(--line);color:var(--greenD);padding:11px 14px;border-radius:16px;font-weight:750}.navgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.navbtn{min-height:88px;display:flex;align-items:center;justify-content:center;gap:9px;border:2px solid var(--line);border-radius:23px;background:white;color:var(--greenD);font-weight:850;text-align:center;padding:10px 8px;box-shadow:var(--shadow);line-height:1.24}.navbtn.pink{background:#fff4f7;border-color:#ffd0df;color:#d7295b}.navbtn .emo{font-size:1.45rem}.navbtn.full{grid-column:span 2;min-height:63px}.stack{display:grid;gap:11px}.list-card{display:flex;gap:14px;text-align:left;background:white;border:2px solid var(--line);border-radius:20px;padding:14px;align-items:center;width:100%;color:var(--ink);min-height:80px}.list-card:disabled{opacity:.5;cursor:default}.list-card h3{margin:0;font-size:1.05rem}.list-card p{color:var(--muted);font-size:.9rem;margin:4px 0 0;line-height:1.5}.big-emoji{font-size:2rem;min-width:43px;text-align:center}.stars{margin-left:auto;color:#eca91f;white-space:nowrap}.chips{display:flex;gap:8px;overflow:auto;padding:5px 0 12px;scrollbar-width:thin}.chips button{white-space:nowrap;flex:0 0 auto;min-width:85px}.art{margin:12px 0;display:flex;align-items:center;justify-content:center;min-height:150px;background:linear-gradient(135deg,#e4faee,#f3faff 55%,#ffebf2);border:1px solid var(--line);border-radius:22px;overflow:hidden}.art svg{display:block;width:min(280px,90%);height:150px}.text-block p{line-height:1.65;margin:12px 0}.text-block ul{padding-left:22px;line-height:1.6}.article-title{font-size:1.24rem;font-weight:850;color:var(--greenD);margin:0 0 10px}.search{display:block;width:100%;border-radius:15px;border:2px solid var(--line);padding:13px 16px;background:#fff;font-size:1rem;margin:10px 0 14px;color:var(--ink)}.choice{background:white;border:2px solid var(--line);border-radius:16px;padding:13px 12px;text-align:left;min-height:54px;color:var(--ink);font-weight:650}.choice:disabled{opacity:.7;cursor:default}.choice.correct{background:#d9ffe3;border-color:#39b471}.choice.wrong{background:#ffe1e7;border-color:#eb5b75}.answers{display:grid;gap:9px;margin:13px 0}.answers.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback{margin:12px 0;padding:12px;border-radius:15px;background:#e4faee;border:1px solid var(--line);font-weight:650;line-height:1.5}.feedback.bad{background:#fff1f2;border-color:#f5b2c2}.status{font-weight:750;color:var(--greenD);display:flex;justify-content:space-between;gap:7px;font-size:.93rem;flex-wrap:wrap}.game-shell{padding:0;overflow:hidden;position:relative}.game-hud{padding:11px 12px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}.game-hud .row{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.game-hud strong{color:var(--greenD)}.score{font-size:1.05rem;color:#d82255;font-weight:850}.game-canvas{display:block;width:100%;max-width:600px;height:auto;aspect-ratio:480/600;margin:auto;touch-action:none;background:linear-gradient(140deg,#e2fff0,#fbfcf7 50%,#ffeaf3);border-bottom:1px solid #e9e1e7}.game-deck{padding:11px 9px;background:#fff}.game-deck .ammo{display:flex;justify-content:space-between;font-size:.9rem;flex-wrap:wrap;gap:10px}.bonusgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.bonus{border:1.5px solid #c8d6e3;border-radius:14px;background:#f0f4f9;padding:9px 3px;min-height:68px;font-size:.75rem;font-weight:750;color:#456157;line-height:1.25}.bonus i{font-style:normal;display:block;font-size:1.45rem;margin-bottom:3px}.bonus:disabled{opacity:.42}.bonus.selected{border-color:#e9a222;background:#fff8d9}.overlay{position:fixed;inset:0;background:#172e2ca6;display:flex;justify-content:center;align-items:center;padding:20px;z-index:30}.modal{max-width:590px;width:100%;max-height:88dvh;overflow:auto;background:#fff;border:3px solid var(--line);border-radius:29px;padding:20px;box-shadow:0 20px 60px #081a143a}.modal h2{margin-top:4px}.modal .primary{font-size:1rem}.progress{height:11px;background:#e5ece8;border-radius:30px;overflow:hidden;margin:10px 0}.progress span{display:block;height:100%;background:var(--green)}.emoji-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.emoji-cells button{font-size:2.4rem;border:2px solid var(--line);border-radius:18px;background:#eafff1;min-height:89px}.emoji-cells button:disabled{opacity:.3}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.info{padding:10px 14px;border:1px solid #ffc3d3;border-radius:13px;background:#fff3f7;color:#7c3447;font-size:.86rem;line-height:1.5}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #d6e9dd}input[type=checkbox]{accent-color:var(--green);width:20px;height:20px}.footer{font-size:.75rem;color:#6e897d;text-align:center;margin-top:24px}button:focus-visible,input:focus-visible{outline:3px solid #f6ab3f;outline-offset:2px}button[disabled]{cursor:not-allowed}.hidden{display:none!important}@media(max-width:390px){#immunoshot-app{padding-left:8px;padding-right:8px}.navbtn{font-size:.87rem;min-height:74px}.navbtn .emo{font-size:1.2rem}.bonus{font-size:.69rem}.hero h1{font-size:2.4rem}.card{padding:13px}.game-hud{padding:9px 6px}}@media(min-width:850px){#immunoshot-app{padding:24px 28px 40px}.hero{padding-top:25px}.navbtn{min-height:96px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}