*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,'Malgun Gothic',sans-serif;color:#fff}body{background:#cdcdcd}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}#game{display:block;width:100vw;height:100vh}#top{position:fixed;top:16px;left:18px;display:flex;gap:12px;align-items:center;font-size:12px;color:#666;font-weight:bold;pointer-events:none}.mode{background:#777;color:#fff;padding:5px 10px;border-radius:4px}#population{color:#888}#leaderboard{position:fixed;right:20px;top:18px;width:240px;text-align:center;pointer-events:none}h2{margin:0 0 9px;font-size:23px;text-shadow:0 2px #555,-1px 0 #555,1px 0 #555,0 -1px #555}.leader{height:23px;background:#9999;border:2px solid #777;border-radius:14px;margin-bottom:4px;position:relative;overflow:hidden}.leader .fill{position:absolute;inset:0 auto 0 0;background:#ee7279}.leader.self .fill{background:#00b2e1}.leader span{position:relative;font-size:11px;font-weight:bold;line-height:19px;text-shadow:0 1px 2px #444;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}#stats{position:fixed;left:20px;bottom:57px;width:245px}#points{font-size:15px;margin:0 0 8px 8px;font-weight:bold;text-shadow:0 1px 2px #555}.stat{display:flex;position:relative;align-items:center;width:100%;height:26px;margin:4px 0;border:2px solid #666;border-radius:14px;background:#777d;padding:0 8px;color:white;font-size:12px;font-weight:bold;overflow:hidden;text-shadow:0 1px 2px #555}.stat:disabled{opacity:.78}.stat .tint{position:absolute;inset:0;opacity:.68}.stat .label{position:relative;flex:1;text-align:left}.stat .segments{position:relative;display:flex;gap:3px}.stat i{display:block;width:8px;height:13px;background:#0002;border-radius:2px}.stat i.on{background:#fffc}.stat .plus{position:relative;margin-left:7px;font-size:17px}#progress{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);width:360px;text-align:center;pointer-events:none}.xp,.score{height:25px;border:3px solid #666;border-radius:20px;background:#888;position:relative;overflow:hidden}.xp>div,.score>div{height:100%;width:0;background:#ffde43}.xp span,.score span{position:absolute;inset:0;font-size:13px;font-weight:bold;line-height:19px;text-shadow:0 1px 2px #555}.score{margin:6px auto;width:83%;height:20px}.score>div{background:#7bdd61}.score span{font-size:11px;line-height:14px}#tankname{font-size:25px;margin:5px 0 0}#mapbox{position:fixed;right:20px;bottom:24px;pointer-events:none}#minimap{width:164px;height:auto;box-sizing:content-box;border:3px solid #888;background:#b9b9b9aa}#coords{color:#777;font-size:10px;text-align:center;margin-top:4px}#hints{position:fixed;bottom:15px;left:20px;color:#777;font-size:10px;pointer-events:none}#toggles{position:fixed;left:50%;bottom:125px;transform:translateX(-50%);font-size:11px;color:#666}#evolutions{position:fixed;top:60px;left:20px;max-width:340px}#evolutions small{color:#666;font-weight:bold;font-size:11px;letter-spacing:1px}#choices{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.choice{width:95px;height:86px;background:#76b5df;border:3px solid #5686a5;border-radius:6px;color:white;font-size:11px;font-weight:bold;text-shadow:0 1px 2px #555;transition:transform .15s}.choice:hover{transform:translateY(-3px);filter:brightness(1.1)}.choice canvas{display:block;margin:auto;width:60px;height:49px}#menu,#death{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#d8d8d833;backdrop-filter:blur(3px)}[hidden]{display:none!important}.menu-card{text-align:center;width:420px;padding:34px 38px 28px;background:#f4f4f4ef;border:1px solid #fff;border-radius:12px;box-shadow:0 15px 70px #0002;color:#555}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:bold;color:#999}h1{font-size:56px;letter-spacing:-3px;color:#555;margin:12px 0 4px}h1 span{color:#00acd5}.subtitle{font-size:13px;color:#888;margin:0}.tank-preview{position:relative;width:85px;height:74px;margin:21px auto}.tank-preview .body{position:absolute;top:12px;left:8px;width:58px;height:58px;border:4px solid #0085a8;background:#00b2e1;border-radius:50%;box-shadow:0 4px #0001}.barrel{position:absolute;left:48px;top:28px;width:44px;height:27px;background:#999;border:4px solid #666;transform:rotate(-18deg);transform-origin:left center}#joinform{display:flex;gap:8px;margin-top:12px}input{width:185px;min-width:0;border:2px solid #ccc;border-radius:5px;padding:12px;background:white;color:#555;outline:none}input:focus{border-color:#00afd8}#play,#respawn{border:0;border-bottom:4px solid #0089ab;border-radius:5px;padding:12px 20px;color:white;background:#00b2db;font-weight:bold;flex:1}#play:hover,#respawn:hover{background:#00a1cb}#play:disabled{background:#aaa;border-color:#888}.instructions{color:#999;font-size:12px;line-height:1.9;margin:20px 0}.keys{display:flex;gap:5px;align-items:center;justify-content:center}.keys span{font-size:10px;color:#888;margin:0 9px 0 2px}kbd{font:11px Arial;background:#fff;border:1px solid #ccc;border-bottom:3px solid #ccc;border-radius:4px;padding:5px}footer{position:absolute;bottom:22px;left:25px;right:25px;font-size:10px;letter-spacing:2px;color:#888}footer span{float:right;letter-spacing:0}#menu-status{font-size:11px;color:#a66;line-height:1.6;margin-top:12px}#death h1{font-size:35px;letter-spacing:-1px;margin-top:20px}#deathscore{margin:25px 0;font-size:20px}#death{background:#5555}@media(max-width:900px){#leaderboard{width:170px}#stats{width:195px;left:10px}#progress{width:270px}#minimap{width:120px;height:auto}#hints{display:none}}
@media(max-width:700px){#stats{width:245px;bottom:112px;left:10px;transform:scale(.75);transform-origin:bottom left}.stat .label{white-space:nowrap}#progress{width:240px;bottom:12px}#leaderboard{width:155px;top:49px;right:12px}#leaderboard h2{font-size:19px}#leaders .leader:nth-child(n+6){display:none}#mapbox{right:12px;bottom:116px}#minimap{width:88px;height:auto}#coords{font-size:8px}#toggles{bottom:103px;width:100%;text-align:center}#evolutions{top:55px;left:10px;max-width:210px}.choice{width:86px;height:76px}#top{font-size:10px;gap:8px}.menu-card{width:min(420px,calc(100vw - 32px));padding:28px 24px}h1{font-size:48px}footer span{display:none}#joinform input{width:50%}}
#language-control{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:8px;background:#f4f4f4ed;border:1px solid #bbb;border-radius:6px;padding:5px 9px;color:#555;font-size:12px}#language{font:inherit;max-width:145px;padding:3px;border:1px solid #bbb;border-radius:3px;background:white;color:#555}.instructions{white-space:pre-line}.stat .label{white-space:nowrap;font-size:11px}.choice{height:auto;min-height:86px;overflow-wrap:anywhere;padding:4px}.choice canvas{max-width:100%}#death h1{overflow-wrap:anywhere}#top{max-width:35%;flex-wrap:wrap}#population{font-size:10px}@media(max-width:900px){#stats{width:245px;transform:scale(.8);transform-origin:bottom left}}@media(max-width:700px){#language-control{left:auto;right:10px;transform:none;font-size:11px}#top{max-width:50%}#stats{transform:scale(.75)}}
#mode-panel{width:178px;margin-right:28px;flex-shrink:0}#mode-panel h2{font-size:20px;text-align:left;margin-bottom:8px}#mode-buttons{display:flex;flex-direction:column;gap:0;border-radius:5px;overflow:hidden;border:3px solid #777}.mode-choice{position:relative;min-height:54px;border:0;border-bottom:2px solid #0002;box-shadow:inset 0 -17px #0002;color:#fff;font-weight:bold;font-size:23px;text-shadow:1px 2px #555,-1px -1px #555;text-align:left;padding:8px 12px;transition:filter .12s}.mode-choice:hover{filter:brightness(1.12)}.mode-choice[aria-pressed="true"]{box-shadow:inset 5px 0 white,inset 0 -17px #0002;padding-left:20px}.mode-choice[aria-pressed="true"]::after{content:'check' / ''; font-family:'Nafo Symbols';float:right;font-size:18px}#mode-description{color:#555;font-size:12px;line-height:1.7;min-height:60px}.growth-badge{font-size:12px;background:#fff9;color:#547043;padding:6px 9px;border-radius:5px}#change-mode,#reset-build{position:fixed;z-index:3;left:50%;transform:translateX(-50%);top:53px;background:#eee;border:1px solid #aaa;border-radius:5px;padding:5px 10px;color:#666;font-size:11px}#reset-build{top:85px;background:#dfd0ff}#team-population{margin-top:16px}#team-population h2{font-size:19px;margin-bottom:7px}#team-status .fill{transition:width .2s ease}#team-status .leader{height:21px}#team-status .leader span{line-height:17px}@media(max-width:800px){#menu{flex-direction:column;gap:14px;padding-top:42px}#mode-panel{width:min(420px,calc(100vw - 32px));margin:0}#mode-panel h2{font-size:16px;margin:0 0 5px}#mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);border-width:2px}.mode-choice{min-height:35px;font-size:15px;padding:5px 8px;box-shadow:inset 0 -10px #0002}.mode-choice[aria-pressed="true"]{padding-left:10px}#mode-description{min-height:0;margin:5px 0;font-size:10px}.growth-badge{display:none}#menu .menu-card{padding:15px 24px}#menu h1{margin-top:5px;font-size:42px}#menu .tank-preview{margin:7px auto;height:64px}#menu .instructions{margin:10px 0;font-size:11px}#menu .keys{display:none}#menu footer{display:none}}@media(max-height:620px) and (min-width:801px){#menu .menu-card{padding-top:15px;padding-bottom:15px}#menu .tank-preview{margin:7px auto}#mode-buttons .mode-choice{min-height:42px}#mode-description{min-height:0}}
#death{background:rgba(0,0,0,.38);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:2}#death .menu-card{background:transparent;border:0;box-shadow:none;color:#fff;text-shadow:0 2px 3px #0009}#death h1{color:#fff}#death .eyebrow,#death .instructions{color:#eee}#death #respawn{text-shadow:none}
#leaderboard .leader{overflow:visible}#leaderboard .leader .fill{border-radius:12px}#leaderboard .leader.self::before,#leaderboard .leader.own-team::before{content:'play_arrow' / ''; font-family:'Nafo Symbols';position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%);font-size:15px;line-height:1;color:#fff;text-shadow:0 1px 2px #333,-1px 0 #555,1px 0 #555;pointer-events:none}