/* 에딩 타임머신 — 도전 · 복습 노트 (challenge.js). 글자 크기는 화면 너비 기준이되 폰에서도 읽히도록 최소값을 둔다. */
.tc-layer{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(14,8,32,.78);font-family:inherit;color:#4a2c10}
.tc-wrap{width:min(92%,760px);max-height:94%;display:flex;flex-direction:column;align-items:stretch;gap:max(8px,calc(var(--cu,12px)*1))}
.tc-scroll{overflow-y:auto}
.tc-tag{margin:0;align-self:center;padding:max(4px,calc(var(--cu,12px)*.4)) max(12px,calc(var(--cu,12px)*1.6));border-radius:999px;background:linear-gradient(#ffd25c,#ffb938);color:#3b200c;font-size:max(14px,calc(var(--cu,12px)*1.7));font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.tc-card{padding:max(14px,calc(var(--cu,12px)*1.8));border:max(3px,calc(var(--cu,12px)*.3)) solid #e9c68c;border-radius:max(18px,calc(var(--cu,12px)*2.4));background:#fff4de;box-shadow:0 8px 24px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:max(10px,calc(var(--cu,12px)*1.1))}
.tc-badge{margin:0;align-self:flex-start;padding:2px 12px;border-radius:999px;background:#c8602a;color:#fff;font-size:max(12px,calc(var(--cu,12px)*1.2));font-weight:900}
.tc-q{margin:0;font-size:max(17px,calc(var(--cu,12px)*2.1));font-weight:900;line-height:1.45;word-break:keep-all}
.tc-opts{display:flex;flex-direction:column;gap:max(8px,calc(var(--cu,12px)*.8))}
.tc-opt{width:100%;padding:max(11px,calc(var(--cu,12px)*1.1)) max(14px,calc(var(--cu,12px)*1.4));border:max(2px,calc(var(--cu,12px)*.2)) solid #d9a85f;border-radius:max(14px,calc(var(--cu,12px)*1.6));background:#fff;color:#4a2c10;font:inherit;font-size:max(16px,calc(var(--cu,12px)*1.9));font-weight:800;text-align:left;cursor:pointer;word-break:keep-all;-webkit-tap-highlight-color:transparent}
.tc-opt:hover:not(:disabled){background:#fff0cf}
.tc-opt.ok{background:#d9f5c9;border-color:#58b538;color:#1f5a0c}
.tc-opt.no{background:#ffe0dc;border-color:#e0675d;color:#8a2a22;opacity:.8}
.tc-opt:disabled{cursor:default}
.tc-msg{margin:0;min-height:1.4em;font-size:max(14px,calc(var(--cu,12px)*1.6));font-weight:800;line-height:1.45;word-break:keep-all}
.tc-msg.ok{color:#2b7a12}.tc-msg.no{color:#b3382e}
.tc-skip{align-self:center;padding:8px 18px;border:0;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:max(13px,calc(var(--cu,12px)*1.4));font-weight:800;cursor:pointer}

/* 복습 노트 버튼 */
.tc-review-btn{position:absolute;z-index:12;left:max(8px,calc(var(--cu,12px)*1.4));bottom:max(8px,calc(var(--cu,12px)*1.4));padding:max(8px,calc(var(--cu,12px)*.8)) max(12px,calc(var(--cu,12px)*1.5));border:max(2px,calc(var(--cu,12px)*.2)) solid #e8b44a;border-radius:999px;background:linear-gradient(#5d3418,#3b200c);color:#ffe9bd;font:inherit;font-size:max(13px,calc(var(--cu,12px)*1.5));font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer}
.tc-review-btn.has{background:linear-gradient(#e0662b,#b8451a);color:#fff}

/* 복습 화면 */
.tc-review{background:rgba(14,8,32,.97)}
.tc-head{display:flex;align-items:center;gap:12px;color:#fff;font-size:max(16px,calc(var(--cu,12px)*1.9))}
.tc-back{padding:6px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font:inherit;font-size:max(13px,calc(var(--cu,12px)*1.4));font-weight:800;cursor:pointer}
.tc-menu{display:flex;flex-direction:column;gap:max(8px,calc(var(--cu,12px)*.9))}
.tc-menu-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:max(12px,calc(var(--cu,12px)*1.3)) max(14px,calc(var(--cu,12px)*1.6));border:max(2px,calc(var(--cu,12px)*.2)) solid #e9c68c;border-radius:max(16px,calc(var(--cu,12px)*1.8));background:#fff4de;color:#4a2c10;font:inherit;text-align:left;cursor:pointer}
.tc-menu-btn:disabled{opacity:.5;cursor:default}
.tc-menu-t{font-size:max(16px,calc(var(--cu,12px)*1.9));font-weight:900}.tc-menu-s{font-size:max(13px,calc(var(--cu,12px)*1.4));font-weight:700;color:#8f5d2c}
.tc-empty{margin:0;padding:max(16px,calc(var(--cu,12px)*2));border-radius:18px;background:#fff4de;font-size:max(15px,calc(var(--cu,12px)*1.7));font-weight:800;line-height:1.5}
.tc-foot{margin:0;color:#ffe9bd;font-size:max(13px,calc(var(--cu,12px)*1.4));font-weight:800;text-align:center}
.tc-sum{padding:max(12px,calc(var(--cu,12px)*1.4));border-radius:18px;background:#fff4de}
.tc-sum h3{margin:0 0 6px;font-size:max(16px,calc(var(--cu,12px)*1.9))}
.tc-sum ul{margin:0;padding-left:1.2em;font-size:max(14px,calc(var(--cu,12px)*1.6));font-weight:700;line-height:1.55;word-break:keep-all}