@font-face{font-family:Brush;src:url('./assets/Brush.ttf') format('truetype');font-display:swap}
@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Regular.otf') format('opentype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#191713;--paper:#eee0cd;--red:#ae251d;--line:#41382b;font-family:Pretendard,Arial,sans-serif;color:var(--ink);background:#e8ddce;font-synthesis:weight}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f3eadf,#d4c5b1)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button:focus-visible{outline:3px solid var(--red);outline-offset:4px}h1:focus,h2:focus{outline:none}.game-shell{width:100%;max-width:540px;container-type:inline-size;box-shadow:0 0 80px #44331c22}.panel{position:relative;isolation:isolate;aspect-ratio:9/16;background-color:var(--paper);background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}.main-panel{background-image:url('./assets/main.png')}.question-panel{background-image:url('./assets/question.png')}.loading-panel{background-image:url('./assets/loading.png')}.result-panel{background-image:url('./assets/result.png')}
.main-title{position:absolute;left:13%;right:13%;top:5%;margin:0;text-align:center;font-family:Brush,serif;font-size:19cqw;line-height:.93;font-weight:400;text-shadow:.6px 0 currentColor,-.6px 0 currentColor;letter-spacing:-.03em}.seal{position:absolute;right:-1%;bottom:4%;font-family:serif;font-size:5cqw;line-height:1.05;color:#fff4dc;background:#a4402d;border:1px solid #f3ceb1;outline:2px solid #a4402d;border-radius:3px;padding:2px 3px;transform:rotate(-3deg);text-shadow:none}.main-actions{position:absolute;left:6%;right:6%;bottom:3%}.main-caption{margin:0 0 2.5cqw;text-align:center;font-family:Brush,serif;font-size:7cqw}.primary{width:100%;min-height:48px;padding:3.5cqw 4cqw;background:#1b1916;color:#fffaf2;border:1px solid #faf1df;border-radius:3px;box-shadow:0 0 0 2px #30261b;font-size:5.5cqw;line-height:1.4}.primary:hover{background:#342a20}.primary:active{transform:translateY(1px)}.primary:disabled{opacity:.72}
.quiz-top{position:absolute;left:5%;right:5%;top:2%;display:flex;align-items:center;gap:4cqw}.back{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#51483be0;color:white;border:1px solid #fff3df}.back svg{width:21px;height:21px}.progress{appearance:none;-webkit-appearance:none;display:block;flex:1;min-width:0;height:8px;border:1px solid #fffbf2;border-radius:8px;background:#fff9ebc4;overflow:hidden}.progress::-webkit-progress-bar{background:#fff9ebc4}.progress::-webkit-progress-value{background:#b73d27;border-radius:8px}.progress::-moz-progress-bar{background:#b73d27;border-radius:8px}.question-copy{position:absolute;left:12%;right:12%;top:37%;height:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.question-count{font-family:Georgia,serif;font-size:6cqw;margin:0 0 3cqw}.question-title{font-family:Brush,serif;font-size:7.4cqw;line-height:1.12;font-weight:400;margin:0;white-space:pre-line;word-break:keep-all;text-wrap:balance;text-shadow:.2px 0 currentColor}.question-title.long{font-size:6.3cqw}.answers{position:absolute;left:6%;right:6%;top:60%;display:grid;gap:1.8cqw}.answer{min-height:44px;display:block;width:100%;padding:2.2cqw 3cqw;border:1.5px solid var(--line);border-radius:40px;background:#fffdf8f2;font-size:4.5cqw;line-height:1.35;word-break:keep-all;box-shadow:0 1px 0 #ffffff}.answer:hover{background:#f2e2c8}.answer:active,.answer.selected{background:#43372c;color:#fffdf7}.answer:disabled{cursor:default}.loading-title{position:absolute;top:74%;left:8%;right:8%;text-align:center;font-family:Brush,serif;font-size:11cqw;line-height:1;margin:0;font-weight:400}.loading-title span{display:inline-block;animation:breathe 1s infinite alternate}.result-title{position:absolute;left:8%;right:8%;top:9%;font-family:Brush,serif;text-align:center;font-size:9cqw;line-height:1.1;margin:0;font-weight:400;text-shadow:.3px 0 currentColor}.result-copy{position:absolute;left:13%;right:13%;top:30%;height:20%;text-align:center;display:flex;flex-direction:column;justify-content:center}.result-count{font-family:Brush,serif;font-size:7.5cqw;margin:0}.score{font-family:Brush,serif;font-size:26cqw;color:var(--red);line-height:1.05;margin:0;font-weight:400;text-shadow:1px 0 currentColor}.result-description{font-size:4.1cqw;margin:1cqw -2cqw 0;line-height:1.5;word-break:keep-all}.result-actions{position:absolute;bottom:5%;left:7%;right:7%}.result-actions .primary{border-radius:12px;font-size:5cqw}.error{position:absolute;left:6%;right:6%;bottom:20%;padding:14px;background:#fffaf1;color:#852e23;font-size:16px;text-align:center}.error button{display:block;margin:10px auto 0;padding:10px 20px;border:1px solid currentColor;border-radius:6px;background:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{to{opacity:.45}}
@media(min-width:600px){.game-shell{width:min(540px,calc(100svh * .5625));min-width:320px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.result-copy{top:29%;height:20%}.result-count{font-size:6.5cqw}.score{font-size:22cqw;line-height:1}.result-description{font-size:3.8cqw;margin-top:1cqw}
@media(min-width:600px){.game-shell{width:min(1080px,calc(100svh * .5625));max-width:1080px}}