@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--lime:#d7ff61;--ink:#0c151b;--muted:#91a3ad;--cyan:#70e6ec}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f0f4ef;font-family:Barlow,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff26;background:#17232bbb;transition:.18s}button:hover{border-color:var(--lime);color:var(--lime)}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}#arena{position:fixed;inset:0;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 25%,#081118b8 100%)}header{height:100px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:5;border-bottom:1px solid #ffffff10;background:linear-gradient(#0b151de8,transparent)}.brand{font:900 31px/.9 'Barlow Condensed',sans-serif;color:white;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--lime);margin-left:4px}.brand small{display:block;font:600 9px Barlow,sans-serif;letter-spacing:3.4px;margin-top:9px;color:#b8c8cf}.mission{font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.mission b{color:#dce6e9;font-weight:500;border-left:1px solid #ffffff30;padding-left:12px}.live-dot,.eyebrow i{width:6px;height:6px;background:var(--lime);display:inline-block;box-shadow:0 0 10px #d7ff6180;border-radius:50%}.top-actions{display:flex;align-items:center;gap:14px}.top-actions button{padding:9px 12px;font-size:10px}.poc{font-size:9px;color:var(--muted);letter-spacing:1px}.overlay{position:fixed;inset:100px 0 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px 8%;gap:9%;background:linear-gradient(90deg,#0a131df2 5%,#0b151d9c 48%,#0b151d3b)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;color:var(--lime);display:flex;align-items:center;gap:10px}h1{font:900 clamp(45px,5.8vw,85px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;margin:22px 0}h1 em{color:var(--lime);font-style:normal}p{font-size:14px;line-height:1.6;color:#afc1ca}.intro-facts{display:flex;gap:27px;margin:26px 0}.intro-facts span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.intro-facts b{font:700 22px 'Barlow Condensed';color:white;display:block;margin-bottom:3px}.primary{background:var(--lime);color:#16201c;border:none;padding:17px 24px;font-size:12px;letter-spacing:1.5px;font-weight:800;min-width:280px;display:flex;justify-content:space-between;gap:30px}.primary:hover{background:#e6ff9e;color:#101914;transform:translateY(-2px)}.primary span{font-size:18px}.subtle{color:#82949e;font-size:10px;margin-top:10px}.intro-controls{display:flex;gap:18px;margin-top:25px;font-size:10px;color:#a0afb5}kbd{font:10px Barlow,monospace;border:1px solid #ffffff30;border-radius:3px;padding:4px 5px;color:#d9e1e4;margin-right:4px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin-bottom:15px}.section-label span{color:#8598a1;font-size:9px}.hero-card{height:175px;border:1px solid #ffffff23;position:relative;margin-bottom:12px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#334747a8,#17252ee8);padding-left:145px}.hero-card:after{content:'';width:3px;position:absolute;inset:0 auto 0 0;background:var(--lime)}.hero-card.spider:after{background:#ff776c}.hero-card.spider{background:linear-gradient(110deg,#63343c9e,#17252ee8)}.hero-card img{position:absolute;left:8px;height:170px;width:135px;object-fit:contain;bottom:-5px;filter:drop-shadow(4px 8px 0 #0004)}.hero-card small{font-size:8px;letter-spacing:1.5px;color:#adc1c9}.hero-card h2{font:800 32px 'Barlow Condensed';margin:8px 0 3px}.hero-card p{font-size:11px;margin:0 0 13px}.chip{font-size:7px;letter-spacing:1px;color:#c9d4d7;border:1px solid #ffffff28;padding:5px 7px}.hero-number{position:absolute;right:12px;top:8px;font:800 46px 'Barlow Condensed';color:#ffffff09}.art-note{font-size:10px;text-align:right;color:#8c9ba2}.legal{position:fixed;bottom:0;height:35px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#768b96;letter-spacing:1.2px;z-index:7}.legal button{border:0;background:none;font-size:8px;letter-spacing:1.3px}.hidden{display:none!important}#hud{position:fixed;top:125px;left:4%;right:4%;pointer-events:none}.vital{width:280px}.label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-bottom:7px}.label b{font-weight:500}.bar{height:7px;background:#051015aa;overflow:hidden;transform:skewX(-12deg)}.bar i{display:block;height:100%;width:100%;background:var(--lime);transition:width .15s}.xp-label{margin-top:12px;color:#9bc2d0;font-size:8px}.xp{height:3px}.xp i{width:0;background:var(--cyan)}.run-stats{position:absolute;right:0;top:0;display:flex;gap:35px;text-align:right}.run-stats small{display:block;font-size:8px;letter-spacing:2px;color:#9cb1bb}.run-stats strong{font:600 36px 'Barlow Condensed'}#objective{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;padding:9px 18px;background:#10202b99;border:1px solid #ffffff15}#combat{position:fixed;bottom:55px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end;gap:20px}.team{display:flex;gap:8px;position:relative}.team-card{width:130px;height:66px;display:flex;align-items:center;position:relative;text-align:left;padding:4px 8px 4px 55px;background:#10212dec}.team-card img{height:65px;width:48px;object-fit:contain;position:absolute;left:4px;bottom:0}.team-card small{display:block;font-size:7px;color:#8ca3ae;letter-spacing:1px;margin-bottom:4px}.team-card b{font:700 19px 'Barlow Condensed'}.team-card kbd{position:absolute;right:4px;top:-13px;background:#10212d;padding:2px 4px;font-size:8px}.team-card.active{border-color:var(--lime)}.team-card.active small{color:var(--lime)}#tagInfo{position:absolute;top:-25px;font-size:9px;letter-spacing:1px;color:#c7d8df}.skills{display:flex;gap:6px}.skills>div{background:#10212de6;border:1px solid #ffffff20;width:80px;height:75px;text-align:center;padding:7px 3px}.skill-icon{font-size:23px;color:#8ee4ed;display:block}.skills small{display:block;font-size:7px;letter-spacing:.4px}.skills>div b{font-size:7px;color:#687e89}.ult{width:115px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.ult>span{font:700 24px 'Barlow Condensed'}.ult b{font:700 22px 'Barlow Condensed';display:block}.ult i{position:absolute;bottom:0;left:0;height:3px;background:var(--lime);width:0}.ult.ready{border-color:var(--lime);color:var(--lime);box-shadow:0 0 25px #d7ff6122}.extra-controls{display:flex;flex-direction:column;gap:6px}.extra-controls button{font-size:8px;letter-spacing:.5px;padding:9px}#runesPanel{position:fixed;left:4%;top:240px;max-width:210px}#runesPanel>small{font-size:8px;color:#a2b3bc;letter-spacing:1.2px}#runeList{font-size:10px;color:var(--lime);line-height:1.9;margin-top:8px}#toast{position:fixed;top:29%;left:50%;transform:translateX(-50%);font:700 24px 'Barlow Condensed';letter-spacing:3px;color:var(--lime);pointer-events:none;text-shadow:0 3px 12px #000;opacity:0;transition:opacity .2s}#toast.show{opacity:1}#bossHud{position:fixed;top:205px;left:35%;right:35%;text-align:center;font-size:9px;letter-spacing:2px}#bossHud .bar{margin-top:8px}#bossFill{background:#ff6c88}.modal{position:fixed;inset:0;background:#07111bdb;backdrop-filter:blur(9px);display:flex;justify-content:center;align-items:center;z-index:10;padding:25px}.modal-inner{max-width:850px;width:100%;text-align:center}.modal .eyebrow{justify-content:center}.modal h2{font:800 48px 'Barlow Condensed';margin:12px 0}.modal p{font-size:13px}.modal #choices{display:flex;justify-content:center;gap:15px;margin-top:28px}.choice{padding:25px 22px;text-align:left;width:240px;background:#14242e;border:1px solid #ffffff30}.choice .glyph{display:block;font-size:30px;color:var(--lime);margin-bottom:24px}.choice strong{font:700 26px 'Barlow Condensed';display:block}.choice p{font-size:12px;min-height:65px}.choice small{font-size:8px;letter-spacing:1px;color:var(--lime)}.choice:hover{transform:translateY(-5px);background:#22333b}.touch{position:fixed;bottom:150px;left:20px;right:20px;justify-content:space-between;align-items:center;pointer-events:none}.touch button{pointer-events:auto;touch-action:none;min-height:45px;min-width:45px;background:#152b3acc}.dpad{display:grid;grid-template-columns:repeat(3,45px);gap:3px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}body.playing header{height:80px}body.playing #hud{top:100px}@media(max-width:900px){.overlay{padding:20px 5%;gap:4%}.hero-card{padding-left:100px;height:150px}.hero-card img{width:95px;height:140px}.hero-card h2{font-size:25px}.chip{font-size:6px}.poc,.mission,.extra-controls{display:none}.skills>div{width:60px}.team-card{width:105px}.vital{width:210px}#objective{top:75px;white-space:nowrap}#runesPanel{top:210px}}@media(max-width:600px){header{height:75px;padding:0 5%}.brand{font-size:25px}.overlay{inset:75px 0 35px;display:block;overflow:auto}.intro-copy h1{font-size:49px;margin:14px 0}.intro-copy p{font-size:12px}.intro-facts{margin:15px 0}.squad-preview{display:none}.primary{min-width:100%;margin-top:18px}.intro-controls{gap:10px}.top-actions{gap:6px}.vital{width:160px}.run-stats{gap:15px}.run-stats strong{font-size:28px}#combat{bottom:45px;align-items:center;gap:8px;flex-wrap:wrap}.team-card{width:95px;height:50px}.team-card img{height:50px}.team-card b{font-size:16px}.skills>div{width:48px;height:56px}.skill-icon{font-size:18px}.skills small{font-size:6px}.ult{width:75px;height:56px}.ult>span{font-size:17px}.ult b{font-size:18px}#runesPanel{top:235px;max-width:140px}.modal #choices{flex-direction:column;gap:8px}.choice{width:100%;padding:13px 17px}.choice .glyph{float:left;margin:0 15px 0 0}.choice strong{font-size:23px}.choice p{min-height:0;margin:5px 0}.modal h2{font-size:33px}.legal{font-size:6px}.legal button{font-size:7px}#bossHud{left:25%;right:25%;top:195px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.hero-card{height:132px;padding-left:115px}.hero-card img{height:130px;width:105px}.hero-card h2{font-size:27px}.hero-card .chip{font-size:6px}.hero-card.mega{background:linear-gradient(110deg,#264f709e,#17252ee8)}.hero-card.mega:after{background:#55bfff}.team-card{width:112px}.team-card b{font-size:17px}@media(max-width:1100px){.extra-controls{display:none}.team-card{width:98px}.skills>div{width:58px}}@media(max-width:600px){.team{width:100%}.team-card{flex:1}.skills{margin-top:4px}.touch{bottom:205px}}
.selection-screen{position:fixed;inset:100px 0 35px;overflow:auto;padding:26px 6% 20px;background:linear-gradient(110deg,#0b151df5,#101f2ae8);z-index:4}.selection-heading{display:flex;align-items:center;justify-content:space-between}.selection-heading h1{font-size:clamp(30px,3.6vw,52px);margin:12px 0}.selection-heading p{font-size:12px;margin:0 0 20px}.selection-heading>b{font:700 38px 'Barlow Condensed';color:var(--lime);white-space:nowrap;margin-left:20px}.roster-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.roster-card{position:relative;min-width:0;text-align:left;padding:8px 10px 14px;background:linear-gradient(#263841,#13232c);border:1px solid #ffffff28}.roster-card img{width:100%;aspect-ratio:1/1.25;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #0006)}.roster-card small{font-size:7px;color:#b4c5cf;letter-spacing:1px;display:block}.roster-card strong{font:700 23px/.95 'Barlow Condensed';display:block;margin:7px 0;min-height:43px}.roster-card>span:last-child{font-size:8px;color:#8ea7b2}.roster-card.picked{border-color:var(--lime);background:linear-gradient(#35473d,#1d2c2d);box-shadow:inset 0 -3px var(--lime)}.pick-number{position:absolute;top:7px;left:9px;font:800 23px 'Barlow Condensed';color:var(--lime);z-index:1}.selection-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px;padding-top:20px;border-top:1px solid #ffffff20}.selection-footer small{font-size:8px;letter-spacing:1.5px;color:var(--lime)}#teamSummary{font:600 22px 'Barlow Condensed';margin:8px 0}#enemySummary{font-size:10px;max-width:620px;line-height:1.6}.selection-controls{font-size:10px;color:#91aab5;margin-top:20px}#cameraHelp{position:fixed;bottom:145px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;color:#abc4ce;z-index:3;white-space:nowrap}#cameraHelp button{font-size:8px;padding:7px}.team-card b{font-size:14px}.team-card img{image-rendering:pixelated;height:75px;width:65px;left:-3px}.team-card{padding-left:54px}#arena{touch-action:none}.roster-card:hover img{transform:translateY(-3px)}@media(max-width:1200px){.roster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.roster-card img{height:95px;aspect-ratio:auto}.roster-card strong{min-height:0;font-size:21px}.selection-screen{padding:20px 4%}.selection-footer{margin-top:15px}}@media(max-width:700px){.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-card img{height:90px}.selection-screen{inset:80px 0 35px}.selection-footer{flex-direction:column;align-items:stretch}.selection-heading h1{font-size:31px}.selection-heading>b{font-size:27px}.roster-card{padding:6px 8px 10px}#cameraHelp{bottom:170px;font-size:7px;flex-direction:column;gap:4px}.selection-controls{font-size:9px;line-height:1.7}}@media(pointer:coarse){#cameraHelp span{font-size:0}#cameraHelp span:after{content:'Arraste a arena para girar a câmera';font-size:9px}#captureMouse{display:none}}