.dp{--dp-display:var(--font-chakra-petch),system-ui,sans-serif;--dp-body:var(--font-inter),system-ui,sans-serif;--dp-mono:var(--font-jetbrains-mono),ui-monospace,monospace;background:hsl(var(--background));color:hsl(var(--foreground));position:relative}.dp:before{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 40% at 50% -2%,hsl(var(--brand-a)/.1),transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,hsl(var(--brand-b)/.06),transparent 60%);z-index:0;position:absolute;inset:0}.dp>*{z-index:1;position:relative}.dp-toolbar{border-bottom:1px solid hsl(var(--line-soft));flex-wrap:wrap;align-items:center;gap:14px;padding:14px 28px;display:flex}.dp-btn-ghost-sm,button.dp-btn-ghost-sm{border:1px solid hsl(var(--line));background:hsl(var(--bg-2));height:36px;color:hsl(var(--fg-2));font-size:13px;font-family:var(--font-inter),system-ui,sans-serif;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.dp-btn-ghost-sm:hover,button.dp-btn-ghost-sm:hover{border-color:hsl(var(--line-strong));color:hsl(var(--foreground));background:hsl(var(--bg-3))}.dp-btn-ghost-sm svg{width:14px;height:14px}.dp-pick-order-trigger{min-width:160px}.dk-analysis-btn{height:48px;font-family:var(--font-chakra-petch),system-ui,sans-serif;letter-spacing:.02em;border-radius:10px;padding-left:22px;padding-right:22px;font-size:14px;font-weight:600}.dp-analysis-block{margin-bottom:100px}.dp-analysis-block-padded{padding:0 28px 80px}.dp-toolbar-link{color:hsl(var(--fg-3));font-size:13px;transition:color .15s}.dp-toolbar-link:hover{color:hsl(var(--foreground))}.dp-toolbar-right{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;color:hsl(var(--fg-3));align-items:center;gap:14px;margin-left:auto;font-size:11px;display:flex}.dp-next-pick{text-align:center;font-family:var(--font-chakra-petch),system-ui,sans-serif;letter-spacing:.18em;color:hsl(var(--fg-3));border-bottom:1px solid hsl(var(--line-soft));background:linear-gradient(180deg,transparent,hsl(var(--bg-2)/.6));text-transform:uppercase;padding:14px 0;font-size:14px}.dp-next-pick .team-blue{color:hsl(var(--team-blue));text-shadow:0 0 16px hsl(var(--team-blue)/.5);font-weight:700}.dp-next-pick .team-red{color:hsl(var(--team-red));text-shadow:0 0 16px hsl(var(--team-red)/.5);font-weight:700}.dk-team-panel{border:1px solid hsl(var(--line-soft));border-radius:12px;flex-direction:column;gap:8px;width:100%;height:100%;padding:12px 10px;display:flex;position:relative;overflow:hidden}.dk-team-panel--blue{background:linear-gradient(180deg,hsl(var(--team-blue)/.1),transparent 70%),hsl(var(--bg-2));border-top:2px solid hsl(var(--team-blue)/.4)}.dk-team-panel--red{background:linear-gradient(180deg,hsl(var(--team-red)/.1),transparent 70%),hsl(var(--bg-2));border-top:2px solid hsl(var(--team-red)/.4)}.dk-team-panel-header{font-family:var(--font-chakra-petch),system-ui,sans-serif;letter-spacing:.18em;color:hsl(var(--foreground));text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:6px 0 10px;font-size:13px;font-weight:700;display:flex}.dk-team-panel--blue .dk-team-panel-header{color:#a8c2f0}.dk-team-panel--red .dk-team-panel-header{color:#eeafa0}.dk-team-panel-header .dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dk-team-panel--blue .dk-team-panel-header .dot{background:hsl(var(--team-blue));box-shadow:0 0 8px hsl(var(--team-blue))}.dk-team-panel--red .dk-team-panel-header .dot{background:hsl(var(--team-red));box-shadow:0 0 8px hsl(var(--team-red))}.dk-team-panel-slots{flex-direction:column;flex:1;justify-content:space-between;margin-top:4px;display:flex}.dk-slot-btn{border:1px solid hsl(var(--line));background:hsl(var(--bg));width:32px;height:32px;color:hsl(var(--fg-3));cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:color .13s,border-color .13s,background .13s;display:inline-flex}.dk-slot-btn:hover{color:hsl(var(--foreground));border-color:hsl(var(--line-strong));background:hsl(var(--bg-3))}.dk-slot-btn svg{color:currentColor;width:16px;height:16px}.dk-slot-glow--blue{background:hsl(var(--team-blue)/.1);box-shadow:0 0 0 1px hsl(var(--team-blue)/.4),0 0 16px -4px hsl(var(--team-blue)/.4)}.dk-slot-glow--red{background:hsl(var(--team-red)/.1);box-shadow:0 0 0 1px hsl(var(--team-red)/.4),0 0 16px -4px hsl(var(--team-red)/.4)}.dk-champ-panel{border:1px solid hsl(var(--line-soft));background:hsl(var(--bg-2));border-radius:12px;flex-direction:column;height:560px;display:flex;overflow:hidden}.dk-champ-panel-search{border-bottom:1px solid hsl(var(--line-soft));padding:10px 12px}.dk-champ-panel-search input[type=text]{background:hsl(var(--bg));border:1px solid hsl(var(--line));width:100%;color:hsl(var(--foreground));font-family:var(--font-inter),system-ui,sans-serif;height:auto;box-shadow:none;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.dk-champ-panel-search input[type=text]::placeholder{color:hsl(var(--fg-3))}.dk-champ-panel-search input[type=text]:focus,.dk-champ-panel-search input[type=text]:focus-visible{border-color:hsl(var(--brand-b)/.6);box-shadow:0 0 0 1px hsl(var(--brand-b)/.3)}.dk-champ-panel-filters{border-bottom:1px solid hsl(var(--line-soft));align-items:center;gap:12px;padding:10px 12px;display:flex}.dk-champ-panel-filters-label{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;letter-spacing:.12em;color:hsl(var(--fg-4));text-transform:uppercase;font-size:10px}.dk-chip{border:1px solid hsl(var(--line-soft));background:hsl(var(--bg));min-width:32px;color:hsl(var(--fg-3));cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:6px 10px;transition:color .13s,border-color .13s,background .13s;display:inline-flex}.dk-chip:hover{color:hsl(var(--foreground));border-color:hsl(var(--line))}.dk-chip--active{color:hsl(var(--foreground));border-color:hsl(var(--brand-b)/.6);background:hsl(var(--brand-b)/.1);box-shadow:0 0 0 1px hsl(var(--brand-b)/.3)}.dk-champ-panel-list{scrollbar-gutter:stable;flex:1;padding:12px;overflow-y:auto}.dk-champ-panel-list .cursor-pointer.relative:hover{filter:brightness(1.05);transform:translateY(-1px)}.dp-pro-tip{text-align:center;color:hsl(var(--fg-3));padding:14px 28px;font-size:13px}.dp-pro-tip strong{color:hsl(var(--brand-b));font-weight:600}.dp-pro-tip a{text-decoration:underline;-webkit-text-decoration-color:hsl(var(--line));text-decoration-color:hsl(var(--line));text-underline-offset:4px;transition:text-decoration-color .15s,color .15s}.dp-pro-tip a:hover{-webkit-text-decoration-color:hsl(var(--brand-b));text-decoration-color:hsl(var(--brand-b));color:hsl(var(--foreground))}.dk-analysis-card{border:1px solid hsl(var(--line-soft));background:linear-gradient(180deg,hsl(var(--bg-3)),hsl(var(--bg-2)));border-radius:16px;margin:18px 0 0;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #00000080}.dk-analysis-card:before{content:"";pointer-events:none;background:radial-gradient(ellipse 60% 40% at 100% 0%,hsl(var(--brand-b)/.1),transparent 60%),radial-gradient(ellipse 60% 40% at 0% 0%,hsl(var(--brand-a)/.08),transparent 60%);border-radius:inherit;position:absolute;inset:0}.dk-analysis-card>*{position:relative}.dp-trial-banner{background:linear-gradient(135deg,hsl(var(--brand-a)/.5),hsl(var(--brand-b)/.5),hsl(var(--brand-a)/.2));border-radius:14px;margin:18px 0 24px;padding:1px;position:relative}.dp-trial-banner-inner{background:radial-gradient(ellipse 60% 100% at 0% 50%,hsl(var(--brand-a)/.18),transparent 60%),radial-gradient(ellipse 60% 100% at 100% 50%,hsl(var(--brand-b)/.14),transparent 60%),hsl(var(--bg-2));border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;display:grid;position:relative}.dp-trial-icon{background:linear-gradient(90deg,hsl(var(--brand-a)),hsl(var(--brand-b)));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 24px -6px #2db7d299,inset 0 0 0 1px #ffffff1a}.dp-trial-icon svg{width:22px;height:22px}.dp-trial-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dp-trial-title{font-family:var(--font-chakra-petch),system-ui,sans-serif;color:hsl(var(--foreground));align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.dp-trial-tag{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;background:hsl(var(--brand-b)/.15);color:hsl(var(--brand-b));border:1px solid hsl(var(--brand-b)/.3);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px}.dp-trial-sub{color:hsl(var(--fg-3));font-size:13px}.dp-btn-upgrade{background:linear-gradient(90deg,hsl(var(--brand-a)),hsl(var(--brand-b)));color:#fff;font-family:var(--font-chakra-petch),system-ui,sans-serif;letter-spacing:.02em;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px -8px #1f7eadb3,inset 0 0 0 1px #ffffff1f}.dp-trial-banner a.dp-btn-upgrade{color:#fff}.dp-btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 12px 32px -8px #1f7eadd9,inset 0 0 0 1px #ffffff2e}.dp-btn-upgrade svg{width:14px;height:14px}@media (max-width:600px){.dp-trial-banner-inner{grid-template-columns:auto 1fr;gap:12px 14px;padding:14px 16px}.dp-trial-icon{grid-area:1/1}.dp-trial-text{grid-area:1/2}.dp-btn-upgrade{grid-area:2/1/auto/-1;justify-content:center}.dp-trial-title{flex-wrap:wrap;gap:8px;font-size:14px}.dp-trial-tag{padding:2px 6px;font-size:9px}}.dp-draft-grid{grid-template-columns:184px 1fr 184px;gap:16px;padding:18px 28px;display:grid}@media (max-width:980px){.dp-draft-grid{grid-template-columns:1fr}}
.dp-page-header{text-align:center;max-width:1400px;margin:0 auto;padding:32px 28px 20px}.dp-page-header h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,3.6vw,44px);line-height:1.1}.dp-page-header p{color:hsl(var(--fg-3));letter-spacing:.04em;margin:8px 0 0;font-size:13px}.dp .dp-toolbar,.dp .dp-draft-grid,.dp .dp-pro-tip,.dp .dp-analysis-block{max-width:1400px;margin-left:auto;margin-right:auto}.dp .draft-analysis{max-width:1100px;margin-left:auto;margin-right:auto;padding:18px 28px 28px}.dp .draft-analysis>.dk-analysis-card{margin-top:18px}