:root{--bg: #f7f4ee;--surface: #ffffff;--surface-2: #f1ece3;--ink: #241f2e;--ink-2: #5c5568;--line: #e2dbcf;--accent: #5b3f8c;--accent-ink: #ffffff;--accent-soft: #ece5f6;--gold: #b88a1f;--gold-soft: #f7edd2;--good: #2f7d4f;--good-soft: #e1f2e7;--warn: #a5671a;--warn-soft: #fbeedb;--bad: #b23a3a;--bad-soft: #f8e1e1;--master: #1f6f86;--master-soft: #ddf0f5;--fire: #d9622b;--water: #2f7fc1;--air: #8d9aa8;--earth: #5d8a3a;--major: #7a54b8;--radius: 12px;--shadow: 0 1px 2px rgba(30, 20, 50, .06), 0 4px 16px rgba(30, 20, 50, .06);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #17141d;--surface: #211d29;--surface-2: #2a2534;--ink: #eee9f5;--ink-2: #aba3b8;--line: #3a3446;--accent: #a487d6;--accent-ink: #17141d;--accent-soft: #352b48;--gold: #e0b955;--gold-soft: #3a3120;--good: #6cc48f;--good-soft: #1f3528;--warn: #e5a453;--warn-soft: #3b2e1c;--bad: #ec7d7d;--bad-soft: #3f2224;--master: #6cc3dc;--master-soft: #1b3740;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--accent)}h1,h2,h3,h4{line-height:1.3;margin:0 0 .5em}h2{font-size:1.3rem}h3{font-size:1.08rem}p{margin:0 0 .7em}small,.muted{color:var(--ink-2)}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top-inner{display:flex;align-items:center;gap:12px;padding:10px 0;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:8px;margin-right:auto}.brand-mark{width:22px;height:30px;border-radius:4px;background:var(--accent);position:relative}.brand-mark:after{content:"";position:absolute;top:10px;right:6px;bottom:10px;left:6px;border-radius:50%;background:var(--gold)}.mode-pill{font-size:.8rem;padding:2px 10px;border-radius:99px;background:var(--surface-2);color:var(--ink-2)}.mode-pill.master{background:var(--master-soft);color:var(--master);font-weight:600}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.tab{border:0;background:transparent;color:var(--ink-2);padding:7px 12px;border-radius:8px;font:inherit;cursor:pointer;white-space:nowrap}.tab:hover{background:var(--surface-2)}.tab.on{background:var(--accent);color:var(--accent-ink)}.tab.mtab.on{background:var(--master)}.sep{width:1px;background:var(--line);margin:4px 6px}main{padding:20px 0 40px}footer{border-top:1px solid var(--line);padding:16px 0 28px;color:var(--ink-2);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.stack>*+*{margin-top:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;border-radius:99px;padding:1px 9px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.chip.pos{background:var(--good-soft);color:var(--good);border-color:transparent}.chip.neg{background:var(--bad-soft);color:var(--bad);border-color:transparent}.chip.tb{background:var(--gold-soft);color:var(--gold);border-color:transparent}.chip.ms{background:var(--master-soft);color:var(--master);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.ext{background:var(--surface-2);color:var(--ink-2);border-style:dashed}.chip.sel{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.chip{cursor:pointer;font:inherit;font-size:.82rem}label{display:block;font-size:.86rem;color:var(--ink-2);margin-bottom:4px}input[type=text],input[type=password],input[type=number],input:not([type]),select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{margin-bottom:12px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px}.check{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.92rem}.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 14px;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.07)}.btn.master{background:var(--master);color:#fff;border-color:var(--master)}.btn.danger{color:var(--bad)}.btn.sm{padding:3px 10px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.notice{border-radius:10px;padding:10px 12px;background:var(--surface-2);font-size:.92rem}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice.good{background:var(--good-soft);color:var(--good)}.notice.ms{background:var(--master-soft);color:var(--master)}.notice.gold{background:var(--gold-soft);color:var(--gold)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.gcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;text-align:center;font:inherit;color:inherit}.gcard:hover{border-color:var(--accent)}.gcard img{width:100%;aspect-ratio:300 / 527;object-fit:cover;border-radius:6px;display:block}.gcard .nm{font-size:.83rem;margin-top:4px;line-height:1.3}.gcard .en{font-size:.72rem;color:var(--ink-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a06148c;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:30px 12px;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;max-width:880px;width:100%;padding:20px;box-shadow:var(--shadow);position:relative}.modal .x{position:absolute;top:10px;right:12px}.detail{display:grid;grid-template-columns:220px 1fr;gap:20px}.detail img{width:100%;border-radius:10px}@media (max-width: 640px){.detail{grid-template-columns:1fr}.detail img{max-width:220px;margin:0 auto;display:block}}.spread{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:8px 0}.spread.horseshoe{display:grid;grid-template-columns:repeat(5,minmax(0,132px));justify-content:center}.slot{text-align:center;width:132px}.slot .lbl{font-size:.8rem;color:var(--ink-2);margin-top:6px;line-height:1.3}.slot .pos{display:inline-block;min-width:22px;height:22px;line-height:22px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:.75rem;margin-bottom:4px}.flip{perspective:900px;width:132px;aspect-ratio:300 / 527;cursor:pointer;border:0;background:none;padding:0}.flip-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.flip.open .flip-inner{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:9px;overflow:hidden}.face img{width:100%;height:100%;object-fit:cover;display:block}.face.back{background:radial-gradient(circle at 50% 50%,var(--gold) 0 9%,transparent 10%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 6px,transparent 6px 12px),linear-gradient(160deg,#3b2766,#5b3f8c);border:3px solid #e8d9a8}.face.front{transform:rotateY(180deg);border:1px solid var(--line)}.face.front.rev img{transform:rotate(180deg)}.match-match{box-shadow:0 0 0 3px var(--good);border-radius:9px}.match-partial{box-shadow:0 0 0 3px var(--warn);border-radius:9px}.match-miss{box-shadow:0 0 0 3px var(--bad);border-radius:9px}@media (max-width: 720px){.spread.horseshoe{grid-template-columns:repeat(3,minmax(0,110px))}.slot,.flip{width:104px}}.ev{font-size:.78rem}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.82rem;color:var(--ink-2)}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}table.tbl{width:100%;border-collapse:collapse;font-size:.88rem}table.tbl th,table.tbl td{border-bottom:1px solid var(--line);padding:7px 6px;text-align:left;vertical-align:top}table.tbl th{color:var(--ink-2);font-weight:600;background:var(--surface-2)}.scroll-x{overflow-x:auto}mark{background:var(--gold-soft);color:inherit;border-radius:3px;padding:0 2px}.differs{border-left:4px solid var(--master)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 640px){.split{grid-template-columns:1fr}}.box-tb{background:var(--gold-soft);border-radius:8px;padding:8px 10px}.box-ms{background:var(--master-soft);border-radius:8px;padding:8px 10px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.list-item{padding:10px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:.9rem}pre.json{background:var(--surface-2);padding:10px;border-radius:8px;font-size:.78rem;overflow-x:auto;white-space:pre-wrap}.quiz-opt{display:block;width:100%;text-align:left;margin-bottom:6px}.quiz-opt.right{background:var(--good-soft);border-color:var(--good)}.quiz-opt.wrong{background:var(--bad-soft);border-color:var(--bad)}