.quiz-signin-popup{background-color:var(--color-secondary-200);text-align:center;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;gap:20px;max-width:400px;padding:40px;display:flex}.quiz-signin-popup h5{color:var(--color-neutral-100);font-size:18px;font-weight:600}.quiz-signin-btn{background-color:var(--color-primary-400);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:600}
.quiz-content-wrapper-root .quiz-head{padding:0 16px}.quiz-content-wrapper-root .quiz-meta{justify-content:space-between;align-items:center;display:flex}.quiz-content-wrapper-root .quiz-question-count-text{color:var(--color-neutral-200);font-weight:600}.quiz-content-wrapper-root .passing-score-text{color:var(--color-neutral-400);font-size:14px}.quiz-content-wrapper-root .progress-bar-wrapper{background-color:var(--color-secondary-300);border-radius:6px;width:100%;height:8px;margin:8px 0}.quiz-content-wrapper-root .progress-bar-fill{background-color:var(--color-primary-400);border-radius:6px;height:8px;transition:width .5s ease-in-out}.quiz-content-wrapper-root .quiz-name{color:var(--color-neutral-100);margin-top:16px;font-size:24px;font-weight:600}.quiz-content-wrapper-root .quiz-body{flex-direction:column;align-items:center;padding:20px 16px;display:flex}.quiz-content-wrapper-root .quiz-question-block,.quiz-content-wrapper-root .quiz-options{width:100%;max-width:28rem}.quiz-content-wrapper-root .question-type-text{text-align:left;color:var(--color-neutral-400);font-size:13px}.quiz-content-wrapper-root .question{color:var(--color-neutral-100);margin-top:6px;font-size:18px;font-weight:600}.quiz-content-wrapper-root .quiz-image{border-radius:8px;width:100%;margin:12px 0}.quiz-content-wrapper-root .explanation{color:var(--color-neutral-200);background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);border-radius:8px;margin:8px 0;padding:10px 12px;font-size:14px}.quiz-content-wrapper-root .explanation.correct{border-color:var(--color-success-400)}.quiz-content-wrapper-root .explanation.incorrect{border-color:var(--color-error-200)}.quiz-content-wrapper-root .quiz-nav{justify-content:space-between;width:100%;max-width:28rem;margin-top:32px;display:flex}
.design-content-wrapper-root{background-color:var(--color-secondary-200);margin-bottom:30px}.design-content-wrapper-root header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.design-content-wrapper-root header .title{color:var(--color-neutral-100);font-size:24px;font-weight:600}.design-content-wrapper-root .design-practice-placeholder{border:1px dashed var(--color-secondary-400);min-height:50vh;color:var(--color-neutral-400);text-align:center;border-radius:10px;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.design-content-wrapper-root .design-practice-placeholder-title{color:var(--color-neutral-100);font-size:20px;font-weight:600}@media (max-width:768px){.design-content-wrapper-root header{margin-bottom:0;padding:10px 0}.design-content-wrapper-root header .title{font-size:20px}}
.design-practice-iframe{border:0;width:100%;height:500px}.design-practice-iframe.fullscreen{z-index:999;width:100vw;height:100svh;position:fixed;top:0;left:0}.design-practice-error{color:#666;justify-content:center;align-items:center;min-height:300px;font-size:16px;display:flex}.design-practice-how-to-play{background-color:#fff;border-radius:10px;width:50vw;padding:35px;overflow:hidden}.design-practice-how-to-play-title{color:#000;font-size:20px;font-weight:600}.design-practice-how-to-play-video{border:1px solid #e5e5e5;border-radius:16px;width:100%;margin-top:15px;overflow:hidden}.design-practice-how-to-play-video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.design-practice-fullscreen-popup{z-index:9999;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.design-practice-fullscreen-popup button{cursor:pointer;color:#fff;background:0 0;border:1px solid #fff;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:14px;display:inline-flex}.design-practice-fullscreen-popup button:hover{color:#333;background:#fff}.design-practice-fullscreen-popup button:hover svg{fill:#333}.design-practice-fullscreen-popup .design-practice-exit-btn{color:#e05151;border-color:#e05151}.design-practice-fullscreen-popup .design-practice-exit-btn:hover{color:#fff;background:#e05151}@media screen and (max-width:1000px){.design-practice-how-to-play{width:65vw}}@media screen and (max-width:640px){.design-practice-how-to-play{width:90vw}.design-practice-how-to-play-title{font-size:16px}.design-practice-how-to-play-video{border-radius:8px}}
.about-article{overflow-wrap:break-word;margin-top:20px}.about-article *{color:var(--color-neutral-200)}.about-article a{color:var(--color-warning-400)}
.resources-article{overflow-wrap:break-word;margin-top:24px}.resources-article *{color:var(--color-neutral-200)}.resources-article a{color:var(--color-warning-400)}