html body.miniapp-body.kd3d #gamesView .mg-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:12px 0 20px;padding:10px 16px;font-size:.85rem}
html body.miniapp-body.kd3d #quizView .mg-back{margin:12px 0 20px;min-height:44px}
/* Quiz now lives in quizView, not taskView. Scope spacing to its actual parent. */
html body.miniapp-body.kd3d #quizView .mission-card{box-sizing:border-box;padding:22px;margin:22px 0 28px;border-radius:24px;border:1px solid #bbd4e333;min-width:0}
html body.miniapp-body.kd3d #quizView .pro-panel-head{align-items:center;gap:14px;margin:0 0 17px}
html body.miniapp-body.kd3d #quizView .pro-panel-head>div{min-width:0;flex:1}
html body.miniapp-body.kd3d #quizView .pro-panel-head h2{margin:0;font-size:1.05rem;line-height:1.4;letter-spacing:-.02em}
html body.miniapp-body.kd3d #quizView .pro-panel-head .pro-eyebrow{font-size:.65rem;margin-bottom:8px}
html body.miniapp-body.kd3d #quizView .mission-desc{margin:0 0 20px;font-size:.8rem;line-height:1.65;color:#a9bfd0}
html body.miniapp-body.kd3d #quizView .mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0}
html body.miniapp-body.kd3d #quizView .mission-item{box-sizing:border-box;min-width:0;padding:15px;border-radius:17px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
html body.miniapp-body.kd3d #quizView .mission-item span{display:block;color:#a7bdce;font-size:.73rem;line-height:1.4}
html body.miniapp-body.kd3d #quizView .mission-item strong{display:block;margin:0;color:#f0f7fc;font-size:clamp(.95rem,3.9vw,1.18rem);font-weight:750;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html body.miniapp-body.kd3d #quizView .mission-progress{margin:23px 0 0}
html body.miniapp-body.kd3d #quizView .progress-bar{height:6px;padding:0;overflow:hidden;border:0;border-radius:99px;background:#091624;box-shadow:inset 0 1px 2px #0004}
html body.miniapp-body.kd3d #quizView .progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#7fc7af,#c6f1da);box-shadow:none}
html body.miniapp-body.kd3d #quizView .progress-text{margin-top:9px;font-size:.72rem;line-height:1.5;text-align:right;color:#a6bece}
html body.miniapp-body.kd3d #quizView .start-mission-btn{box-sizing:border-box;display:block;width:100%;min-height:49px;margin:20px 0 3px;padding:13px 15px;border-radius:15px;font-size:.88rem;line-height:1.4}
@media(max-width:359px){html body.miniapp-body.kd3d #quizView .mission-card{padding:16px}html body.miniapp-body.kd3d #quizView .mission-grid{gap:10px}html body.miniapp-body.kd3d #quizView .mission-item{padding:12px}}
@media(max-width:299px){html body.miniapp-body.kd3d #quizView .mission-grid{grid-template-columns:1fr}}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;min-width:0;border-radius:24px;border:1px solid #bad2e336;background:linear-gradient(145deg,#25384c,#142132);box-shadow:inset 0 1px 0 #ffffff30,0 5px 0 #071321,0 15px 25px #0004;color:#eef6ff;cursor:pointer;transition:transform .18s,box-shadow .18s}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #071321}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile:focus-visible{outline:3px solid #c5f1de;outline-offset:4px}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-featured{grid-column:1/-1;display:grid;grid-template-columns:45% 55%}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover{position:relative;display:block;width:100%;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 30%,#38658c,#16253e);overflow:hidden}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover-quiz{background:radial-gradient(ellipse at 50% 40%,#377566,#122f33);height:100%;aspect-ratio:auto;min-height:185px}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover-word{background:radial-gradient(ellipse at 50% 35%,#615276,#29283f)}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover-math{background:radial-gradient(ellipse at 50% 35%,#65583f,#2c2b32)}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover-memory{background:radial-gradient(ellipse at 50% 35%,#3d597e,#22253e)}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover svg,html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover img{width:100%;height:100%;display:block;object-fit:cover}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tag{position:absolute;top:10px;left:10px;border:1px solid #ffffff29;background:#0b182bb8;border-radius:7px;padding:4px 7px;font-size:.55rem;font-weight:750;letter-spacing:.09em;color:#e6f3ff}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile-body{display:flex;flex-direction:column;gap:9px;padding:16px;flex:1}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile-body strong{font-size:1rem;line-height:1.3}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-description{font-size:.75rem;line-height:1.55;color:#aebed0}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-meta{font-size:.65rem;line-height:1.5;color:#b8d6df;margin-top:auto}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5e4f21a;padding-top:10px;font-size:.76rem;font-weight:700;color:#bdebd6}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile-action span{font-size:1.1rem}
@media(max-width:359px){html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-catalog{gap:15px 10px}html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile-body{padding:12px}html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-featured{display:flex}html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-cover-quiz{aspect-ratio:16/9;min-height:0}}
@media(prefers-reduced-motion:reduce){html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-tile{transition:none}}
html body.miniapp-body.kd3d #gamesView{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
html body.miniapp-body.kd3d .home-missions{margin:26px 0}
html body.miniapp-body.kd3d #homeView .home-section-divider{height:1px;border:0;margin:27px 0 6px;background:linear-gradient(90deg,transparent,#bdddd53d 20%,#bdddd53d 80%,transparent)}
html body.miniapp-body.kd3d #homeView .home-progress-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:24px;padding:18px}
html body.miniapp-body.kd3d #homeView .home-progress-footer h2{margin:0;font-size:1rem;color:#ecf5fc;letter-spacing:-.02em}
html body.miniapp-body.kd3d #homeView .home-progress-footer p{margin:6px 0 0;color:#a4b9c9;font-size:.76rem;line-height:1.5}
html body.miniapp-body.kd3d #homeView .home-progress-footer .pro-eyebrow{font-size:.61rem}
html body.miniapp-body.kd3d #homeView .home-progress-footer progress{grid-column:1/-1;grid-row:2;width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;background:#c4d8e014;accent-color:#a7dcc5}
html body.miniapp-body.kd3d #homeView .home-progress-footer progress::-webkit-progress-bar{background:#c4d8e014;border-radius:99px}
html body.miniapp-body.kd3d #homeView .home-progress-footer progress::-webkit-progress-value{background:#a7dcc5;border-radius:99px}
html body.miniapp-body.kd3d #homeView .home-progress-footer button{grid-column:2;grid-row:1;min-height:42px;padding:10px 13px;font-size:.74rem;white-space:nowrap}
@media(max-width:359px){html body.miniapp-body.kd3d #homeView .home-progress-footer{grid-template-columns:1fr}html body.miniapp-body.kd3d #homeView .home-progress-footer button{grid-column:1;grid-row:3}}
html body.miniapp-body.kd3d .mission-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
html body.miniapp-body.kd3d .mission-section-heading h2{margin:0;font-size:1.2rem;letter-spacing:-.025em;color:#eef7ff}
html body.miniapp-body.kd3d .mission-section-heading button{min-height:44px;flex-shrink:0}
html body.miniapp-body.kd3d :is(#taskView,#homeView,#gamesView) .mission-info{margin:24px 0 16px;padding:17px;border:1px solid #bbdace26;border-radius:20px;background:linear-gradient(135deg,#23403e66,#172738);box-shadow:inset 0 1px 0 #e0fff51a,0 5px 15px #0002;color:#c0d1dd}
html body.miniapp-body.kd3d .mission-info-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}
html body.miniapp-body.kd3d .mission-info-heading>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #c5edda40;border-radius:9px;color:#c5edda;font-size:.85rem;font-weight:750;background:#c5edda12}
html body.miniapp-body.kd3d .mission-info-heading strong{font-size:.86rem;color:#e2f3ec}
html body.miniapp-body.kd3d .mission-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body.miniapp-body.kd3d .mission-info-grid>div{padding:11px;border-radius:12px;background:#0b172a55;border:1px solid #b7d8d914;min-width:0}
html body.miniapp-body.kd3d .mission-info-grid span{display:block;color:#9bb2c2;font-size:.68rem;line-height:1.5}
html body.miniapp-body.kd3d .mission-info-grid strong{display:block;margin-top:4px;font-size:.75rem;color:#d2e9dd;line-height:1.45}
html body.miniapp-body.kd3d .mission-info p{margin:13px 0 0;font-size:.73rem;line-height:1.65;color:#aebfd0}
@media(max-width:340px){html body.miniapp-body.kd3d .mission-info-grid{grid-template-columns:1fr}}
html body.miniapp-body.kd3d #gamesView .mg-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px;margin-bottom:18px}
html body.miniapp-body.kd3d #gamesView .mg-summary strong{display:block;margin-top:8px;font-size:1.1rem;overflow-wrap:anywhere}
html body.miniapp-body.kd3d #gamesView .mg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html body.miniapp-body.kd3d #gamesView .mg-game{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;text-align:left;color:#eef7ff;min-width:0}
html body.miniapp-body.kd3d #gamesView .mg-game strong{font-size:1rem}
html body.miniapp-body.kd3d #gamesView .mg-game small{color:#acc0d3;line-height:1.55;font-size:.77rem}
html body.miniapp-body.kd3d #gamesView .mg-art{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c9ead84a;border-radius:15px;background:linear-gradient(140deg,#d7f5e4,#8fbcab);box-shadow:inset 0 2px 0 #fff6,0 4px 0 #345d4f;color:#214437;font-size:1.6rem;font-weight:750}
html body.miniapp-body.kd3d #gamesView .mg-play{color:#b9e8d2;font-size:.73rem;margin-top:auto}
html body.miniapp-body.kd3d #gamesView .mg-session{padding:21px;margin-top:17px}
html body.miniapp-body.kd3d #gamesView #mgMessage{font-size:.83rem;line-height:1.65;white-space:pre-line}
html body.miniapp-body.kd3d #gamesView .mg-controls{display:grid;gap:15px;margin-top:20px}
html body.miniapp-body.kd3d #gamesView #mgBoard{display:grid;gap:15px;text-align:center}
html body.miniapp-body.kd3d #gamesView #mgBoard p{color:#b1c4d6;font-size:.84rem;line-height:1.55}
html body.miniapp-body.kd3d #gamesView .mg-picture{width:100%;max-width:250px;aspect-ratio:1;justify-self:center;border-radius:20px;background:#dfefe6;box-shadow:0 5px 0 #0b1623}
html body.miniapp-body.kd3d #gamesView .answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html body.miniapp-body.kd3d #gamesView .mg-equation{font-size:2.5rem;letter-spacing:-.04em;margin:12px 0}
html body.miniapp-body.kd3d #gamesView .mg-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
html body.miniapp-body.kd3d #gamesView .mg-memory-card{min-height:67px;font-size:1.8rem;color:#d8f5e7!important}
html body.miniapp-body.kd3d #gamesView .mg-memory-card.matched{opacity:1;background:linear-gradient(145deg,#c7f0da,#7fae9c)!important;color:#204134!important}
html body.miniapp-body.kd3d #gamesView .mg-memory-card:disabled:not(.matched){opacity:.85}
html body.miniapp-body.kd3d #gamesView .mg-letters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
html body.miniapp-body.kd3d #gamesView .mg-letter{width:43px;min-height:46px;font-weight:750}
html body.miniapp-body.kd3d #gamesView .mg-word-answer{padding:18px;border:1px solid #b6d3e52b;border-radius:13px;background:#0a1929;letter-spacing:.14em;font-size:1.4rem;overflow-wrap:anywhere}
html body.miniapp-body.kd3d #gamesView .mg-reward{font-size:2rem;color:#c1ecd6}
html body.miniapp-body.kd3d #gamesView .mg-result{font-size:1.3rem;line-height:1.35;margin:15px 0 0}
html body.miniapp-body.kd3d #gamesView .mg-note{color:#98acc2;font-size:.74rem;line-height:1.65;margin:25px 0}
html body.miniapp-body.kd3d #taskView .mission-card{margin-top:22px}
@media(max-width:359px){html body.miniapp-body.kd3d #gamesView .mg-grid{grid-template-columns:1fr}html body.miniapp-body.kd3d #gamesView .mg-session{padding:15px}html body.miniapp-body.kd3d #gamesView .mg-memory{gap:8px}html body.miniapp-body.kd3d #gamesView .mg-memory-card{min-height:56px}}
