.d2{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1117;--surface-1:#161b24;--surface-2:#1d2430;--surface-3:#262f3d;--border:#2c3544;--text-primary:#eef1f6;--text-secondary:#b3bccb;--text-muted:#7d8899;--accent:#bf2e1a;--accent-hover:#d33a24;--accent-deep:#a12614;--accent-soft:#bf2e1a29;--accent-text:#f4a090;--gold:#d6a648;--good:#3fb27f;--warn:#d9a23a;--bad:#e66767;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--radius:18px;--shadow:0 4px 20px #00000059;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.d2 *{box-sizing:border-box}.d2 a{color:inherit;text-decoration:none}.d2 a:hover{color:var(--gold)}.d2 h1,.d2 h2,.d2 h3,.d2 h4{margin:0 0 .4em;font-weight:700;line-height:1.25}.d2 h1{font-size:1.75rem}.d2 h2{font-size:1.2rem}.d2 h3{font-size:1rem}.d2 p{margin:0 0 .75em}.d2 button,.d2 input,.d2 select,.d2 textarea{font:inherit;color:inherit}.d2 ::selection{background:var(--accent);color:#fff}.d2 .app{min-height:100vh;padding:24px 20px;position:relative}.d2 .backdrop{z-index:0;filter:blur(14px)saturate(.9);background-position:50%;background-size:cover;position:fixed;inset:-40px;transform:scale(1.05)}.d2 .backdrop:after{content:"";background:radial-gradient(at 50% 20%,#0e11178c,#0e1117eb 70%),linear-gradient(#0e111766,#0e1117d9);position:absolute;inset:0}.d2 .app-frame{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1117e6;border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;max-width:1360px;min-height:calc(100vh - 48px);margin:0 auto;display:flex;position:relative;box-shadow:0 30px 80px #0000008c}.d2 .topbar{align-items:center;gap:1rem;padding:1.1rem 1.5rem .6rem;display:flex}.d2 .nav-brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:800;display:flex}.d2 .nav-brand svg{width:34px;height:34px}.d2 .search{background:var(--surface-1);border:1px solid var(--border);max-width:460px;height:42px;color:var(--text-muted);border-radius:999px;flex:1;align-items:center;gap:.5rem;margin-left:auto;padding:0 .9rem;display:flex;position:relative}.d2 .search:focus-within{border-color:var(--gold)}.d2 .search input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1}.d2 .search-results{z-index:60;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;right:0}.d2 .search-results button{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:0;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.d2 .search-results button:hover{background:var(--surface-3)}.d2 .search-results img{object-fit:contain;width:26px;height:26px}.d2 .search-results span:nth-child(2){flex:1}.d2 .topbar-actions{gap:.5rem;display:flex}.d2 .icon-btn{background:var(--surface-1);border:1px solid var(--border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.d2 .icon-btn:hover{color:#fff;border-color:var(--accent);background:var(--accent-soft)}.d2 .badge-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-1);border-radius:50%;position:absolute;top:9px;right:10px}.d2 .nav-links{scrollbar-width:none;border-bottom:1px solid #ffffff0d;gap:.35rem;padding:.4rem 1.5rem .9rem;display:flex;overflow-x:auto}.d2 .nav-links::-webkit-scrollbar{display:none}.d2 .nav-links a{color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:500;display:inline-flex}.d2 .nav-links a .icon{color:#fff}.d2 .nav-links a:hover{color:var(--text-primary);background:var(--surface-1);border-color:var(--border)}.d2 .nav-links a.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));box-shadow:0 6px 18px #bf2e1a4d}.d2 .nav-links a.active .icon{color:#fff;opacity:1}.d2 .main{flex:1;width:100%;padding:1.5rem 1.5rem 2.5rem}.d2 .footer{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff0d;padding:1rem 1.5rem 1.3rem;font-size:.78rem}@media (width<=760px){.d2 .app{padding:0}.d2 .app-frame{border-radius:0;min-height:100vh}.d2 .topbar{flex-wrap:wrap;padding:.9rem 16px .5rem}.d2 .search{flex-basis:100%;order:3;max-width:none}.d2 .topbar-actions{margin-left:auto}.d2 .nav-links{padding:.4rem 16px .8rem}.d2 .main{padding:1rem 16px 2rem}}.d2 .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.d2 .page-head p{color:var(--text-secondary);max-width:70ch;margin:0}.d2 .grid{gap:1rem;display:grid}.d2 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.d2 .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.d2 .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.d2 .span-2{grid-column:span 2}.d2 .span-all{grid-column:1/-1}@media (width<=960px){.d2 .grid-3,.d2 .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.d2 .grid-2,.d2 .grid-3,.d2 .grid-4{grid-template-columns:minmax(0,1fr)}.d2 .span-2{grid-column:auto}.d2 .main{padding:1rem 16px 2rem}}.d2 .stack{flex-direction:column;gap:.75rem;display:flex}.d2 .row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.d2 .between{justify-content:space-between}.d2 .muted{color:var(--text-muted)}.d2 .secondary{color:var(--text-secondary)}.d2 .small{font-size:.85rem}.d2 .tiny{font-size:.75rem}.d2 .mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.d2 .card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:1rem 1.1rem}.d2 .card-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.d2 .card-head h2,.d2 .card-head h3{margin:0}.d2 .card-sub{color:var(--text-muted);font-size:.82rem}.d2 .card.panel{background:var(--surface-2)}.d2 .btn{cursor:pointer;background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;transition:background .15s,border-color .15s;display:inline-flex}.d2 .btn:hover{background:#303a4b;border-color:#3b4658}.d2 .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.d2 .btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.d2 .btn.ghost{background:0 0}.d2 .btn.small{padding:.25rem .55rem;font-size:.8rem}.d2 .btn:disabled{opacity:.45;cursor:not-allowed}.d2 .btn:focus-visible,.d2 .seg button:focus-visible,.d2 .slot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.d2 .input,.d2 .select,.d2 .textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;outline:none;width:100%;padding:.5rem .7rem}.d2 .input:focus,.d2 .select:focus,.d2 .textarea:focus{border-color:var(--gold)}.d2 .textarea{resize:vertical;min-height:120px;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.d2 label.field{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.d2 .seg{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.d2 .seg button{cursor:pointer;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;padding:.35rem .7rem;font-size:.85rem;line-height:1.2;display:flex}.d2 .seg button:hover{color:var(--text-primary)}.d2 .seg button.on{background:var(--surface-3);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent)}.d2 .seg .seg-sub{color:var(--text-muted);font-size:.68rem}.d2 .avatar{background:var(--surface-3);color:#fff;letter-spacing:.02em;border-radius:6px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.d2 .avatar img{object-fit:cover;width:100%;height:100%;display:block}.d2 .avatar .attr-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.d2 .hero-chip{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.d2 .hero-chip .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.d2 .item-icon{background:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary);text-align:center;border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;line-height:1.05;display:inline-flex;position:relative;overflow:hidden}.d2 .item-icon img{object-fit:cover;width:100%;height:100%}.d2 .item-chip{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.d2 .item-seq{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.d2 .item-seq .arrow{color:var(--text-muted);font-size:.8rem}.d2 .cost{color:var(--gold);font-size:.78rem;font-weight:600}.d2 .slots{flex-wrap:wrap;gap:.5rem;display:flex}.d2 .slot{background:var(--surface-2);border:1px dashed var(--border);cursor:pointer;width:74px;color:var(--text-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .3rem;font-size:.7rem;display:flex;position:relative}.d2 .slot.filled{border-style:solid}.d2 .slot:hover{border-color:var(--gold)}.d2 .slot .plus{width:56px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.d2 .slot .slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.d2 .slot .x{background:var(--surface-3);border:1px solid var(--border);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex;position:absolute;top:-7px;right:-7px}.d2 .slot .x:hover{background:var(--accent);color:#fff}.d2 .modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0}.d2 .modal{background:var(--surface-1);border:1px solid var(--border);width:min(900px,100%);max-height:88vh;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex}.d2 .modal-head{border-bottom:1px solid var(--border);flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.d2 .modal-body{padding:.9rem 1rem;overflow-y:auto}.d2 .picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem;display:grid}.d2 .picker-cell{background:var(--surface-2);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem;font-size:.75rem;display:flex}.d2 .picker-cell:hover{border-color:var(--gold)}.d2 .picker-cell.disabled{opacity:.3;pointer-events:none}.d2 .pill{background:var(--surface-3);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .5rem;font-size:.74rem;display:inline-flex}.d2 .pill.good{color:#8fe0b9;background:#3fb27f1f;border-color:#3fb27f66}.d2 .pill.bad{color:#f3a3a3;background:#e667671f;border-color:#e6676766}.d2 .pill.warn{color:#f0cb85;background:#d9a23a1f;border-color:#d9a23a66}.d2 .pill.accent{color:var(--accent-text);background:var(--accent-soft);border-color:#bf2e1a73}.d2 .pill.gold{color:var(--gold);background:#d6a6481a;border-color:#d6a64873}.d2 .meter{flex-direction:column;gap:.35rem;display:flex}.d2 .meter-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.d2 .meter-label{color:var(--text-secondary);font-size:.8rem}.d2 .meter-value{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.d2 .meter-value.big{font-size:2rem}.d2 .meter-track{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.d2 .meter-fill{border-radius:999px;height:100%;transition:width .4s}.d2 .meter-caption{color:var(--text-muted);font-size:.74rem}.d2 .rec-list{flex-direction:column;gap:.55rem;display:flex}.d2 .rec{background:var(--surface-2);border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.55rem;display:grid}.d2 .rec:hover{border-color:var(--border)}.d2 .rec-name{font-size:.9rem;font-weight:600}.d2 .rec-reasons{flex-direction:column;gap:.12rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.d2 .rec-reasons li{color:var(--text-secondary);padding-left:.9rem;font-size:.78rem;position:relative}.d2 .rec-reasons li:before{content:"";background:var(--text-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.d2 .rec-reasons li.counter:before{background:var(--accent)}.d2 .rec-reasons li.need:before{background:var(--series-1)}.d2 .rec-reasons li.core:before{background:var(--gold)}.d2 .rec-reasons li.penalty{color:var(--text-muted)}.d2 .rec-score{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.d2 .skill-table{overflow-x:auto}.d2 .skill-table table{border-collapse:separate;border-spacing:2px;font-size:.72rem}.d2 .skill-table th{color:var(--text-muted);text-align:center;min-width:22px;padding:0 .2rem;font-weight:600}.d2 .skill-table td{text-align:center;background:var(--surface-2);border-radius:4px;width:22px;height:22px}.d2 .skill-table td.on{background:var(--accent);color:#fff;font-weight:700}.d2 .skill-table td.ult{background:var(--gold);color:#1a1408;font-weight:700}.d2 .skill-table td.tal{background:var(--series-1);color:#fff;font-weight:700}.d2 .skill-table .ab-name{text-align:left;white-space:nowrap;color:var(--text-secondary);background:0 0;width:auto;padding-right:.5rem;font-size:.78rem}.d2 .talents{flex-direction:column;gap:.35rem;display:flex}.d2 .talent-row{grid-template-columns:1fr 44px 1fr;align-items:stretch;gap:.35rem;display:grid}.d2 .talent-opt{background:var(--surface-2);color:var(--text-muted);border:1px solid #0000;border-radius:6px;padding:.35rem .5rem;font-size:.78rem}.d2 .talent-opt.pick{color:var(--text-primary);border-color:var(--gold);background:#d6a6481a}.d2 .talent-opt:first-child{text-align:right}.d2 .talent-lvl{background:var(--surface-3);color:var(--gold);border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.d2 .timeline{padding:.5rem 0 .2rem;position:relative;overflow-x:auto}.d2 .timeline-track{min-width:520px;height:92px;position:relative}.d2 .timeline-axis{background:var(--surface-3);height:2px;position:absolute;top:54px;left:0;right:0}.d2 .timeline-tick{color:var(--text-muted);font-size:.68rem;position:absolute;top:60px;transform:translate(-50%)}.d2 .timeline-node{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;transform:translate(-50%)}.d2 .timeline-node .min{font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700}.d2 .timeline-node .dot{border-radius:50%;width:8px;height:8px;margin-top:2px}.d2 .dot.strong{background:var(--good)}.d2 .dot.ok{background:var(--warn)}.d2 .dot.late{background:var(--bad)}.d2 .table{border-collapse:collapse;width:100%;font-size:.85rem}.d2 .table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.45rem .5rem;font-size:.75rem;font-weight:600}.d2 .table td{vertical-align:middle;border-bottom:1px solid #2c354499;padding:.45rem .5rem}.d2 .table tr:hover td{background:#ffffff05}.d2 .table .num{text-align:right;font-variant-numeric:tabular-nums}.d2 .table-wrap{overflow-x:auto}.d2 .reason-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.d2 .reason-list li{color:var(--text-secondary);align-items:baseline;gap:.5rem;font-size:.84rem;display:flex}.d2 .delta{font-variant-numeric:tabular-nums;text-align:right;min-width:2.4em;font-size:.8rem;font-weight:700}.d2 .delta.pos{color:var(--good)}.d2 .delta.neg{color:var(--bad)}.d2 .empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);padding:2.5rem 1rem}.d2 .toast{background:var(--surface-3);border:1px solid var(--border);box-shadow:var(--shadow);z-index:200;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.d2 .hero-banner{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.d2 .kv{grid-template-columns:auto 1fr;gap:.25rem .9rem;font-size:.85rem;display:grid}.d2 .kv dt{color:var(--text-muted)}.d2 .kv dd{margin:0}.d2 .ability{background:var(--surface-2);border-radius:8px;grid-template-columns:34px 1fr;gap:.6rem;padding:.55rem;display:grid}.d2 .ability-key{background:var(--surface-3);width:34px;height:34px;color:var(--gold);border-radius:6px;justify-content:center;align-items:center;font-weight:800;display:flex}.d2 .ability-key.ult{background:#d6a6482e}.d2 .feature-card{flex-direction:column;gap:.4rem;transition:border-color .15s,transform .15s;display:flex}.d2 .feature-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px)}.d2 .feature-card .icon{font-size:1.4rem}.d2 .chart-box{height:260px;position:relative}.d2 .chart-box.tall{height:340px}.d2 .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.d2 .details summary{cursor:pointer;color:var(--text-secondary);font-size:.82rem}.d2 .rec-reasons li.live:before{background:var(--good)}.d2 .rec-reasons li.live{color:#8fe0b9}.d2 .greeting{color:var(--text-muted);margin:0 0 1rem;font-size:1.55rem;font-weight:600}.d2 .greeting button{color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #0000;padding:0;font-weight:700}.d2 .greeting button:hover{border-bottom-color:var(--text-muted)}.d2 .greeting input{font:inherit;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--gold);border-radius:8px;width:11ch;padding:0 .4rem;font-weight:700}.d2 .dash{grid-template-columns:minmax(0,1fr) 360px 84px;grid-template-areas:"feature side rail""car chat.""stats chat.";align-items:start;gap:1.25rem;display:grid}.d2 .a-feature{grid-area:feature}.d2 .a-side{grid-area:side;padding-top:3.4rem}.d2 .a-rail{grid-area:rail}.d2 .a-car{grid-area:car;min-width:0}.d2 .a-stats{grid-area:stats;min-width:0}.d2 .a-chat{flex-direction:column;grid-area:chat;align-self:stretch;min-width:0;display:flex}.d2 .dash-main{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.d2 .dash-side{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.d2 .dash-row{grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;display:grid}.d2 .section-title{color:var(--text-secondary);margin:0 0 .9rem;font-size:1.3rem;font-weight:600}.d2 .feature{border:1px solid var(--border);background:linear-gradient(120deg,#1d2430 0%,#161b24 55%,#2a1712 100%);border-radius:24px;min-height:330px;margin-top:56px;position:relative}.d2 .feature-body{z-index:2;flex-direction:column;gap:.9rem;max-width:54%;padding:1.8rem 2rem;display:flex;position:relative}.d2 .feature h2{letter-spacing:.01em;margin:0;font-size:2.7rem;font-weight:800;line-height:1.05}.d2 .feature p{color:var(--text-secondary);max-width:46ch;margin:0;font-size:.98rem}.d2 .feature-render{z-index:1;object-fit:contain;object-position:bottom right;pointer-events:none;filter:drop-shadow(0 18px 30px #0000008c);max-width:58%;height:calc(100% + 70px);position:absolute;bottom:0;right:-10px}.d2 .feature-glow{z-index:0;background:radial-gradient(closest-side,#bf2e1a47,#0000);border-radius:50%;width:46%;height:70%;position:absolute;bottom:0;right:8%}.d2 .chip-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.d2 .chip{background:var(--surface-3);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.d2 .chip.hot{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-color:#0000}.d2 .chip-round{color:#1b1408;background:#e9dcc3;border:0;border-radius:50%;justify-content:center;width:38px;height:38px;padding:0}.d2 .btn-grad{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 8px 22px #bf2e1a4d}.d2 .btn-grad:hover{color:#fff;filter:brightness(1.08)}.d2 .avatar-stack{display:flex}.d2 .avatar-stack img{object-fit:cover;object-position:50% 20%;border:2px solid var(--surface-1);background:var(--surface-3);border-radius:50%;width:36px;height:36px;margin-left:-10px}.d2 .avatar-stack img:first-child{margin-left:0}.d2 .live-card{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;grid-template-columns:150px 1fr;align-items:center;gap:.9rem;padding:.8rem;display:grid}.d2 .live-card:hover{border-color:var(--accent);color:inherit}.d2 .live-thumb{background:var(--surface-3);border-radius:14px;height:92px;position:relative;overflow:hidden}.d2 .live-thumb img{object-fit:cover;width:100%;height:100%}.d2 .live-badge{background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:6px;padding:.1rem .45rem;font-size:.68rem;font-weight:800;position:absolute;top:8px;left:8px}.d2 .live-card h3{margin:0 0 .2rem;font-size:.98rem}.d2 .table-card{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;overflow:hidden}.d2 .table-card .table th{background:var(--surface-2);color:var(--text-secondary);text-transform:none;letter-spacing:0;border:0;padding:.75rem .9rem;font-size:.8rem}.d2 .table-card .table td{border-bottom:1px solid #2c354480;padding:.6rem .9rem;font-size:.85rem}.d2 .table-card .table tr:last-child td{border-bottom:0}.d2 .rail{background:var(--surface-1);border:1px solid var(--border);border-radius:999px;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.d2 .rail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;writing-mode:vertical-rl;font-size:.62rem;transform:rotate(180deg)}.d2 .round-avatar{background:linear-gradient(135deg, var(--accent), var(--gold));border-radius:50%;flex:none;width:56px;height:56px;padding:3px;transition:transform .15s;display:block;position:relative}.d2 .round-avatar:hover{transform:scale(1.06)}.d2 .round-avatar img{object-fit:cover;object-position:50% 20%;background:var(--surface-3);border-radius:50%;width:100%;height:100%;display:block}.d2 .round-avatar .status{border:2px solid var(--surface-1);border-radius:50%;width:13px;height:13px;position:absolute;bottom:3px;right:1px}.d2 .round-avatar.sm{width:40px;height:40px;padding:2px}.d2 .round-avatar.sm .status{width:10px;height:10px;bottom:1px;right:0}.d2 .status.up{background:var(--good)}.d2 .status.down{background:var(--bad)}.d2 .carousel{align-items:center;gap:.8rem;display:flex;position:relative}.d2 .carousel-track{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:40px;display:grid}.d2 .car-arrow{cursor:pointer;background:var(--gold);color:#1b1408;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 16px #d6a6484d}.d2 .car-arrow:hover{filter:brightness(1.1)}.d2 .hero-card{background:var(--surface-1);border:1px solid var(--border);border-radius:22px;height:250px;transition:border-color .15s,transform .15s;display:block;position:relative}.d2 .hero-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-3px)}.d2 .hero-card .big-name{z-index:2;max-width:62%;color:var(--gold);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px #0000008c,0 0 18px #0e1117f2;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.95rem;line-height:1;position:absolute;top:14px;left:16px}.d2 .hero-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(160deg,#0e1117d9 0%,#0e111700 45%);border-radius:22px;position:absolute;inset:0}.d2 .hero-card .card-render{z-index:0;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 12px 18px #0009);pointer-events:none;max-width:85%;height:calc(100% + 40px);position:absolute;bottom:0;right:-6px}.d2 .hero-card .card-meta{z-index:2;flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;bottom:12px;left:14px}.d2 .chat{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;flex-direction:column;min-height:420px;padding:1rem;display:flex}.d2 .chat-log{flex-direction:column;flex:1;gap:.9rem;max-height:470px;padding-right:4px;display:flex;overflow-y:auto}.d2 .msg{align-items:flex-start;gap:.6rem;display:flex}.d2 .msg.right{flex-direction:row-reverse}.d2 .bubble{background:var(--surface-2);max-width:80%;color:var(--text-secondary);border-radius:16px 16px 16px 4px;padding:.6rem .8rem;font-size:.82rem}.d2 .msg.right .bubble{background:var(--surface-3);border-radius:16px 16px 4px}.d2 .bubble b{color:var(--text-primary);margin-bottom:.15rem;font-size:.8rem;display:block}.d2 .bubble a{color:var(--gold);font-size:.74rem}.d2 .chat-input{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-radius:999px;align-items:center;gap:.5rem;height:46px;margin-top:.9rem;padding:0 .4rem 0 1rem;display:flex}.d2 .chat-input input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0}.d2 .chat-input input::placeholder{color:#ffffffc7}.d2 .chat-input button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.d2 .stat-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.4rem;display:grid}.d2 .ring-card{background:var(--surface-2);border-radius:18px;justify-content:space-between;align-items:center;gap:.8rem;min-width:0;padding:1rem 1.2rem;display:flex}.d2 .ring-card:hover{color:inherit;outline:1px solid var(--border)}.d2 .ring-card .label{color:var(--text-secondary);font-size:.8rem}.d2 .ring-card .value{white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:800;overflow:hidden}.d2 .ring{flex:none;width:70px;height:70px;position:relative}.d2 .ring svg{display:block;transform:rotate(-90deg)}.d2 .ring span{justify-content:center;align-items:center;font-size:.76rem;font-weight:700;display:flex;position:absolute;inset:0}.d2 .hero-hero{background:linear-gradient(120deg,#1d2430 0%,#161b24 55%,#2a1712 100%);min-height:230px;margin-top:44px;position:relative}.d2 .hero-hero .feature-render{max-width:38%;height:calc(100% + 60px)}.d2 .hero-hero .hero-banner{z-index:2;max-width:66%;position:relative}.d2 .ability-icon{object-fit:cover;border-radius:6px;width:34px;height:34px;display:block}.d2 .skill-table .ab-icon{vertical-align:middle;border-radius:4px;width:20px;height:20px;margin-right:4px}@media (width<=1180px){.d2 .dash{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"rail rail""feature side""car chat""stats chat"}.d2 .rail{flex-direction:row;justify-content:center;padding:.6rem 1rem}.d2 .rail-label{writing-mode:initial;transform:none}.d2 .dash-row{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=900px){.d2 .dash,.d2 .dash-row{grid-template-columns:minmax(0,1fr)}.d2 .dash{grid-template-areas:"rail""feature""side""car""chat""stats"}.d2 .a-side{padding-top:0}.d2 .chat{min-height:360px}.d2 .stat-panel{grid-template-columns:minmax(0,1fr)}.d2 .feature-body{max-width:100%;padding-bottom:250px}.d2 .feature-render{max-width:90%;height:300px}.d2 .hero-hero .hero-banner{max-width:100%}.d2 .hero-hero .feature-render{display:none}}@media (width<=640px){.d2 .carousel-track{grid-template-columns:minmax(0,1fr)}.d2 .car-arrow{width:36px;height:36px}.d2 .feature h2{font-size:2.1rem}.d2 .rail{justify-content:flex-start;overflow-x:auto}}.d2 .enemy-label{color:#f3a3a3;font-weight:600}.d2 .slot.enemy{background:#e6676712;border-color:#e6676773}.d2 .slot.enemy.filled{border-color:var(--bad);background:#e6676724;box-shadow:inset 0 0 0 1px #e6676740}.d2 .slot.enemy .slot-name{color:#f3a3a3}.d2 .slot.enemy .plus{color:#e66767b3}.d2 .slot.enemy:hover{border-color:var(--bad)}.d2 .enemy-card{border-left:3px solid var(--bad)!important;background:linear-gradient(90deg, #e6676714, transparent 40%), var(--surface-2)!important}.d2 .enemy-name{color:#f3a3a3;font-weight:700}.d2 .summary-list{flex-direction:column;gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.d2 .summary-list li{color:var(--text-secondary);padding-left:1.3rem;font-size:.83rem;position:relative}.d2 .summary-list li:before{font-weight:800;position:absolute;top:0;left:0}.d2 .summary-list li.good:before{content:"✓";color:var(--good)}.d2 .summary-list li.bad:before{content:"✕";color:var(--bad)}.d2 .summary-list li.even:before{content:"=";color:var(--text-muted)}.d2 .summary-list .fix{color:var(--gold);margin-top:.1rem;font-size:.78rem;display:block}.d2 .self-label{color:var(--gold);font-weight:700}.d2 .slot.self{background:#d6a64812;border-color:#d6a64880}.d2 .slot.self.filled{border-color:var(--gold);background:#d6a64824;box-shadow:inset 0 0 0 1px #d6a64840}.d2 .slot.self .slot-name{color:var(--gold)}.d2 .slot.self .plus{color:#d6a648bf}.d2 .slot.self:hover{border-color:var(--gold)}.d2 .ally-label{color:#8fe0b9;font-weight:600}.d2 .slot.ally{background:#3fb27f12;border-color:#3fb27f73}.d2 .slot.ally.filled{border-color:var(--good);background:#3fb27f24;box-shadow:inset 0 0 0 1px #3fb27f40}.d2 .slot.ally .slot-name{color:#8fe0b9}.d2 .slot.ally .plus{color:#3fb27fbf}.d2 .slot.ally:hover{border-color:var(--good)}.d2 .ally-name{color:#8fe0b9;font-weight:700}.d2 .ally-card{border-left:3px solid var(--good)!important;background:linear-gradient(90deg, #3fb27f14, transparent 40%), var(--surface-2)!important}.d2 .pick-groups{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.d2 .build-level{flex:220px;min-width:220px;max-width:360px}.d2 .build-level input[type=range]{width:100%;accent-color:var(--accent)}.d2 .build-level b{color:var(--text-primary)}.d2 .build-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1rem;display:grid}.d2 .inv-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.d2 .inv-hero{background:radial-gradient(closest-side at 50% 70%,#bf2e1a40,#0000),linear-gradient(160deg,#1d2430,#161b24);border-radius:16px;height:260px;position:relative;overflow:hidden}.d2 .inv-hero img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 18px #0009);width:100%;height:100%;position:absolute;inset:0}.d2 .inv-hero-name{text-shadow:0 1px 4px #000;font-size:.9rem;font-weight:700;position:absolute;top:8px;left:10px}.d2 .inv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.d2 .inv-grid.backpack{margin-top:.3rem}.d2 .inv-slot{aspect-ratio:88/64;border:1px dashed var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.d2 .inv-slot.small{aspect-ratio:88/64;opacity:.85}.d2 .inv-slot.filled{background:#0e1117;border-style:solid}.d2 .inv-slot img{object-fit:cover;width:100%;height:100%}.d2 .inv-slot:hover{border-color:#4a5568}.d2 .inv-slot.selected{border:2px solid var(--gold);box-shadow:0 0 0 3px #d6a64840}.d2 .inv-slot.over{border:2px solid var(--accent);box-shadow:0 0 0 3px #bf2e1a4d}.d2 .inv-slot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.d2 .inv-plus{color:var(--text-muted);font-size:1.3rem}.d2 .inv-slot-name{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d9);padding:.1rem .3rem;font-size:.62rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.d2 .inv-remove{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;opacity:0;background:#0e1117d9;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:opacity .12s;display:flex;position:absolute;top:3px;right:3px}.d2 .inv-slot:hover .inv-remove,.d2 .inv-slot.selected .inv-remove,.d2 .inv-slot:focus-within .inv-remove{opacity:1}.d2 .inv-remove:hover{background:var(--accent);color:#fff}.d2 .attr-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem;display:grid}.d2 .attr{background:var(--surface-2);border-top:3px solid var(--attr);border-radius:12px;flex-direction:column;gap:.1rem;padding:.55rem .7rem;display:flex}.d2 .attr.primary{box-shadow:inset 0 0 0 1px var(--attr)}.d2 .attr-name{color:var(--text-secondary);font-size:.75rem}.d2 .attr-total{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.d2 .stat-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.4rem 1.2rem;display:grid}.d2 .stat-groups h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:.5rem 0 .3rem;font-size:.8rem}.d2 .stat-row{border-bottom:1px solid #2c354480;justify-content:space-between;gap:.6rem;padding:.28rem 0;font-size:.85rem;display:flex}.d2 .stat-label{color:var(--text-secondary)}.d2 .stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.d2 .stat-delta{margin-left:.35rem;font-size:.75rem;font-weight:700}.d2 .stat-delta.pos{color:var(--good)}.d2 .stat-delta.neg{color:var(--bad)}.d2 .build-shop-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.d2 .shop-search{flex:220px;max-width:none;height:38px;margin:0}.d2 .shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;max-height:560px;padding:2px;display:grid;overflow-y:auto}.d2 .shop-item{background:var(--surface-2);color:var(--text-primary);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;display:flex;position:relative}.d2 .shop-item:hover,.d2 .shop-item.inspected{border-color:var(--gold)}.d2 .shop-item:active{transform:scale(.97)}.d2 .shop-item img{object-fit:cover;background:#0e1117;border-radius:5px;width:64px;height:47px}.d2 .shop-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;font-size:.7rem;line-height:1.15;display:-webkit-box;overflow:hidden}.d2 .shop-rec{color:var(--gold);font-size:.8rem;position:absolute;top:4px;right:6px}.d2 .item-detail{position:sticky;top:1rem}.d2 .item-detail-img{object-fit:cover;border-radius:8px;width:88px;height:64px}.d2 .component-img{object-fit:cover;border-radius:4px;width:44px;height:32px}@media (width<=1100px){.d2 .build-layout,.d2 .build-shop-layout{grid-template-columns:minmax(0,1fr)}.d2 .item-detail{position:static}}@media (width<=640px){.d2 .inv-wrap{grid-template-columns:minmax(0,1fr)}.d2 .inv-hero{height:180px}.d2 .shop-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:440px}.d2 .shop-item img{width:56px;height:41px}.d2 .attr-total{font-size:1.25rem}.d2 .inv-remove{opacity:1}}.d2 .drag-ghost{z-index:300;object-fit:cover;pointer-events:none;width:70px;height:51px;box-shadow:0 10px 24px #0009, 0 0 0 2px var(--gold);border-radius:8px;position:fixed;transform:translate(-50%,-60%)rotate(-4deg)}body.dragging-item,body.dragging-item *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.d2 .shop-item,.d2 .inv-slot{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.d2 .inv-slot.filled{cursor:grab}.d2.d2-page{background:var(--bg);width:min(1360px,100% - 32px);color:var(--text-primary);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;gap:1rem;margin:24px auto 48px;padding:1.5rem;display:flex}@media (width<=760px){.d2.d2-page{border-width:0;border-radius:0;width:100%;margin:0;padding:1rem 16px 2rem}}.d2 h1,.d2 h2,.d2 h3,.d2 h4{text-transform:none;letter-spacing:0;font-family:inherit}.d2 p{color:inherit;line-height:1.5}.d2 .page-head p,.d2 .secondary{color:var(--text-secondary)}.d2 .pill.editorial{color:#c9b8f0;background:#9678e61f;border-color:#9678e673}.d2 .source-note{color:var(--text-muted);margin:0;font-size:.78rem}.d2 .notes{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.d2 .notes h2{margin-bottom:.6rem}.d2 .notes p,.d2 .notes li{color:var(--text-secondary);max-width:78ch;font-size:.9rem;line-height:1.65}.d2 .notes a{color:var(--gold)}.d2 .sitemap-list{columns:3 220px;padding-left:1.1rem}.d2 .sitemap-list li{color:var(--text-secondary);margin-bottom:.3rem}.d2 .chart-box{height:auto;min-height:0}.d2 .svg-chart svg{width:100%;height:auto;max-height:340px;display:block;overflow:visible}.d2 .chart-label{fill:var(--text-secondary);font-size:11px}.d2 .chart-value{fill:var(--text-muted);font-size:10px}.d2 .chart-axis{stroke:#7d88994d}.d2 .chart-grid{fill:none;stroke:#7d88992e}.d2 .chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.9rem;margin-bottom:.4rem;font-size:.75rem;display:flex}.d2 .chart-legend i{border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.d2 .pill{font:inherit;text-transform:none;letter-spacing:0;padding:.12rem .5rem;font-size:.74rem;font-weight:500}
