:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf6f3;background:#111d28;font-synthesis:none;--mint:#b9efcc;--coral:#ff806c;--muted:#8caaa9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #b9efcc;outline-offset:4px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:none}body.playing #game{display:block}#lobby{max-width:1250px;margin:auto;padding:24px 40px 20px}header{display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff16;padding-bottom:22px}.logo{font-weight:950;letter-spacing:-2px;font-size:27px;color:var(--mint);text-decoration:none}.logo span{color:var(--coral)}.logo sup{font-size:21px;color:#fff7c0;margin-left:6px}.pill{font-size:10px;font-weight:800;letter-spacing:1.3px;border:1px solid #45635e;border-radius:40px;padding:8px 13px;color:#a4c7bb}.quiet{color:#aac1bc;background:transparent;padding:12px;font-size:11px;font-weight:800;letter-spacing:1px}header .quiet{margin-left:auto}.intro{display:flex;align-items:center;justify-content:space-between;min-height:300px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--mint);font-weight:800}h1{font-size:clamp(42px,5vw,67px);line-height:1.02;letter-spacing:-3px;margin:18px 0}h1 em{font-style:normal;color:var(--coral)}.sub{font-size:14px;line-height:1.8;color:#a8bdbd}.hero-art{position:relative;width:47%;height:310px;background:radial-gradient(ellipse,#24443f55,transparent 66%)}#hero{width:100%;height:100%}.stamp{position:absolute;bottom:35px;right:5px;transform:rotate(9deg);border:1px solid #c2d09c;border-radius:50%;width:90px;height:90px;display:grid;place-content:center;font-weight:800;font-size:11px;line-height:1.5;text-align:center;color:#dbe1ab}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 14px}.section-title h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-title>span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.step{font-size:11px;color:#668a82;margin-right:12px;font-weight:500}.maps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map{background:#1a2b36;color:white;text-align:left;border:1px solid #344751;border-radius:12px;overflow:hidden;padding:0;transition:transform .2s,border-color .2s}.map:hover{transform:translateY(-3px)}.map.selected{border:2px solid var(--mint)}.map canvas{display:block;width:100%;height:125px;background:#273d43}.map-info{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:6px}.map strong{font-size:14px;letter-spacing:1px}.map small{font-size:11px;color:#9aafb2}.map .count{grid-column:2;grid-row:1/3;color:var(--mint);font-size:12px;align-self:center}.characters{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.character{position:relative;border:1px solid #344751;background:#1a2b36;border-radius:10px;color:#eee;padding:8px 5px 10px;overflow:hidden}.character.selected{border:2px solid var(--coral);background:#342d32}.character img{display:block;width:100%;height:105px;object-fit:contain}.character strong{display:block;font-size:10px}.character small{display:block;color:#95aaa9;font-size:9px;margin-top:5px}.character.taken:after{content:'KAPILDI';position:absolute;top:45px;left:10%;right:10%;background:#111d28df;padding:7px;font-size:10px;letter-spacing:2px;color:var(--coral);transform:rotate(-8deg)}.launch{display:flex;align-items:center;gap:25px;background:#1a2b36;border:1px solid #344751;border-radius:12px;padding:18px 20px;margin-top:20px}.launch label{font-size:9px;letter-spacing:1px;color:#a1b9b2;width:220px}input{background:#101c26;border:1px solid #40515a;border-radius:6px;padding:12px;color:#fff;width:100%;outline:0}.launch input{margin-top:7px}.launch p{font-size:12px;color:#b8c9c4;flex:1}.primary{background:var(--coral);color:#29262b;border-radius:7px;font-size:11px;font-weight:900;letter-spacing:1.3px;padding:18px 24px;white-space:nowrap;box-shadow:0 4px 0 #a94c40}.primary:hover{background:#ffa48e}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #a94c40}.login{border:1px solid #3c535b;border-radius:15px;padding:25px;background:#1a2b36;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:25px 0 70px}.login h2{display:inline;font-size:21px}.login p{font-size:13px;color:#a2bbb6}.login-input{display:flex;gap:12px;width:50%}#error{color:#ffbda4;font-size:13px;min-height:18px}footer{display:flex;justify-content:space-between;color:#6f8a8e;font-size:10px;padding:10px 0;line-height:1.7}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 5px #0009}.match{position:absolute;top:22px;left:50%;transform:translateX(-50%);background:#14232bdd;backdrop-filter:blur(8px);padding:12px 30px;display:flex;gap:20px;align-items:center;border:1px solid #ffffff30;border-radius:12px}.match span{font-size:12px;letter-spacing:2px}.match strong{font-size:25px;color:#fff3c7}.match small{color:var(--mint)}#feed{position:absolute;right:24px;top:90px;font-size:12px;text-align:right}#feed p{padding:9px 14px;background:#15282acc;border-right:3px solid var(--coral);border-radius:5px}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 2px #000}#crosshair i,#crosshair b{position:absolute;border:2px solid #ffffffbb;border-radius:50%;width:20px;height:20px;top:-8px;left:-8px;clip-path:polygon(0 0,35% 0,35% 35%,65% 35%,65% 0,100% 0,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%)}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffed8c;font-size:46px;opacity:0;transition:opacity .15s}.bottom{position:absolute;bottom:45px;left:35px;right:35px;display:flex;align-items:flex-end;gap:30px}.health,.ammo{background:#13212cd9;border:1px solid #ffffff30;border-radius:13px;padding:18px 22px;min-width:175px}.bottom small{display:block;font-size:10px;letter-spacing:1.8px;color:#bed0ca}.bottom strong{display:block;font-size:42px;line-height:1.2}.health strong{color:var(--mint)}.health>div{background:#45605c;height:5px;border-radius:5px;margin-top:8px}.health i{display:block;background:var(--mint);height:5px;transition:width .15s}.ammo{margin-left:auto;text-align:right}.ammo strong small{display:inline;font-size:17px}.ammo>span{display:block;font-size:9px;color:var(--coral);margin-top:6px}.personal{padding-bottom:18px}.personal strong{font-size:32px}.ingame-help{position:absolute;bottom:17px;left:35px;font-size:10px;color:#d6e5dc}#toast{position:absolute;left:50%;top:23%;transform:translateX(-50%);font-weight:900;letter-spacing:1px;text-align:center;font-size:25px;white-space:pre-line}#damage{pointer-events:none;position:fixed;inset:0;z-index:2;box-shadow:inset 0 0 160px #cbb7ff;opacity:0;transition:opacity .2s}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0d1924a8;backdrop-filter:blur(8px);z-index:5}.modal{width:min(540px,90vw);background:#182b36;border:1px solid #5a7975;border-radius:22px;padding:36px;box-shadow:0 20px 100px #0005}.modal h2{font-size:36px;letter-spacing:-1px}.modal p{line-height:1.7;color:#b8cac6}.modal button{display:block;width:100%;margin-top:15px}.scoreboard{pointer-events:none;z-index:6}.scoreboard .modal{width:min(650px,90vw)}.score-row{display:grid;grid-template-columns:1fr 70px 70px;padding:11px;border-bottom:1px solid #ffffff16;font-size:13px}.score-row.me{color:var(--mint)}.modal>small{display:block;color:#8fa9a1;font-size:10px;margin-top:20px}@media(max-width:800px){#lobby{padding:16px}.pill{display:none}.intro{min-height:240px}.hero-art{height:240px}.stamp{display:none}.section-title>span{display:none}.characters{grid-template-columns:repeat(4,1fr)}.launch{flex-wrap:wrap}.launch label{width:45%}.launch .primary{width:100%}.login{display:block}.login-input{width:100%;margin-top:20px}footer{display:block}.map-info{padding:9px}.map strong{font-size:10px}.map small{font-size:9px}.map canvas{height:90px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


