@font-face{font-family:ForevsBold;src:url(/fonts/forevsdemo-bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:ReaverRegular;src:url(/fonts/reaver-regular.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:RetailMedium;src:url(/fonts/retaildemo-medium.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:RetailBold;src:url(/fonts/retaildemo-semibold.otf)format("opentype");font-weight:400;font-style:normal}html,body{font-family:ReaverRegular,sans-serif}h1,h2,h3,h4,h5{letter-spacing:.08em;font-family:ForevsBold,sans-serif}button,.recommend-button,.primary-button{font-family:ForevsBold,sans-serif!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#020308;--bg-panel:#070a12;--bg-panel-soft:#0c101a;--border-subtle:#ffffff0f;--text-main:#f9fafb;--text-muted:#9ca3af;--accent:#e5c499;--accent-soft:#e5c49929;--hero-hover-glow:#78ffd2;--danger:#f97373;--role-you:#4ade80;--role-lane-ally:#38bdf8;--role-ally:#facc15;--role-lane-enemy:#fb7185;--role-enemy:#a855f7}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:auto}body{color:var(--text-main);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at top,#0000002e,#00000073);position:fixed;inset:0}button{border:none;font-family:inherit}.bg-video{object-fit:cover;z-index:-2;pointer-events:none;background:#000;width:100%;height:100%;position:fixed;inset:0}.hero-bg-video{object-fit:cover;z-index:-2;pointer-events:none;background:#000;width:auto;height:auto;position:fixed;inset:0}main{min-height:100vh}.build-page{background-image:url(/backgrounds/Background_Shop.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}.datalock-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}header{margin-bottom:24px}.datalock-title{letter-spacing:.16em;margin:0 0 4px;font-size:2.25rem;font-weight:800}.datalock-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.section{margin-top:32px}.section-title{text-align:center;text-transform:uppercase;letter-spacing:.18em;margin:0 0 16px;font-size:1.6rem}.section-title--large{text-shadow:0 0 10px #0f172ae6;margin-top:-30px;margin-bottom:50px;font-size:3.2rem;position:relative}.section-title--large:after{content:"";opacity:.95;background-image:linear-gradient(90deg,#f8fafc00,#f8fafcd9 12%,#f8fafc 50%,#f8fafcd9 88%,#f8fafc00);border-radius:999px;width:260px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.home-page{background:radial-gradient(circle at top,#00000073,#000c);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0 auto;padding:40px 32px 32px;display:flex}.home-header{text-align:center;margin-top:140px;margin-bottom:6px}.home-tagline{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-bottom:6px;font-size:.8rem}.home-title{letter-spacing:.22em;font-size:3.6rem}.home-subtitle{color:var(--text-muted);max-width:640px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:1rem}.home-actions{justify-content:center;margin-top:20px;display:flex}.home-cta-button{color:#000;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:920px;padding:20px 90px;font-size:1.1rem;font-weight:800;transition:transform .12s ease-out,box-shadow .16s ease-out,opacity .12s ease-out;display:inline-flex;position:relative;overflow:visible}.home-cta-button:before{content:"";z-index:1;background-image:url(/button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;position:absolute;inset:0}.home-cta-inner{justify-content:center;align-items:center;display:flex;position:relative}.home-cta-label{z-index:3;color:#000;position:relative}.home-cta-flame{pointer-events:none;z-index:0;opacity:0;justify-content:center;align-items:center;max-width:100%;transition:opacity .18s ease-out;display:flex;position:absolute;inset:-18px;transform:translate(70%,-50%)}.home-cta-flame video{object-fit:cover;filter:saturate(1.15)brightness(1.05);max-width:120%;height:auto}.home-cta-button:hover{transform:translateY(-1px);box-shadow:0 22px 52px #000000e6}.home-cta-button:hover .home-cta-flame{opacity:1}.home-active-indicator{color:#bbf7d0;text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:.65rem;display:flex}.home-active-dot{background:#22c55e;border-radius:999px;width:9px;height:9px;animation:1.4s ease-in-out infinite home-active-pulse;box-shadow:0 0 10px #22c55ee6}@keyframes home-active-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.home-logo-stack{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.home-logo-icon{width:96px;height:auto;margin-bottom:20px;display:block}.home-logo-wordmark{width:420px;max-width:80vw;height:auto;margin-bottom:10px;display:block}@media (max-width:640px){.home-logo-icon{width:72px}.home-logo-wordmark{width:260px}}.home-layout{opacity:.9;filter:saturate(.95)brightness(.94);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;width:100%;max-width:920px;margin:45px auto 0;display:grid}.home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:76px;gap:8px;display:grid}.home-stat-tile{background:#030712c7;border:1px solid #1e40af73;border-radius:10px;flex-direction:column;justify-content:space-between;padding:7px 10px;display:flex;box-shadow:0 5px 12px #000000bf}.home-stat-tile--wide{background:radial-gradient(circle at 0 0,#e5c49942,#020617);border-color:#e5c499cc;grid-column:1/-1}.home-stat-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);font-size:.6rem}.home-stat-main{letter-spacing:.08em;color:#f9fafb;font-size:1rem;font-weight:800}.home-stat-main--accent{background:linear-gradient(120deg,#facc15,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem}.home-stat-sub{color:var(--text-muted);margin-top:2px;font-size:.74rem}.home-stat-caption{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:.65rem}.home-stat-tile--matches .home-stat-main{color:#bbf7d0}.home-stat-tile--players .home-stat-main{color:#bfdbfe}.home-stat-tile--heroes .home-stat-main{color:#fef9c3}.home-stat-tile--items .home-stat-main{color:#e9d5ff}.home-stat-footnote{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;margin-top:2px;font-size:.73rem}.home-stat-footnote span{color:var(--accent)}.home-meta-status{color:var(--text-muted);grid-column:1/-1;margin-top:2px;font-size:.64rem}.home-meta-status--error{color:#f97373}.home-demo-tile{background:#030712cc;border:1px solid #1e40afa6;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex;box-shadow:0 6px 16px #000c}.home-demo-header{flex-direction:column;gap:2px;display:flex}.home-demo-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);font-size:.64rem}.home-demo-title{letter-spacing:.08em;font-size:.85rem}.home-demo-frame{aspect-ratio:16/9;background:radial-gradient(circle at 0 0,#111827,#020617);border:1px solid #0f172af2;border-radius:10px;justify-content:center;align-items:center;width:100%;max-height:170px;display:flex;overflow:hidden}.home-demo-placeholder{text-align:center;max-width:80%;color:var(--text-muted);font-size:.74rem}.home-demo-caption{color:var(--text-muted);margin:2px 0 0;font-size:.7rem}.home-demo-video{object-fit:cover;border-radius:10px;width:100%;height:100%}@media (max-width:900px){.home-page{padding:32px 20px 28px}.home-layout{grid-template-columns:minmax(0,1fr);gap:16px;max-width:100%;margin-top:26px}}@media (max-width:640px){.home-title{font-size:2.8rem}.home-header{margin-top:100px}.home-stat-grid{grid-auto-rows:80px}}.home-footer{color:var(--text-muted);border-top:1px solid #0f172ad9;flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding-top:18px;padding-bottom:10px;font-family:RetailDemo;font-size:.85rem;display:flex}.home-footer-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.home-footer-links a{text-transform:uppercase;letter-spacing:.14em;color:#d1d5dbe6;border-bottom:1px solid #0000;padding-bottom:1px;font-size:1rem;text-decoration:none;transition:color .12s ease-out,border-color .12s ease-out}.home-footer-links a:hover{color:#f9fafb;border-color:#f9fafbb3}@media (max-width:640px){.home-footer{padding-top:14px;padding-bottom:12px}}.home-footer-message,.home-footer-disclaimer{margin:0}.home-footer-text{text-align:center;flex-direction:column;gap:4px;max-width:680px;display:flex}.home-footer-credit{letter-spacing:.16em;text-transform:uppercase;color:#e5e7ebe6;margin:0;font-size:.9rem}.home-footer-credit span{font-family:ForevsBold,sans-serif}.home-footer-note{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.home-footer-disclaimer{color:#9ca3aff5;margin:6px 0 0;font-size:.75rem;line-height:1.6}.home-footer-label{text-transform:uppercase;letter-spacing:.14em;color:#e5e7ebf5;margin-right:4px;font-weight:700}.selection-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.selection-step{cursor:pointer;background:#020617;border:1px solid #94a3b899;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:110px;padding:6px 10px;transition:transform .1s ease-out,box-shadow .12s ease-out,background .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:flex}.selection-step-label{text-transform:uppercase;letter-spacing:.14em;font-family:ForevsBold,sans-serif;font-size:.7rem}.selection-step-counts{align-items:center;gap:3px;margin-top:2px;display:flex}.selection-step-dot{opacity:.4;background:0 0;border:1px solid #f8fafcb3;border-radius:999px;width:6px;height:6px}.selection-step-dot--filled{opacity:1;background:#f9fafb}.selection-step-counter{color:var(--text-muted);letter-spacing:.06em;font-size:.65rem}.selection-step:hover{background:#02091f;transform:translateY(-1px);box-shadow:0 0 0 1px #f8fafc80,0 8px 18px #000000e6}.selection-step.active{background:#02091f;border-width:1px;transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 1px #f8fafcf2,0 0 24px #94a3b8e6,0 16px 26px #000}.selection-step.active .selection-step-label{color:#f9fafb;text-shadow:0 0 10px #f8fafce6}.selection-step.active .selection-step-counter{color:#e5e7eb}.selection-step.active .selection-step-dot{opacity:.9;border-color:#f9fafb}.selection-step--you{color:#bbf7d0;background:radial-gradient(circle at 0 0,#4ade8047,#0f172afa);border-color:#4ade80cc}.selection-step--laneAlly{color:#e0f2fe;background:radial-gradient(circle at 0 0,#38bdf847,#0f172afa);border-color:#38bdf8cc}.selection-step--allies{color:#fef9c3;background:radial-gradient(circle at 0 0,#facc1542,#0f172afa);border-color:#facc15e6}.selection-step--laneEnemies{color:#ffe4e6;background:radial-gradient(circle at 0 0,#fb71854d,#0f172afa);border-color:#fb7185e6}.selection-step--enemies{color:#f3e8ff;background:radial-gradient(circle at 0 0,#a855f74d,#0f172afa);border-color:#a855f7e6}.selection-step--you.active{background:radial-gradient(circle at 0 0,#4ade8066,#0f172afa);border-color:#bbf7d0;box-shadow:0 0 0 1px #4ade80,0 0 28px #4ade80e6,0 18px 28px #000}.selection-step--laneAlly.active{background:radial-gradient(circle at 0 0,#38bdf866,#0f172afa);border-color:#e0f2fe;box-shadow:0 0 0 1px #38bdf8,0 0 28px #38bdf8e6,0 18px 28px #000}.selection-step--allies.active{background:radial-gradient(circle at 0 0,#facc1566,#0f172afa);border-color:#fef9c3;box-shadow:0 0 0 1px #facc15,0 0 28px #facc15e6,0 18px 28px #000}.selection-step--laneEnemies.active{background:radial-gradient(circle at 0 0,#fb718566,#0f172afa);border-color:#ffe4e6;box-shadow:0 0 0 1px #fb7185,0 0 28px #fb7185e6,0 18px 28px #000}.selection-step--enemies.active{background:radial-gradient(circle at 0 0,#a855f766,#0f172afa);border-color:#f3e8ff;box-shadow:0 0 0 1px #a855f7,0 0 28px #a855f7e6,0 18px 28px #000}.hero-grid{grid-template-columns:repeat(7,96px);grid-auto-rows:152px;justify-content:center;gap:12px;margin-top:16px;display:grid}.hero-card{cursor:pointer;transform-style:preserve-3d;transform-origin:50%;background:#020308;border-radius:8px;outline:none;padding:3px;transition:box-shadow .18s ease-out,filter .18s ease-out,transform .18s ease-out;position:relative;overflow:visible}.hero-card:before{content:"";pointer-events:none;z-index:1;border:2px solid #4b5563;border-radius:6px;transition:border-color .15s ease-out,box-shadow .15s ease-out;position:absolute;inset:2px}.hero-card.role-you:before{border-color:var(--role-you);box-shadow:0 0 8px #4ade8080}.hero-card.role-laneAlly:before{border-color:var(--role-lane-ally);box-shadow:0 0 8px #38bdf880}.hero-card.role-ally:before{border-color:var(--role-ally);box-shadow:0 0 8px #facc1580}.hero-card.role-laneEnemy:before{border-color:var(--role-lane-enemy);box-shadow:0 0 8px #fb718599}.hero-card.role-enemy:before{border-color:var(--role-enemy);box-shadow:0 0 8px #a855f799}.hero-card--active-role:before{animation:1.6s ease-in-out infinite active-role-pulse;box-shadow:0 0 0 1px #f8fafbe6,0 0 26px #78ffd2e6}@keyframes active-role-pulse{0%{box-shadow:0 0 0 1px #f8fafbb3,0 0 18px #78ffd2b3}50%{box-shadow:0 0 0 2px #f8fafb,0 0 36px #78ffd2}to{box-shadow:0 0 0 1px #f8fafbb3,0 0 18px #78ffd2b3}}.hero-card img{z-index:1;object-fit:cover;object-position:center;filter:saturate(1.1)contrast(1.03);width:100%;height:100%;display:block;position:relative}.hero-card.assigned img{filter:grayscale(.55)brightness(.5)}.hero-card.assigned{cursor:pointer}.hero-card.assigned:hover{box-shadow:none;filter:none;animation:none}.hero-card-badge{text-transform:uppercase;letter-spacing:.08em;z-index:3;background:#0c101ad9;border:1px solid #ffffff2e;border-radius:999px;padding:2px 6px;font-size:.65rem;position:absolute;inset:6px auto auto 6px}.hero-card-name{text-transform:uppercase;letter-spacing:.06em;color:#f9fafb;text-align:left;z-index:2;pointer-events:none;background:linear-gradient(#0000,#000000d9);border-radius:4px;padding:2px 4px;font-size:.65rem;position:absolute;bottom:3px;left:4px;right:4px}.hero-card.role-you .hero-card-badge{color:#bbf7d0;background:#4ade8033;border-color:#4ade80e6}.hero-card.role-laneAlly .hero-card-badge{color:#e0f2fe;background:#38bdf833;border-color:#38bdf8e6}.hero-card.role-ally .hero-card-badge{color:#fef9c3;background:#facc1533;border-color:#facc15f2}.hero-card.role-laneEnemy .hero-card-badge{color:#ffe4e6;background:#fb718533;border-color:#fb7185f2}.hero-card.role-enemy .hero-card-badge{color:#f3e8ff;background:#a855f733;border-color:#a855f7f2}@keyframes hero-card-wobble{0%{transform:translateY(-2px)scale(1.04)rotate(-1.5deg)}50%{transform:translateY(-7px)scale(1.12)rotate(1.5deg)}to{transform:translateY(-2px)scale(1.04)rotate(-1.5deg)}}.hero-card:not(:hover){transform:translateY(0)scale(1)}.hero-card-bg{pointer-events:none;z-index:0;border-radius:14px;position:absolute;inset:-14px;overflow:hidden}.hero-card-bg-video{object-fit:cover;opacity:0;filter:saturate(1.2)brightness(1.05);width:100%;height:100%;transition:opacity .15s ease-out,transform .15s ease-out;transform:translate(15%,-10%)}.hero-card:not(.assigned):hover .hero-card-bg-video{opacity:1}.hero-card:not(.assigned):hover{filter:brightness(1.05);animation:.7s ease-in-out infinite alternate hero-card-wobble;box-shadow:0 0 0 1px #ffffff0f,0 22px 32px #000000d9}.hero-grid--skeleton{pointer-events:none}.hero-skeleton-tile{background:#030712f2;border-radius:8px;padding:3px;position:relative;overflow:hidden}.hero-skeleton-image,.hero-skeleton-name{background:linear-gradient(90deg,#0f172ab3 0%,#1f2937 40%,#0f172ab3 80%) 0 0/200% 100%;border-radius:6px;animation:1.25s ease-in-out infinite skeleton-shimmer}.hero-skeleton-image{height:100%}.hero-skeleton-name{opacity:.9;border-radius:999px;height:10px;position:absolute;bottom:6px;left:6px;right:30%}@keyframes skeleton-shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.primary-button{border:1px solid var(--accent);color:var(--text-main);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:radial-gradient(circle at 0 0,#2b2520,#151821);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .16s ease-out,transform .12s ease-out,box-shadow .16s ease-out,opacity .12s ease-out}.primary-button:hover:not(:disabled){background:radial-gradient(circle at 0 0,#3a3028,#171c27);transform:translateY(-1px);box-shadow:0 10px 18px #0009}.primary-button:disabled{opacity:.6;cursor:not-allowed}.actions-row{flex-direction:column;align-items:center;gap:20px;margin-top:32px;display:flex}.action-button-primary{color:#000;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:420px;padding:18px 40px;font-size:1.4rem;font-weight:800;transition:transform .12s ease-out,box-shadow .16s ease-out,opacity .12s ease-out;display:inline-flex;position:relative;overflow:visible}.action-button-primary:before{content:"";z-index:1;background-image:url(/button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:6px;position:absolute;inset:0;box-shadow:0 12px 22px #000000bf}.action-button-primary-inner{justify-content:center;align-items:center;display:flex;position:relative}.action-button-label{z-index:3;position:relative}.action-button-flame{pointer-events:none;z-index:0;opacity:0;justify-content:center;align-items:center;transition:opacity .18s ease-out;display:flex;position:absolute;inset:-18px;transform:translate(60%,-40%)}.action-button-flame video{object-fit:cover;filter:saturate(1.15)brightness(1.05);max-width:120%;height:auto}.action-button-primary:not(:disabled):hover{transform:translateY(-1px)}.action-button-primary:not(:disabled):hover:before{box-shadow:0 16px 28px #000000e6}.action-button-primary:not(:disabled):hover .action-button-flame{opacity:1}.action-button-primary:disabled{opacity:.6;cursor:not-allowed}.action-button-primary:disabled:before{box-shadow:none}.action-button-primary:disabled .action-button-flame{opacity:0}.action-button-reset{color:#fee2e2;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:160px;padding:10px 24px;font-size:.85rem;font-weight:700;transition:transform .12s ease-out,box-shadow .16s ease-out,opacity .12s ease-out;display:inline-flex;position:relative;overflow:visible}.action-button-reset:before{content:"";background-blend-mode:multiply;z-index:1;background-color:#b91c1ce6;background-image:url(/button.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:6px;position:absolute;inset:0;box-shadow:0 10px 18px #000000d9}.action-button-reset-inner{justify-content:center;align-items:center;display:flex;position:relative}.action-button-reset-label{z-index:3;position:relative}.action-button-reset-flame{pointer-events:none;z-index:0;opacity:0;justify-content:center;align-items:center;transition:opacity .18s ease-out;display:flex;position:absolute;inset:-18px;transform:translate(55%,-20%)}.action-button-reset-flame video{object-fit:cover;filter:hue-rotate(-40deg)saturate(1.4)brightness(1.1);width:140%;height:auto}.action-button-reset:not(:disabled):hover{transform:translateY(-1px)}.action-button-reset:not(:disabled):hover:before{box-shadow:0 14px 24px #000000f2}.action-button-reset:not(:disabled):hover .action-button-reset-flame{opacity:1}.action-button-reset:disabled{opacity:.6;cursor:not-allowed}.action-button-reset:disabled:before{box-shadow:none}.action-button-reset:disabled .action-button-reset-flame{opacity:0}.back-button{color:#f9fafb;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:radial-gradient(circle at 0 0,#1f1a15,#111827);border:1px solid #d1d5dba6;border-radius:999px;padding:6px 14px;font-size:.7rem;transition:background .12s ease-out,border-color .12s ease-out,transform .1s ease-out,box-shadow .12s ease-out;box-shadow:0 6px 12px #000000b3}.back-button:hover{background:radial-gradient(circle at 0 0,#3b3026,#111827);border-color:#facc15f2;transform:translateY(-1px);box-shadow:0 10px 18px #000000e6}.build-view .build-section{margin-top:12px}.build-header-row{align-items:center;gap:16px;margin-bottom:10px;display:flex}.build-header-row .back-button{margin:0}.build-view.datalock-page{padding-top:20px;padding-bottom:40px}.build-section{margin-top:8px}.build-top-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:8px;display:grid}.build-view-toggle{justify-self:center}.view-toggle-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #000c;border-radius:999px;padding:3px;display:inline-flex;box-shadow:0 10px 20px #000000bf}.view-toggle-option{color:#e5e7ebe6;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 20px;font-family:ForevsBold,sans-serif;font-size:.72rem;transition:background .14s ease-out,color .14s ease-out,box-shadow .16s ease-out,transform .1s ease-out;position:relative}.view-toggle-option--active{color:#111827;background:#f9fafb;transform:translateY(-1px);box-shadow:0 5px 12px #000000d9}.view-toggle-option:focus-visible{outline-offset:2px;outline:2px solid #facc15}@media (max-width:640px){.view-toggle-option{letter-spacing:.16em;padding:5px 14px;font-size:.65rem}}.build-title{text-align:center;flex:1;margin:0;font-size:2.4rem}.build-title:after{width:220px;bottom:-6px}.build-context-strip{align-items:flex-start;gap:20px;margin:45px 0 6px;display:flex}.build-context-group{flex-direction:column;flex:1;align-items:stretch;display:flex;position:relative}.build-context-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:flex-end;gap:2px;padding-bottom:8px;display:grid;position:relative}.build-context-row-label{text-transform:uppercase;letter-spacing:.22em;color:#e5e7ebe6;text-shadow:none;pointer-events:none;z-index:5;background:0 0;border:none;padding:0;font-size:.7rem;position:absolute;top:-18px}.build-context-group:first-child .build-context-row-label{text-align:left;left:0}.build-context-group:last-child .build-context-row-label{text-align:right;right:0}.build-context-cell{justify-content:center;align-items:flex-end;min-height:64px;display:flex;position:relative;overflow:visible}.build-context-cell--empty{opacity:.18}.build-context-cell-image{border-radius:6px;width:100%;height:60px;position:relative;overflow:hidden;box-shadow:0 6px 10px #000000e6}.build-context-cell-image img{object-fit:cover;filter:saturate(1.05)contrast(1.03);width:100%;height:100%}.build-context-cell-overlay{pointer-events:none;position:absolute;inset:0}.build-context-cell-overlay:before{content:"";z-index:0;background:linear-gradient(#0000 0%,#0009 65%,#000000e6 100%);position:absolute;inset:45% 0 0}.build-context-cell-tag{text-transform:uppercase;letter-spacing:.16em;color:#e5e7ebf5;z-index:1;background:#000c;border-radius:999px;padding:2px 6px;font-size:.55rem;position:absolute;top:4px}.build-context-cell-name{color:#f9fafb;white-space:nowrap;text-overflow:ellipsis;z-index:1;padding:2px 4px;font-size:.7rem;position:absolute;bottom:-1px;left:1px;right:6px;overflow:hidden}.build-context-cell--you .build-context-cell-tag{color:var(--role-you)}.build-context-cell--laneAlly .build-context-cell-tag{color:var(--role-lane-ally)}.build-context-cell--ally .build-context-cell-tag{color:var(--role-ally)}.build-context-cell--laneEnemy .build-context-cell-tag{color:var(--role-lane-enemy)}.build-context-cell--enemy .build-context-cell-tag{color:var(--role-enemy)}@media (max-width:900px){.build-context-strip{flex-direction:column;gap:10px}}.build-top-bar .back-button{align-self:center;margin:0;position:relative;top:3px}.recommendation-area{margin-top:8px}.recommendation-area--stats .recommendation-phase-row{box-shadow:0 16px 32px #000000d9}.recommendation-area,.recommendation-phases,.recommendation-phase-header,.item-card-name-bar,.item-card-tier span{font-family:Avenir,system-ui,sans-serif}.recommendation-phases{flex-direction:column;gap:18px;display:flex}.recommendation-phase-row{background:0 0;border:1px solid #4b5563f2;border-radius:1px;position:relative;overflow:visible;box-shadow:0 12px 24px #000000b3}.recommendation-phase-header-strip{opacity:.45;background:#2b251e;border-bottom:1px solid #0f0a05e6;padding:6px 14px;font-family:American,sans-serif}.recommendation-phase-header{text-transform:uppercase;letter-spacing:.14em;color:#f9fafb;font-size:.95rem;font-weight:700}.recommendation-items-row{flex-wrap:wrap;gap:12px;padding:10px 14px 14px;display:flex}.item-card{width:105px}.item-card-visual{background:linear-gradient(#f5efdd,#d5c9aa);border:1px solid #372f23e6;border-radius:6px;flex-direction:column;height:160px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 4px #0000008c,0 8px 14px #000000b3}.item-card-art{flex:0 0 95px}.item-card-art img{object-fit:cover;filter:contrast(1.05)saturate(1.1);width:100%;height:100%;display:block}.item-card-name-bar{color:#21160b;text-shadow:0 1px #ffffff73;text-align:center;background:linear-gradient(#e4d8b8,#c5b38d);flex:1;justify-content:center;align-items:center;min-height:48px;padding:6px 6px 9px;font-size:.78rem;font-weight:700;line-height:1.25;display:flex}.item-card-tier{clip-path:polygon(100% 0,0 0,100% 100%);background:#3f3b2a;justify-content:flex-end;align-items:flex-start;width:35px;height:35px;display:flex;position:absolute;top:0;right:0}.item-card-tier span{letter-spacing:.12em;color:#fef9c3;padding-top:2px;padding-right:4px;font-size:.7rem;font-weight:700}.item-card--tier-1 .item-card-visual{background:linear-gradient(#f7f2df,#e3d7b6)}.item-card--tier-2 .item-card-visual{background:linear-gradient(#e3f0ff,#c9ddff)}.item-card--tier-3 .item-card-visual{background:linear-gradient(#fbe6f0,#f3cbd9)}.item-card--tier-4 .item-card-visual{background:linear-gradient(#e5f7ea,#c8ebd2)}.item-card--tier-5 .item-card-visual{background:linear-gradient(#efe5ff,#d8c4ff)}.recommendation-empty{color:var(--text-muted);font-size:.8rem}.build-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin:0;display:flex}.build-toolbar-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.75rem}.stats-toggle-button{color:#d1d5dbe6;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:radial-gradient(circle at 0 0,#111827,#020617);border:1px solid #94a3b899;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .1s ease-out,box-shadow .12s ease-out}.stats-toggle-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #000c}.stats-toggle-button--active{color:#111827;background:radial-gradient(circle at 0 0,#facc15,#f97316);border-color:#facc15d9}.item-row{align-items:flex-start;gap:0;min-width:210px;display:flex;position:relative}.item-row .item-card{z-index:1;flex-shrink:0;position:relative}.item-stats-panel{z-index:2;background:#0a090ff5;border:1px solid #0f172af2;border-radius:6px;min-width:80px;max-width:87px;margin-left:0;padding:4px;display:flex;position:relative;box-shadow:0 4px 10px #000c}.item-stat-block-column{text-align:center;flex-direction:column;gap:3px;width:100%;display:flex}.item-stat-block{background:linear-gradient(#262633,#14121c);border:1px solid #1f2937f2;border-radius:3px;position:relative;overflow:visible}.item-stat-block-header{background:#000000d1;border-bottom:1px solid #0f172af2;padding:0 4px}.item-stat-block-label{text-transform:uppercase;letter-spacing:.16em;color:#f9fafbb3;font-size:.55rem}.item-stat-block-body{text-align:center;padding:1px 4px 4px}.item-stat-block-main{color:#f9fafb;word-break:normal;font-size:.74rem;font-weight:700;line-height:1.1}.item-stat-block-sub{color:#d1d5dbcc;margin-top:1px;font-size:.58rem}.item-stat-block--highlight{background:linear-gradient(#6d28d9,#4c1d95);border-color:#d8b4fef2}.item-stat-block--highlight .item-stat-block-header{background:#0c0a1ab3;border-bottom-color:#181030e6}.item-stat-block--highlight .item-stat-block-label{color:#f9fafbf2}.item-stat-block--highlight .item-stat-block-main{color:#fef9c3}.item-stat-block--highlight .item-stat-block-sub{color:#fef9c3eb}.item-stat-block--positive{background:linear-gradient(#16a34a,#166534);border-color:#bbf7d0f2}.item-stat-block--negative{background:linear-gradient(#b91c1c,#7f1d1d);border-color:#fecacaf2}@media (max-width:768px){.item-row{flex-wrap:wrap}.item-stats-panel{min-width:100%;max-width:100%;margin-top:6px;margin-left:0}}.item-stat-block-label{cursor:help}.item-stat-tooltip{color:#e5e7eb;text-align:left;opacity:0;pointer-events:none;z-index:40;background:radial-gradient(circle at 0 0,#020617,#020617);border:1px solid #94a3b8e6;border-radius:8px;width:240px;max-width:260px;padding:8px 10px;font-size:.7rem;line-height:1.5;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);box-shadow:0 12px 24px #000000f2}.item-stat-tooltip-title{text-transform:uppercase;letter-spacing:.18em;color:#f9fafb;margin-bottom:4px;font-size:.72rem;font-weight:700}.item-stat-tooltip-body{color:#e5e7ebe6;font-size:.7rem}.item-stat-tooltip-em{color:#facc15;font-weight:700}.item-stat-tooltip:after{content:"";border:6px solid #0000;border-top-color:#0f172afa;border-bottom-width:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.item-stat-block:hover .item-stat-tooltip{opacity:1;transform:translate(-50%,-2px)}@media (max-width:1024px){.hero-grid{grid-template-columns:repeat(5,90px);grid-auto-rows:140px}}@media (max-width:640px){.datalock-page{padding:20px 14px 40px}.hero-grid{grid-template-columns:repeat(4,82px);grid-auto-rows:130px}.build-view.datalock-page{padding:16px 12px 32px}.build-top-bar{grid-template-columns:1fr;grid-auto-rows:auto;justify-items:center;row-gap:8px}.build-top-bar .back-button{justify-self:flex-start;top:0}.build-context-strip{align-items:center;gap:12px;margin:20px 0 10px}.build-context-group{width:100%;max-width:360px}.build-context-row-label{text-align:left;letter-spacing:.16em;margin-bottom:4px;font-size:.72rem}.build-context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-area{margin-top:16px}.recommendation-items-row{justify-content:center}.item-row{flex-direction:column;align-items:center}.item-row .item-card{width:140px}.item-stats-panel{width:100%;min-width:0;max-width:360px;margin-top:8px}.item-card-visual{height:auto;min-height:160px}}@media (min-width:769px){.item-row{align-items:stretch;gap:10px}.item-stats-panel{background:radial-gradient(circle at top,#020617,#020617);border:1px solid #94a3b8b3;border-radius:8px;min-width:120px;max-width:130px;padding:8px;box-shadow:0 10px 22px #000000e6}.item-stat-block{border-radius:5px}.item-stat-block-label{letter-spacing:.2em;font-size:.68rem}.item-stat-block-main{font-size:.9rem;font-weight:800}.item-stat-block-sub{font-size:.68rem;line-height:1.3}}@media (max-width:768px){.item-stat-block-label{font-size:.75rem}.item-stat-block-main{font-size:1rem}.item-stat-block-sub{font-size:.75rem}}@media (min-width:1200px) and (max-height:900px){.home-header{margin-top:35px}.home-title{font-size:3.1rem}.home-cta-button{max-width:840px;padding:16px 72px}.home-layout{max-width:860px;margin-top:30px}.build-view.datalock-page{padding-top:12px;padding-bottom:32px}.section-title--large{margin-top:-35px;margin-bottom:34px;font-size:2.8rem}.hero-grid{grid-template-columns:repeat(7,84px);grid-auto-rows:132px;gap:10px}}