:root{font-family:system-ui,-apple-system,sans-serif;color:#3d2452;background:#faf2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#fce0f5,transparent 45%),linear-gradient(130deg,#faf2ff,#f1e8ff);min-height:100vh}button{font:inherit;cursor:pointer}a{color:#7030ac}.quiz-layout{max-width:1060px;margin:auto;padding:24px 18px 65px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.back{font-weight:700;text-decoration:none}.brand{font-weight:800;color:#8544ad}.panel{background:#fffdfd;border:1px solid #ead9f5;border-radius:26px;box-shadow:0 15px 40px #7a40991b;padding:clamp(18px,4vw,38px);margin-top:22px}.hero{text-align:center}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.13;margin:15px 0}.hero p{color:#6d5b7c}.eyebrow{color:#874ab1;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.choice{background:#faf4ff;border:2px solid #e8d9f0;border-radius:18px;padding:19px 10px;font-weight:750;color:#4b315d;min-height:116px}.choice .face{font-size:32px;display:block;margin-bottom:10px}.choice.selected{border-color:#a250d6;background:#f4e5ff;box-shadow:0 0 0 3px #b47ce129}.primary{border:0;background:linear-gradient(110deg,#9b43d0,#d84ba8);color:white;border-radius:15px;padding:15px 25px;font-weight:800;box-shadow:0 8px 22px #b04ac247}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{border:1px solid #d7bee7;background:white;color:#633482;border-radius:13px;padding:13px 18px;font-weight:700}.center{text-align:center}.subtle{color:#786989}.hidden{display:none!important}.progress{height:11px;background:#eadcf4;border-radius:100px;overflow:hidden;margin:14px 0 20px}.progress>div{height:100%;background:linear-gradient(90deg,#ac58d5,#ed7fbc);transition:width .3s}.scoreboard{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.score{background:#f5e9fc;padding:12px 18px;border-radius:15px;font-weight:800}.question-art{width:100%;height:230px;object-fit:cover;border-radius:20px;background:#f4dcf8;margin:12px 0 20px}.question-title{font-size:clamp(22px,3vw,30px);line-height:1.35;margin:10px 0 18px}.answers{display:grid;gap:11px}.answer{border:2px solid #e9d7f3;border-radius:15px;padding:17px 19px;text-align:left;background:#fff;color:#493254;font-weight:700;transition:.1s}.answer:hover:not(:disabled){border-color:#b475d9;background:#fbf4ff}.answer:disabled{cursor:default}.answer.correct{border-color:#35a26a;background:#eaf9f0}.answer.wrong{border-color:#db627b;background:#fff0f3}.feedback{background:#f7ecff;border-radius:16px;padding:18px;margin:18px 0;font-weight:700}.turn{display:inline-block;background:#ead7ff;border-radius:30px;padding:9px 15px;font-weight:800}.bottom-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.result-big{font-size:46px}.topic-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:16px 0}.chip{background:#f2e6fb;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:750}.footer{text-align:center;color:#867291;font-size:12px;margin-top:25px}@media(max-width:600px){.chooser{grid-template-columns:1fr}.choice{min-height:72px;display:flex;align-items:center;justify-content:center;gap:14px}.choice .face{margin:0}.question-art{height:170px}.panel{border-radius:18px}}
/* v2.2 – illustrated worlds, prominent topics, personal feedback, printable certificate */
.world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:25px 0}.world-tile{background:#f9f2fc;border:1px solid #e7d5f0;border-radius:14px;overflow:hidden;text-align:center}.world-tile img{width:100%;height:78px;object-fit:cover;display:block}.world-tile strong{display:block;font-size:12px;padding:9px 4px}.question-head{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}.number{background:#f0e2fa;color:#643a87;border-radius:12px;padding:14px;font-weight:900;align-self:center;white-space:nowrap}.topic-banner{flex:1;min-width:210px;background:linear-gradient(110deg,#68318c,#b452a4);border-radius:17px;color:#fff;padding:15px 23px;box-shadow:0 8px 22px #a451a844;display:flex;flex-direction:column;gap:3px}.topic-banner strong{font-size:clamp(24px,4vw,35px);line-height:1.18}.topic-banner small{font-size:14px;color:#fce2ff}.topic-kicker{font-size:11px;letter-spacing:.09em;font-weight:800;color:#f9d6fa}.question-art{height:300px;object-fit:cover}.feedback h3{margin:0 0 12px;color:#68318c}.feedback>p{font-weight:500}.explanation{background:#fffdfd;border-left:5px solid #b56fd6;border-radius:12px;padding:15px 18px;margin-top:16px}.explanation p{font-weight:500;line-height:1.65;margin-bottom:0}.exit-zone{margin:32px 0 0;text-align:center;border-top:1px solid #e6d4ee;padding:22px 0}.exit-link{border:1px solid #dec7e7;border-radius:12px;background:#fff;color:#795b85;padding:12px 18px;font-weight:700}.exit-link:hover{background:#f9e9f8}.modal-overlay{position:fixed;inset:0;background:#1f102caa;display:grid;place-items:center;z-index:9999;padding:20px}.modal{max-width:470px;width:100%;background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px #160a24a0}.modal h2{color:#713b9b}.modal p{line-height:1.6}.modal-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:24px}.danger{background:#a43c68;border:0;color:white;padding:13px 18px;border-radius:13px;font-weight:800}.certificate{max-width:770px;margin:30px auto;background:linear-gradient(135deg,#fffaf0,#fff3ff 65%,#f7eaff);border:9px double #b99a5a;outline:2px solid #d8b970;outline-offset:5px;border-radius:8px;padding:38px 32px;color:#493457;box-shadow:0 14px 40px #643a8730;font-family:Georgia,serif;text-align:center}.cert-stars{color:#bd9546;font-size:27px}.cert-small{letter-spacing:.17em;font-size:12px;font-weight:bold}.certificate h2{font-size:clamp(25px,4vw,38px);color:#7a4297;margin:17px 0}.cert-intro{font-style:italic;color:#806d86}.cert-name{font-size:clamp(28px,5vw,44px);font-weight:bold;color:#71398c;margin:22px 0 14px}.certificate>p:not(.cert-name){line-height:1.7;font-size:17px}.cert-result{font-weight:bold;font-size:23px;color:#a26a28;margin:20px}.certificate blockquote{font-size:18px;line-height:1.65;font-style:italic;margin:22px auto}.cert-sign{font-weight:bold}.cert-footer{font-family:system-ui,sans-serif;font-size:12px;margin-top:30px;color:#836e85}.result-actions{justify-content:center}@media(max-width:700px){.world-grid{grid-template-columns:repeat(2,1fr)}.world-tile:last-child{grid-column:span 2}.question-art{height:200px}.certificate{padding:22px 14px}.topic-banner strong{font-size:26px}}@media print{body{background:#fff!important}.topline,.footer,.exit-zone,.result-actions,.result>.eyebrow,.result>h1,.result>.scoreboard,.result-big{display:none!important}.quiz-layout{max-width:none;padding:0}.panel{box-shadow:none;border:0;padding:0;margin:0}.certificate{margin:12mm auto;max-width:180mm;min-height:235mm;display:flex;flex-direction:column;justify-content:center;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact} @page{size:A4 portrait;margin:8mm}}

/* v2.3 world illustrations */
.world-tile img{height:145px;object-fit:cover;object-position:center 42%}
.question-art{height:330px;object-fit:cover;object-position:center 43%;border:3px solid #d5a9df;box-shadow:0 8px 28px #52286a24}
@media(max-width:700px){.world-tile img{height:155px}.question-art{height:260px}}
/* v2.5 — individually personalized illustrated certificates */
.award-list{display:grid;gap:26px;margin-top:28px}.award-sheet{aspect-ratio:3/2;width:100%;position:relative;background:#4d2765 url('/kviz/certificate-art.png') center/100% 100% no-repeat;border-radius:15px;overflow:hidden;box-shadow:0 18px 38px #4c23654d;display:grid;place-items:center}.award-parchment{position:relative;width:52%;min-height:67%;background:#fff3e5;border:5px double #c99448;border-radius:12px;padding:2.5% 2%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5c2b69;font-family:Georgia,serif;box-shadow:0 6px 30px #42234d55}.award-brand{font-size:clamp(8px,1.1vw,15px);font-weight:bold;letter-spacing:.04em}.award-heading{font-size:clamp(28px,5.5vw,76px);font-weight:bold;color:#8b4a27;line-height:1.15;margin-top:2%}.award-subheading{font-size:clamp(10px,1.65vw,23px)}.award-name{font-size:clamp(27px,5vw,68px);font-weight:bold;color:#713c9d;margin:2% 0}.award-message{font-size:clamp(9px,1.35vw,18px);line-height:1.35}.award-score{font-size:clamp(13px,2.4vw,32px);font-weight:bold;margin-top:2%}.award-title{font-size:clamp(11px,1.8vw,24px);font-weight:bold;color:#956124;margin:1% 0}.award-quote{font-size:clamp(8px,1.18vw,16px);font-style:italic;margin:2% 0}.award-sign,.award-date{font-size:clamp(7px,.9vw,13px)}.award-date{margin-top:2%}.result-actions{gap:12px}
@media(max-width:600px){.award-parchment{width:61%;min-height:78%;padding:2% 1.5%;border-width:3px}.award-heading{font-size:clamp(21px,6vw,35px)}.award-name{font-size:clamp(22px,6vw,36px)}.award-message{font-size:9px}.award-score{font-size:13px}.award-title{font-size:11px}.award-quote{font-size:8px}.award-brand{font-size:7px}.award-subheading{font-size:10px}.award-sign,.award-date{font-size:7px}}
@media print{@page{size:A4 landscape;margin:0}body{background:white!important}.topline,.footer,.exit-zone,.result-actions,.result-big,.result>.eyebrow,.result>h1,.result>p{display:none!important}.quiz-layout,.panel{padding:0!important;margin:0!important;max-width:none!important;box-shadow:none!important;border:0!important}.award-list{display:block;margin:0}.award-sheet{width:297mm;height:210mm;aspect-ratio:auto;break-after:page;page-break-after:always;border-radius:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.award-sheet:last-child{break-after:auto;page-break-after:auto}.award-parchment{width:54%;min-height:67%;padding:5mm}.award-brand{font-size:12pt}.award-heading{font-size:50pt}.award-subheading{font-size:16pt}.award-name{font-size:43pt}.award-message{font-size:12pt}.award-score{font-size:23pt}.award-title{font-size:17pt}.award-quote{font-size:11pt}.award-sign,.award-date{font-size:9pt}}