#zoom{position:absolute;top:calc(50% + 28px);left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#b9efcc;background:#14232baa;padding:5px 9px;border-radius:4px}

.scoreboard{pointer-events:auto}.bot-controls{display:flex;gap:12px;margin-top:12px}.bot-controls button{flex:1;width:auto}.scoreboard .modal{max-height:92vh;overflow:auto}#bot-count{font-size:12px;margin:14px 0}

#interact{position:absolute;top:65%;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #b9efcc;border-radius:8px;background:#142b29df;color:#caffd4;font-size:13px;font-weight:800;letter-spacing:1px}#healing{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:0;box-shadow:inset 0 0 130px #9effbd}#healing.flash{animation:healflash .8s ease-out}@keyframes healflash{0%{opacity:.8}100%{opacity:0}}

#loadout{position:absolute;bottom:195px;right:35px;display:flex;flex-direction:column;gap:5px;font-size:10px;text-align:right;color:#c6d8d0}#loadout span{padding:5px 9px;border-radius:4px;background:#172b31a0}#loadout .equipped{color:#13282b;background:#b9efcc;font-weight:900}

.identity-note{color:#a1b9b2;font-size:10px;letter-spacing:1px;max-width:220px;line-height:1.7}

#game,#touch-controls{touch-action:none}#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:3;user-select:none;-webkit-user-select:none}#touch-controls button,#stick{pointer-events:auto;touch-action:none}#stick{position:absolute;bottom:30px;left:30px;width:125px;height:125px;border-radius:50%;background:#122c4266;border:2px solid #d5eee477}#stick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#b9efcc99;border:2px solid #dbffeb}.touch-actions{position:absolute;right:20px;bottom:25px;display:grid;grid-template-columns:repeat(2,70px);gap:8px}.touch-actions button,#touch-menu{background:#172d3bdd;border:1px solid #d9efdb88;color:#edf6f3;border-radius:12px;font-size:11px;font-weight:800;padding:15px 5px}.touch-actions #touch-fire{grid-column:1/3;background:#ff806ce0;color:#17252a;font-size:18px;padding:23px;border-radius:30px}.touch-actions .selected{background:#70ab86}#touch-menu{position:absolute;top:15px;right:15px;padding:12px}.touch-mode.playing{overscroll-behavior:none;overflow:hidden}.touch-mode .ingame-help{display:none}.touch-mode #toast{font-size:16px;max-width:80%;width:80%}.touch-mode .bottom{bottom:auto;top:70px;left:15px;right:15px;align-items:flex-start;gap:12px}.touch-mode .health,.touch-mode .ammo{min-width:90px;padding:9px 12px}.touch-mode .bottom strong{font-size:25px}.touch-mode .bottom small{font-size:8px;letter-spacing:.5px}.touch-mode .personal{padding:5px}.touch-mode #loadout{right:180px;bottom:20px;font-size:8px}.touch-mode .match{top:10px;padding:8px 12px;gap:10px}.touch-mode .match strong{font-size:18px}.touch-mode .match span{font-size:10px}.touch-mode #interact{top:58%;font-size:10px;padding:8px;max-width:55%}.touch-mode #feed{right:15px;top:155px;font-size:9px}.touch-mode #feed p{padding:5px}.touch-mode #scoreboard .modal{padding:15px}.touch-mode #scoreboard h2{font-size:23px;margin:8px 0}.touch-mode .score-row{padding:6px}.touch-mode .modal button{padding:12px;margin-top:7px}@media(max-width:600px){.touch-mode .match{left:15px;transform:none}.touch-mode #loadout{bottom:205px;right:15px}.touch-mode .hero-art{width:40%}.touch-mode .intro h1{font-size:37px}}

#performance{position:absolute;top:88px;z-index:1;left:50%;transform:translateX(-50%);font:11px monospace;color:#daf3e9;background:#132a32c9;padding:5px 9px;border-radius:5px;white-space:nowrap;pointer-events:none}.touch-mode #performance{top:48px;font-size:10px}