/* [DLC-03] 본 사이트 DLC 팩(오빠 «여기도 DLC 적용») — 로직 레이스 팩 7종과 같은 이름·색 · 색 변수만 덮어써 화면 구조는 그대로
   html.dlc.dlc-<팩> · 기본 = 클래스 없음(현행) · 선택 저장 localStorage danta.dlc(로직 레이스 lr.theme 와 동기) */
@font-face{font-family:'Galmuri11';src:url(https://cdn.jsdelivr.net/npm/galmuri@2.40.3/dist/Galmuri11.woff2) format('woff2');font-display:swap}
/* 다른 화면(리포트·랭킹·전량청산 등)이 쓰는 변수 이름도 팩 색으로 묶음 · 변수에 !important = 각 화면의 라이트/다크 전용 규칙(:root:not(...) 등)보다 팩이 우선 */
html.dlc{--paper:var(--canvas) !important;--warn-soft:var(--surface-strong) !important;--ok-soft:var(--surface-strong) !important;--crit-soft:var(--surface-strong) !important;--rule:var(--hairline) !important;--rule-soft:var(--hairline-soft) !important;--soft:var(--hairline-soft) !important;--body:var(--body-c) !important;--bg:var(--canvas) !important;--panel:var(--surface) !important;--panel2:var(--surface-elevated) !important;--panel-2:var(--surface-elevated) !important;--panel3:var(--surface-strong) !important;--panel-3:var(--surface-strong) !important;--card:var(--surface) !important;--line:var(--hairline) !important;--bd:var(--hairline) !important;--border:var(--hairline) !important;--border-soft:var(--hairline-soft) !important;--grid:var(--hairline-soft) !important;--text:var(--ink) !important;--text-2:var(--body-c) !important;--ink-2:var(--body-c) !important;--ink-3:var(--muted) !important;--accent:var(--brand) !important;--accent-soft:var(--brand-soft) !important;--on-accent:var(--on-brand) !important;--code-bg:var(--surface-strong) !important}
html.dlc body{background-color:var(--canvas);color:var(--ink)}
html.dlc body{background-attachment:fixed}
html.dlc .card,html.dlc .panel{transition:none}
/* 🌆 바이스 나이트 */
html.dlc.dlc-vice{--canvas:#140a1f !important;--surface:#1f1030 !important;--surface-elevated:#2a1540 !important;--surface-strong:#34194d !important;--hairline:#4a2466 !important;--hairline-soft:#2e1645 !important;--ink:#ffffff !important;--body-c:#e6d6f5 !important;--muted:#b49ccc !important;--faint:#7d6596 !important;--brand:#ff2e88 !important;--brand-hover:#ff5aa3 !important;--brand-dim:#3a0f26 !important;--brand-soft:rgba(255,46,136,.16) !important;--on-brand:#fff !important;--ok:#2effc4 !important;--num:'Oswald','Noto Sans KR',sans-serif !important;--sans:'IBM Plex Sans KR','Noto Sans KR',sans-serif !important}
html.dlc.dlc-vice body{background:radial-gradient(900px 500px at 85% -120px,rgba(255,46,136,.28),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(46,200,255,.18),transparent 60%),#140a1f}
html.dlc.dlc-vice .card{box-shadow:0 0 0 1px rgba(255,46,136,.15),0 10px 30px rgba(0,0,0,.4)}
html.dlc.dlc-vice h1,html.dlc.dlc-vice h2,html.dlc.dlc-vice .card-h{font-family:'Black Han Sans','Noto Sans KR',sans-serif;letter-spacing:.01em}
/* 🎯 택티컬 옵스 */
html.dlc.dlc-tac{--canvas:#0a0d08 !important;--surface:#11160e !important;--surface-elevated:#172012 !important;--surface-strong:#1f2a19 !important;--hairline:#2f3d26 !important;--hairline-soft:#1a2315 !important;--ink:#e8f5d8 !important;--body-c:#c2d4ad !important;--muted:#8aa078 !important;--faint:#5c6e4e !important;--brand:#b6ff3b !important;--brand-hover:#ccff70 !important;--brand-dim:#243310 !important;--brand-soft:rgba(182,255,59,.12) !important;--on-brand:#0a0d08 !important;--ok:#b6ff3b !important;--r-sm:2px !important;--r-md:2px !important;--r-lg:2px !important;--pill:2px !important;--num:'Oswald','Noto Sans KR',sans-serif !important}
html.dlc.dlc-tac body{background:linear-gradient(rgba(182,255,59,.035) 1px,transparent 1px) 0 0/100% 4px,radial-gradient(900px 500px at 50% -200px,rgba(182,255,59,.10),transparent 60%),#0a0d08}
html.dlc.dlc-tac .card{border-left:3px solid #b6ff3b}
html.dlc.dlc-tac .card-h{text-transform:uppercase;letter-spacing:.12em}
/* 📜 삼국 군략 — 레트로 16비트 */
html.dlc.dlc-sam{--canvas:#000 !important;--surface:#0c1a6e !important;--surface-elevated:#13239a !important;--surface-strong:#1d2fb8 !important;--hairline:#7f9cff !important;--hairline-soft:#3a4fb8 !important;--ink:#fff !important;--body-c:#dfe6ff !important;--muted:#9aa8d8 !important;--faint:#6f7db8 !important;--brand:#ffd800 !important;--brand-hover:#ffe74d !important;--brand-dim:#3a3200 !important;--brand-soft:rgba(255,216,0,.15) !important;--on-brand:#000 !important;--up:#ff5050 !important;--down:#4fd0ff !important;--r-sm:0 !important;--r-md:0 !important;--r-lg:0 !important;--pill:0 !important;--sans:'Galmuri11',monospace !important;--num:'Galmuri11',monospace !important;--mono:'Galmuri11',monospace !important}
html.dlc.dlc-sam body{background:#000;-webkit-font-smoothing:none}
html.dlc.dlc-sam .card{background:linear-gradient(#13239a,#0a1460);border:3px solid #fff;box-shadow:inset 0 0 0 2px #0a1460,inset 0 0 0 4px #7f9cff}
html.dlc.dlc-sam .card-h{color:#ffd800}
/* 🏛️ 제국 연대기 */
html.dlc.dlc-civ{--canvas:#0b171c !important;--surface:#0f2027 !important;--surface-elevated:#14303a !important;--surface-strong:#1d4250 !important;--hairline:#3e6470 !important;--hairline-soft:#1d3a44 !important;--ink:#f3e6c4 !important;--body-c:#d8ccaa !important;--muted:#9fb8bf !important;--faint:#6a8790 !important;--brand:#d9b45b !important;--brand-hover:#e7c96b !important;--brand-dim:#3a2e12 !important;--brand-soft:rgba(217,180,91,.15) !important;--on-brand:#1a1205 !important;--sans:'Noto Serif KR',serif !important;--num:'Cinzel','Noto Serif KR',serif !important}
html.dlc.dlc-civ body{background:radial-gradient(1100px 600px at 50% -160px,rgba(217,180,91,.16),transparent 60%),linear-gradient(180deg,#14303a,#0b171c 700px)}
html.dlc.dlc-civ .card{border:2px solid #d9b45b;outline:1px solid rgba(217,180,91,.3);outline-offset:-6px}
html.dlc.dlc-civ .card-h{font-family:'Nanum Myeongjo','Noto Serif KR',serif;font-weight:800}
/* 🧱 블록 월드 */
html.dlc.dlc-blk{--canvas:#2a1d12 !important;--surface:#5a3c22 !important;--surface-elevated:#6b4626 !important;--surface-strong:#7a5432 !important;--hairline:#2a1a0c !important;--hairline-soft:#4a3019 !important;--ink:#fff !important;--body-c:#f1e6d2 !important;--muted:#d9c8a8 !important;--faint:#a8916c !important;--brand:#7fd23f !important;--brand-hover:#9be35e !important;--brand-dim:#25400f !important;--brand-soft:rgba(127,210,63,.18) !important;--on-brand:#1d3a0a !important;--r-sm:0 !important;--r-md:0 !important;--r-lg:0 !important;--pill:0 !important;--sans:'Jua',sans-serif !important;--num:'Galmuri11',monospace !important}
html.dlc.dlc-blk body{background:linear-gradient(#78c3f5 0 140px,#5fae3a 140px 168px,#8a5a35 168px) fixed}
html.dlc.dlc-blk .card{border:4px solid #2a1a0c;box-shadow:inset -5px -5px 0 rgba(0,0,0,.25),inset 5px 5px 0 rgba(255,255,255,.1)}
html.dlc.dlc-blk .card-h{text-shadow:2px 2px 0 #000}
/* 🪂 서바이벌 로얄 */
html.dlc.dlc-roy{--canvas:#1b1a15 !important;--surface:#26241d !important;--surface-elevated:#34312a !important;--surface-strong:#46412f !important;--hairline:#5f5843 !important;--hairline-soft:#38342a !important;--ink:#f2ead6 !important;--body-c:#d9cfb2 !important;--muted:#a99e80 !important;--faint:#7a7259 !important;--brand:#ff9a1f !important;--brand-hover:#ffb04d !important;--brand-dim:#3a2408 !important;--brand-soft:rgba(255,154,31,.15) !important;--on-brand:#1b1a15 !important;--r-sm:2px !important;--r-md:2px !important;--r-lg:2px !important;--num:'Oswald','Noto Sans KR',sans-serif !important}
html.dlc.dlc-roy body{background:radial-gradient(900px 500px at 80% -100px,rgba(255,154,31,.16),transparent 60%),radial-gradient(circle at 75% 45%,transparent 0 38vmin,rgba(80,150,255,.07) 38vmin 38.4vmin,transparent 38.6vmin),linear-gradient(180deg,#3a372c,#1b1a15 700px)}
html.dlc.dlc-roy .card-h{font-family:'Black Han Sans','Noto Sans KR',sans-serif;letter-spacing:.02em}
/* 🏁 카트 그랑프리 (밝은 팩) */
html.dlc.dlc-kart{--canvas:#fff8e0 !important;--surface:#ffffff !important;--surface-elevated:#ffffff !important;--surface-strong:#fff3c4 !important;--hairline:#1a1a1a !important;--hairline-soft:#e8dfc0 !important;--ink:#1a1a1a !important;--body-c:#333 !important;--muted:#666 !important;--faint:#999 !important;--brand:#e60012 !important;--brand-hover:#ff2a3a !important;--brand-dim:#ffd6d9 !important;--brand-soft:rgba(230,0,18,.10) !important;--on-brand:#fff !important;--up:#e60012 !important;--down:#0057d9 !important;--r-sm:12px !important;--r-md:16px !important;--r-lg:18px !important;--sans:'Jua',sans-serif !important;--num:'Lilita One','Jua',sans-serif !important}
html.dlc.dlc-kart body{background:radial-gradient(900px 400px at 50% -80px,rgba(255,210,58,.6),transparent 60%),repeating-conic-gradient(#f6efd6 0 25%,#fff8e0 0 50%) 0 0/56px 56px}
html.dlc.dlc-kart .card{border:3px solid #1a1a1a;box-shadow:0 5px 0 #1a1a1a}
/* DLC 버튼·고르기 창 */
#dlcBtn{position:fixed;left:14px;bottom:14px;z-index:9998;padding:9px 13px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface-elevated);color:var(--ink);font:700 13px var(--sans);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35)}
#dlcBtn:hover{border-color:var(--brand)}
#dlcBox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:16px}
#dlcBox.on{display:flex}
#dlcBox .in{width:min(760px,100%);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:18px;color:var(--ink)}
#dlcBox h3{margin:0 0 4px;font:800 18px var(--sans)}#dlcBox p{margin:0 0 14px;color:var(--muted);font-size:12px}
#dlcBox .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
#dlcBox .c{border:2px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;cursor:pointer;background:var(--surface-elevated);text-align:left;padding:0;color:var(--ink);font:inherit}
#dlcBox .c.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
#dlcBox .c .pv{height:64px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;letter-spacing:.04em}
#dlcBox .c b{display:block;padding:8px 10px 2px;font-size:13px}#dlcBox .c small{display:block;padding:0 10px 10px;color:var(--muted);font-size:11px;line-height:1.35}
#dlcBox .x{float:right;background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer}
#dlcHead{font-family:var(--sans);cursor:pointer;line-height:1.2;color:var(--brand);border-color:var(--brand)}
