.dp-body{--d-bg: #0d0b0a;--d-panel: #17130f;--d-panel-2: #1f1913;--d-line: #3a2f22;--d-gold: #c9a35b;--d-gold-hi: #e6c47f;--d-blood: #d9493a;--d-text: #ece3d3;--d-muted: #a89c88;background:radial-gradient(1200px 500px at 50% -120px,#2a1a12 0%,transparent 70%),var(--d-bg);color:var(--d-text)}.dp{width:var(--maxw);max-width:calc(100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.dp h1,.dp h2,.dp-title,.dp-class b{font-family:"Noto Serif KR",serif}.dp-hero{text-align:center;padding:1.5rem 0 1.2rem}.dp-eyebrow{font-size:.75rem;letter-spacing:.18em;color:var(--d-gold)}.dp-hero h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:900;margin:.4rem 0;color:#f4e6c8;text-shadow:0 0 24px rgba(217,73,58,.35);letter-spacing:-.01em}.dp-lead{color:var(--d-muted);max-width:40em;margin:0 auto;line-height:1.7}.dp-note{color:var(--d-muted);font-size:.86rem;line-height:1.6;margin:.3rem 0}.dp-classes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:1rem 0 1.4rem}.dp-class{appearance:none;border:1px solid var(--d-line);background:var(--d-panel);color:var(--d-text);border-radius:12px;padding:12px 6px 10px;cursor:pointer;text-align:center;font:inherit;transition:border-color .15s,transform .15s}.dp-class:hover{border-color:var(--d-gold)}.dp-class span{display:block;font-size:1.6rem;line-height:1.2}.dp-class b{display:block;font-size:.92rem;margin-top:4px}.dp-class[aria-pressed=true]{border-color:var(--d-gold);background:linear-gradient(180deg,#2b2116,var(--d-panel));box-shadow:0 0 0 1px var(--d-gold) inset,0 6px 20px #c9a35b26}.dp-class:focus-visible,.dp-btn:focus-visible,.dp-node-top button:focus-visible,.dp-slot:focus-visible{outline:2px solid var(--d-gold-hi);outline-offset:2px}.dp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.dp-tree-head h2{margin:0;font-size:1.5rem;color:#f4e6c8}.dp-filter{display:flex;gap:10px;align-items:center;margin:10px 0 4px;font-size:.86rem;color:var(--d-muted)}.dp-filter input[type=search]{flex:1;min-width:0;background:var(--d-panel);border:1px solid var(--d-line);color:var(--d-text);border-radius:10px;padding:9px 12px;font:inherit}.dp-filter label{display:flex;gap:5px;align-items:center;white-space:nowrap}.dp-cat{margin-top:14px;border-top:1px solid var(--d-line);padding-top:10px}.dp-cat>h3{margin:0 0 8px;font-size:.82rem;letter-spacing:.12em;color:var(--d-gold);display:flex;justify-content:space-between}.dp-cat>h3 small{color:var(--d-muted);letter-spacing:0;font-weight:400}.dp-nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.dp-node{background:var(--d-panel);border:1px solid var(--d-line);border-radius:12px;padding:10px 10px 9px}.dp-node.on{border-color:#6b5634;background:linear-gradient(180deg,#221a12,var(--d-panel))}.dp-node.t-key_passive{border-style:dashed}.dp-node-top{display:flex;align-items:center;gap:8px}.dp-node-name{flex:1;min-width:0}.dp-node-name b{display:block;font-size:.98rem;line-height:1.3;word-break:keep-all}.dp-node-name small{color:var(--d-muted);font-size:.72rem}.dp-node-top button{width:34px;height:34px;border-radius:9px;border:1px solid var(--d-line);background:var(--d-panel-2);color:var(--d-text);font-size:1.1rem;cursor:pointer;flex:none}.dp-node-top button.plus{border-color:#6b5634;color:var(--d-gold-hi)}.dp-node-top button:disabled{opacity:.35;cursor:default}.dp-rank{font-variant-numeric:tabular-nums;font-weight:800;color:var(--d-gold-hi);font-size:1rem;min-width:2.6em;text-align:right}.dp-rank i{font-style:normal;font-weight:400;color:var(--d-muted);font-size:.72rem}.dp-node-top button.max{width:auto;padding:0 7px;font-size:.72rem;color:var(--d-muted)}.dp-pips{display:flex;gap:3px;margin-top:7px;flex-wrap:wrap}.dp-pips i{width:7px;height:7px;transform:rotate(45deg);border:1px solid #6b5634;background:transparent}.dp-pips i.f{background:var(--d-gold);border-color:var(--d-gold);box-shadow:0 0 6px #c9a35b99}.dp-pips i.x{background:var(--d-blood);border-color:var(--d-blood)}.dp-ups{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;align-items:center}.dp-up-l{font-size:.7rem;color:var(--d-gold);min-width:5.2em}.dp-up{font:inherit;font-size:.78rem;line-height:1.3;padding:6px 10px;min-height:32px;word-break:keep-all;border-radius:999px;border:1px solid var(--d-line);background:transparent;color:var(--d-muted);cursor:pointer}.dp-up.on{border-color:var(--d-gold);color:var(--d-bg);background:var(--d-gold);font-weight:700}.dp-up:disabled{opacity:.35;cursor:not-allowed}.dp-mech{display:flex;flex-wrap:wrap;gap:5px}.dp-loading{color:var(--d-muted)}.dp-side{position:sticky;top:76px}.dp-card{background:var(--d-panel);border:1px solid var(--d-line);border-radius:16px;padding:16px}.dp-card h3{font-size:.8rem;letter-spacing:.12em;color:var(--d-gold);margin:16px 0 8px}.dp-title{width:100%;background:transparent;border:0;border-bottom:1px solid var(--d-line);color:#f4e6c8;font-size:1.15rem;font-weight:700;padding:4px 0 8px}.dp-title:focus{outline:none;border-bottom-color:var(--d-gold)}.dp-points{display:flex;align-items:baseline;gap:6px;margin-top:12px;color:var(--d-muted);font-size:.86rem}.dp-points b{font-size:1.6rem;color:var(--d-gold-hi);font-variant-numeric:tabular-nums;margin-left:auto}.dp-points b.over{color:var(--d-blood)}.dp-bar-wrap{height:6px;background:var(--d-panel-2);border-radius:999px;overflow:hidden;margin-top:6px}.dp-bar{height:100%;width:0;background:linear-gradient(90deg,#8a6a33,var(--d-gold-hi));transition:width .2s}.dp-bar.over{background:var(--d-blood)}.dp-hotbar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.dp-slot{aspect-ratio:1;border-radius:10px;border:1px solid var(--d-line);background:radial-gradient(circle at 50% 35%,#2a2118,#120f0c);color:var(--d-text);font:inherit;font-size:.66rem;line-height:1.2;padding:3px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;overflow:hidden}.dp-slot.has{border-color:var(--d-gold);color:#f4e6c8;font-weight:700}.dp-slot em{position:absolute;left:4px;top:2px;font-style:normal;font-size:.6rem;color:var(--d-gold);font-weight:700}.dp-hint{font-size:.76rem;color:var(--d-muted);margin:6px 0 0}.dp-card select,.dp-gear input,.dp-paragon input,.dp textarea{width:100%;background:var(--d-panel-2);border:1px solid var(--d-line);color:var(--d-text);border-radius:10px;padding:9px 10px;font:inherit;font-size:.92rem}.dp-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}.dp-btn{font:inherit;font-size:.88rem;padding:10px 8px;border-radius:10px;border:1px solid var(--d-line);background:var(--d-panel-2);color:var(--d-text);cursor:pointer}.dp-btn.gold{background:linear-gradient(180deg,var(--d-gold-hi),var(--d-gold));color:#1a1208;border-color:var(--d-gold);font-weight:800}.dp-btn.ghost{background:transparent;color:var(--d-muted)}.dp-toast{min-height:1.2em;font-size:.82rem;color:var(--d-gold-hi);margin:8px 0 0}.dp-saved summary{cursor:pointer;font-size:.86rem;color:var(--d-muted);margin-top:6px}.dp-saved ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.dp-saved li{display:flex;gap:6px;align-items:center;font-size:.86rem}.dp-saved li a{flex:1;min-width:0;color:var(--d-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-saved li button{border:0;background:none;color:var(--d-muted);cursor:pointer}.dp-block{margin-top:28px}.dp-block h2,.dp-doc h2{font-size:1.3rem;color:#f4e6c8;margin:0 0 6px}.dp-gear{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}.dp-g{background:var(--d-panel);border:1px solid var(--d-line);border-radius:12px;padding:10px;display:grid;gap:6px}.dp-g label{font-size:.78rem;color:var(--d-gold);letter-spacing:.06em}.dp-g input.uniq{border-color:#6b4a2a;color:#f0b56e}.dp-drop{font-size:.74rem;color:var(--d-muted);min-height:0}.dp-drop:empty{display:none}.dp-drop a{color:var(--d-gold-hi)}.dp-paragon{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}.dp textarea{line-height:1.6}.dp-doc{margin-top:40px;border-top:1px solid var(--d-line);padding-top:20px;color:var(--d-text);line-height:1.75}.dp-doc li{margin-bottom:4px}.dp-doc details{border-bottom:1px solid var(--d-line);padding:8px 0}.dp-doc summary{cursor:pointer;font-weight:700}.dp-doc p{color:var(--d-muted)}.dp-legal{font-size:.78rem;margin-top:18px}.dp-modal{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.dp-modal[hidden]{display:none}.dp-modal-box{width:min(420px,100%);max-height:80vh;overflow:auto;background:var(--d-panel);border:1px solid var(--d-gold);border-radius:14px;padding:14px}.dp-modal-head{display:flex;justify-content:space-between;align-items:center}.dp-modal-head h3{margin:0;color:#f4e6c8}.dp-modal-head button{background:none;border:0;color:var(--d-muted);font-size:1.2rem;cursor:pointer}.dp-pick-list{display:grid;gap:6px;margin-top:10px}.dp-pick-list button{text-align:left;font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--d-line);background:var(--d-panel-2);color:var(--d-text);cursor:pointer}.dp-pick-list button:hover{border-color:var(--d-gold)}.dp-pick-list button small{color:var(--d-muted);margin-left:6px}[hidden]{display:none!important}@media(max-width:900px){.dp-grid{grid-template-columns:1fr}.dp-side{position:static;order:-1}.dp-classes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){.dp-nodes{grid-template-columns:1fr}.dp-class span{font-size:1.3rem}.dp-class b{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.dp-bar,.dp-class{transition:none}}