.potion-quiz{width:min(92vw,560px);max-height:88dvh;margin:auto;padding:28px;border:1px solid #b79b66;background:#f6f0e3;color:#17382d;overflow:auto;box-shadow:0 16px 70px #0008}
.potion-quiz::backdrop{background:#071009c9}
.potion-quiz h2{font-size:32px;margin:8px 0 12px}
.potion-quiz p{font-size:16px;line-height:1.5;margin-bottom:16px}
.potion-quiz label{display:block;font:700 15px/1.45 Arial,sans-serif;margin:16px 0 6px}
.potion-quiz input[type=number],.potion-quiz input[type=email]{display:block;width:100%;min-height:46px;padding:10px;border:1px solid #718477;background:#fff;color:#17382d;font:16px Arial,sans-serif}
.potion-quiz .quiz-check{display:flex;align-items:flex-start;gap:10px;font-weight:normal;font-size:14px}
.potion-quiz input[type=checkbox]{width:20px;height:20px;flex:0 0 auto;margin:0}
.potion-quiz button{min-height:44px;padding:12px 18px;background:#315f36;color:#fff;border:1px solid #315f36;font:700 14px/1.3 Arial,sans-serif}
.potion-quiz .quiz-close{float:right;background:transparent;color:#17382d;border-color:#718477;padding:8px 12px}
.quiz-creature{width:160px;margin:4px auto 0}
.quiz-creature svg{display:block;width:100%;height:auto}
.quiz-creature .flight,.quiz-creature .hover,.quiz-creature .wing-left,.quiz-creature .wing-right{animation:none!important}
.quiz-creature .creature-eyes{opacity:0}
.quiz-creature .skull-mouth{display:none}
.quiz-creature.is-grinning .skull-jaw{transform:translate(0,-5px) scaleY(.76);transform-origin:300px 205px}
.quiz-creature .happy-smile{display:none}
.quiz-creature.is-grinning .happy-smile{display:block}
.potion-quiz.entry-confirmed{text-align:center;width:min(92vw,720px)}
.potion-quiz.entry-confirmed .quiz-creature{width:min(74vw,440px);clear:both;margin:20px auto}
.potion-quiz.entry-confirmed .quiz-message{font-size:20px;line-height:1.45;margin:18px auto;max-width:560px}
.quiz-message{min-height:24px;color:#315f36;font-weight:bold}
.quiz-error{color:#8e2e18}
.quiz-fine{font:13px/1.5 Arial,sans-serif!important}
.quiz-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.potion-quiz [hidden]{display:none!important}
.potion-quiz.entry-unlocked>.eyebrow{display:none}
.potion-quiz.entry-unlocked:not(.entry-confirmed) .quiz-creature{width:140px;clear:both;margin:0 auto 8px}
.potion-quiz.entry-unlocked h2{font-size:28px;line-height:1.15;margin:8px 0}
.potion-quiz.entry-unlocked .quiz-message{font-size:17px;line-height:1.35;margin:12px 0}
.potion-quiz.entry-unlocked label{margin-top:10px}
.potion-quiz.entry-unlocked .quiz-fine{font-size:12px!important;margin:10px 0}
.potion-quiz #entry-message:empty{display:none}
@media(max-width:420px){.potion-quiz.entry-unlocked:not(.entry-confirmed) .quiz-creature{width:110px}.potion-quiz.entry-unlocked h2{font-size:25px}}
.surprise-caption{position:absolute;top:15%;left:4%;right:4%;text-align:center;color:#f6f0e3;font:700 clamp(38px,9vw,100px)/1 Arial,sans-serif;letter-spacing:.03em;text-shadow:0 2px 20px #000}
.surprise-caption:empty{display:none}
@media(max-width:420px){.potion-quiz{padding:20px}.potion-quiz h2{font-size:28px}.quiz-creature{width:125px}}
@media print{.potion-quiz{display:none!important}}