.quiz-page{margin:0;background:#091225;color:#eef2ff;font:16px/1.6 Arial,sans-serif;min-height:100svh}.quiz-page *{box-sizing:border-box}.quiz-page #quizRoot{min-height:100svh;padding:22px;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 20%,#253b6c88,transparent 60%),radial-gradient(ellipse at 90% 80%,#795d2822,transparent 50%)}.quiz-game{width:min(1100px,100%);position:relative;background:#101e38;border:1px solid #8daddc38;border-radius:22px;box-shadow:0 20px 90px #0004;overflow:hidden;color:#eef2ff}.quiz-header{padding:23px 28px;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;gap:20px;align-items:center}.quiz-eyebrow{color:#ecc77b;font-size:11px;letter-spacing:2px}.quiz-game h1{font:400 clamp(23px,3vw,35px)/1.3 Georgia,serif;margin:5px 0 0}.quiz-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.quiz-game button,.quiz-game a{font:600 14px/1.4 Arial,sans-serif;cursor:pointer;border:1px solid #aec8ef30;background:#ffffff07;color:#eef2ff;border-radius:9px;padding:11px 15px;text-decoration:none}.quiz-game button:hover{border-color:#e9c778;filter:brightness(1.15)}.quiz-game button:focus-visible,.quiz-context button:focus-visible{outline:3px solid #80d7ff;outline-offset:3px}.quiz-game button:disabled{cursor:default}.quiz-volume{font-size:11px;display:grid;gap:2px;color:#b7c9e5;max-width:85px}.quiz-volume input{width:85px;accent-color:#efc878}.quiz-body{padding:32px}.quiz-game h2{font:400 clamp(25px,3.5vw,39px)/1.25 Georgia,serif;margin:15px 0 20px}.quiz-game p{margin:12px 0;line-height:1.7;color:#bbcae1}.quiz-welcome{display:grid;grid-template-columns:180px 1fr;gap:38px;align-items:center;max-width:870px;margin:25px auto}.quiz-portrait{display:block;width:140px;height:187px;flex:none;background-repeat:no-repeat;filter:drop-shadow(0 12px 15px #0005)}.quiz-welcome .quiz-portrait{width:180px;height:240px}.quiz-tag{font-size:11px;color:#efd292;letter-spacing:1.5px}.quiz-rules{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.quiz-rules span{font-size:13px;background:#ffffff07;border:1px solid #ffffff15;border-radius:7px;padding:8px 13px}.quiz-game .quiz-primary{background:linear-gradient(120deg,#f1cc81,#e4ac4a);border-color:transparent;color:#142038;box-shadow:0 4px 20px #e9bb561b;padding:14px 22px}.quiz-game .quiz-small{font-size:13px}.quiz-footer{padding:13px 28px;border-top:1px solid #ffffff17;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:#92a8c9;font-size:11px}.quiz-hud{display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:14px;letter-spacing:1px;color:#f5d18b}.quiz-track{height:5px;border-radius:4px;background:#ffffff12;margin-top:16px;overflow:hidden}.quiz-track>span{display:block;height:100%;background:linear-gradient(90deg,#64cfff,#efc878);transition:width .3s}.quiz-question-wrap{display:flex;align-items:center;gap:25px;margin:22px 0}.quiz-question-wrap .quiz-portrait{width:78px;height:104px}.quiz-question-wrap h2{margin:12px 0;font-size:clamp(25px,3.3vw,34px)}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-game .quiz-answer{display:flex;align-items:center;gap:15px;min-height:78px;text-align:left;font-size:16px;padding:14px 18px;transition:transform .15s,border .15s,background .15s}.quiz-answer:not(:disabled):hover{transform:translateY(-2px);background:#284369}.quiz-letter{width:34px;height:34px;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:9px;display:grid;place-items:center;color:#e7c684;flex:none}.quiz-game .quiz-answer.correct{background:#174b3a;border-color:#6acfa9;color:#e2fff0}.quiz-game .quiz-answer.incorrect{background:#562c3d;border-color:#e0919d}.quiz-feedback{min-height:24px;margin:20px 0;font-size:15px}.quiz-feedback p{font-size:14px;margin-top:7px}.quiz-feedback.good strong{color:#87ebbe}.quiz-feedback.wrong strong{color:#ffb4b4}.quiz-result{text-align:center;position:relative;isolation:isolate}.quiz-trophy{font-size:100px;line-height:1.4;margin:4px auto 12px;filter:drop-shadow(0 0 22px #f8d16a66);animation:trophy-arrive .8s cubic-bezier(.16,1,.3,1) both,trophy-float 3s .8s ease-in-out infinite}.quiz-total{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:20px}.quiz-total strong{font-size:76px;color:#f7ce73;font-weight:800;line-height:1}.quiz-total span{color:#a8bbd6;font-size:24px}.quiz-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.quiz-review{text-align:left;background:#ffffff05;border:1px solid #ffffff17;border-radius:12px;padding:18px;margin-top:30px}.quiz-review summary{cursor:pointer;color:#eac780;font-size:14px}.quiz-review article{padding:17px 0;border-bottom:1px solid #ffffff15;font-size:14px}.quiz-review p{font-size:13px}.quiz-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.quiz-confetti i{position:absolute;top:-12px;left:var(--x);width:7px;height:12px;background:var(--c);border-radius:2px;animation:confetti-fall 3.5s var(--delay) ease-in both}.quiz-context{position:fixed;z-index:500;width:180px;padding:7px;border:1px solid #e9c77855;border-radius:12px;background:#14223c;box-shadow:0 12px 35px #0006;color:#eef3ff;font:14px/1.4 Arial,sans-serif}.quiz-context-name{display:block;padding:8px 10px;font-size:12px;color:#e4c780}.quiz-context button{display:block;width:100%;text-align:left;padding:12px;border:0;border-radius:7px;background:#ffffff08;color:inherit;font:600 15px Arial,sans-serif;cursor:pointer}.quiz-context button:hover{background:#ffffff17}.quiz-fallback{width:75vw;height:75dvh;max-width:none;max-height:none;padding:0;border:1px solid #8daddc55;border-radius:18px;background:#091225;overflow:hidden}.quiz-fallback::backdrop{background:#020714c9;backdrop-filter:blur(6px)}.quiz-fallback iframe{width:100%;height:100%;border:0}.quiz-fallback-close{position:absolute;top:5px;right:6px;color:white;background:#14223c;border:1px solid #ffffff33;width:26px;height:26px;border-radius:50%;font-size:19px;cursor:pointer}@keyframes trophy-arrive{from{transform:translateY(25px) scale(.25) rotate(-20deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes trophy-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes confetti-fall{to{transform:translateY(600px) rotate(var(--r));opacity:0}}@media(max-width:750px){.quiz-header{flex-direction:column;align-items:flex-start;padding:20px}.quiz-body{padding:22px}.quiz-welcome{gap:24px;grid-template-columns:100px 1fr;margin:10px 0}.quiz-welcome .quiz-portrait{width:100px;height:133px}.quiz-header h1{font-size:27px}.quiz-welcome h2{font-size:28px}.quiz-fallback{width:94vw;height:92dvh}.quiz-footer{padding:15px 20px;gap:8px}.quiz-page #quizRoot{padding:12px}}@media(max-width:480px){.quiz-answers{grid-template-columns:1fr}.quiz-game .quiz-answer{min-height:65px;font-size:15px}.quiz-welcome{grid-template-columns:1fr;text-align:center}.quiz-welcome .quiz-portrait{margin:auto}.quiz-rules{justify-content:center}.quiz-question-wrap{gap:14px}.quiz-question-wrap .quiz-portrait{width:55px;height:74px}.quiz-question-wrap h2{font-size:26px}.quiz-controls{gap:7px}.quiz-controls button{font-size:12px;padding:9px}.quiz-total strong{font-size:65px}.quiz-trophy{font-size:80px}}@media(prefers-reduced-motion:reduce){.quiz-game *{animation:none!important;transition:none!important}.quiz-confetti{display:none}}

.quiz-trophy img{width:145px;height:145px;object-fit:contain;display:block;margin:auto}@media(max-width:480px){.quiz-trophy img{width:120px;height:120px}}

.quiz-heaven{background:radial-gradient(ellipse at 50% 0,#fffbe0 0,transparent 60%),radial-gradient(ellipse at 15% 40%,#fff 0,transparent 35%),linear-gradient(#80bee8,#d4edfa 65%,#fff4d8);background-attachment:fixed}.quiz-heaven .quiz-game{background:linear-gradient(145deg,#ffffffef,#eff7ffef);color:#203452;border-color:#d9b76f}.quiz-heaven .quiz-tag,.quiz-heaven .quiz-eyebrow{color:#98712f}.quiz-heaven .quiz-answer{background:#fff;color:#203452;border-color:#adc8dc}.quiz-heaven .quiz-answer.correct{background:#b7efd0}.quiz-heaven .quiz-answer.incorrect{background:#f7c8c8}.quiz-heaven .quiz-header,.quiz-heaven .quiz-footer{background:#ffffff80}.quiz-heaven .quiz-question-wrap{background:#ffffff70}.quiz-heaven .quiz-small{color:#52677d}

.quiz-heaven .quiz-controls button,.quiz-heaven .quiz-volume,.quiz-heaven .quiz-footer{color:#355272}.quiz-heaven .quiz-hud,.quiz-heaven .quiz-letter{color:#91691d}.quiz-heaven .quiz-controls button{border-color:#b8d0e4;background:#fff}.quiz-heaven .quiz-controls button:hover{background:#e2f0fa}