:root {
  --lol-ink:#05070a;--lol-ink-2:#090d12;--lol-panel:rgb(14 19 25 / 84%);--lol-panel-solid:#10161d;
  --lol-lime:#d9ff63;--lol-yellow:#ffd84d;--lol-pink:#ff5db1;--lol-cyan:#69e7ff;--lol-violet:#9d7cff;
  --lol-white:#f7f8f2;--lol-muted:#aab3bd;--lol-line:rgb(217 255 99 / 20%);--lol-line-soft:rgb(255 255 255 / 9%);
  --lol-radius:24px;--lol-shadow:0 28px 90px rgb(0 0 0 / 48%),0 0 48px rgb(105 231 255 / 7%);
}
html{color-scheme:dark;background:var(--lol-ink)}
body{min-height:100vh;color:var(--lol-white);background:radial-gradient(circle at 8% -10%,rgb(157 124 255 / 20%),transparent 34rem),radial-gradient(circle at 94% 18%,rgb(255 93 177 / 14%),transparent 36rem),linear-gradient(145deg,#040609,#090e13 48%,#06080b);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgb(255 255 255 / 10%) 1px,transparent 1.4px),linear-gradient(rgb(255 255 255 / 1.8%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 1.8%) 1px,transparent 1px);background-size:27px 27px,54px 54px,54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{color:inherit}.shell{max-width:1500px}h1,h2,h3,.brand-name{font-family:"Arial Black",Inter,sans-serif;letter-spacing:-.045em}h1{color:var(--lol-white);text-wrap:balance}
.site-header{border-bottom:1px solid var(--lol-line-soft);background:rgb(5 8 11 / 72%);box-shadow:0 18px 50px rgb(0 0 0 / 22%);backdrop-filter:blur(22px) saturate(140%)}
.header-inner{min-height:88px}.brand{gap:.75rem}.brand-name{color:var(--lol-white);font-size:clamp(1.1rem,2vw,1.7rem)}.brand-name em{color:var(--lol-lime);font-style:normal;text-shadow:0 0 24px rgb(217 255 99 / 28%)}
.lol-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;overflow:hidden;border:1px solid rgb(217 255 99 / 66%);border-radius:15px 17px 14px 18px;color:#101608;background:linear-gradient(135deg,var(--lol-lime),var(--lol-yellow));box-shadow:inset 0 1px rgb(255 255 255 / 80%),0 0 30px rgb(217 255 99 / 20%);font-family:"Arial Black",sans-serif;font-size:1.35rem;letter-spacing:-.34em;transform:rotate(-4deg);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.lol-mark span:last-child{display:inline-block;transform:translateX(.12em) rotate(90deg)}.brand:hover .lol-mark,.brand:focus-visible .lol-mark{transform:rotate(8deg) scale(1.08);box-shadow:0 0 42px rgb(217 255 99 / 38%)}.lol-mark-small{width:36px;height:36px;border-radius:12px;font-size:1.05rem}
.ai-pattern-badge,.eyebrow,.card-badge{color:var(--lol-lime);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ai-pattern-badge{border-color:var(--lol-line);background:rgb(217 255 99 / 6%)}
.site-nav a{border-radius:999px}.site-nav a:hover,.site-nav a:focus-visible{color:#0c1106;background:var(--lol-lime);transform:translateY(-1px) rotate(-1deg)}.header-search{border:1px solid var(--lol-line-soft);border-radius:999px;background:rgb(255 255 255 / 4%)}.header-search input{color:var(--lol-white);background:transparent}.header-search button{color:#090d05;background:var(--lol-lime)}
.hero{position:relative;min-height:690px;overflow:hidden;border-bottom:1px solid var(--lol-line-soft);background:radial-gradient(circle at 63% 18%,rgb(105 231 255 / 12%),transparent 30rem),linear-gradient(110deg,rgb(4 6 9 / 98%),rgb(10 15 20 / 88%));isolation:isolate}.hero-grid{position:relative;z-index:4}.hero-copy{position:relative;z-index:5}.hero h1{max-width:13ch;font-size:clamp(3.1rem,6.4vw,7rem);line-height:.89}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--lol-lime),var(--lol-cyan),var(--lol-pink));background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:59ch;color:#c3cad1;font-size:clamp(1.03rem,1.55vw,1.27rem)}.hero-microcopy{margin-top:.8rem;color:var(--lol-muted);font-size:.82rem}.hero-microcopy code{padding:.15rem .42rem;border:1px solid var(--lol-line);border-radius:.4rem;color:var(--lol-lime);background:rgb(217 255 99 / 7%)}
.lol-aurora{position:absolute;z-index:0;width:72vw;height:72vw;right:-22vw;top:-42vw;border-radius:50%;background:conic-gradient(from 120deg,var(--lol-pink),var(--lol-violet),var(--lol-cyan),var(--lol-lime),var(--lol-pink));filter:blur(110px);opacity:.13;animation:lol-aurora 18s linear infinite}.lol-reflection{position:absolute;z-index:2;width:24%;height:160%;left:48%;top:-40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgb(255 255 255 / 8%),transparent);filter:blur(8px);transform:rotate(14deg) translateX(-240%);animation:lol-reflect 7.5s ease-in-out infinite}
.lol-character-cloud{position:absolute;z-index:1;inset:0;pointer-events:none}.lol-character-cloud span{position:absolute;color:rgb(217 255 99 / 11%);font:900 clamp(3rem,8vw,9rem)/1 monospace;animation:lol-float 8s ease-in-out infinite}.lol-character-cloud span:nth-child(1){left:4%;top:12%}.lol-character-cloud span:nth-child(2){right:4%;top:11%;animation-delay:-2s;color:rgb(105 231 255 / 11%)}.lol-character-cloud span:nth-child(3){left:42%;bottom:2%;animation-delay:-4s;color:rgb(255 216 77 / 9%)}.lol-character-cloud span:nth-child(4){right:30%;bottom:16%;animation-delay:-6s;color:rgb(255 93 177 / 10%)}.lol-character-cloud span:nth-child(5){left:23%;top:4%;animation-delay:-3s}
.btn{border-radius:999px;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.btn:hover{transform:translateY(-3px) rotate(-.5deg)}.btn-primary{color:#0b1005;background:linear-gradient(135deg,var(--lol-lime),var(--lol-yellow));box-shadow:0 14px 38px rgb(217 255 99 / 18%),inset 0 1px rgb(255 255 255 / 75%)}.btn-primary:hover{box-shadow:0 18px 52px rgb(217 255 99 / 28%)}.btn-ghost{border-color:rgb(105 231 255 / 30%);color:var(--lol-white);background:rgb(105 231 255 / 5%)}.hero-search,.search-form{border:1px solid var(--lol-line-soft);border-radius:18px;background:rgb(7 10 13 / 72%);box-shadow:var(--lol-shadow)}.hero-search button,.search-form button{color:#0a0e05;background:var(--lol-lime)}
.hero-pattern-wall{perspective:1300px}.hero-pattern-tile{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:20px;box-shadow:0 28px 70px rgb(0 0 0 / 64%),inset 0 0 0 1px rgb(255 255 255 / 7%);transform:rotateY(-8deg) rotateX(2deg)}
.hero-pattern-tile::after,.card-media::after,.detail-frame::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgb(255 255 255 / 17%) 43%,transparent 58%);transform:translateX(-140%);transition:transform .72s cubic-bezier(.2,.8,.2,1)}.hero-pattern-tile:hover::after,.card:hover .card-media::after,.detail-frame:hover::after{transform:translateX(140%)}.hero-pattern-tile img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}.hero-pattern-tile:hover img{transform:scale(1.055);filter:saturate(1.08)}.hero-pattern-tile button{border-color:var(--lol-lime);color:var(--lol-lime);background:rgb(5 8 11 / 86%)}
.lol-empty-stage{position:relative;align-self:center;min-height:520px;overflow:hidden;border:1px solid var(--lol-line-soft);border-radius:42px;background:radial-gradient(circle at 70% 22%,rgb(105 231 255 / 18%),transparent 38%),radial-gradient(circle at 20% 80%,rgb(255 93 177 / 17%),transparent 35%),linear-gradient(145deg,rgb(17 23 30 / 82%),rgb(6 9 12 / 90%));box-shadow:var(--lol-shadow);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.lol-empty-stage::after{position:absolute;inset:-30%;content:"";background:linear-gradient(110deg,transparent 35%,rgb(255 255 255 / 14%) 49%,transparent 62%);animation:lol-reflect 7s ease-in-out infinite}.lol-empty-orbit{position:absolute;inset:12%;border:1px dashed rgb(217 255 99 / 28%);border-radius:50%;animation:lol-aurora 24s linear infinite}.lol-empty-orbit span{position:absolute;padding:.45rem .65rem;border:1px solid var(--lol-line);border-radius:999px;color:var(--lol-lime);background:#090d12;box-shadow:0 0 30px rgb(217 255 99 / 14%);font:900 .8rem/1 monospace}.lol-empty-orbit span:nth-child(1){left:4%;top:14%}.lol-empty-orbit span:nth-child(2){right:-2%;top:48%;color:var(--lol-pink)}.lol-empty-orbit span:nth-child(3){left:40%;bottom:-3%;color:var(--lol-cyan)}.lol-empty-tile{position:absolute;z-index:2;left:50%;top:48%;display:grid;place-items:center;width:220px;height:220px;border:1px solid rgb(255 255 255 / 40%);border-radius:62px 74px 58px 80px;color:#101608;background:linear-gradient(135deg,var(--lol-lime),var(--lol-yellow) 48%,var(--lol-pink));box-shadow:inset 0 2px rgb(255 255 255 / 75%),0 35px 80px rgb(0 0 0 / 48%),0 0 60px rgb(217 255 99 / 18%);font:900 5.8rem/1 "Arial Black",sans-serif;letter-spacing:-1.25em;transform:translate(-50%,-50%) rotate(-7deg);animation:lol-grin 3.2s ease-in-out infinite alternate}.lol-empty-tile span:last-of-type{transform:translateX(.6em) rotate(90deg)}.lol-empty-tile small{position:absolute;left:50%;bottom:-3.4rem;width:240px;color:var(--lol-muted);font:800 .68rem/1.4 Inter,sans-serif;letter-spacing:.13em;text-align:center;text-transform:uppercase;transform:translateX(-50%)}.lol-empty-stamp{position:absolute;right:1.5rem;bottom:1.5rem;padding:.55rem .75rem;border:1px solid rgb(105 231 255 / 35%);border-radius:999px;color:var(--lol-cyan);font:900 .67rem/1 monospace;letter-spacing:.12em;transform:rotate(-4deg)}
.band-alt{background:linear-gradient(180deg,rgb(255 255 255 / 1.5%),transparent)}.band-head{border-bottom-color:var(--lol-line-soft)}.band-head h2{font-size:clamp(1.8rem,3vw,3rem)}.band-more{color:var(--lol-lime)}
.card{position:relative;overflow:hidden;border:1px solid var(--lol-line-soft);border-radius:var(--lol-radius);background:linear-gradient(145deg,rgb(18 24 31 / 93%),rgb(9 13 18 / 96%));box-shadow:0 18px 54px rgb(0 0 0 / 28%);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.card:hover{z-index:2;border-color:rgb(217 255 99 / 45%);box-shadow:0 32px 80px rgb(0 0 0 / 46%),0 0 42px rgb(217 255 99 / 8%);transform:translateY(-8px) rotate(.35deg)}.card-media{position:relative;border-bottom:1px solid var(--lol-line-soft)}.card-media img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease}.card:hover .card-media img{transform:scale(1.035);filter:contrast(1.03) saturate(1.08)}.card-badge{color:#0a0e05;background:var(--lol-lime)}.card-check,.seamless-open{border-color:var(--lol-lime);color:var(--lol-lime);background:rgb(5 8 11 / 86%)}.card-download,.band-more,.tag-chips a:hover{color:var(--lol-lime)}.card-pack-add{border-color:rgb(255 93 177 / 38%);color:#ffc2e1;background:rgb(255 93 177 / 7%)}.card-pack-add:hover,.card-pack-add.is-added{color:#101406;background:linear-gradient(135deg,var(--lol-lime),var(--lol-yellow));transform:translateY(-2px)}.tag-chips a{border-color:var(--lol-line-soft);background:rgb(255 255 255 / 3%)}.tag-chips a:hover{border-color:var(--lol-line)}.hub{border-color:var(--lol-line-soft);border-radius:18px;background:linear-gradient(145deg,rgb(16 22 28 / 88%),rgb(8 12 16 / 92%));transition:transform .24s ease,border-color .24s ease}.hub:hover{border-color:var(--lol-line);transform:translateY(-4px) rotate(-.4deg)}
.detail-frame,.detail-side,.prose,.empty-state,.faq-index-card,.faq-article,.checker-workbench,.pack-builder{border-color:var(--lol-line-soft);border-radius:var(--lol-radius);background:var(--lol-panel);box-shadow:var(--lol-shadow)}.detail-frame{position:relative;overflow:hidden}.specs>div{border-color:var(--lol-line-soft)}.faq-index-card:hover{border-color:var(--lol-line);transform:translateY(-5px) rotate(.25deg)}
.checker-page{min-height:calc(100vh - 180px);padding:clamp(3rem,7vw,7rem) 0}.checker-page-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem)}.checker-intro h1{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.92}.checker-upload{display:inline-flex;align-items:center;margin-top:1rem;padding:.9rem 1.2rem;border-radius:999px;color:#0b1005;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--lol-lime),var(--lol-yellow))}.checker-upload input{position:absolute;width:1px;height:1px;opacity:0}.checker-privacy{color:var(--lol-muted);font-size:.85rem}.checker-workbench{overflow:hidden;padding:1rem}.checker-canvas{position:relative;min-height:min(66vh,720px);border:1px solid var(--lol-line-soft);border-radius:18px;background-color:#080b0e;background-repeat:repeat;cursor:grab}.checker-canvas:active{cursor:grabbing}.checker-canvas.show-seams::after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 24.8%,rgb(255 93 177 / 70%) 25% 25.3%,transparent 25.5% 49.8%),repeating-linear-gradient(0deg,transparent 0 24.8%,rgb(105 231 255 / 68%) 25% 25.3%,transparent 25.5% 49.8%)}.checker-empty{position:absolute;z-index:2;left:50%;top:50%;color:var(--lol-muted);transform:translate(-50%,-50%);pointer-events:none}.checker-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:1rem}.checker-controls button{padding:.65rem .9rem;border:1px solid var(--lol-line);border-radius:999px;color:var(--lol-white);background:rgb(255 255 255 / 4%);cursor:pointer}.checker-score{padding:.9rem .25rem .2rem;color:var(--lol-lime)}.seamless-checker::backdrop,.paypal-modal::backdrop{background:rgb(2 4 6 / 84%);backdrop-filter:blur(14px)}.seamless-checker-shell,.paypal-modal-card{border-color:var(--lol-line);background:linear-gradient(145deg,#121920,#080c10);box-shadow:var(--lol-shadow)}
.pack-builder{padding:1.3rem}.pack-builder-row,.pack-summary{border-color:var(--lol-line-soft);background:rgb(255 255 255 / 3%)}.pack-summary .pack-total{border-color:var(--lol-line)}
.site-footer{border-top-color:var(--lol-line-soft);background:#040609}.footer-cols>div>span{color:var(--lol-lime)}.footer-base{border-color:var(--lol-line-soft)}.lol-inscription{border:0;color:rgb(217 255 99 / 62%);background:transparent;cursor:pointer}.lol-inscription:hover{color:var(--lol-lime)}
.lol-confetti{position:fixed;z-index:9999;left:var(--x);top:-2rem;color:var(--c);font:900 1.4rem/1 monospace;pointer-events:none;animation:lol-confetti-fall var(--d) cubic-bezier(.2,.7,.3,1) forwards}body.lol-party .lol-mark{animation:lol-grin .72s ease-in-out infinite alternate}body.lol-party .site-header{box-shadow:0 0 70px rgb(217 255 99 / 22%)}body.lol-secret::after{position:fixed;z-index:9998;left:50%;bottom:2rem;content:"Achievement unlocked: pattern criminal ☻";padding:.8rem 1rem;border:1px solid var(--lol-line);border-radius:999px;color:#0b1005;background:var(--lol-lime);transform:translateX(-50%);box-shadow:var(--lol-shadow)}
@keyframes lol-aurora{to{transform:rotate(360deg)}}@keyframes lol-reflect{0%,20%{transform:rotate(14deg) translateX(-240%)}70%,100%{transform:rotate(14deg) translateX(310%)}}@keyframes lol-float{50%{transform:translateY(-18px) rotate(7deg)}}@keyframes lol-grin{to{transform:rotate(12deg) scale(1.14);border-radius:50%}}@keyframes lol-confetti-fall{to{top:108vh;transform:rotate(820deg) translateX(var(--drift));opacity:.15}}
@media(max-width:1250px){.header-search{display:none}}@media(max-width:900px){.checker-page-grid{grid-template-columns:1fr}.checker-canvas{min-height:56vh}.hero{min-height:auto}.hero h1{max-width:14ch}.lol-character-cloud{opacity:.55}.lol-empty-stage{min-height:400px}}@media(max-width:760px){.brand-name{font-size:1rem}.ai-pattern-badge{display:none}.pack-builder{grid-template-columns:1fr}.lol-empty-stage{min-height:330px}.lol-empty-tile{width:160px;height:160px;font-size:4.2rem}}@media(hover:none){.card-check,.hero-pattern-tile button{opacity:1;transform:none}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.lol-reflection,.lol-confetti{display:none}}