:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#111}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #66afe9;outline-offset:1px}button{border:0}h1,h2,h3,p{margin:0}canvas#arena{position:fixed;inset:0;width:100%;height:100%;touch-action:none}input,select{height:34px;color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px;box-shadow:inset 0 1px 1px #00000013;min-width:0}input::placeholder{color:#999}input:focus,select:focus{border-color:#66afe9}input[type=checkbox]{height:13px;width:13px;padding:0;box-shadow:none;margin:0 4px 0 0;vertical-align:-2px;accent-color:#337fea;border-radius:0}button:not(.button){background:transparent;color:#337ab7;padding:0}button:not(.button):hover{text-decoration:underline}.button{height:35px;border-radius:4px;border:1px solid transparent;padding:6px 12px;color:#fff;line-height:20px;font-size:14px;font-weight:400;text-align:center}.primary{background:#337ab7;border-color:#2e6da4}.primary:hover{background:#286090}.orange{background:#f0ad4e;border-color:#eea236}.orange:hover{background:#ec971f}.info{background:#5bc0de;border-color:#46b8da}.info:hover{background:#31b0d5}.subtle,.favorite{background:#fff;color:#555;border-color:#ccc}.subtle:hover,.favorite:hover{background:#eee}.full{width:100%}.text-button{color:#337ab7}.icon-button{font-size:25px;line-height:30px;width:30px;height:30px}.muted,.auth-hint{color:#777;font-size:12px}.lobby{position:fixed;inset:0;background:#0006;z-index:10;overflow:auto}.play-panel{position:absolute;width:380px;left:50%;top:calc(50% + 10px);transform:translate(-50%,-50%);padding:15px;background:#fff;border-radius:16px;color:#333}.brand{position:relative;width:250px;height:80px;margin:5px auto 19px}.brand canvas{width:250px;height:80px;display:block}.tech-badge{position:absolute;font-size:8px;line-height:10px;letter-spacing:1px;right:2px;bottom:1px;color:#777}.name-row,.skin-row,.team-row{display:flex;width:100%;margin-bottom:5px}.name-row input{width:175px}.name-row select{width:105px;padding-left:12px;padding-right:4px}.name-row .favorite{width:70px;height:34px}.skin-row input{width:280px}.skin-row .favorite{width:70px;height:34px}.team-row input,.team-row>.button{width:175px}.team-row>.button{height:34px}.play-button{margin-top:5px}.secondary-actions{display:flex;margin-top:5px}.secondary-actions>.button{width:50%}.resume{margin-top:5px}.notice{font-size:12px;line-height:17px;color:#a94442;background:#f2dede;border:1px solid #ebccd1;padding:6px;border-radius:4px;margin:5px 0}.quick-options{margin:15px 5px 0;font-size:14px;line-height:20px;white-space:nowrap}.quick-options>div{height:20px}.quick-options label{display:inline;font-weight:400;margin:0 7px 0 0;cursor:pointer}.quick-options label:last-child{margin-right:0}.languages{display:flex;gap:7px;margin:9px 5px 7px;height:20px}.languages button{height:20px;line-height:20px}.languages canvas{display:block;width:32px;height:20px;border:1px solid #ddd}.languages button:hover{outline:1px solid #66afe9}.play-note{border-top:1px solid #eee;text-align:center;color:#777;line-height:20px;padding-top:3px}.lobby-footer{text-align:center;font-size:8px;line-height:11px;color:#555;margin-top:9px;min-height:24px}.lobby-footer button{font-size:8px}.side{position:absolute;top:calc(50% - 303px)}.left-side{right:calc(50% + 195px);width:260px}.right-side{left:calc(50% + 195px);width:380px}.nav-panel{background:#fff;padding:5px;line-height:20px;min-height:191px}.nav-panel>button{display:block;text-align:left;line-height:20px}.nav-panel>div{height:20px}.nav-panel button{font-size:14px}.login-panel{position:absolute;top:320px;width:260px;background:#fff;padding:5px 13px 5px 5px;min-height:184px}.account-links{display:flex;gap:24px;margin:0 0 20px;line-height:20px}.account-links button{font-size:14px}.login-panel form{display:grid;grid-template-columns:48px 196px;gap:5px 0}.login-panel form>p:first-child{grid-column:1/-1;line-height:20px}.login-panel label{line-height:34px}.login-panel input{width:196px}.login-panel form>.button{grid-column:2}.login-panel #inlineLoginError{grid-column:1/-1;font-size:11px;line-height:15px;color:#a94442}.login-panel #inlineLoginError:empty{display:none}.login-panel #inlineAccount{line-height:23px;overflow-wrap:anywhere}.login-panel #inlineAccount>.button{margin-top:8px}.login-panel #profileSubtitle{font-size:11px;color:#888}.side-bar{background:#fff;line-height:21px;padding:5px;height:31px;margin-bottom:5px;white-space:nowrap;overflow:hidden;font-size:14px}.side-bar button{font-size:14px}.connection{position:fixed;right:10px;bottom:210px;font-size:10px;line-height:13px;color:#777;z-index:5;pointer-events:none}.connection .status-dot{display:inline-block;width:5px;height:5px;background:#f0ad4e;border-radius:50%;margin-right:4px}.connection.online .status-dot{background:#5cb85c}.connection.offline{color:#d9534f}.connection.offline .status-dot{background:#d9534f}.connection #ping{display:none}.fullscreen{position:fixed;top:7px;right:12px;z-index:20;color:#888!important;font-size:22px}.game-hud{position:fixed;inset:0;pointer-events:none;z-index:4;color:#aaa;font-family:Arial,sans-serif;font-weight:700;text-shadow:1px 1px #000}.game-hud button,.game-hud input{pointer-events:auto}.score-card{position:absolute;left:10px;top:4px;font-size:20px;line-height:18px;letter-spacing:-.6px}.score-card button{font-size:11px;line-height:17px;color:#777;position:absolute;left:112px;top:0;width:65px}.minimap{position:absolute;left:10px;top:60px;width:100px}.minimap canvas{width:100px;height:100px;background:#6668;display:block}.minimap>span{display:block;margin-top:1px;font-size:15px;white-space:nowrap;line-height:18px}.reward{position:absolute;top:270px;left:10px;font-size:32px;color:#d6d000;line-height:40px}.room-hud{position:absolute;top:4px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.room-hud>span:first-child{font-size:32px;line-height:34px;color:#1010dd;background:#8883}.room-hud>small{display:block;font-size:10px;line-height:14px;font-weight:400;color:#777}.room-hud #spectatorLabel{font-size:12px;line-height:18px;color:#ddd}.leaderboard-hud{position:absolute;right:10px;top:45px;width:220px;text-align:center;color:#aaa}.leaderboard-hud h3{font-size:24px;line-height:27px;margin-bottom:6px}.leaderboard-hud ol{list-style:none;padding:0;margin:0}.leaderboard-hud li{display:flex;align-items:center;gap:5px;font-size:17px;line-height:23px;justify-content:center}.leader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{font-size:13px}.leaderboard-hud .self{color:#fff}.bot-tag{font-size:8px;color:#777}.performance-hud{position:absolute;right:30px;bottom:45px;font-size:16px;line-height:16px;text-align:right;letter-spacing:-.3px}.chat-box{position:absolute;left:10px;bottom:8px;width:510px;font-weight:400}.chat-messages{height:140px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;line-height:20px;font-size:14px;margin-bottom:5px}.chat-line{overflow-wrap:anywhere}.chat-line strong{color:#74b3f3}.chat-line.team strong{color:#7edd86}.chat-line.system{color:#aaa}.chat-box form{display:flex;align-items:center;height:28px;gap:9px}.chat-box input{height:28px;background:#1119;color:#ddd;border:0;box-shadow:none;padding-left:5px;font-size:14px;flex:1;min-width:0}.chat-box input::placeholder{color:#888}.chat-box button{font-size:20px;line-height:28px;min-width:26px;color:#dbaf3e}.touch-controls{display:none;position:absolute;bottom:35px;left:15px;right:15px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls canvas{width:120px;height:120px;pointer-events:auto;touch-action:none}.touch-controls>div{display:flex;gap:12px;align-items:flex-end}.touch-controls button{border:1px solid #999!important;background:#444a!important;color:white!important;border-radius:50%;width:60px;height:60px;touch-action:none;font-size:24px;pointer-events:auto}.touch-controls button:last-child{height:75px;width:75px}.touch-controls small{display:block;font-size:9px;line-height:12px}.toast{position:fixed;left:50%;top:55px;transform:translateX(-50%);background:#fff;color:#333;padding:8px 16px;border:1px solid #ccc;border-radius:4px;z-index:60;max-width:90vw;box-shadow:0 2px 8px #0005;font-size:13px;text-align:center}.overlay{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:35;padding:15px}.death-card{background:#fff;border-radius:8px;padding:25px;width:330px;text-align:center}.death-card h2{font-size:25px;margin-bottom:15px}.death-card p{font-size:13px;margin-bottom:15px}.death-score{font-size:20px;padding:20px 0}.death-card>.button{margin-top:5px}.modal{width:560px;max-width:calc(100vw - 30px);max-height:90vh;background:#fff;border:1px solid #999;border-radius:6px;padding:20px;color:#333;font-size:14px;box-shadow:0 5px 15px #0008}.modal::backdrop{background:#0008}.modal-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5;padding-bottom:14px;margin-bottom:16px}.modal-heading h2{font-size:22px;font-weight:500}.modal-heading .icon-button{color:#777;font-size:28px}.guide-content p{margin:0 0 12px;line-height:21px}.guide-content hr{border:0;border-top:1px solid #eee}.guide-content small{font-size:11px;color:#888}.auth-tabs{display:flex;gap:8px;margin-bottom:15px}.auth-tabs>.button{flex:1}.auth-form{display:flex;flex-direction:column;gap:6px}.auth-form label{margin-top:7px}.auth-form input{width:100%}.auth-hint{line-height:18px}.auth-error{color:#a94442;font-size:12px;line-height:18px}.auth-form .button{margin-top:8px}.account-detail{display:flex;gap:10px;margin:20px 0}.account-detail>div{flex:1;text-align:center;border:1px solid #ddd;padding:15px}.account-detail strong{display:block;font-size:25px;line-height:30px}.account-detail span{font-size:11px}.ranking-table{border-collapse:collapse;width:100%;margin-top:12px}.ranking-table th,.ranking-table td{text-align:left;padding:8px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.ranking-table th{font-size:12px}.ranking-table td:last-child{text-align:right}.empty-state{padding:25px 0;color:#777;text-align:center}.skin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skin-button{padding:6px!important;border:2px solid #ddd!important;border-radius:4px!important;color:#555!important;font-size:12px!important}.skin-button canvas{width:70px;height:70px;display:block;margin:0 auto 5px}.skin-button.selected{border-color:#337ab7!important;background:#edf6ff!important}.favorite-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.favorite-row{display:flex;gap:5px}.favorite-row>button:first-child{flex:1;text-align:left}.favorite-row>button{border:1px solid #ddd;padding:7px!important;border-radius:3px}.dialog-search{display:flex;gap:6px;margin-bottom:12px}.dialog-search input{flex:1}.room-entry{display:block;width:100%;border:1px solid #ddd!important;padding:9px!important;margin-bottom:7px;text-align:left;color:#333!important}.room-entry>div{display:flex;justify-content:space-between}.room-entry small{display:block;color:#888}.room-entry.active{border-color:#337ab7!important}
@media(max-height:760px) and (min-width:850px){.play-panel{top:calc(50% + 10px);transform:translate(-50%,-50%) scale(.94);transform-origin:center}.left-side,.right-side{top:calc(50% - 284px)}.left-side{right:calc(50% + 183px)}.right-side{left:calc(50% + 183px)}}
@media(max-width:1120px) and (min-width:761px){.left-side{width:210px}.right-side{width:210px}.side-bar{height:auto;white-space:normal}.nav-panel button{font-size:12px}.login-panel{width:210px;padding-right:5px}.login-panel form{grid-template-columns:44px 156px}.login-panel input{width:156px}.account-links{gap:15px}.account-links button{font-size:12px}}
@media(max-width:760px){.lobby{padding:45px 10px 25px;display:flex;flex-direction:column;align-items:center;gap:10px}.play-panel{position:relative;top:auto;left:auto;transform:none;width:380px;max-width:100%;flex-shrink:0;order:0}.left-side,.right-side{position:relative;top:auto;left:auto;right:auto;width:380px;max-width:100%;order:1}.left-side{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nav-panel{min-height:0}.nav-panel button{font-size:11px;line-height:20px}.nav-panel>div{height:auto}.login-panel{position:relative;top:auto;width:auto;min-height:0;padding:5px}.login-panel form{grid-template-columns:1fr;gap:4px}.login-panel form>.button,.login-panel form>p:first-child{grid-column:1}.login-panel label{line-height:16px;font-size:11px}.login-panel input{width:100%;height:30px}.login-panel .account-links{gap:8px;margin-bottom:10px}.account-links button{font-size:11px}.right-side{order:2}.side-bar{font-size:12px}.side-bar button{font-size:12px}.score-card{font-size:15px;line-height:15px}.score-card button{left:85px;font-size:9px;width:45px}.minimap{top:53px;width:75px}.minimap canvas{width:75px;height:75px}.minimap>span{font-size:11px}.reward{top:155px;font-size:22px}.room-hud{top:5px}.room-hud>span:first-child{font-size:20px;line-height:25px}.room-hud>small{font-size:8px}.leaderboard-hud{top:48px;right:8px;width:135px}.leaderboard-hud h3{font-size:18px}.leaderboard-hud li{font-size:12px;line-height:18px}.leader-score{font-size:10px}.performance-hud{right:12px;bottom:160px;font-size:11px;line-height:12px}.chat-box{left:7px;bottom:155px;width:65vw}.chat-messages{font-size:10px;line-height:15px;height:90px}.chat-box input{font-size:10px}.chat-box form{gap:2px}.chat-box button{font-size:15px;min-width:16px}.connection{bottom:267px;font-size:8px;right:10px}.fullscreen{top:1px;right:5px;font-size:18px}.modal{padding:15px}.skin-gallery{gap:8px}.skin-button canvas{width:55px;height:55px}}
@media(max-width:390px){.play-panel{padding:12px;width:360px}.brand{margin-bottom:19px}.name-row input{width:50%}.name-row select{width:30%}.name-row .favorite,.skin-row .favorite{width:20%}.skin-row input{width:80%}.team-row input,.team-row>.button{width:50%}.quick-options{font-size:12px;margin-left:2px;margin-right:0}.quick-options label{margin-right:5px}.play-note{font-size:12px}.lobby-footer{font-size:7px}.nav-panel button{font-size:10px}}
@media(pointer:coarse){.touch-controls{display:flex}.chat-box{bottom:160px}.performance-hud{bottom:160px}.connection{bottom:268px}}
.account-page-link{display:block;margin-top:8px;text-decoration:none}.account-page-link:hover{text-decoration:none}.profile-link{color:#337ab7;text-decoration:none}.profile-link:hover{text-decoration:underline}.profile-link:focus-visible,.account-page-link:focus-visible{outline:2px solid #66afe9;outline-offset:1px}

.game-hud a,.chat-tools,.emoji-picker{pointer-events:auto}#accountNo{color:#fff;font-size:12px;line-height:17px}.room-hud #recordDisplayName{font-size:13px;color:#ddd}.room-hud #recordDisplayName a{color:#efcf43}.room-hud #lastSeconds{display:block;color:#ff2323;font-size:30px;line-height:36px;text-shadow:1px 1px #000}.room-hud #announcement{color:#18ff3a;white-space:normal;width:min(900px,75vw);font-size:22px;line-height:27px;text-align:center;text-shadow:1px 1px #000;margin:5px auto 0}#roomRecord{font-size:23px;color:#ffdf00;line-height:27px;overflow-wrap:anywhere}#myRank{border-top:1px solid #777;padding-top:5px;margin-top:6px;font-size:15px;color:#fff}.leaderboard-hud li{font-size:15px;line-height:20px}.leaderboard-hud h3{font-size:22px;margin-bottom:4px}.chat-box{width:min(650px,65vw)}.chat-messages{height:180px;line-height:19px}.chat-line{background:#000a;width:fit-content;max-width:100%;padding:0 4px;flex-shrink:0}.chat-line .chat-name,.chat-line.team .chat-name{color:#ffe600;margin-right:4px}.chat-account{color:#fff;font-size:10px;margin-right:5px;vertical-align:1px}.chat-body{color:#4eefff}.chat-line.system .chat-room{color:#ff3434;margin-right:6px}.chat-line.system .chat-body{color:#fff}.chat-tools{display:flex;align-items:center;gap:6px;line-height:23px;font-size:11px;background:#0009;width:fit-content;max-width:100%;padding:1px 3px}.chat-tools select{height:22px;font-size:11px;padding:0 3px;background:#171717;color:#fff;border:1px solid #555;max-width:165px;pointer-events:auto}.chat-tools button{font-size:17px;line-height:22px;min-width:20px;color:#ffd600}.chat-tools #chatToggle{font-size:11px;color:#61f174;min-width:28px}.chat-tools #chatToggle[aria-pressed=false]{color:#fa5656}.chat-tools label{white-space:nowrap;cursor:pointer;color:#ddd}.chat-tools input{width:11px;height:11px;margin-right:3px}.emoji-picker{background:#222;border:1px solid #555;padding:4px;display:flex;gap:7px;width:fit-content}.emoji-picker button{font-size:23px;line-height:27px;min-width:24px}.modal.round-results{background:#060606;border:1px solid #777;color:#eee}.round-results .modal-heading{border-color:#555}.round-results .modal-heading h2{color:#f33;font-weight:700}.round-results .modal-heading .icon-button{color:#fff}.round-results .ranking-table td,.round-results .ranking-table th{border-color:#444;color:#eee}.round-results .ranking-table tbody tr:first-child td{color:#ff3535;font-weight:700}.round-results .ranking-table .profile-link{color:inherit}.round-results .round-reward{color:#ffdf00;font-size:20px;margin:10px 0 16px}.round-results .button{margin-top:20px}.honor-room{white-space:nowrap} @media(max-width:760px){.room-hud #lastSeconds{font-size:18px;line-height:24px}.room-hud #announcement{font-size:13px;line-height:17px;width:65vw}.room-hud #recordDisplayName{font-size:10px}.leaderboard-hud{top:85px}.leaderboard-hud li{font-size:11px;line-height:15px}#roomRecord{font-size:14px;line-height:18px}.leaderboard-hud h3{font-size:16px}#myRank{font-size:10px}#accountNo{font-size:9px}.chat-messages{height:125px;font-size:10px;line-height:15px}.chat-box{width:65vw}.chat-tools{gap:3px;flex-wrap:wrap;font-size:9px}.chat-tools select{font-size:9px;max-width:115px}.chat-tools button{font-size:14px;min-width:17px}.chat-tools label{font-size:9px}.chat-account{font-size:8px}.emoji-picker{gap:2px}.emoji-picker button{font-size:18px;min-width:21px}}
.macro-status{position:absolute;left:10px;top:210px;font-size:12px;line-height:17px;color:#d8d8d8;font-weight:400}@media(max-width:760px){.macro-status{top:200px;left:10px;font-size:10px;line-height:13px}}