@font-face{font-family:Archivo;src:url('/font.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#151a17;color:#e8ebe1;font:14px Archivo,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button, input{transition:background .18s,border-color .18s,color .18s}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #dfbd6b;outline-offset:4px}button svg,svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}::selection{background:#dfbd6b;color:#151a17}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#52604e;border-radius:4px}.app{max-width:1920px;margin:auto}.topbar{height:88px;border-bottom:1px solid #343d33;display:flex;align-items:center;gap:48px;padding:0 36px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#eceddf;font-size:29px;font-weight:850;letter-spacing:-.03em;line-height:.85}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfbd6b;color:#dfbd6b}.brand-mark svg{width:30px;height:30px}.brand-detail{display:block;font-size:12px;letter-spacing:.32em;margin-top:7px;font-weight:500}.global-label{display:flex;gap:9px;align-items:center;color:#aab4a5;font-size:13px}.live-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;background:#b7d985;border-radius:50%}.divider{color:#56634f;margin:0 5px}.header-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.icon-button{width:38px;height:38px;background:none;border:1px solid #3e483b;color:#bdc5b7;display:grid;place-items:center;border-radius:5px;position:relative}.icon-button:hover{background:#30392d}.sound-slash{position:absolute;width:25px;height:1px;background:#bdc5b7;transform:rotate(-50deg)}.invite-button{display:flex;align-items:center;gap:9px;color:#e7e9de;border:1px solid #59614d;background:transparent;border-radius:5px;padding:10px 16px;margin-left:8px;font-size:13px;font-weight:600}.invite-button svg{width:16px;height:16px}.invite-button:hover{background:#30392d}main{display:grid;grid-template-columns:288px minmax(0,1fr);padding:32px 36px 20px;gap:34px;min-height:calc(100dvh - 88px)}.sidebar{display:flex;flex-direction:column;padding-right:28px;border-right:1px solid #343d33}.sidebar h1{font-size:35px;line-height:1.08;letter-spacing:-.035em;font-weight:700;margin:8px 0 16px;text-wrap:balance}.intro{color:#aab4a5;line-height:1.75;margin:0 0 30px;font-size:13px}label,.small-label{display:block;font-size:12px;letter-spacing:.08em;color:#abb4a3;font-weight:650;margin-bottom:10px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:12px;width:21px;color:#92a082}input{width:100%;min-width:0;padding:14px 12px 14px 43px;background:#20271f;border:1px solid #4a5543;color:#edf0df;border-radius:5px;outline:none;caret-color:#dfbd6b;font-size:13px}input:focus{border-color:#dfbd6b}input::placeholder{color:#a1ab97}.primary{background:#dfbd6b;border:0;border-radius:5px;color:#22291c;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:14px;width:100%}.primary:hover{background:#efd18c}.primary svg{width:19px}.error{font-size:12px;line-height:1.4;color:#ffaf99;margin:7px 0;min-height:8px}.error:empty{margin:0;min-height:12px}.entry-note{display:flex;align-items:center;gap:7px;color:#b1bba5;margin:13px 0 19px;font-size:12px}.entry-note .live-dot{width:5px;height:5px}.practice-button{display:flex;justify-content:space-between;text-align:left;width:100%;padding:0;background:none;border:0;color:#b2bca6;font-size:12px}.practice-button:hover{color:#dfbd6b}.roster-section{margin:33px 0 22px;padding-top:22px;border-top:1px solid #343d33}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h2{font-size:13px;margin:0;font-weight:650}.section-title>span{color:#a6b399;font-size:12px;font-variant-numeric:tabular-nums}.roster{max-height:220px;overflow:auto}.empty{color:#929f86;line-height:1.8;font-size:12px;margin:0}.roster-player{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:13px}.roster-player svg{width:24px;height:24px}.roster-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-state{margin-left:auto;color:#aab89b;font-size:12px}.roster-player.dead{opacity:.45}.roster-player.me .roster-name:after{content:' VOCÊ';font-size:12px;color:#dfbd6b;margin-left:5px}.rules{border-top:1px solid #343d33;padding-top:22px;display:flex;flex-direction:column;gap:13px;color:#aeb8a4;font-size:12px;margin-top:auto}.rule-line{display:flex;align-items:center;gap:10px}.rule-line b{color:#d3d9c8;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;min-width:20px}.rule-line svg{width:18px;height:18px;margin-right:2px}.sidebar-footer{font-size:12px;letter-spacing:.035em;color:#8b9980;margin-top:27px}.arena-section{min-width:0}.arena-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;min-height:25px;gap:12px}.arena-title{display:flex;align-items:center;gap:10px}.arena-title h2{font-size:14px;font-weight:600;margin:0}.map-tag{font-size:12px;letter-spacing:.06em;color:#a6b294;margin-left:10px;padding:5px 7px;border:1px solid #424e39;border-radius:3px}.arena-meta{display:flex;gap:19px;align-items:center;color:#abb59d;font-size:12px}.connection{font-size:12px;color:#a7c580}.connection.offline{color:#e9a082}.arena-frame{position:relative;width:100%;aspect-ratio:1.6;background:#303a2b;overflow:hidden;border-radius:7px;border:1px solid #566044}.arena-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-3px}.arena-hud{position:absolute;left:18px;right:18px;top:17px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.alive-counter{background:#20291de8;border:1px solid #65734a;color:#d9dfc8;display:flex;align-items:center;gap:9px;border-radius:4px;padding:8px 12px}.alive-counter svg{width:20px;height:20px;color:#b5c392}.alive-counter strong{font-size:21px;line-height:1;font-variant-numeric:tabular-nums}.alive-counter span{font-size:12px;color:#b1bf9f}.phase-tag{font-size:12px;letter-spacing:.07em;color:#d2dbbf;background:#20291de8;padding:9px 11px;border-radius:3px}.announcement{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none;background:#17201538}.announcement h2{font-size:clamp(19px,2.3vw,35px);letter-spacing:-.025em;margin:15px 0 9px;text-shadow:0 2px 10px #111c10;font-weight:600}.announcement p{font-size:12px;color:#d4dfc3;margin:0 0 16px;line-height:1.7;text-shadow:0 2px 5px #192016;max-width:36ch}.announcement-rule{width:37px;height:1px;background:#becd9c8c}.announcement.countdown h2{font-size:58px;color:#ebcb7d}.announcement.winner h2{color:#efd489}.map-coordinates{pointer-events:none;position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;color:#d1dbc1a1;font-size:12px;letter-spacing:.08em}.kill-feed{position:absolute;right:18px;top:72px;pointer-events:none;display:grid;gap:6px;text-align:right}.kill-feed p{margin:0;font-size:12px;background:#1a2219df;padding:7px 10px;color:#e0e7d3;border-radius:3px}.arena-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #343d33;gap:14px}.controls{display:flex;align-items:center;gap:22px;color:#aab49e;font-size:12px}.controls>span{display:flex;gap:7px;align-items:center}.controls>span:first-child{position:relative;gap:5px;align-items:flex-end}.controls>span:first-child>kbd{position:absolute;left:23px;bottom:23px}.controls>span:first-child>span:last-child{margin-left:4px}.key-arrows{display:flex;gap:3px}.controls kbd{display:inline-grid;place-items:center;height:21px;min-width:20px;border:1px solid #4e5b43;border-radius:3px;color:#d2dac4;font:12px Archivo,'Segoe UI',sans-serif;padding:2px 5px}.controls svg{width:17px;height:25px;color:#d2dac4}.one-life{display:flex;align-items:center;gap:8px;color:#b9c2aa;font-size:12px}.one-life>span{width:6px;height:6px;border:1px solid #dfbd6b;transform:rotate(45deg)}.arena-caption{display:flex;justify-content:space-between;color:#91a181;font-size:12px;line-height:1.6;margin-top:13px;gap:15px}#latency{white-space:nowrap;font-variant-numeric:tabular-nums}.player-heading{display:flex;gap:12px;align-items:center;margin:8px 0 27px}.tank-chip{display:grid;place-items:center;color:#dfbd6b;background:#283021;width:48px;height:48px;border-radius:6px}.tank-chip svg{width:32px;height:32px}.player-heading .small-label{font-size:12px;margin-bottom:5px}.player-heading h2{margin:0;font-size:23px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis}.health-label{display:flex;justify-content:space-between;font-size:12px;color:#b7c3a7}.health-label strong{color:#d7e2c8;font-weight:500}.health-track{height:6px;background:#36412b;margin-top:10px;overflow:hidden;border-radius:3px}.health-track span{height:100%;display:block;background:#b7d985;width:100%;transition:width .15s}.personal-stats{display:flex;justify-content:space-between;margin-top:24px}.personal-stats>div{display:flex;flex-direction:column;gap:5px}.personal-stats strong{font-size:25px;font-weight:600;color:#e6e9d9;font-variant-numeric:tabular-nums}.personal-stats span{font-size:12px;color:#aebc9e}.personal-status{line-height:1.7;color:#c7d3b6;font-size:12px;padding:15px 0}.secondary{width:100%;background:none;border:1px solid #56644a;border-radius:4px;padding:10px;color:#c8d2bc;font-size:12px}.secondary:hover{background:#30392d}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#e3c67e;color:#242b1d;padding:12px 20px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:90%;font-size:13px;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.touch-controls{display:none;position:absolute;inset:auto 20px 35px;justify-content:space-between;pointer-events:none}.joystick{pointer-events:auto;width:100px;height:100px;border:1px solid #dde7c773;background:#16201077;border-radius:50%;position:relative;touch-action:none;display:grid;place-items:center}.joystick span{width:44px;height:44px;border-radius:50%;background:#d7e3c44d;pointer-events:none;display:grid;place-items:center;text-align:center;font-size:12px;line-height:1.5;color:#eef3e3}.aim-stick span{background:#e5bd6b66}.end-practice{position:absolute;top:65px;left:18px;border:1px solid #d1c58b;background:#242d1e;color:#ead394;padding:8px 12px;border-radius:4px;font-size:12px}.arena-frame.playing{border-color:#768358}
@media(min-width:1550px){main{grid-template-columns:320px minmax(0,1fr);gap:40px;padding:40px 45px}.sidebar{padding-right:35px}.sidebar h1{font-size:41px}}
@media(max-width:1120px){.topbar{padding:0 22px;gap:28px}main{grid-template-columns:240px minmax(0,1fr);gap:22px;padding:24px 22px}.sidebar{padding-right:22px}.sidebar h1{font-size:29px}.global-label{font-size:12px}.map-tag{display:none}.controls{gap:15px}.controls>span:last-child{display:none}.one-life{font-size:12px}.arena-meta{gap:10px}}
@media(max-width:760px){.topbar{height:70px;padding:0 16px;gap:10px}.brand{font-size:23px;gap:9px}.brand-mark{width:35px;height:35px}.brand-mark svg{width:26px;height:26px}.brand-detail{font-size:12px}.global-label{display:none}.header-actions{gap:6px}.icon-button{width:33px;height:33px}.icon-button svg{width:17px;height:17px}.invite-button{margin:0;padding:8px;gap:6px;font-size:12px}.invite-button svg{width:14px;height:14px}main{display:flex;flex-direction:column;gap:24px;padding:21px 16px}.sidebar{border:0;padding:0;display:block}.sidebar h1{font-size:34px;margin:0 0 10px}.intro{font-size:12px;margin:0 0 20px}.intro br{display:none}#entry{max-width:480px}.input-wrap input{padding-top:13px;padding-bottom:13px}.entry-note{margin:12px 0}.practice-button{margin-top:14px}.roster-section,.rules,.sidebar-footer{display:none}.arena-toolbar{margin-bottom:12px}.arena-title{gap:7px}.arena-title h2{font-size:12px}.arena-meta{font-size:12px}.connection{font-size:12px}.arena-frame{aspect-ratio:1.13}.arena-hud{top:11px;left:10px;right:10px}.alive-counter{padding:6px 8px;gap:6px}.alive-counter strong{font-size:17px}.phase-tag{font-size:12px;padding:8px}.announcement h2{font-size:21px}.announcement p{font-size:12px}.arena-bottom{padding:18px 0}.one-life{display:none}.arena-caption{font-size:12px}.controls{width:100%;justify-content:space-between}.controls>span:last-child{display:flex}.map-coordinates{left:10px;right:10px;bottom:9px;font-size:12px}.player-heading{margin:0 0 18px}.personal-stats{max-width:350px;margin-top:15px}.personal-status{margin:5px 0;padding:8px 0}.secondary{width:auto;padding:8px 16px}.health-track,.health-label{max-width:400px}.player-heading h2{max-width:250px}.kill-feed{right:10px;top:55px}.kill-feed p{font-size:12px}.playing .touch-controls{display:flex}.touch-controls{bottom:25px;left:14px;right:14px}.joystick{width:80px;height:80px}.joystick span{width:37px;height:37px}.end-practice{top:54px;left:10px;font-size:12px}body.in-game main{gap:16px}body.in-game .sidebar{display:none}body.in-game .arena-frame{aspect-ratio:auto;height:calc(100dvh - 230px);min-height:320px}body.in-game .arena-bottom{display:none}body.in-game .arena-caption{margin:10px 0}body.in-game .arena-section{min-height:0}}
@media(pointer:coarse){.playing .touch-controls{display:flex}.playing canvas{cursor:default}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px){.arena-frame{aspect-ratio:auto;height:clamp(360px,calc(100dvh - 290px),850px)}.sidebar h1{font-size:30px}.intro{font-size:14px}.sidebar-footer{font-size:12px;line-height:1.6}.arena-toolbar{flex-wrap:wrap}.arena-title{flex-wrap:wrap}.roster{max-height:150px}}