::-webkit-scrollbar{display:none}@font-face{font-family:Jacques;src:local("Jacques"),url(/fonts/JacquesFrancois.otf) format("opentype")}@font-face{font-family:JacquesShadow;src:local("JacquesShadow"),url(/fonts/JacquesFrancoisShadow.otf) format("opentype")}@font-face{font-family:UncialAntiqua;src:local("UncialAntiqua"),url(/fonts/UncialAntiqua-Regular.ttf) format("truetype")}.playgroundPage{background:#101b22;color:#eee9dc;min-height:82vh;font-family:inherit}.playgroundPage button{font:inherit;cursor:pointer;border:1px solid #52616a;color:#eee9dc;background:#23333d;border-radius:6px;padding:10px 17px}.playgroundPage button:hover{border-color:#dfb770;background:#304550}.playgroundPage button:disabled{opacity:.5;cursor:wait}.playgroundPage a:focus-visible,.playgroundPage button:focus-visible{outline:3px solid #8ce3d6;outline-offset:4px}.playgroundIntro{padding:45px max(6vw,24px) 48px;position:relative;background:radial-gradient(ellipse at 85% 100%,#28434b,transparent 65%),linear-gradient(120deg,#192b36,#101b22);border-bottom:1px solid #3b484f}.playgroundBack{display:block;color:#a6b8bc;margin-bottom:44px;text-decoration:none}.playgroundEyebrow{display:block;font-size:10px;letter-spacing:.22em;font-weight:700;color:#d4b782}.playgroundIntro h1{font-size:clamp(36px,5.2vw,70px);letter-spacing:-.045em;line-height:1.08;margin:18px 0 20px;font-weight:600}.playgroundIntro h1 span{color:#ddb672}.playgroundIntro p{max-width:650px;font-size:17px;color:#b1c1c6;line-height:1.7}.playgroundLegend{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#c0cace}.playgroundPage kbd{font-family:inherit;font-size:10px;border:solid #596870;border-width:1px 1px 2px;padding:3px 5px;border-radius:3px;margin-right:3px;color:#e4ddca}.playgroundRoster{padding:38px max(6vw,24px) 60px}.playgroundRosterTitle{display:flex;align-items:center;justify-content:space-between}.playgroundRoster h2{font-size:26px;margin:12px 0 25px}.playgroundRoster h2 small{font-size:14px;color:#d4b782;margin-left:10px}.playgroundEmpty{padding:45px;text-align:center;border:1px dashed #4a5a63;border-radius:8px;background:#17262f;color:#bcc7ca}.playgroundEmpty h3{color:#eee9dc;font-size:21px}.playgroundEmpty a{color:#dcc18e}.playgroundCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:22px;gap:22px}.playgroundPage .playgroundChampion{padding:0;text-align:left;overflow:hidden;background:#1c2b34;border-color:#344852}.playgroundChampion img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;display:block;background:#2d3a42}.playgroundChampion>div{padding:20px}.playgroundChampion small{color:#9aadb7;font-size:11px}.playgroundChampion h3{font-size:17px;margin:9px 0 22px}.playgroundChampion span{font-size:13px;color:#dfba7c}.playgroundError{border:1px solid #985353;background:#3b262a;padding:18px;border-radius:6px}.playgroundFootnote{font-size:12px;color:#879aa5;margin:30px 0 0}.playgroundGame{height:calc(100dvh - 100px);min-height:620px;position:relative;overflow:hidden}.playgroundCanvas{position:absolute;inset:0}.playgroundCanvas canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:crosshair}.playgroundHud{position:absolute;left:26px;right:210px;top:24px;display:flex;gap:14px;justify-content:flex-start;align-items:flex-start;pointer-events:none}.playgroundHud>div{padding:17px 22px;border:1px solid #5b645c;background:#10212be6;border-radius:6px}.playgroundHud strong{display:block;font-size:19px;margin:8px 0}.playgroundHud small{color:#9cd6ce}.playgroundHud button{pointer-events:auto;background:#10212be6}.playgroundHelp{position:absolute;left:26px;bottom:24px;display:flex;gap:12px;flex-wrap:wrap;max-width:70%;font-size:11px;padding:12px;background:#10212bdd;border:1px solid #47555c;border-radius:6px;pointer-events:none}.playgroundActions{position:absolute;right:26px;bottom:85px;display:flex;gap:8px}.playgroundActions button{background:#10212be6}.playgroundHint{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:6px;background:#182b35ed;white-space:nowrap}.playgroundOverlay{position:absolute;inset:0;display:grid;place-items:center;background:#101c27ba;backdrop-filter:blur(5px)}.playgroundOverlay>div{max-width:460px;padding:42px;background:#172932;border:1px solid #52616a;border-radius:8px;text-align:center}.playgroundOverlay h2{font-size:29px}.playgroundOverlay p{color:#bdc8cb;line-height:1.6}.playgroundPage .playgroundPrimary{background:#ddba79;color:#17222a;border-color:#ddba79;margin-top:16px}.playgroundLoading{padding:100px;text-align:center}@media(max-width:700px){.playgroundGame{min-height:640px}.playgroundHud{left:12px;right:12px;top:12px}.playgroundHud>div{padding:12px}.playgroundHud strong{font-size:14px}.playgroundHelp{left:12px;bottom:12px;max-width:90%;gap:9px}.playgroundActions{right:12px;bottom:105px}.playgroundIntro{padding-top:25px}.playgroundBack{margin-bottom:26px}.playgroundEmpty{padding:28px 16px}}.playgroundEquippedTraits{margin:10px 0 0;font-size:11px;line-height:1.6;color:#c4d0d2}.playgroundEquippedTraits>div{display:flex;gap:10px}.playgroundEquippedTraits dt{min-width:34px;color:#d4b782}.playgroundEquippedTraits dd{margin:0}.playgroundLobby{background:#050505;color:#efefef}.playgroundLobby .playgroundIntro{padding:30px max(6vw,24px) 42px;text-align:center;background:linear-gradient(#0009,#050505f7),url(/home/arena.png) center 46%/cover;border-color:#ffffff26}.playgroundLobby .playgroundBack{text-align:left;font-size:12px;color:#c5c5c5;margin:0 0 8px;letter-spacing:.13em;text-transform:uppercase}.championSeal,.playgroundIntroSeal{border:1px solid #ffffff65;border-radius:50%;background:#050505;display:grid;place-items:center;box-shadow:0 0 0 5px #0009,inset 0 0 22px #ffffff16}.playgroundIntroSeal{width:70px;height:70px;margin:0 auto 22px}.playgroundIntroSeal img{width:44px;filter:grayscale(1) brightness(1.3)}.playgroundLobby .playgroundEyebrow{color:#bababa;font-size:10px;letter-spacing:.22em}.playgroundLobby .playgroundIntro h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(30px,4.5vw,64px);letter-spacing:.08em;text-transform:uppercase;margin:18px 0;text-shadow:0 0 25px #ffffff28}.playgroundDivider{display:flex;align-items:center;gap:12px;justify-content:center;color:#a7a7a7;margin:15px auto}.playgroundDivider:after,.playgroundDivider:before{content:"";width:130px;height:1px;background:linear-gradient(90deg,transparent,#fff6,transparent)}.playgroundLobby .playgroundIntro p{margin:0 auto;color:#b4b4b7;font-size:14px;line-height:1.8;max-width:700px}.playgroundLobby .playgroundLegend{justify-content:center;color:#b2b2b5;font-size:11px;margin-top:24px}.playgroundLobby .playgroundRoster{max-width:1450px;margin:auto}.playgroundLobby .playgroundRoster h2{font-family:Georgia,serif;font-weight:400;letter-spacing:.06em}.playgroundLobby .playgroundRoster h2 small{color:#aaa}.playgroundLobby .playgroundRoster button{background:#0d0d0e;border-color:#ffffff40;color:#e8e8e8}.playgroundLobby .playgroundRoster button:hover{background:#18181a;border-color:#ffffff9c}.playgroundLobby .playgroundEmpty{background:radial-gradient(ellipse at top,#202023,#090909);border:1px solid #ffffff2e;border-radius:3px;color:#aaa}.playgroundLobby .playgroundEmpty h3{color:#eee;font-family:Georgia,serif;font-weight:400}.playgroundLobby .playgroundEmpty a{color:#eee}.playgroundLobby .playgroundChampion{position:relative;border-radius:3px;box-shadow:0 12px 28px #0009;transition:transform .2s,border-color .2s}.playgroundLobby .playgroundChampion:hover{transform:translateY(-4px)}.playgroundLobby .playgroundChampion:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff12;pointer-events:none}.playgroundLobby .playgroundChampion>div{padding:22px}.playgroundLobby .playgroundChampion h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.4;color:#f3f3f3;letter-spacing:.03em}.playgroundLobby .playgroundChampion small{color:#909098}.playgroundLobby .playgroundChampion span{color:#d5d5da;display:flex;justify-content:space-between}.playgroundLobby .playgroundChampion img{background:#141416}.playgroundLobby .playgroundFootnote{color:#a0a0a6;line-height:1.8}.championModalBackdrop{position:fixed;inset:0;z-index:1500;background:#000d;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;color:#ededf0;font-family:Arial,Helvetica,sans-serif;-ms-scroll-chaining:none;overscroll-behavior:contain}.championModal,.championModal *{box-sizing:border-box}.championModal{width:min(1220px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#0b0b0e;border:1px solid #ffffff4a;border-radius:5px;box-shadow:0 28px 100px #000,0 0 40px #fff1;outline:none;overflow:hidden}.championModal button{font:inherit;color:#dadade;background:#ffffff05;border:1px solid #ffffff30;border-radius:3px;padding:10px 14px;cursor:pointer;transition:background .16s,border-color .16s}.championModal button:hover{background:#ffffff10;border-color:#ffffff7c}.championModal button:disabled{opacity:.48;cursor:wait}.championModal :focus-visible{outline:2px solid #dae2fa;outline-offset:3px}.championModalHeader{display:flex;align-items:center;padding:22px 28px;gap:18px;border-bottom:1px solid #ffffff25;background:radial-gradient(ellipse at top,#24242a66,transparent)}.championSeal{width:54px;height:54px;flex-shrink:0}.championSeal img{width:33px;filter:grayscale(1) brightness(1.4)}.championKicker{font-size:9px;letter-spacing:.2em;color:#a6a6b1}.championModalHeader h2{font-family:Georgia,serif;font-size:clamp(20px,2.3vw,29px);font-weight:400;letter-spacing:.04em;margin:6px 0;overflow-wrap:anywhere}.championModalHeader small{font-size:10px;letter-spacing:.14em;color:#85858e}.championModalHeader .championClose{margin-left:auto;padding:9px;display:grid;place-items:center;flex-shrink:0}.championPreviewBody{display:grid;grid-template-columns:46% 54%;min-height:0;overflow:hidden;flex:1 1;height:580px}.championStage{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 45%,#323037 0,#18171d 40%,#0b0b0f 75%);overflow:hidden;border-right:1px solid #ffffff20}.championStage:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff09;pointer-events:none}.championStageLabel{position:absolute;top:24px;left:25px;font-size:9px;letter-spacing:.22em;color:#93939f;z-index:1;pointer-events:none;display:flex;align-items:center;gap:8px}.championLiveDot{height:5px;width:5px;background:#c9d3c9;border-radius:50%;box-shadow:0 0 10px #bccbb9}.championViewport{position:absolute;inset:40px 0 75px}.championViewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.championViewport canvas:active{cursor:grabbing}.championModelStatus{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;background:#0b0b0fe8;padding:32px;font-size:13px;z-index:2;line-height:1.7}.championViewTools{position:absolute;bottom:22px;left:16px;right:16px;text-align:center;z-index:1}.championViewTools>div{display:flex;justify-content:center;gap:6px}.championViewTools button{text-transform:capitalize;padding:6px 16px;font-size:11px}.championViewTools small{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#9898a4;margin-top:13px}.championViewTools small svg{width:14px;height:14px}.championDossier{min-height:0;min-width:0;display:flex;flex-direction:column}.championTabs{display:flex;gap:25px;padding:0 28px;border-bottom:1px solid #ffffff1a;flex-shrink:0}.championTabs button{padding:20px 0 17px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-size:12px;color:#9c9ca7;white-space:nowrap}.championTabs button[aria-selected=true]{color:#fff;border-bottom-color:#dadbe3}.championTabs button:hover{background:transparent}.championDetailPanel{padding:23px 28px 28px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#555 #15151a;outline:none}.championDetailPanel::-webkit-scrollbar{display:block;width:5px}.championDetailPanel::-webkit-scrollbar-thumb{background:#555}.championSectionTitle{display:flex;align-items:center;justify-content:space-between;color:#a7a7b2;font-size:9px;letter-spacing:.2em;margin-bottom:20px}.championSectionTitle b{font-size:16px;color:#8c8c97;font-weight:400}.championQuickStats{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 25px;gap:20px 25px}.championStat{--stat-colour:#c9cbd6;min-width:0}.championStatLine{display:flex;align-items:center;gap:8px;font-size:11px;color:#bcbcc7;min-height:26px}.championIcon{flex-shrink:0}.championStatLine svg{color:var(--stat-colour);width:18px;height:18px}.championStatLine strong{font-size:17px;color:#f2f2f5;font-weight:500;margin-left:auto;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.championStatTrack{position:relative;height:5px;background:#ffffff10;margin:10px 0 7px;border-radius:1px}.championStatTrack i{position:absolute;top:0;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--stat-colour) 45%,#141419),var(--stat-colour));border-radius:1px}.championStatTrack b{position:absolute;top:-2px;height:9px;width:1px;background:#e2e2e977;max-width:1px;transform:translateX(-1px)}.championStatExplanation summary{cursor:pointer;font-size:9px;color:#95959f;list-style:none;display:flex;justify-content:space-between}.championStatExplanation p{font-size:11px;line-height:1.6;color:#b9b9c3;margin:8px 0 0}.championStatNote{font-size:11px;line-height:1.7;color:#9696a1;margin:18px 0}.championAttackCard{--stat-colour:#bbb;margin:14px 0 0;padding:17px;background:linear-gradient(120deg,#ffffff06,transparent);border:1px solid #ffffff20;border-left:2px solid var(--stat-colour);border-radius:2px}.championAttackHeading{display:flex;align-items:center;gap:11px}.championAttackHeading>svg{color:var(--stat-colour)}.championAttackHeading small{font-size:8px;letter-spacing:.15em;color:#a1a1ac}.championAttackCard h4{margin:5px 0 0;font-size:16px;font-family:Georgia,serif;font-weight:400}.championDamageType{margin-left:auto;font-size:9px;color:var(--stat-colour);border:1px solid #ffffff18;padding:5px 7px;text-transform:uppercase;letter-spacing:.05em}.championAttackNumbers{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:16px 10px;gap:16px 10px;margin-top:17px}.championAttackNumbers span{font-size:9px;color:#91919e;line-height:1.5}.championAttackNumbers b{display:block;color:#e4e4eb;font-size:14px;font-weight:500;margin-bottom:3px}.championNoMagic{display:flex;align-items:center;gap:13px;border-left-color:#57575f}.championNoMagic p{font-size:11px;line-height:1.6;color:#9696a1;margin:5px 0 0}.championMovement{display:flex;align-items:center;gap:15px;font-size:11px;padding:15px;background:#ffffff05;border:1px solid #ffffff14}.championMovement b{display:block;margin-top:5px;color:#ddd}.championGroupTitle{font:400 18px Georgia,serif;margin:26px 0 18px;color:#e4e4ea}.championTraitCard{border:1px solid #ffffff1d;margin:14px 0;background:linear-gradient(120deg,#ffffff05,transparent)}.championTraitCard>header{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#ffffff03}.championTraitCard header>svg{color:#a9a9b5}.championTraitCard small{font-size:9px;color:#9393a0;text-transform:uppercase;letter-spacing:.15em}.championTraitCard h3{font:400 17px Georgia,serif;margin:5px 0 0}.championPerk{padding:14px 17px;border-top:1px solid #ffffff0c}.championPerk>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.championPerk strong{font-size:12px;font-weight:500;color:#e4e4ed}.championPerk span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#babac8;background:#ffffff08;padding:4px 6px;white-space:nowrap}.championPerk p{font-size:11px;line-height:1.75;color:#a6a6b3;margin:8px 0 0}.championTraitCard>.championStatNote{margin:14px 17px}.championModalFooter{flex-shrink:0;padding:20px 28px;border-top:1px solid #ffffff2b;background:#101014}.championModalFooter>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.championModalFooter p{margin:0}.championModalFooter strong{display:block;font-size:9px;font-weight:500;letter-spacing:.18em;color:#d3d3dc}.championModalFooter p span{display:block;font-size:11px;color:#b0b0bd;margin-top:6px}.championModalFooter small{display:block;font-size:9px;color:#888895;margin-top:8px}.championModal .championEnter{min-width:230px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(#eeeef3,#bfbfc9);color:#141419;border:1px solid #fff;padding:15px 20px;letter-spacing:.06em;font-size:12px;box-shadow:0 0 24px #ffffff0b}.championModal .championEnter:hover:not(:disabled){background:#fff}.championEnter>span{font-size:20px}.championPreviewLoading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:13px;color:#adadba}.championLoadingSeal{font-size:45px}.championPreviewError{color:#efb3aa;border:1px solid #83554f;background:#2b181d;padding:12px 15px;margin-bottom:14px;font-size:12px;line-height:1.6}@media(max-width:850px){.championModalBackdrop{padding:12px}.championModal{max-height:calc(100dvh - 24px)}.championModalHeader{padding:18px}.championPreviewBody{grid-template-columns:42% 58%}.championTabs{gap:17px;padding:0 18px}.championDetailPanel{padding:20px 18px}.championQuickStats{gap:18px 16px}.championStatLine{font-size:10px;gap:5px}.championStatLine strong{font-size:15px}.championModalFooter{padding:17px 18px}.championModalFooter small{max-width:300px;line-height:1.6}.championModal .championEnter{min-width:195px}}@media(max-width:640px){.playgroundLobby .playgroundIntro{padding-top:20px}.playgroundIntroSeal{width:55px;height:55px}.playgroundIntroSeal img{width:32px}.playgroundLobby .playgroundIntro h1{font-size:32px;line-height:1.3}.playgroundLobby .playgroundIntro p{font-size:12px}.playgroundCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.playgroundLobby .playgroundChampion>div{padding:15px}.playgroundLobby .playgroundChampion h3{font-size:16px}.playgroundLobby .playgroundChampion span{font-size:11px}.championModalBackdrop{padding:0}.championModal{max-height:100dvh;height:100dvh;border:0;border-radius:0}.championModalHeader{gap:12px;padding:14px 16px}.championSeal{width:40px;height:40px}.championSeal img{width:24px}.championKicker{font-size:7px}.championModalHeader h2{font-size:20px}.championModalHeader small{font-size:8px}.championPreviewBody{display:block;overflow-y:auto;height:auto}.championStage{height:420px;min-height:0;border-right:0;border-bottom:1px solid #ffffff20}.championViewport{inset:35px 0 78px}.championStageLabel{top:20px;left:20px}.championDetailPanel,.championDossier{overflow:visible}.championTabs{position:sticky;top:0;z-index:3;background:#101014;justify-content:space-between}.championModalFooter{padding:14px 16px}.championModalFooter>div:last-child{display:block}.championModalFooter small,.championModalFooter strong{display:none}.championModalFooter p span{font-size:10px;margin:0 0 10px;text-align:center}.championModal .championEnter{width:100%;padding:12px 18px}.championAttackNumbers{grid-template-columns:1.4fr 1fr 1fr}.championPreviewError{margin-bottom:10px;padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.championModal button,.playgroundLobby .playgroundChampion{transition:none}}