@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-5.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/font-8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Barlow,Arial,sans-serif;color:#f9f7f1;background:#10121e;font-synthesis:none;--lime: #d3fb55;--purple: #a97bfc;--muted: #9b9dac;--panel: #191c2b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{color:inherit}button svg,span svg{width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}button:disabled{cursor:default}.app-shell{max-width:1320px;margin:auto;padding:0 40px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 22px/.85 Barlow Condensed,Impact,sans-serif;letter-spacing:.5px}.brand>svg{color:var(--lime);height:37px;width:37px}.brand span span{display:block;font-size:14px;letter-spacing:2.1px;margin-top:5px}.top-caption{font-size:12px;color:#8c8fa4;font-weight:600;letter-spacing:2.4px}.top-actions{display:flex;gap:10px}.icon-button{width:42px;height:42px;background:#ffffff06;border:1px solid #ffffff1c;display:grid;place-items:center;border-radius:10px}.icon-button svg{width:20px;height:20px}.icon-button:hover{background:#ffffff16}.stage{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:18px;border:1px solid #ffffff20;background:#262534 url(/fields/campo-da-favela/background.webp) center/cover;isolation:isolate;box-shadow:0 24px 80px #0005}.stage:fullscreen{max-width:none;width:100vw;height:100dvh;border:0;border-radius:0}.screens{position:absolute;inset:0;z-index:10}.home-screen{background:linear-gradient(180deg,#121426e8,#161829a0 42%,#18152138 66%,#101321ec)}.home-heading{text-align:center;padding-top:4.5%;position:relative;z-index:3}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--lime)}.small-line{display:inline-block;width:25px;border-top:2px solid var(--lime);vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800}h1{font-size:clamp(45px,6.5vw,86px);line-height:.9;font-style:italic;letter-spacing:-1px;margin:16px 0 14px;text-shadow:0 4px 0 #0007}h1>span{display:block;font-size:.76em;margin-top:6px}h1 em{font-style:inherit;color:var(--lime)}.home-heading p{font-size:14px;color:#dbdbe1}.home-player{position:absolute;bottom:9%;width:30%;height:68%;display:flex;flex-direction:column;align-items:center;justify-content:end}.home-left{left:5%;transform:rotate(-3deg)}.home-right{right:5%;transform:rotate(3deg)}.character-art{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 8px #0005)}.home-player>.character-art{height:92%;max-width:100%}.home-right>.character-art{transform:none}.artist-label{font-family:Barlow Condensed,Impact,sans-serif;font-size:21px;font-weight:700;display:flex;align-items:center;gap:10px;background:#1c202eee;border:1px solid #ffffff22;box-shadow:0 5px #0006;padding:9px 18px;white-space:nowrap;border-radius:5px}.artist-label small{color:var(--lime);font-size:15px;border-right:1px solid #ffffff33;padding-right:10px}.home-right .artist-label small{color:#c8a5ff}.home-cta{position:absolute;left:50%;transform:translate(-50%);bottom:11%;z-index:4;display:flex;flex-direction:column;align-items:center;width:30%;min-width:230px}.primary{background:var(--lime);color:#19210c;border:0;border-radius:9px;font-family:Barlow Condensed,Impact,sans-serif;font-size:21px;font-weight:800;letter-spacing:.6px;padding:16px 26px;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 4px #7f9d26;transition:background .15s,transform .15s}.primary:hover{background:#e2ff86;transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:0 2px #7f9d26}.primary svg{width:21px;height:21px}.play-button{font-size:32px;width:100%;padding:16px 28px;justify-content:space-between}.play-button svg:first-child{fill:currentColor}.home-cta>span{font-size:9px;letter-spacing:1.2px;color:#dedee2;margin-top:15px;white-space:nowrap}.home-matchup{position:absolute;left:50%;top:53%;transform:translate(-50%);display:flex;align-items:center;gap:14px;color:#c5c5d0;font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:1px}.home-matchup b{font-style:italic;font-size:38px;color:#fff5}.bottom-bar{display:flex;align-items:center;justify-content:space-between;height:62px;color:#9fa0b0;font-size:11px;font-weight:600;letter-spacing:1px}.bottom-bar>span{display:flex;align-items:center;gap:10px}.bottom-bar svg{width:15px;height:15px;color:var(--lime)}.bottom-bar i{height:3px;width:3px;border-radius:50%;background:#686d80;margin:0 6px}.version{color:#696d80}.desktop-controls{border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:center;gap:30px;padding:22px;color:#7e8399;font-size:12px}.desktop-controls>span{display:flex;align-items:center;gap:6px}kbd{border:1px solid #ffffff23;border-bottom-width:3px;border-radius:4px;padding:4px 6px;font:600 11px Barlow,sans-serif;color:#b4b6c5}.panel-screen{background:linear-gradient(110deg,#131624f5,#211931ec);padding:3.5% 5%;display:flex;flex-direction:column;gap:4%}.screen-heading{display:flex;align-items:center;gap:16px}.screen-heading h2{font-size:clamp(22px,3.2vw,38px);line-height:1.1;margin-top:5px}.screen-heading .eyebrow{font-size:10px}.character-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:auto}.character-card{position:relative;min-height:240px;border:1px solid #ffffff24;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,color-mix(in srgb,var(--character-color) 35%,transparent),transparent 70%),#ffffff04;text-align:left;transition:border-color .2s}.character-card.selected{border:2px solid var(--lime);background-color:#d3fb5509}.card-number{position:absolute;top:3%;left:6%;font:800 110px/1 Barlow Condensed,sans-serif;font-style:italic;color:#ffffff07}.card-choice{position:absolute;top:15px;right:15px;font-size:9px;letter-spacing:1.4px;color:#b5b4c4;z-index:2}.selected .card-choice{color:var(--lime)}.character-card>.character-art{position:absolute;height:105%;width:65%;object-position:center bottom;right:-4%;bottom:0}.character-info{position:absolute;left:7%;bottom:9%;z-index:2}.character-info .eyebrow{font-size:8px;color:#a6a8b8;letter-spacing:1px}.character-info h3{font-size:32px;line-height:1;margin:8px 0 18px;max-width:120px;text-shadow:0 2px 8px #000}.attributes{display:grid;gap:7px}.attributes>span{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#b8b8c4}.attributes b{font-size:9px;color:var(--lime);letter-spacing:3px}.screen-bottom{display:flex;justify-content:space-between;align-items:center}.screen-bottom>span{font-size:12px;color:var(--muted)}.mode-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center;flex:1;min-height:0}.match-preview{display:flex;align-items:center;justify-content:space-between;height:100%;min-height:0;gap:10px}.match-preview>div{display:flex;flex-direction:column;align-items:center;width:45%;height:100%;justify-content:center}.match-preview img{height:72%;max-width:100%;min-height:0}.match-preview strong{font:700 24px Barlow Condensed,sans-serif}.match-preview small{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}.match-preview>b{font:800 italic 36px Barlow Condensed,sans-serif;color:#ffffff35}.match-preview>div:last-child img{transform:none}.mode-settings{display:flex;flex-direction:column;gap:18px}.mode-active,.mode-future{display:flex;align-items:center;gap:12px;border-radius:10px;padding:18px;border:1px solid #d3fb5570;background:#d3fb5509}.mode-active>svg,.mode-future>svg{height:25px;width:25px;color:var(--lime);flex-shrink:0}.mode-active h3{font-size:22px}.mode-active p{font-size:11px;color:var(--muted);margin-top:5px}.mode-check{margin-left:auto;color:var(--lime)}.difficulty-label{font-size:9px;letter-spacing:1.5px;color:#aaa8bc;display:flex;flex-direction:column;gap:8px}.difficulty-label select{font:500 14px Barlow,sans-serif;padding:12px;color:#fff;background:#232438;border:1px solid #ffffff22;border-radius:8px;width:100%}.mode-future{border:1px solid #ffffff13;background:#ffffff03;color:#818095;padding:14px;font:600 13px Barlow Condensed,sans-serif;letter-spacing:.5px}.mode-future>svg{color:#777386;width:20px;height:20px}.mode-future small{font:600 8px Barlow,sans-serif;padding:4px 5px;background:#ffffff08;margin-left:auto;border-radius:3px;white-space:nowrap}.mode-note{text-align:center;font-size:10px;color:#9090a7;margin-top:-3px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;background:#171927;color:#eff4dc}.secondary{border:1px solid #ffffff26;border-radius:8px;background:#ffffff06;padding:13px 17px;font-size:11px;font-weight:700;letter-spacing:.5px}.secondary:hover{background:#ffffff12}#canvas-host{position:absolute;inset:0;z-index:1}#canvas-host canvas{display:block}.playing-screen{pointer-events:none;background:none}.hud{position:absolute;z-index:4;top:3%;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;width:58%;max-width:700px;justify-content:center;gap:8px}.hud-player{display:flex;align-items:center;justify-content:center;gap:9px;background:#151725e8;border:1px solid #ffffff20;border-radius:9px;padding:10px 12px;margin-top:5px;flex:1;min-width:0;font:700 clamp(12px,1.8vw,21px) "Barlow Condensed",sans-serif}.hud-player small{display:block;font:600 8px Barlow,sans-serif;letter-spacing:1.3px;color:var(--lime);margin-top:3px}.hud-player.opponent{text-align:right}.hud-player.opponent small{color:#bf9ee9}.hud-dot{width:7px;height:24px;border-radius:3px;flex-shrink:0}.scorebox{background:#131524;border:1px solid #ffffff30;border-radius:10px;min-width:100px;text-align:center;box-shadow:0 5px 18px #0004}.scorebox>div{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 13px;font:800 33px Barlow Condensed,sans-serif}.scorebox>div>span{font-size:17px;color:#71748c}.scorebox time{display:block;border-top:1px solid #ffffff15;padding:5px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.scorebox time.urgent{color:var(--lime)}.pause-button{position:absolute;right:2%;top:3%;z-index:12;background:#171b2ade}.match-message{position:absolute;top:38%;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none;width:80%;text-shadow:0 4px 0 #151827,0 0 30px #000}.match-message strong{font:900 italic clamp(40px,8vw,96px)/1 "Barlow Condensed",sans-serif;color:var(--lime)}.match-message span{font:700 19px Barlow Condensed,sans-serif;letter-spacing:2px;margin-top:7px}.touch-controls{position:absolute;inset:auto 0 3%;z-index:7;display:flex;justify-content:space-between;padding:0 3%;pointer-events:none}.touch-controls>div{display:flex;gap:12px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #ffffff60;background:#192030b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:17px;width:66px;height:60px;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;box-shadow:0 4px #080e1c75}.touch-controls button.held{transform:translateY(3px);background:#ffffff50;box-shadow:none}.touch-controls button svg{height:24px;width:24px}.touch-controls button span{font-size:9px;letter-spacing:.5px;font-weight:800}.touch-controls [data-control=kick]{background:#d3fb55e8;border-color:var(--lime);color:#202710}.touch-controls [data-control=jump]{background:#9b6ce8df;border-color:#c9a8ff}.pause-screen,.result-screen{display:flex;align-items:center;justify-content:center;background:#101322c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pause-card,.result-card{background:#1c1e2ffa;border:1px solid #ffffff25;border-radius:17px;padding:32px;text-align:center;display:flex;flex-direction:column;gap:18px;min-width:340px;box-shadow:0 20px 60px #0005}.pause-card h2{font-size:42px}.result-card{min-width:440px;padding:28px}.result-card h2{font-size:64px;font-style:italic;color:var(--lime);line-height:1}.result-card p{font-size:13px;color:var(--muted);margin-top:-8px}.result-score{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.result-score>span{font:700 18px Barlow Condensed,sans-serif;max-width:90px}.result-score>b{font:800 40px Barlow Condensed,sans-serif;white-space:nowrap}.result-score i{font-size:20px;color:#76788a;font-style:normal}.result-actions{display:flex;justify-content:center;gap:10px}@media(min-width:1100px){.stage{max-height:calc(100dvh - 210px);width:auto;margin:auto;aspect-ratio:16/9}.touch-controls{opacity:.65}.touch-controls:hover{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.stage.in-match{background:#111524}.victory-screen{pointer-events:none;text-align:center}.victory-title{position:absolute;top:4%;left:10%;width:80%;text-shadow:0 3px 12px #090b17}.victory-title h2{font-size:clamp(30px,5vw,64px);font-style:italic;line-height:1;margin:8px 0;color:var(--lime)}.victory-title>span:last-child{font-size:14px;letter-spacing:2px}.victory-track{position:absolute;bottom:3%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;white-space:nowrap;background:#151725d9;padding:8px 12px;border-radius:20px}.victory-track svg{width:16px;height:16px}.roster-screen .character-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(190px,1fr);gap:12px;padding:4px;scrollbar-color:#a97bfca0 #ffffff08;overscroll-behavior:contain;touch-action:pan-x pan-y}.roster-screen .character-card{min-height:190px;border-width:2px}.roster-screen .character-card>.character-art{top:auto;right:2%;bottom:0;width:auto;height:87%;max-height:235px;opacity:1}.roster-screen .character-info{left:6%;bottom:8%;width:45%;text-shadow:0 2px 5px #111624,0 0 14px #111624}.roster-screen .character-info h3{font-size:26px;max-width:130px;margin:0 0 15px}.roster-screen .attributes>span{gap:7px}.roster-screen .attributes b{letter-spacing:1px}.roster-screen .card-choice{font-size:10px;right:10px;top:12px}.match-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-options select{min-width:0;padding-left:8px;padding-right:4px}.online-home{width:100%;min-height:48px}.online-mode{min-height:48px;width:100%}.online-mode svg,.online-home svg{width:22px;height:22px}.online-screen{overflow-y:auto}.online-content{display:flex;align-items:center;justify-content:center;gap:48px;min-height:0}.online-artist{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 1 260px}.online-artist img{height:300px;max-width:100%;object-fit:contain}.online-artist strong{font-size:22px}.online-options{width:min(100%,420px);display:flex;flex-direction:column;gap:14px}.online-options p,.room-card p{font-size:16px;line-height:1.4;margin:0}.online-options small{font-size:14px;line-height:1.4;color:#bcb8cb}.online-options form{display:grid;gap:10px}.online-options label,.room-card label{font-size:14px;letter-spacing:.08em}.online-options input,.invite-code{min-height:48px;width:100%;border:1px solid #787287;border-radius:12px;background:#191a29;color:#fff;font:inherit;font-size:22px;padding:10px 14px;text-align:center;text-transform:uppercase}.online-options input:focus,.invite-code:focus{outline:2px solid #d3fb55;outline-offset:2px}.online-divider{color:#bcb8cb;font-size:14px;text-align:center}.online-status{color:#ffdb95}.online-status:empty,#copy-status:empty{display:none}.room-card{width:min(540px,calc(100% - 32px));margin:auto;display:flex;flex-direction:column;gap:14px;padding:26px;background:#171827f5;border:1px solid #5f596d;border-radius:22px;text-align:center}.room-card h2{margin:0;font-size:32px}.room-card .invite-code{letter-spacing:.18em;font-weight:700}.room-players{display:flex;align-items:center;justify-content:center;gap:18px}.room-players span{flex:1;font-size:19px}.room-players small{display:block;margin-top:5px;font-size:12px;color:#d3fb55}.online-screen button:disabled,.result-screen button:disabled{opacity:.6;cursor:wait}.app-shell.is-compact{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-height: calc(56px + var(--safe-top));position:relative;padding:0;width:100%;height:var(--viewport-height, 100dvh);max-width:none;overflow:hidden;background:#10121e}.is-compact .topbar{position:absolute;inset:0 0 auto;z-index:20;height:var(--header-height);padding:var(--safe-top) max(10px,var(--safe-right)) 0 max(10px,var(--safe-left));gap:6px;pointer-events:none}.is-compact .brand,.is-compact .top-actions{pointer-events:auto}.is-compact .brand{gap:6px;font-size:18px}.is-compact .brand>svg{width:25px;height:25px}.is-compact .brand span span{font-size:10px;letter-spacing:1.3px;margin-top:4px}.is-compact .top-actions{gap:5px}.is-compact .icon-button{width:44px;height:44px;flex-shrink:0;background:#161a2bed}.is-compact .top-caption,.is-compact .bottom-bar,.is-compact .desktop-controls{display:none}.is-compact .stage{width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0;border-radius:0}.is-compact .screens{padding:var(--header-height) max(14px,var(--safe-right)) max(14px,var(--safe-bottom)) max(14px,var(--safe-left))}.is-compact .panel-screen{gap:10px}.is-compact .screen-heading{gap:10px;flex-shrink:0}.is-compact .screen-heading h2{font-size:clamp(22px,3.2vw,32px);margin-top:3px}.is-compact .screen-heading .eyebrow{font-size:10px;letter-spacing:1px}.is-compact .primary,.is-compact .secondary{min-height:44px;padding:10px 14px;flex-shrink:0}.is-compact .primary{font-size:20px}.is-compact .primary:hover{transform:none}.is-compact .screen-bottom{flex-shrink:0;gap:8px;padding-bottom:4px}.is-compact .screen-bottom>span{font-size:11px}.is-compact .roster-screen .character-grid{gap:10px;grid-auto-rows:250px}.is-compact .roster-screen .character-card{min-height:0}.is-compact .match-options{gap:8px}.is-compact .difficulty-label{gap:5px;font-size:10px;letter-spacing:.7px}.is-compact .difficulty-label select{appearance:none;-webkit-appearance:none;font-size:16px;height:44px;min-height:44px;padding:8px 22px 8px 8px;background-image:linear-gradient(45deg,transparent 50%,#d3fb55 50%),linear-gradient(135deg,#d3fb55 50%,transparent 50%);background-position:calc(100% - 13px) 19px,calc(100% - 8px) 19px;background-size:5px 5px;background-repeat:no-repeat}.is-compact .mode-settings{min-width:0;gap:10px}.is-compact .mode-active{padding:8px 10px;gap:8px}.is-compact .mode-active h3{font-size:20px}.is-compact .mode-active p,.is-compact .mode-future{display:none}.is-compact .match-preview strong{font-size:19px;text-align:center}.is-compact .mode-note{font-size:11px}.is-compact .pause-card,.is-compact .result-card{min-width:0;width:min(100%,440px);max-height:100%;padding:20px;gap:12px;overflow-y:auto;overscroll-behavior:contain}.is-compact .result-card h2{font-size:46px}.is-compact .result-score{gap:12px;padding:0}.is-compact .result-score>span{font-size:16px}.is-compact .result-actions{gap:8px}.is-compact .result-actions button{flex:1;padding-inline:8px}.is-compact .touch-controls{opacity:1;bottom:max(12px,var(--safe-bottom));padding:0 max(16px,var(--safe-right)) 0 max(16px,var(--safe-left))}.is-compact .touch-controls>div{gap:10px}.is-compact .touch-controls button{width:60px;height:58px;border-radius:15px}.is-compact .touch-controls button span{font-size:10px}.is-compact .hud{gap:6px}.is-compact .hud-player{padding:7px 8px;font-size:16px;gap:6px}.is-compact .scorebox{min-width:76px}.is-compact .scorebox>div{font-size:28px;padding:0 8px;gap:12px}.is-compact .scorebox time{font-size:11px;padding:4px}.is-compact .hud-dot{width:5px;height:22px}.is-compact .match-message span{font-size:14px}.is-compact .victory-title{top:calc(var(--header-height) + 4px)}.is-compact .victory-track{bottom:max(12px,var(--safe-bottom));font-size:10px}.is-compact.is-landscape .hud{top:calc(6px + var(--safe-top));width:min(480px,calc(100% - 310px - var(--safe-left) - var(--safe-right)))}.is-compact.is-landscape .home-heading{padding-top:0}.is-compact.is-landscape h1{font-size:clamp(42px,7vw,72px);margin:8px 0}.is-compact.is-landscape .home-heading p{font-size:12px}.is-compact.is-landscape .home-player{height:65%;bottom:5%}.is-compact.is-landscape .home-cta{bottom:9%;min-width:185px}.is-compact.is-landscape .home-matchup{top:61%;font-size:11px;gap:8px}.is-compact.is-landscape .artist-label{font-size:16px;padding:6px 10px}.is-compact.is-landscape .roster-screen .character-grid{display:flex;scroll-snap-type:x proximity}.is-compact.is-landscape .roster-screen .character-card{flex:0 0 240px;scroll-snap-align:start}.is-compact.is-landscape .roster-screen .character-info h3{font-size:25px;margin-bottom:8px}.is-compact.is-landscape .attributes{gap:4px}.is-compact.is-landscape .mode-layout{grid-template-columns:.9fr 1.3fr;gap:18px}.is-compact.is-landscape .match-preview img{height:72%}.is-compact.is-landscape .victory-title{top:calc(6px + var(--safe-top));left:50%;width:min(480px,calc(100% - 300px - var(--safe-left) - var(--safe-right)));transform:translate(-50%)}.is-compact.is-landscape .victory-title h2{font-size:clamp(24px,3.8vw,32px);margin:4px 0}.is-compact.is-landscape .victory-title>span:last-child{font-size:11px}.is-compact.is-portrait .topbar{background:#111524}.is-compact.is-portrait .home-heading{padding-top:20px}.is-compact.is-portrait h1{font-size:clamp(48px,13vw,86px);margin:16px 0}.is-compact.is-portrait .home-heading p{font-size:13px}.is-compact.is-portrait .home-player{width:47%;height:47%;bottom:20%}.is-compact.is-portrait .home-left{left:2%}.is-compact.is-portrait .home-right{right:2%}.is-compact.is-portrait .artist-label{font-size:17px;padding:7px 10px;gap:6px}.is-compact.is-portrait .home-matchup{display:none}.is-compact.is-portrait .home-cta{width:78%;bottom:max(6%,calc(var(--safe-bottom) + 15px))}.is-compact.is-portrait .play-button{min-height:56px;font-size:28px}.is-compact.is-portrait .roster-screen .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-compact.is-portrait .roster-screen .character-card>.character-art{height:140px;width:100%;top:24px;right:0;bottom:auto}.is-compact.is-portrait .roster-screen .character-info{left:8%;bottom:12px;width:84%}.is-compact.is-portrait .roster-screen .character-info h3{font-size:22px;margin-bottom:8px;max-width:none}.is-compact.is-portrait .roster-screen .attributes{gap:3px}.is-compact.is-portrait .roster-screen .attributes>span{font-size:9px}.is-compact.is-portrait .roster-screen .card-choice{top:8px;font-size:9px}.is-compact.is-portrait .screen-bottom{flex-direction:column}.is-compact.is-portrait .screen-bottom .primary{width:100%}.is-compact.is-portrait .mode-layout{display:flex;flex-direction:column;gap:12px}.is-compact.is-portrait .match-preview{flex:1;min-height:80px;width:95%;overflow:hidden}.is-compact.is-portrait .match-preview img{height:calc(100% - 46px);max-height:270px}.is-compact.is-portrait .mode-settings{width:100%;flex-shrink:0}.is-compact.is-portrait .mode-settings .primary{min-height:50px}.is-compact.is-portrait #canvas-host{top:calc(var(--header-height) + 100px);bottom:calc(140px + var(--safe-bottom))}.is-compact.is-portrait .in-match:before{content:"";position:absolute;inset:0;background:linear-gradient(#101524e0,#101524a6,#101524e8),url(/fields/campo-da-favela/background.webp) center/cover;filter:blur(4px)}.is-compact.is-portrait .in-match:after{content:"CAMPO DA FAVELA · 1 × 1";position:absolute;top:calc(var(--header-height) + 112px);width:100%;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;color:#a9afc2}.is-compact.is-portrait .in-match.showing-victory:after{content:none}.is-compact.is-portrait .hud{top:calc(var(--header-height) + 12px);width:calc(100% - 24px);max-width:560px}.is-compact.is-portrait .touch-controls{bottom:calc(28px + var(--safe-bottom))}.is-compact.is-portrait .touch-controls:before{content:"";position:absolute;inset:-26px 0 -50px;background:linear-gradient(0deg,#1d2235,#161b2c);border-top:1px solid #ffffff17;z-index:-1}.is-compact.is-portrait .touch-controls button{width:clamp(58px,16vw,78px);height:72px}.is-compact.is-portrait .touch-controls>div{gap:8px}.is-compact.is-portrait .match-message{top:40%}.is-compact.is-portrait .victory-title{top:calc(var(--header-height) + 20px)}.is-compact.is-portrait .victory-title h2{font-size:38px}.is-compact.is-portrait .victory-track{bottom:calc(60px + var(--safe-bottom))}@media(max-height:430px){.is-compact.is-landscape .mode-settings{gap:7px}.is-compact.is-landscape .mode-active{display:none}.is-compact.is-landscape .result-card{gap:8px;padding:12px 20px}.is-compact.is-landscape .result-card h2{font-size:36px}.is-compact.is-landscape .result-card p{font-size:12px;margin-top:0}.is-compact.is-landscape .result-score>b{font-size:30px}.is-compact.is-landscape .result-card .eyebrow{font-size:10px}.is-compact.is-landscape .hud-player{font-size:14px;padding:5px}.is-compact.is-landscape .hud-player small{font-size:7px;letter-spacing:.5px}.is-compact.is-landscape .scorebox{min-width:65px}.is-compact.is-landscape .touch-controls button{height:52px;width:58px}}.is-compact .online-screen{padding:var(--header-height) max(14px,var(--safe-right)) max(14px,var(--safe-bottom)) max(14px,var(--safe-left))}.is-compact .online-content{gap:20px;flex:1;overflow-y:auto}.is-compact .online-artist{flex-basis:180px}.is-compact .online-artist img{height:210px}.is-compact .online-options{gap:10px}.is-compact .room-card{padding:18px;gap:10px;flex-shrink:0}.is-compact .online-screen .screen-heading{flex-shrink:0}.is-compact.is-portrait .online-content{display:block}.is-compact.is-portrait .online-artist{display:none}.is-compact.is-portrait .online-options{margin:16px auto}.is-compact.is-portrait .online-screen{padding-bottom:max(16px,env(safe-area-inset-bottom))}.is-compact.is-landscape .online-screen{justify-content:flex-start}.is-compact.is-landscape .room-card{margin:0 auto}.is-compact.is-landscape .online-content{align-items:flex-start}.is-compact.is-landscape .online-home{min-height:44px;padding:8px 14px}.is-compact.is-landscape .home-cta{gap:7px}.is-compact.is-landscape .home-cta>span{display:none}.is-compact.is-landscape .room-card{display:grid;grid-template-columns:1fr 1fr;width:min(700px,100%);padding:12px;gap:8px}.is-compact.is-landscape .room-card>.eyebrow,.is-compact.is-landscape .room-card>label,.is-compact.is-landscape .room-card>p:not([id]){display:none}.is-compact.is-landscape .room-card h2{grid-column:1 / -1;font-size:25px}.is-compact.is-landscape .room-card .room-players,.is-compact.is-landscape #connection-latency,.is-compact.is-landscape #copy-status{grid-column:1 / -1}.is-compact.is-landscape .room-card #leave-room{grid-column:2}