@import "https://googleapis.com";*{margin:0;font-family:Noto Sans KR,sans-serif}html,body{overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;background:#f2e6c4}.homediv{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f2e6c4;flex-direction:column;align-items:center;gap:12px;width:100%;padding:clamp(120px,26vh,200px) 16px 24px;display:flex}.widebtn{color:#fff;cursor:pointer;background:#b8862d;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:400px;height:clamp(76px,14vh,100px);font-size:clamp(28px,8vw,40px);display:flex}.widebtn:active{background:#8a6420}.title{text-align:center;box-sizing:border-box;z-index:10;background:linear-gradient(#f2e6c4 0%,#f2e6c499 70%,#0000 100%);justify-content:center;align-items:center;width:100%;height:clamp(120px,24vh,200px);padding:0 16px;display:flex;position:fixed;top:0;left:0}.title h1{font-size:clamp(24px,7vw,34px)}.aesong{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100dvh;padding:30px;font-size:clamp(22px,7vw,30px);display:flex}.goback{z-index:9999;cursor:pointer;top:calc(15px + env(safe-area-inset-top));-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:120px;height:46px;font-size:18px;display:flex;position:fixed;left:15px}.goback:active{background:#aaa}.charcardwrap{box-sizing:border-box;width:100%;height:100dvh;padding:calc(74px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.gwaindi{top:calc(24px + env(safe-area-inset-top));text-align:center;pointer-events:none;z-index:20;font-size:clamp(22px,6vw,30px);position:fixed;left:0;right:0}.cardstack{flex:1;width:100%;max-width:380px;min-height:0;margin-top:34px;position:relative}.charcard{-webkit-user-select:none;user-select:none;perspective:1000px;border-radius:clamp(28px,9vw,50px);position:absolute;inset:0}.charcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.charcard-front,.charcard-back{backface-visibility:hidden;text-align:center;box-sizing:border-box;word-break:keep-all;background:#fff;border-radius:clamp(28px,9vw,50px);justify-content:center;align-items:center;padding:24px;line-height:1.35;display:flex;position:absolute;inset:0}.charcard-front{font-size:clamp(80px,30vw,140px)}.charcard-back{background:#f6efe0;font-size:clamp(30px,9vw,46px);transform:rotateY(180deg)}.charnavbuttons{width:100%;max-width:460px;height:calc(88px + env(safe-area-inset-bottom));padding:14px 16px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:20;gap:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.charnavbutton{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;font-size:21px;display:flex;box-shadow:0 3px 12px #0000001a}.charnavbutton:active{background:#aaa}.charnavbutton.finish{color:#fff;letter-spacing:2px;background:#2f2f2f;font-weight:700;box-shadow:0 6px 20px #00000040}.charnavbutton.finish:active{background:#000}.disabled{pointer-events:none;background:#999}.quiz-progress{top:calc(24px + env(safe-area-inset-top));text-align:center;color:#7a5c1f;pointer-events:none;z-index:20;font-size:clamp(18px,5vw,24px);font-weight:700;position:fixed;left:0;right:0}.quiz-review-tag{color:#fff;vertical-align:middle;background:#b8862d;border-radius:999px;margin-right:8px;padding:2px 9px;font-size:.68em;font-weight:700;display:inline-block}.quizwrap{box-sizing:border-box;width:100%;min-height:100dvh;padding:calc(96px + env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,5vh,40px);display:flex}.quiz-hanja{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:clamp(24px,7vw,40px);justify-content:center;align-items:center;width:100%;max-width:340px;max-height:42vh;font-size:clamp(90px,32vw,150px);display:flex;box-shadow:0 8px 24px #00000014}.quiz-choices{width:100%;max-width:380px}.quiz-choices-inner{flex-direction:column;gap:10px;display:flex}.quiz-choice{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:keep-all;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:14px 18px;font-size:clamp(18px,5vw,22px);transition:background .25s,color .25s,opacity .25s,transform .1s;display:flex;box-shadow:0 3px 10px #0000000f}.quiz-choice:active{transform:scale(.98)}.quiz-choice.correct{color:#fff;background:#3fa060;font-weight:700;box-shadow:0 4px 14px #3fa06066}.quiz-choice.wrong{color:#fff;background:#d15353;font-weight:700;box-shadow:0 4px 14px #d1535366}.quiz-choice.dim{opacity:.4}.quiz-timerbar{transform-origin:0;z-index:30;background:#b8862d;width:100%;height:6px;position:fixed;bottom:0;left:0}.quiz-result{text-align:center;box-sizing:border-box;min-height:100dvh;padding:32px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.quiz-result-emoji{font-size:72px}.quiz-result-score{color:#3fa060;font-size:clamp(48px,16vw,72px);font-weight:800;line-height:1}.quiz-result-score span{color:#9a8656;font-size:.45em;font-weight:700}.quiz-result-msg{color:#5c4a24;font-size:clamp(18px,5vw,22px)}.quiz-result-btns{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:20px;display:flex}.quiz-bigbtn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:66px;font-size:22px;display:flex;box-shadow:0 3px 12px #0000001a}.quiz-bigbtn:active{background:#e6dcc0}.quiz-bigbtn.primary{color:#fff;background:#b8862d;font-weight:700}.quiz-bigbtn.primary:active{background:#8a6420}.endgame-card-group{flex-direction:column;align-items:center;gap:12px;display:flex}.endgame-answerslot{justify-content:center;align-items:center;min-height:30px;display:flex}.endgame-answer{color:#d15353;text-align:center;word-break:keep-all;font-size:clamp(18px,5vw,22px);font-weight:700}.endgame-form{gap:10px;width:100%;max-width:340px;display:flex}.endgame-input{box-sizing:border-box;color:#3a2f14;background:#fff;border:2px solid #e0d3a8;border-radius:16px;outline:none;flex:1;min-width:0;height:58px;padding:0 18px;font-family:inherit;font-size:clamp(18px,5vw,22px);transition:background .2s,border-color .2s,color .2s}.endgame-input::placeholder{color:#b7a98a}.endgame-input:focus{border-color:#b8862d}.endgame-input.correct{color:#fff;-webkit-text-fill-color:#fff;opacity:1;background:#3fa060;border-color:#3fa060}.endgame-input.wrong{color:#fff;-webkit-text-fill-color:#fff;opacity:1;background:#d15353;border-color:#d15353}.endgame-submit{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#b8862d;border:none;border-radius:16px;flex-shrink:0;width:72px;height:58px;font-family:inherit;font-size:18px;font-weight:700}.endgame-submit:active{background:#8a6420}.endgame-submit:disabled{background:#c9b483}