.knowledge-play[hidden],.knowledge-play [hidden]{display:none!important}.knowledge-play{min-height:100svh;background:radial-gradient(at 50% 0,#164764,#07162c 60%);color:#edf7ff;font-family:'Noto Sans Thai',sans-serif;padding-bottom:35px}.knowledge-nav{display:flex;justify-content:space-between;align-items:center;padding:20px;gap:10px;max-width:900px;margin:auto}.knowledge-nav button{border:1px solid #85c8ed44;border-radius:24px;background:#ffffff0a;color:#d9ecfa;padding:10px 15px;font:inherit;cursor:pointer}.knowledge-nav>span{text-align:center;font-weight:800;letter-spacing:3px;font-size:15px}.knowledge-nav small{display:block;font-size:8px;letter-spacing:2px;color:#8ac7dc}.knowledge-menu,.knowledge-quiz,.knowledge-summary{max-width:600px;margin:auto;padding:16px 20px;text-align:center}.knowledge-orb{position:relative;font-size:75px;width:140px;height:130px;margin:auto;filter:drop-shadow(0 0 30px #60cbb84a);animation:knowledge-float 4s ease-in-out infinite alternate}.knowledge-orb span,.knowledge-orb i{position:absolute;color:#ffdb79;font-size:25px;right:0;top:0}.knowledge-orb i{left:0;top:70px;right:auto}.knowledge-eyebrow{color:#81ddce;letter-spacing:1px;font-size:12px}.knowledge-menu h1,.knowledge-summary h2{font-size:clamp(25px,5vw,35px);font-weight:800;margin:10px 0}.knowledge-subtitle{color:#a9c4d9;line-height:1.8;font-size:15px}.knowledge-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.knowledge-categories button{display:flex;align-items:center;flex-direction:column;gap:4px;padding:15px 10px;border:1px solid #a5d9ff30;border-radius:21px;background:#ffffff08;color:#eff7ff;cursor:pointer;font:inherit;transition:transform .2s,background .2s}.knowledge-categories button:first-child{grid-column:1/-1;display:grid;grid-template-columns:50px 1fr;text-align:left;padding:12px 22px}.knowledge-categories button:first-child>span{grid-row:1/3}.knowledge-categories button>span{font-size:34px}.knowledge-categories strong{font-size:17px}.knowledge-categories small{color:#acc5db;font-size:12px}.knowledge-categories .chosen{border-color:#ffc85b;background:#eec36616;box-shadow:0 0 0 2px #ffc85b22}.knowledge-categories button:hover{transform:translateY(-3px)}.knowledge-primary{display:block;width:100%;min-height:54px;border:1px solid #ffe6a0;border-radius:17px;background:linear-gradient(130deg,#ffe69a,#efb949);color:#28332c;font:inherit;font-size:18px;font-weight:800;padding:12px 20px;cursor:pointer;box-shadow:0 4px 0 #926225}.knowledge-secondary{border:1px solid #9dcbef44;border-radius:17px;background:#ffffff0a;color:#cce5f9;min-height:48px;width:100%;margin-top:15px;font:inherit;cursor:pointer}.knowledge-best{font-size:12px;color:#90adc7;margin:20px 0;line-height:1.8}.knowledge-stats{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:14px}.knowledge-stats strong{color:#ffe097}.knowledge-stats>span:last-child{color:#99bbd4;font-size:11px}#knowledge-progress{width:100%;height:8px;border:0;border-radius:12px;overflow:hidden;background:#294663}#knowledge-progress::-webkit-progress-bar{background:#294663}#knowledge-progress::-webkit-progress-value{background:linear-gradient(90deg,#3ce0c5,#ffdc75);border-radius:12px}.knowledge-question-card{padding:25px 18px 20px;margin:20px 0;background:linear-gradient(145deg,#ffffff10,#ffffff04);border:1px solid #98d1e930;border-radius:25px}#knowledge-question-icon{font-size:55px;margin:10px}#knowledge-question{font-size:24px;font-weight:800;line-height:1.6;margin:10px 0}.knowledge-question-card>p{color:#9db8cf;font-size:12px}.knowledge-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.knowledge-choices button{display:flex;align-items:center;text-align:left;gap:10px;min-height:78px;padding:13px;border:1px solid #87c3e34a;border-radius:18px;background:#19334e;color:#edf7ff;font:inherit;cursor:pointer;transition:background .2s,transform .2s}.knowledge-choices button>span{display:grid;place-items:center;background:#ffffff13;min-width:30px;height:32px;border-radius:10px;color:#a4c4e1}.knowledge-choices strong{font-weight:600;font-size:16px;flex:1}.knowledge-choices button:hover:not(:disabled){transform:translateY(-2px);background:#284c6c}.knowledge-choices button.answer-correct{background:#125346;border-color:#60e8ba;color:#bfffe4}.knowledge-choices button.answer-wrong{background:#582a3d;border-color:#ff8ba2;color:#ffe4ed}.knowledge-choices .answer-eliminated{opacity:.25;text-decoration:line-through}.knowledge-hints{margin:18px 0;display:flex;flex-direction:column;gap:7px;align-items:center}.knowledge-hints button{color:#ffe19b;background:#f2c74f0c;border:1px solid #dab65760;border-radius:22px;padding:10px 18px;font:inherit;font-size:13px;cursor:pointer}.knowledge-hints button:disabled{opacity:.5;cursor:default}.knowledge-hints span{font-size:10px;color:#93afc8}.knowledge-feedback{text-align:left;border:1px solid #d8b56b55;background:#ecd4870c;padding:17px;border-radius:20px;margin:17px 0}.knowledge-feedback.is-correct{border-color:#5ceab766;background:#48d59c0b}.knowledge-feedback strong{color:#ffe29e}.knowledge-feedback p{font-size:15px;line-height:1.9;margin:8px 0 0;color:#c7dbe9}.knowledge-medal{font-size:90px;margin:15px}.knowledge-summary #knowledge-final-score{font-size:60px;font-weight:800;color:#ffe19a}.knowledge-summary #knowledge-final-message{color:#b8d4e7;font-size:15px;line-height:1.8}#knowledge-review{margin:25px 0;text-align:left}#knowledge-review details{border:1px solid #9bc1dc22;border-radius:14px;background:#ffffff05;margin:8px 0;padding:13px}#knowledge-review summary{cursor:pointer;font-size:14px;font-weight:700}#knowledge-review p{color:#b4ccdf;line-height:1.8;font-size:13px}#knowledge-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}#knowledge-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:13px;animation:knowledge-confetti 1.8s var(--d) ease-in forwards}#knowledge-exit{border:1px solid #dcb967;border-radius:24px;background:#132d49;color:#edf7ff;padding:25px;width:min(400px,90vw);box-sizing:border-box}#knowledge-exit::backdrop{background:#001329b0;backdrop-filter:blur(6px)}#knowledge-exit h2{font-size:22px;font-weight:800}#knowledge-exit p{margin:12px 0 20px}.knowledge-play :is(button,summary):focus-visible{outline:3px solid #fbe2a4;outline-offset:4px}.knowledge-play h1:focus,.knowledge-play h2:focus{outline:none}@keyframes knowledge-float{to{transform:translateY(-8px) rotate(5deg)}}@keyframes knowledge-confetti{to{transform:translateY(100vh) rotate(var(--r));opacity:0}}@media(max-width:450px){.knowledge-nav{padding:14px 12px}.knowledge-nav button{font-size:12px}.knowledge-menu,.knowledge-quiz,.knowledge-summary{padding:12px 16px}.knowledge-choices{grid-template-columns:1fr}.knowledge-choices button{min-height:58px}.knowledge-question-card{padding:17px 13px;margin:15px 0}#knowledge-question{font-size:21px}#knowledge-question-icon{font-size:43px}.knowledge-orb{font-size:60px;height:95px}.knowledge-categories{margin:18px 0}}@media(prefers-reduced-motion:reduce){.knowledge-play *{animation:none!important;transition:none!important}}