@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d598b2fbe51cc254-s.3ec552e0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e531266682ee0b2-s.d634be4c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/4bc62d0d5f9ae771-s.p.d74f0500.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/fdbfb7080a87a334-s.p.3be6c8ae.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.e644b68f.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.7dda2f4b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.p.b093ab45.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.b3163490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.96754dc3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.cfb14465.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.p.a32f81c5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.eabc3dff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.5eeb9c45.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.71b7b808.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.p.a98998d3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.772b3575.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.686004b0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.56af7f28.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.p.823aae1d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.fc7dc774.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_e3615962-module__pCZYpq__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_e3615962-module__pCZYpq__variable{--font-kanit:"Kanit","Kanit Fallback"}
:root{--color-background:#050816;--color-background-surface:#0a0a10;--color-panel-border:#ffffff1a;--color-text-primary:#f9fafb;--color-text-muted:#9ca3af;--color-brand:#dcf230;--color-brand-text:#000;--color-accent:#3b82f6;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--shadow-panel:0px 8px 20px 0px #0000003d}body.pickban-dragging,body.pickban-dragging *{cursor:grabbing!important}html,body{height:100%;font-family:var(--font-kanit),"Kanit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:var(--color-background);color:var(--color-text-primary);margin:0;padding:0}*,:before,:after{box-sizing:border-box}.skip-link{z-index:10000;background:var(--color-brand);color:var(--color-brand-text);border-radius:var(--radius-sm);padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:8px}.skip-link:focus{outline-offset:2px;outline:2px solid #fffc;top:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #fffc}.format-dropdown-option:hover{background:#ffffff14!important}.champion-grid{flex-wrap:wrap;display:flex!important}main{min-height:100vh}.page-container{max-width:960px;margin:0 auto;padding:4rem 1.5rem}.page-title{letter-spacing:-.04em;font-size:2.25rem;font-weight:600}.page-subtitle{color:#9ca3af;margin-top:.75rem}.btn-row{gap:.75rem;margin-top:2rem;display:flex}.btn-primary{color:#f9fafb;cursor:pointer;background:#dc2626;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:#ef4444}.btn-outline{color:#f9fafb;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-outline:hover{background:#111827}.landing-page{min-height:100vh;padding:0 0 4rem;position:relative}.landing-wrap{z-index:1;flex-direction:column;gap:3.5rem;width:100%;max-width:960px;margin:0 auto;padding:7rem 1.5rem 0;display:flex;position:relative}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#a7a7a726;border:.5px solid #ffffff1a;border-radius:8px;width:calc(100% - 32px);max-width:1296px;padding:8px 16px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000003d}.landing-nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.landing-nav-mobile-row{flex:100%;align-items:center;gap:8px;width:100%;display:none}.landing-nav-menu-btn{width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.landing-nav-menu-btn:hover{color:var(--color-brand);background:#ffffff14}.landing-nav-mobile-spacer{flex:1;min-width:8px}.landing-nav-mobile-lang{flex-shrink:0}@media (max-width:1090px){.landing-nav-mobile-row{display:flex}.landing-nav-desktop-logo,.landing-nav-pill,.landing-nav-actions{display:none!important}}.landing-nav-logo{color:inherit;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.landing-nav-logo-img{width:auto;height:32px;display:block}.landing-nav-pill{background:0 0;border:.5px solid #ffffff1a;border-radius:80px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.landing-nav-pill-link{color:var(--color-text-primary);border-radius:80px;padding:.5rem 16px;font-size:.9375rem;text-decoration:none;transition:background .2s,color .2s}.landing-nav-pill-link:hover{color:var(--color-brand);background:#ffffff0f}.landing-nav-pill-link-active{color:#dcf230;background:#dcf23033}.landing-nav-pill-link-active:hover{color:#dcf230;background:#dcf23040}.landing-nav-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.landing-nav-user{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.landing-nav-user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.875rem;font-weight:500;overflow:hidden}@media (max-width:1090px){.landing-nav-user-name{max-width:100px}}.landing-nav-drawer-user{background:#ffffff0a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.landing-nav-drawer-user .landing-nav-user-name{max-width:none}.landing-nav-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s landing-nav-overlay-in;position:fixed;inset:0}@keyframes landing-nav-overlay-in{0%{opacity:0}to{opacity:1}}.landing-nav-drawer{z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#a7a7a726;border-right:.5px solid #ffffff1a;flex-direction:column;width:min(280px,85vw);max-width:280px;padding:1rem 0;animation:.25s landing-nav-drawer-in;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 24px #0003}@keyframes landing-nav-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.landing-nav-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 1rem .5rem;display:flex}.landing-nav-drawer-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.landing-nav-drawer-close{width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.landing-nav-drawer-close:hover{color:var(--color-brand);background:#ffffff14}.landing-nav-drawer-nav{flex-direction:column;flex:1;gap:2px;padding:.5rem 0;display:flex;overflow:auto}.landing-nav-drawer-link{color:var(--color-text-primary);border-radius:8px;margin:0 .5rem;padding:.75rem 1rem;font-size:.9375rem;text-decoration:none;transition:background .2s,color .2s;display:block}.landing-nav-drawer-link:hover{color:var(--color-brand);background:#ffffff14}.landing-nav-drawer-link-secondary{color:var(--color-text-muted)}.landing-nav-drawer-ctas{border-top:1px solid #ffffff1a;flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem 1rem 0;display:flex}.landing-nav-drawer-cta{justify-content:center;width:100%}.landing-lang-wrap{position:relative}.landing-lang-btn{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:80px;justify-content:center;align-items:center;gap:2px;padding:0;transition:background .2s,color .2s;display:flex}.landing-lang-btn:hover{color:var(--color-text-primary);background:#ffffff14}.landing-lang-chevron{opacity:.8;transition:transform .2s}.landing-lang-btn[aria-expanded=true] .landing-lang-chevron{transform:rotate(180deg)}.landing-lang-dropdown{flex-direction:column;gap:2px;display:flex}.landing-lang-option{color:var(--color-text-primary);border-radius:6px;padding:.5rem 12px;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s;display:block}.landing-lang-option:hover{color:var(--color-brand);background:#ffffff14}.landing-lang-option-active{color:#dcf230;background:#dcf23033;font-weight:600}.landing-cta{border-radius:8px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:filter .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.landing-cta-nav{padding:.5rem 1rem}.landing-cta-primary{background:var(--color-brand);color:var(--color-brand-text)}.landing-cta-primary:hover{filter:brightness(1.08);box-shadow:0 0 0 2px #dcf23059}.landing-cta-secondary{color:var(--color-text-primary);background:0 0;border:1px solid #ffffff40}.landing-cta-secondary:hover{background:#ffffff0f;border-color:#ffffff59}.landing-hero{text-align:center;padding-top:64px;padding-bottom:64px}.landing-hero-title{color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-size:64px;font-weight:700;line-height:1.2}.landing-hero-intro{width:100%;color:var(--color-text-muted);margin:1.25rem 0 0;font-size:20px;font-weight:200;line-height:1.55}.landing-hero-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.landing-tag{color:#fff;background:#dcf2301a;border:1px solid #dcf23066;border-radius:9999px;align-items:center;padding:.4rem .875rem;font-size:14px;display:inline-flex}.landing-section{padding-top:64px;padding-bottom:64px}.landing-h2{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600}.landing-h2-center{text-align:center;margin-bottom:1.25rem}.landing-tools-three{grid-template-columns:1fr;gap:1rem;margin-top:.5rem;display:grid}@media (min-width:640px){.landing-tools-three{grid-template-columns:repeat(3,1fr)}}.landing-tool-card-wrap{color:inherit;flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.landing-tool-card-wrap-soon{cursor:not-allowed}.landing-tool-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;min-height:300px;padding:1.25rem;transition:background .2s,border-color .2s,transform .25s;display:flex;position:relative;overflow:hidden}.landing-tool-card-wrap:hover .landing-tool-card{background:#ffffff14;border-color:#fff6;transform:scale(1.04)}.landing-tool-card-wrap-soon .landing-tool-card{transition:none}.landing-tool-card-wrap-soon:hover .landing-tool-card{transform:none}.landing-tool-card-tag{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;height:24px;margin-bottom:.75rem;padding:0 .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.landing-tool-card-tag img{object-fit:contain;width:16px;height:16px;display:block}.landing-tool-card-tag-lol{background:#30cef233;border:1px solid #30cef266}.landing-tool-card-tag-valorant{background:#ff465533;border:1px solid #ff465566}.landing-tool-card-body{flex-direction:column;align-items:flex-start;width:100%;margin-top:auto;margin-bottom:0;transition:transform .25s,margin-bottom .25s;display:flex}.landing-tool-card-wrap:hover .landing-tool-card-body{margin-bottom:16px;transform:translateY(-10px)}.landing-tool-card-wrap-soon .landing-tool-card-body{transition:none}.landing-tool-card-wrap-soon:hover .landing-tool-card-body{margin-bottom:0;transform:none}.landing-tool-card-soon{opacity:.85}.landing-tool-card-wrap-soon:hover .landing-tool-card-soon{background:#ffffff0a;border-color:#ffffff1a}.landing-tool-card-icon{margin-bottom:.75rem;font-size:1.5rem;line-height:1}.landing-tool-card-title{color:var(--color-text-primary);font-size:1.0625rem;font-weight:600}.landing-tool-card-desc{color:var(--color-text-muted);flex:1;margin:.5rem 0 0;font-size:14px;line-height:1.45}.landing-tool-card-btn{color:var(--color-brand);font-size:.8125rem;font-weight:500;transition:bottom .25s;position:absolute;bottom:-20px;left:1.25rem}.landing-tool-card-wrap:hover .landing-tool-card-btn{bottom:20px}.landing-tool-card-wrap-soon .landing-tool-card-btn{display:none}.landing-about-block{text-align:center}.landing-about-text{color:var(--color-text-muted);margin:0;font-size:20px;font-weight:200;line-height:1.55}.landing-about-text-center{margin-top:0}.landing-faq-accordion{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.landing-faq-details{border-bottom:1px solid #ffffff14;grid-template-rows:auto 0fr;transition:grid-template-rows .3s;display:grid}.landing-faq-details[open]{grid-template-rows:auto 1fr}.landing-faq-answer-wrap{min-height:0;overflow:hidden}.landing-faq-answer-wrap .landing-faq-answer{animation:.3s landing-faq-answer-in}@keyframes landing-faq-answer-in{0%{opacity:0}to{opacity:1}}.landing-faq-details:first-of-type{border-top:1px solid #ffffff14}.landing-faq-summary{color:var(--color-text-primary);cursor:pointer;padding:1rem 2.5rem 1rem 0;font-size:20px;font-weight:600;list-style:none;transition:color .2s;position:relative}.landing-faq-summary::-webkit-details-marker{display:none}.landing-faq-summary-icon{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.landing-faq-details[open] .landing-faq-summary-icon{transform:translateY(-50%)rotate(45deg)}.landing-faq-summary:hover{color:var(--color-brand)}.landing-faq-answer{color:var(--color-text-muted);margin:0;padding:0 0 1rem;font-size:16px;line-height:1.5}.landing-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:1rem;padding-top:2rem}.landing-footer-disclaimer{color:var(--color-text-muted);margin:0;font-size:.8125rem}.landing-bg{pointer-events:none;z-index:0;background:#0a0a10;position:fixed;inset:0;overflow:hidden}.landing-glow{opacity:.5;mix-blend-mode:lighten;filter:blur(100px);border-radius:50%;width:1200px;height:4000px;position:absolute}.landing-glow-left{background:radial-gradient(circle,#09513380 0%,#09513359 15%,#09513333 30%,#0951331a 50%,#0951330a 70%,#09513303 85%,#0000 100%);top:50%;left:calc(18% - 600px);transform:translateY(-50%)}.landing-glow-right{background:radial-gradient(circle,#69650680 0%,#69650659 15%,#69650633 30%,#6965061a 50%,#6965060a 70%,#69650603 85%,#0000 100%);top:50%;left:calc(82% - 600px);transform:translateY(-50%)}.bento-grid{z-index:1;grid-template-columns:1fr;gap:1rem;width:100%;max-width:800px;margin:0 auto;display:grid;position:relative}.bento-cell{-webkit-backdrop-filter:blur(40px);background:#a3a0ab33;border:.5px solid #ffffff1a;border-radius:4px;padding:1.5rem;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 8px 20px #0000003d}.bento-cell:hover{border-color:#ffffff1f}.bento-hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:180px;display:flex}.bento-hero-logo{width:auto;height:56px;margin-bottom:.75rem}.bento-hero-tagline{color:#9ca3af;max-width:420px;margin:0;font-size:1.125rem}.bento-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.bento-tool-main{color:inherit;flex-direction:column;min-height:180px;text-decoration:none;display:flex}.bento-tool-main:hover{background:#ffffff0f;transform:translateY(-2px)}.bento-tool-icon{margin-bottom:.75rem;font-size:2rem}.bento-tool-title{color:#f9fafb;margin:0;font-size:1.25rem;font-weight:600}.bento-tool-desc{color:#9ca3af;flex:1;margin:.5rem 0 0;font-size:.875rem}.bento-tool-link{color:#dcf230;margin-top:1rem;font-size:.8125rem;font-weight:500}.driverjs-theme-dark.driver-popover{color:#e4e4e7;background-color:#27272a;border:.5px solid #ffffff1f;border-radius:8px}.driverjs-theme-dark .driver-popover-title{color:#f4f4f5;font-weight:600}.driverjs-theme-dark .driver-popover-description{color:#a1a1aa}.driverjs-theme-dark .driver-popover-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.driverjs-theme-dark .driver-popover-footer button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s;color:#e4e4e7!important;text-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.driverjs-theme-dark .driver-popover-footer button:hover{background:#ffffff1f!important;border-color:#ffffff40!important}.driverjs-theme-dark .driver-popover-close-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#e4e4e7!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.driverjs-theme-dark .driver-popover-close-btn:hover{background:#ffffff1f!important;border-color:#ffffff40!important}.driverjs-theme-dark .driver-popover-arrow{border-color:#27272a}.driverjs-theme-dark .driver-popover-progress-text{color:#a1a1aa;font-size:12px}.driver-skip-btn{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s;color:#a1a1aa!important;text-shadow:none!important;background:0 0!important;border:1px solid #ffffff1a!important;margin-right:auto!important}.driver-skip-btn:hover{color:#e4e4e7!important;background:#ffffff14!important;border-color:#ffffff26!important}@keyframes pick-smoke-rise{0%{opacity:.4;filter:blur(8px);transform:translateY(12px)scale(.98)}50%{opacity:.9;filter:blur(12px);transform:translateY(-6px)scale(1.02)}to{opacity:.5;filter:blur(16px);transform:translateY(-18px)scale(1.04)}}@keyframes pick-shimmer{0%{background-position:-80% 0}to{background-position:180% 0}}@keyframes pick-gradient-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pick-glow-pulse{0%,to{opacity:.7;box-shadow:inset 0 0 40px 12px #ffffff0f}50%{opacity:1;box-shadow:inset 0 0 70px 25px #ffffff24}}@keyframes pick-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(4px,-6px)scale(1.01)}50%{transform:translate(-5px,4px)scale(.99)}75%{transform:translate(3px,5px)scale(1.02)}}.pick-slot-smoke-wrap{border:1px solid var(--color-panel-border);transition:border-color .2s,box-shadow .2s,border-width .2s;position:relative}.pick-slot-smoke-wrap:hover,.pick-slot-smoke-wrap.pick-slot-drag-over{border:1px solid #fff;box-shadow:0 0 24px #fff3}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer,.pick-slot-smoke-wrap.pick-slot-drag-over .pick-slot-effect-layer{opacity:1}.pickban-format-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;transition:background .2s,border-color .2s,transform .25s}.pickban-format-card:hover{background:#ffffff14;border-color:#fff6;transform:scale(1.04)}.pickban-format-card.pickban-format-card-selected{background:#ffffff14;border-color:#fff6}.pickban-format-card.pickban-format-card-selected:hover{background:#ffffff14;border-color:#fff6;transform:scale(1.04)}.pickban-format-card.pickban-format-card-disabled:hover{background:#ffffff0a;border-color:#ffffff1a;transform:none}@media (max-width:768px){.landing-bento{box-sizing:border-box;padding-left:16px;padding-right:16px}.file-selection-content h1{font-size:1.5rem;font-weight:600}.file-selection-content .file-selection-subtitle{margin-bottom:2rem;font-size:.9375rem}.file-selection-content h2{font-size:1rem}.pickban-format-selector .pickban-format-card{width:100%;min-height:260px}.pickban-format-card-newmap{min-width:0;width:100%!important}.file-selection-content section[aria-label]{margin-top:1.5rem}}@media (max-width:600px){.pickban-format-selector{flex-direction:column!important}.pickban-format-selector .pickban-format-card,.pickban-format-card-newmap{height:auto!important;min-height:unset!important}}@media (max-width:480px){.landing-bento{padding-left:12px;padding-right:12px}.file-selection-content h1{font-size:1.25rem}.file-selection-content .file-selection-subtitle{margin-bottom:1.5rem;font-size:.875rem}}.pickban-myfiles-link:hover{background:#ffffff14;border-color:#fff3}.pick-slot-border-draw{pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0}.pick-slot-border-line{background:var(--color-accent);transition:none;position:absolute}.pick-slot-border-top{transform-origin:0;border-radius:4px 4px 0 0;width:100%;height:2px;top:0;left:0;transform:scaleX(0)}.pick-slot-border-right{transform-origin:top;border-radius:0 4px 4px 0;width:2px;height:100%;top:0;right:0;transform:scaleY(0)}.pick-slot-border-bottom{transform-origin:100%;border-radius:0 0 4px 4px;width:100%;height:2px;bottom:0;right:0;transform:scaleX(0)}.pick-slot-border-left{transform-origin:bottom;border-radius:4px 0 0 4px;width:2px;height:100%;bottom:0;left:0;transform:scaleY(0)}@keyframes pick-slot-border-draw-top{0%{transform:scaleX(0)}15%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes pick-slot-border-draw-right{0%{transform:scaleY(0)}15%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes pick-slot-border-draw-bottom{0%{transform:scaleX(0)}15%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes pick-slot-border-draw-left{0%{transform:scaleY(0)}15%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes pick-slot-selected-bg-pulse{0%,to{background-color:#a7a7a726}50%{background-color:#a7a7a74d}}.pick-slot-smoke-wrap.pick-slot-selected{border-color:#0000;animation:2s ease-in-out infinite pick-slot-selected-bg-pulse;box-shadow:0 0 20px #3b82f666}.pick-slot-smoke-wrap.pick-slot-selected .pick-slot-border-top{animation:3s ease-out infinite pick-slot-border-draw-top}.pick-slot-smoke-wrap.pick-slot-selected .pick-slot-border-right{animation:3s ease-out .1s infinite pick-slot-border-draw-right}.pick-slot-smoke-wrap.pick-slot-selected .pick-slot-border-bottom{animation:3s ease-out .2s infinite pick-slot-border-draw-bottom}.pick-slot-smoke-wrap.pick-slot-selected .pick-slot-border-left{animation:3s ease-out .3s infinite pick-slot-border-draw-left}.pick-slot-smoke-wrap.pick-slot-selected .pick-slot-effect-layer{opacity:1}.pick-slot-smoke-wrap.pick-slot-disabled{pointer-events:none;cursor:not-allowed}.pickban-has-selection .pick-slot-smoke-wrap:not(.pick-slot-selected):not(.pick-slot-has-champion){opacity:.45;pointer-events:none;cursor:not-allowed}.pick-slot-smoke-wrap .pick-slot-remove-btn{opacity:0;pointer-events:none;transition:opacity .2s}.pick-slot-smoke-wrap:hover .pick-slot-remove-btn,.pick-slot-smoke-wrap.pick-slot-drag-over .pick-slot-remove-btn{opacity:1;pointer-events:auto}.pick-slot-effect-layer{z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .35s;position:absolute;inset:0}.pick-slot-effect-layer.pick-effect-type-0{filter:blur(14px);background:radial-gradient(90% 60% at 50% 85%,#ffffff2e 0%,#ffffff0f 40%,#0000 70%),radial-gradient(70% 50% at 25% 55%,#ffffff1c 0%,#0000 55%),radial-gradient(60% 45% at 75% 60%,#ffffff14 0%,#0000 50%)}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer.pick-effect-type-0{animation:3s ease-in-out infinite pick-smoke-rise}.pick-slot-effect-layer.pick-effect-type-1{background:linear-gradient(105deg,#0000 0% 35%,#fff3 50%,#0000 65% 100%) 0 0/60% 100% no-repeat}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer.pick-effect-type-1{animation:2s linear infinite pick-shimmer}.pick-slot-smoke-wrap{--pick-effect-color:#ffffff38;--pick-effect-color-soft:#ffffff1c;--pick-effect-color-mid:#ffffff2e;--pick-effect-angle:135deg;--pick-effect-duration:4s}.pick-slot-smoke-wrap.pick-slot-has-champion:hover,.pick-slot-smoke-wrap.pick-slot-has-champion.pick-slot-drag-over{--pick-effect-color:#ffffff4d;--pick-effect-color-soft:#ffffff29;--pick-effect-color-mid:#ffffff3d}.pick-slot-effect-layer.pick-effect-type-2{background:linear-gradient(var(--pick-effect-angle),var(--pick-effect-color-soft)0%,var(--pick-effect-color)25%,var(--pick-effect-color-soft)50%,var(--pick-effect-color-mid)75%,var(--pick-effect-color-soft)100%);background-position:0%;background-size:200% 200%}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer.pick-effect-type-2{animation:pick-gradient-move var(--pick-effect-duration)ease infinite}.pick-slot-effect-layer.pick-effect-type-3{background:0 0;box-shadow:inset 0 0 40px 12px #ffffff0f}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer.pick-effect-type-3{animation:2s ease-in-out infinite pick-glow-pulse}.pick-slot-effect-layer.pick-effect-type-4{filter:blur(8px);background:radial-gradient(100% 100%,#ffffff1a 0%,#ffffff08 50%,#0000 70%)}.pick-slot-smoke-wrap:hover .pick-slot-effect-layer.pick-effect-type-4{animation:5s ease-in-out infinite pick-drift}