@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');:root{--navy:#18243c;--muted:#778197;--blue:#5865e8;--bg:#f5f7fb;--line:#e8ecf3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:'DM Sans','Noto Sans KR',sans-serif}.top{height:72px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center}.nav{max-width:1000px;width:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:22px;letter-spacing:-1px;text-decoration:none;color:var(--navy)}.logo b{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-actions a{color:#657088;text-decoration:none;font-size:13px;font-weight:700}.wrap{max-width:1000px;margin:auto;padding:0 24px}.hero{margin:42px auto 22px}.eyebrow{display:inline-flex;align-items:center;color:var(--blue);background:#eef0ff;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(32px,5vw,46px);letter-spacing:-2px;line-height:1.15;margin:16px 0 10px}.hero p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.play-card{max-width:760px;margin:0 auto 24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 30px #2334580b}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.mode-select{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:10px;margin:20px 0 12px}.mode-label{font-size:13px;font-weight:700;color:var(--muted)}.mode-btn{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);padding:11px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mode-btn.selected{border-color:var(--blue);background:#eef0ff;color:#414fce}.mode-btn:disabled{opacity:.55;cursor:not-allowed}.setup{padding:6px 0}.setup p{line-height:1.7;margin:10px 0;color:#48556d}.small-note{font-size:12px!important;color:var(--muted)!important;line-height:1.65!important}.stage{margin-top:20px}.stage-label{font-size:13px;color:var(--muted);font-weight:800;margin:0 0 12px}.memory-card{min-height:190px;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#eef0ff,#f4f8ff);border:1px solid #e2e6ff}.card-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5865e8}.fact-text{font-size:clamp(22px,4vw,30px);line-height:1.5;letter-spacing:-.6px;font-weight:700;margin:15px 0 0}.stage-hint{color:var(--muted);font-size:13px;text-align:center;margin:14px 0}.question{font-size:22px;line-height:1.5;letter-spacing:-.5px;margin:10px 0 18px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{min-height:56px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);font:inherit;font-size:15px;font-weight:700;padding:12px 14px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.choice:hover:not(:disabled){border-color:#aeb5ff;background:#f8f8ff}.choice:focus-visible,.btn:focus-visible,.mode-btn:focus-visible{outline:3px solid #9ca5ff;outline-offset:2px}.choice.correct{border-color:#3d9c75;background:#e8f7ef;color:#176846}.choice.wrong{border-color:#d77878;background:#fff0f0;color:#a53838}.choice:disabled{cursor:default}.feedback{min-height:26px;margin:14px 0 0;color:#4f5d76;font-weight:700;line-height:1.5}.action-row{display:flex;justify-content:center;margin-top:18px}.btn{border:0;border-radius:12px;padding:13px 20px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px #5865e830}.btn.primary:hover{background:#4754d5}.btn:disabled{opacity:.55;cursor:not-allowed}.status{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f5f6fa;color:#5e6a80;font-size:13px;line-height:1.6;text-align:center}.summary{margin-top:20px;padding:20px;border-radius:16px;background:#f6f7ff;border:1px solid #e5e8ff}.summary h2{font-size:20px;margin:0 0 10px}.result-message{color:#526078;line-height:1.6}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.summary-item{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line)}.summary-item span{display:block;color:var(--muted);font-size:12px;font-weight:700}.summary-item strong{display:block;margin-top:5px;font-size:22px}.result-list{padding-left:22px;margin:14px 0}.result-list li{margin:8px 0;line-height:1.55;color:#526078}.result-list .answer-status{font-weight:800;color:#176846}.result-list .miss-status{font-weight:800;color:#a53838}.guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0 56px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.guide-card h2{font-size:16px;margin:0 0 9px}.guide-card p,.guide-card li{font-size:13px;line-height:1.7;color:#67738a}.guide-card p{margin:0}.guide-card ul{margin:0;padding-left:19px}.guide-card li+li{margin-top:5px}.footer{border-top:1px solid #e6eaf1;background:#fff;text-align:center;color:#8992a3;padding:25px;font-size:12px}.hidden{display:none!important}@media(max-width:650px){.top{height:62px}.nav{padding:0 18px}.nav-actions{gap:12px}.nav-actions a{font-size:12px}.wrap{padding:0 18px}.hero{margin:32px auto 18px}.hero h1{letter-spacing:-1.4px}.play-card{padding:18px;border-radius:17px}.topline{font-size:12px}.mode-select{grid-template-columns:1fr 1fr}.mode-label{grid-column:1/-1}.mode-btn{font-size:12px;padding:11px 8px}.memory-card{min-height:170px;padding:22px 18px}.choice-grid{gap:8px}.choice{min-height:58px;font-size:14px;padding:11px}.guide{grid-template-columns:1fr;gap:10px;margin:26px 0 42px}.guide-card{padding:17px}.action-row .btn{width:100%}}
.setup{position:relative;min-height:140px;overflow:hidden}.memory-start-art-en{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.16;pointer-events:none;z-index:0;overflow:hidden}.memory-start-art-en svg{display:block;width:min(92%,480px);height:145px;max-height:100%;filter:drop-shadow(0 4px 10px #60709b18)}#setup-copy,.setup .small-note{position:relative;z-index:1;background:rgba(255,255,255,.84);padding:5px 14px;border-radius:10px;box-shadow:0 1px 4px #fff9}@media(max-width:650px){.setup{min-height:160px}.memory-start-art-en svg{width:98%;height:120px}}