@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&family=Poppins:wght@400;500;600;800&display=swap";
.dui-fantasy{--draft-green:#4d7;--draft-green-hi:#6cff98;--draft-green-lo:#1e9c4c;--draft-green-ink:#053417;--bg-0:#07090c;--bg-1:#0d1014;--bg-2:#141923;--bg-3:#1c222e;--bg-4:#262d3b;--fg-1:#f5f7fa;--fg-2:#a8b1bf;--fg-3:#6b7384;--fg-4:#3e4656;--live:#f35;--accent-violet:#b366ff;--accent-gold:#ffce3f;--line-1:#ffffff0f;--line-2:#ffffff1f;--line-3:#ffffff38;--line-green:#44dd7773;--rarity-common-1:#8a95a8;--rarity-common-2:#5a6576;--rarity-common-glow:#8a95a859;--rarity-rare-1:#3b9eff;--rarity-rare-2:#1e5fbf;--rarity-rare-glow:#3b9eff73;--rarity-epic-1:#b366ff;--rarity-epic-2:#6b2fb8;--rarity-epic-glow:#b366ff80;--rarity-legendary-1:#ffce3f;--rarity-legendary-2:#ff8a1e;--rarity-legendary-glow:#ffce3f8c;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-hype:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.56s;--font-display:"Barlow Condensed", "Oswald", "Impact", sans-serif;--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;background:radial-gradient(ellipse 80% 40% at 50% 0%, #44dd770f 0%, transparent 60%), var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);min-height:100vh}.dui-fantasy .wrap{max-width:1280px;margin:0 auto;padding:28px 24px 80px}.dui-fantasy .page-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dui-fantasy .page-hd h1{font:900 48px/1 var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--fg-1);margin:0}.dui-fantasy .page-hd h1 .accent{color:var(--draft-green)}.dui-fantasy .page-hd .sub{font:500 14px/1.4 var(--font-sans);color:var(--fg-2);margin-top:8px}.dui-fantasy .page-hd .sub b{color:var(--fg-1);font-weight:700}.dui-fantasy .page-hd .sub .sep{color:var(--fg-4);margin:0 10px}.dui-fantasy .hd-stats{flex-wrap:wrap;gap:18px;display:flex}.dui-fantasy .hd-stat{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-md);min-width:90px;padding:10px 16px}.dui-fantasy .hd-stat .k{font:800 9px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.dui-fantasy .hd-stat .v{font:700 18px/1.1 var(--font-mono);color:var(--fg-1);font-variant-numeric:tabular-nums;margin-top:6px}.dui-fantasy .hd-stat .v.green{color:var(--draft-green)}.dui-fantasy .hd-stat .v.gold{color:var(--accent-gold)}.dui-fantasy .sec-hd{align-items:center;gap:12px;margin-bottom:16px;display:flex}.dui-fantasy .sec-hd h2{font:900 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);margin:0}.dui-fantasy .sec-hd .count{font:700 11px/1 var(--font-mono);color:var(--draft-green);background:#44dd771a;border-radius:6px;padding:4px 8px}.dui-fantasy .sec-hd .rule{background:var(--line-1);flex:1;height:1px}.dui-fantasy .btn{border-radius:var(--r-md);font:800 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all var(--dur-2) var(--ease-snap);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:inline-flex}.dui-fantasy .btn-primary{background:var(--draft-green);color:var(--draft-green-ink);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 6px 18px -4px #44dd7773}.dui-fantasy .btn-primary:hover{background:var(--draft-green-hi);transform:translateY(-1px)}.dui-fantasy .btn-primary:disabled{background:var(--bg-3);color:var(--fg-3);cursor:not-allowed;box-shadow:none;transform:none}.dui-fantasy .btn-secondary{background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line-2)}.dui-fantasy .btn-secondary:hover{background:var(--bg-3);border-color:var(--line-3)}.dui-fantasy .btn-lg{padding:16px 28px;font-size:14px}.dui-fantasy .r-dot{font:600 11px/1 var(--font-sans);color:var(--fg-2);align-items:center;gap:6px;display:inline-flex}.dui-fantasy .r-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.dui-fantasy .r-dot.common{color:var(--rarity-common-1)}.dui-fantasy .r-dot.rare{color:var(--rarity-rare-1)}.dui-fantasy .r-dot.epic{color:var(--rarity-epic-1)}.dui-fantasy .r-dot.legendary{color:var(--rarity-legendary-1)}.dui-fantasy .live-dot{background:var(--live);width:6px;height:6px;box-shadow:0 0 8px var(--live);border-radius:50%;animation:1.4s ease-in-out infinite duiPulse;display:inline-block}@keyframes duiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dui-fantasy .pc{cursor:pointer;isolation:isolate;width:200px;height:280px;transition:transform var(--dur-2) var(--ease-snap), box-shadow var(--dur-2);border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.dui-fantasy .pc.sm{border-radius:10px;width:140px;height:196px}.dui-fantasy .pc.lg{border-radius:18px;width:280px;height:392px}.dui-fantasy .pc:hover{transform:translateY(-4px)}.dui-fantasy .pc-frame{z-index:0;background:linear-gradient(160deg, var(--r1) 0%, var(--r2) 60%, #0a0d12 100%);position:absolute;inset:0}.dui-fantasy .pc-frame:before{content:"";mix-blend-mode:overlay;opacity:.7;background:repeating-linear-gradient(115deg,#0000 0 14px,#ffffff0a 14px 16px,#0000 16px 32px);position:absolute;inset:0}.dui-fantasy .pc-frame:after{content:"";transition:transform var(--dur-3) var(--ease-snap);mix-blend-mode:screen;background:radial-gradient(circle at 30% 20%,#ffffff2e 0%,#0000 35%);position:absolute;inset:-20%}.dui-fantasy .pc:hover .pc-frame:after{transform:translate(20%,30%)}.dui-fantasy .pc-inner{z-index:1;background:linear-gradient(#1a212e 0%,#0d1117 100%);border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:6px;overflow:hidden}.dui-fantasy .pc.sm .pc-inner{border-radius:7px;inset:4px}.dui-fantasy .pc.lg .pc-inner{border-radius:14px;inset:8px}.dui-fantasy .pc-top{z-index:3;background:linear-gradient(#00000080 0%,#0000 100%);justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:relative}.dui-fantasy .pc-top .pos{font:800 18px/1 var(--font-display);letter-spacing:.12em;color:#fff;background:#00000080;border:1px solid #ffffff2e;border-radius:4px;padding:4px 6px}.dui-fantasy .pc-top .ovr{font:900 24px/1 var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--r-text);text-shadow:0 1px 3px #0009;margin-left:auto}.dui-fantasy .pc.sm .pc-top{padding:5px 7px}.dui-fantasy .pc.sm .pc-top .pos{padding:3px 4px;font-size:7px}.dui-fantasy .pc.sm .pc-top .ovr{font-size:15px}.dui-fantasy .pc.lg .pc-top .ovr{font-size:32px}.dui-fantasy .pc-portrait{background:radial-gradient(circle at 50% 30%, var(--r1) 0%, transparent 60%), linear-gradient(180deg, #ffffff0a 0%, transparent 50%);flex:1;position:relative;overflow:hidden}.dui-fantasy .pc-portrait:before{content:attr(data-jersey);font:900 220px/.8 var(--font-display);color:#ffffff0f;letter-spacing:-.04em;pointer-events:none;z-index:1;position:absolute;bottom:-10%;right:-8%}.dui-fantasy .pc.sm .pc-portrait:before{font-size:140px}.dui-fantasy .pc.lg .pc-portrait:before{font-size:300px}.dui-fantasy .pc-portrait .pc-glyph{display:none}.dui-fantasy .pc-portrait img.pc-photo{z-index:2;filter:drop-shadow(0 8px 20px #0009);pointer-events:none;object-fit:unset!important;object-position:unset!important;width:100%!important;height:auto!important;position:absolute!important;inset:0 auto auto 0!important}.dui-fantasy .pc-portrait img.pc-team{z-index:3;opacity:.85;filter:drop-shadow(0 2px 6px #0009);object-fit:contain;width:32px;height:32px;position:absolute;top:8px;right:8px}.dui-fantasy .pc.sm .pc-portrait img.pc-team{width:22px;height:22px;top:5px;right:5px}.dui-fantasy .pc.lg .pc-portrait img.pc-team{width:44px;height:44px;top:10px;right:10px}.dui-fantasy .pc-plate{z-index:3;background:linear-gradient(#0000 0%,#000000d9 30%,#000000f2 100%);padding:10px 12px 12px;position:relative}.dui-fantasy .pc-plate .name{font:900 18px/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dui-fantasy .pc-plate .meta{font:600 10px/1 var(--font-sans);color:var(--fg-3);align-items:center;gap:6px;margin-top:4px;display:flex}.dui-fantasy .pc-plate .meta .dot{background:currentColor;border-radius:50%;width:3px;height:3px}.dui-fantasy .pc.sm .pc-plate{padding:6px 7px 7px}.dui-fantasy .pc.sm .pc-plate .name{font-size:12px}.dui-fantasy .pc.sm .pc-plate .meta{gap:4px;margin-top:2px;font-size:10px}.dui-fantasy .pc.lg .pc-plate{padding:14px 16px 16px}.dui-fantasy .pc.lg .pc-plate .name{font-size:24px}.dui-fantasy .pc.lg .pc-plate .meta{font-size:12px}.dui-fantasy .pc-stats{border-top:1px solid #ffffff14;gap:0;margin-top:8px;padding-top:8px;display:flex}.dui-fantasy .pc-stats .st{text-align:center;flex:1}.dui-fantasy .pc-stats .st .k{font:700 8px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.dui-fantasy .pc-stats .st .v{font:700 13px/1.1 var(--font-mono);color:#fff;font-variant-numeric:tabular-nums;margin-top:3px}.dui-fantasy .pc-stats .st .v.green{color:var(--draft-green)}.dui-fantasy .pc.sm .pc-stats{display:none}.dui-fantasy .pc.lg .pc-stats .st .v{font-size:16px}.dui-fantasy .pc.selected{outline:3px solid var(--draft-green);outline-offset:3px;box-shadow:0 0 0 1px var(--draft-green), 0 0 30px #44dd7780!important}.dui-fantasy .pc-badge{z-index:6;background:var(--bg-0);border:1px solid var(--line-2);border-radius:var(--r-pill);font:800 9px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);padding:4px 9px;position:absolute;top:-6px;right:-6px;box-shadow:0 4px 12px #0006}.dui-fantasy .pc.common{--r1:var(--rarity-common-1);--r2:var(--rarity-common-2);--r-text:#c5ccd8;box-shadow:0 8px 20px -8px #0009,0 0 0 1px #ffffff14}.dui-fantasy .pc.uncommon{--r1:var(--draft-green);--r2:var(--draft-green-lo);--r-text:#b7f5cd;box-shadow:0 8px 20px -8px #0009,0 0 0 1px #4d76,0 0 16px #44dd7726}.dui-fantasy .pc.rare{--r1:var(--rarity-rare-1);--r2:var(--rarity-rare-2);--r-text:#bcdcff;box-shadow:0 8px 20px -8px #0009,0 0 0 1px #3b9eff66,0 0 16px #3b9eff26}.dui-fantasy .pc.epic{--r1:var(--rarity-epic-1);--r2:var(--rarity-epic-2);--r-text:#ddb8ff;box-shadow:0 8px 20px -8px #0009,0 0 0 1px #b366ff73,0 0 18px #b366ff33}.dui-fantasy .pc.epic .pc-frame:before{animation:3s linear infinite duiEpicShimmer}.dui-fantasy .pc.legendary{--r1:var(--rarity-legendary-1);--r2:var(--rarity-legendary-2);--r-text:#ffe89b;box-shadow:0 8px 24px -8px #0009,0 0 0 1px #ffce3f8c,0 0 26px #ffce3f4d}.dui-fantasy .pc.legendary .pc-frame:before{animation:2.4s linear infinite duiLegShimmer}.dui-fantasy .pc.legendary .pc-frame{background:linear-gradient(160deg, var(--r1) 0%, var(--r2) 50%, #8a3a00 80%, #1a0a00 100%)}.dui-fantasy .pc.legendary:after{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--rarity-legendary-1), var(--rarity-legendary-2), var(--rarity-legendary-1));z-index:-1;filter:blur(12px);opacity:.5;animation:6s linear infinite duiLegAura;position:absolute;inset:-3px}@keyframes duiEpicShimmer{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes duiLegShimmer{0%,to{opacity:.7}50%{opacity:1}}@keyframes duiLegAura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dui-fantasy .pc-stack{z-index:5;background:var(--bg-0);border:2px solid var(--draft-green);border-radius:var(--r-pill);min-width:28px;height:28px;font:800 12px/1 var(--font-mono);color:var(--draft-green);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #0006,0 0 12px #4d76}.dui-fantasy{--loss:#ff4757}.dui-fantasy .btn-ghost{color:var(--fg-2);background:0 0}.dui-fantasy .btn-ghost:hover{color:var(--fg-1);background:#ffffff0a}.dui-fantasy .btn-sm{padding:8px 14px;font-size:10px}.dui-fantasy .green{color:var(--draft-green)}.dui-fantasy .gold{color:var(--accent-gold)}.dui-fantasy .muted{color:var(--fg-3)}.dui-fantasy .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}