.quest-body{background:#101f2c;color:#eef6ef;min-height:100vh}.quest-body a{color:#baf0d4}.q-header{max-width:1220px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #35505b}.q-brand{display:flex;align-items:center;gap:12px;font-weight:800;text-decoration:none;direction:ltr}.q-header>a:last-child{font-size:.9rem}.q-shell{max-width:1220px;padding:28px;margin:auto}.q-intro{display:flex;justify-content:space-between;align-items:center;padding:24px 0 36px;gap:20px}.q-eyebrow{color:#a1c5ba;font-size:.72rem;letter-spacing:.14em;text-align:right}.q-intro h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 15px;line-height:1.1}.q-intro h1 span{color:#f6cc68;font-size:.75em;margin-right:14px}.q-intro p{line-height:1.8;color:#bed0d6}.q-orbit{position:relative;width:155px;height:155px;flex-shrink:0;border:1px dashed #668c89;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#295b51,transparent 70%)}.q-orbit span{font-family:Andika,sans-serif;font-size:3rem;transform:rotate(-8deg);color:#f6d887}.q-orbit i,.q-orbit b{position:absolute;background:#d0eeb6;color:#1b4239;padding:8px 12px;border-radius:15px;top:0;right:0}.q-orbit b{top:auto;right:auto;bottom:6px;left:0;background:#d6c8ed}.q-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.q-panel{border:1px solid #385361;border-radius:24px;padding:28px;background:#192f3d;margin-bottom:22px;box-shadow:0 10px 28px #08172133}.q-panel h2{font-size:1.5rem;line-height:1.4;margin:16px 0}.q-panel p{line-height:1.85;color:#c7d8df}.q-pill{background:#31554b;color:#d9f0cb;border:1px solid #527a66;padding:6px 12px;border-radius:99px;font-size:.8rem;display:inline-block}.q-how{display:flex;gap:14px;padding:20px 0 26px;flex-wrap:wrap}.q-how span{color:#d6e7e5}.q-how b{color:#efcf81;display:block;font-size:1.25rem}.q-panel label{display:block;margin-bottom:8px}.q-panel select{background:#10232f;border:1px solid #597783;color:white;font:inherit;border-radius:12px;padding:12px;width:100%;max-width:360px}.q-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.quest-body button,.q-actions a{border-radius:12px;padding:12px 18px;font:inherit;min-height:46px;cursor:pointer;transition:transform .12s,background .12s;text-decoration:none}.quest-body button:hover:not(:disabled){transform:translateY(-2px)}.quest-body button:focus-visible,.quest-body a:focus-visible,.quest-body select:focus-visible{outline:3px solid #f8d876;outline-offset:4px}.q-primary{background:#b5eccd;color:#123c31;border:1px solid #d3f7e2;font-weight:bold!important;box-shadow:0 3px 0 #579a77}.q-secondary{background:#213d4b;color:#e9f5f5!important;border:1px solid #64818b}.quest-body button:disabled{opacity:.65;cursor:default}.q-note{font-size:.85rem;color:#b6cbd2!important}.q-stage-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem}.q-track{height:7px;background:#0f202c;border-radius:10px;overflow:hidden;margin:20px 0}.q-track i{display:block;background:#e7c56b;height:100%;width:0;transition:width .3s}.q-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.q-card{border:1px solid #587280;border-radius:18px;overflow:hidden;background:#213d4b;min-width:0;display:flex;flex-direction:column}.q-card img{height:105px;object-fit:cover;width:100%}.q-card-body{padding:15px;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}.q-card h3{font-size:1.2rem;overflow-wrap:anywhere;margin:0;color:#fff2c4}.q-card p{margin:0;font-size:.9rem}.q-card .q-primary{margin-top:auto}.q-card .q-listen{background:transparent;color:#bfebdf;border:1px solid #64878a;padding:8px;font-size:.8rem}.q-bag ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.q-bag li{border:1px dashed #4b6774;border-radius:12px;padding:12px;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9fbac4}.q-bag li.filled{border-style:solid;background:#223f49;color:#dfefe5}.q-bag li b{color:#f3d888}.q-sidebar h2{font-size:1.1rem}.q-sidebar .q-panel{padding:20px}.q-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.q-stats>div{display:grid;background:#112631;padding:14px;border-radius:14px;gap:5px}.q-stats b{font-size:1.75rem;color:#b9f0d3}.q-stats span{font-size:.8rem;color:#b5cbd2}.q-history-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #385461;padding:12px 0;font-size:.8rem}.q-prompt{font-size:2.4rem!important;text-align:center;line-height:1.5!important;color:#f7e3ae!important;margin:24px 0!important;overflow-wrap:anywhere}.q-answers{display:grid;gap:12px}.q-answer{text-align:center;background:#223f4d;border:1px solid #67838d;color:#edf4f2}.q-answer.correct{background:#b5eccd;color:#133b30}.q-answer.wrong{border-color:#f2b0a0;color:#f2c9bb}.q-letter-slots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;min-height:62px;margin:22px 0;direction:ltr}.q-letter-slots span{border-bottom:3px solid #dabe79;min-width:28px;text-align:center;font-size:1.8rem;font-family:Andika,sans-serif;color:#fff0bd;line-height:1.5}.q-letters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;direction:ltr}.q-letters button{font-family:Andika,sans-serif;background:#eadbae;color:#253f43;border:0;font-size:1.35rem;min-width:46px;padding:8px}.q-spell-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.q-result{text-align:center;background:radial-gradient(ellipse at top,#305c4c,#192f3d 65%)}.q-stars{font-size:3rem;color:#f6d47b;letter-spacing:.15em}.q-score{display:grid;gap:6px;margin:24px 0}.q-score b{font-size:4rem;color:#b5eccd;line-height:1.2}.q-score span{color:#c8dfe0}.q-chart{display:flex;direction:ltr;align-items:flex-end;gap:8px;height:92px;max-width:400px;margin:28px auto}.q-chart div{flex:1;min-height:30px;background:#c8b580;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:center;color:#112d2d;font-weight:bold}.q-chart .full{background:#ace4c7}#q-result-words{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#q-result-words span{background:#213f48;padding:10px 14px;border-radius:12px}.q-result .q-actions{justify-content:center}.q-faq{max-width:800px;color:#bdced4;line-height:1.9;padding:20px 0}.q-faq h2{color:#e7f0e9;font-size:1.3rem}.q-footer{border-color:#36515d;background:#101f2c;display:flex;gap:25px;justify-content:center;flex-wrap:wrap;padding:30px}.q-skip{position:fixed;top:-200px;right:12px;z-index:5000;background:#d0f0da;color:#17382c!important;padding:14px}.q-skip:focus{top:10px}#q-feedback{min-height:30px;color:#f2d798}#q-audio-status{color:#e5d095}.q-result-celebrate{animation:q-pop .5s ease-out}@keyframes q-pop{from{transform:scale(.94);opacity:.5}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.quest-body *{animation:none!important;transition:none!important}}@media(max-width:800px){.q-layout{grid-template-columns:minmax(0,1fr)}.q-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.q-orbit{width:110px;height:110px}.q-orbit span{font-size:2.2rem}}@media(max-width:550px){.q-header{padding:16px;flex-wrap:wrap}.q-brand{font-size:.95rem}.q-shell{padding:18px}.q-intro{padding:16px 0 24px;gap:10px}.q-orbit{width:75px;height:75px}.q-orbit span{font-size:1.8rem}.q-orbit i,.q-orbit b{font-size:.6rem;padding:4px 7px}.q-intro p{font-size:.9rem}.q-eyebrow{font-size:.55rem!important}.q-panel{padding:20px}.q-cards{grid-template-columns:1fr}.q-card{display:grid;grid-template-columns:85px minmax(0,1fr);direction:ltr}.q-card img{height:100%;min-height:195px}.q-card-body{direction:rtl;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px}.q-card h3,.q-card p{grid-column:1/-1}.q-card button{font-size:.8rem;padding:9px}.q-sidebar{grid-template-columns:1fr}.q-actions>*{flex:1;text-align:center}.q-prompt{font-size:2rem!important}.q-intro h1{font-size:2.4rem}.q-stage-head{font-size:.75rem}.q-chart{gap:5px}}@media(forced-colors:active){.q-track i,.q-chart div{background:Highlight}.q-letter-slots span{border-color:CanvasText}}
.q-faq p{color:#bdced4}.q-footer button{background:#213d4b;color:#e9f5f5;border:1px solid #64818b}