*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#eef7fc;background:#0c1922}button,input{font:inherit}button{cursor:pointer;border:0;background:#f28b42;color:#10212b;font-weight:900;letter-spacing:.08em;padding:15px 22px;border-radius:7px;box-shadow:0 5px #ad5622}button:hover{background:#ffae62}input{width:100%;background:#132c3a;color:#fff;border:1px solid #537282;padding:15px;border-radius:7px;outline:none}input:focus{border-color:#4ec6e5}.screen{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 40%,#2b5265 0,#122c3b 35%,#09151e 80%)}.panel{background:#102936e8;border:1px solid #53728288;border-radius:18px;padding:42px;box-shadow:0 25px 80px #0009;max-width:510px;width:calc(100% - 32px)}.eyebrow,.label{font-size:12px;font-weight:900;letter-spacing:.22em;color:#74cce2}.panel h1{font-size:clamp(46px,8vw,72px);letter-spacing:-.07em;line-height:1;margin:14px 0}.panel h1 span{color:#f28b42}.panel p{color:#b1c8d0}.panel form{display:grid;gap:12px;margin:32px 0}.panel label{font-size:12px;font-weight:900;letter-spacing:.17em}.panel small{color:#7294a4}.panel h2{font-size:38px;margin:10px 0}.panel button{margin-top:6px}.panel #status{font-size:13px;min-height:20px;color:#f4b47d}#game,#render,#render canvas{width:100%;height:100%;display:block}#game{position:relative}#render{position:absolute;inset:0}.top{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:25px;background:#0b1c29dc;padding:12px 24px;border-radius:8px;font-weight:900;white-space:nowrap;box-shadow:0 8px 25px #0005}.top b{font-size:26px;padding:0 8px}.blue{color:#54c9ea}.orange{color:#ff9c58}#timer{font-size:21px}#cross{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%)}#cross i{position:absolute;background:#e8fcff;box-shadow:0 0 3px #15232b}#cross i:nth-child(1),#cross i:nth-child(2){width:2px;height:8px;left:15px}#cross i:nth-child(1){top:0}#cross i:nth-child(2){bottom:0}#cross i:nth-child(3),#cross i:nth-child(4){width:8px;height:2px;top:15px}#cross i:nth-child(3){left:0}#cross i:nth-child(4){right:0}#hitmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffcb7f;font-size:42px;opacity:0;pointer-events:none}#notice{position:absolute;left:50%;top:59%;transform:translate(-50%);color:#ffe5a8;font-weight:900;letter-spacing:.15em;font-size:20px;opacity:0;pointer-events:none}.pop{animation:pop .75s ease-out}@keyframes pop{0%{opacity:1;scale:1.3}60%{opacity:1}to{opacity:0;scale:1}}.bottom{position:absolute;bottom:24px;background:#0b1c29d9;padding:13px 20px;border-radius:9px;min-width:160px}.bottom strong{display:block;font-size:35px}.bottom em{font-style:normal;font-size:19px;color:#96adba}.left{left:24px}.right{right:24px;text-align:right}#team,#reload{font-size:11px;font-weight:800;letter-spacing:.12em;color:#82ccdf}#feed{position:absolute;right:23px;top:90px;text-align:right;font-size:13px;font-weight:800;text-shadow:0 2px 5px black}#feed div{padding:4px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07121acf;text-align:center}.overlay .panel{max-width:430px}#scoreboard{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,95vw);background:#0b1b26eb;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-radius:12px}.scorecol h2{font-size:18px;color:#8bd9f0}.scorecol:nth-child(2) h2{color:#ffab71}.row{display:grid;grid-template-columns:1fr repeat(4,40px);padding:8px 4px;font-size:13px;border-bottom:1px solid #ffffff22}.row.head{display:block;color:#91aab8}.row.self{background:#ffffff1e}.nametag{position:absolute;z-index:1;transform:translate(-50%);pointer-events:none;background:#102431c9;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:800;text-shadow:0 1px 2px #000}[hidden]{display:none!important}#grenade-aim{position:absolute;z-index:2;transform:translate(-50%,-100%);pointer-events:none;text-align:center;color:#ffe1a1;text-shadow:0 2px 6px #000;font-size:13px;font-weight:900;white-space:nowrap}#grenade-aim b{display:block;color:#ffc36f;letter-spacing:.15em}#grenade-aim span{display:block;border:1px solid #ffcf8399;border-radius:5px;background:#13232bc9;padding:4px 7px}#scope{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at center,transparent 0,transparent min(27vw,42vh),#061014e8 min(27.3vw,42.3vh))}.scope-ring{position:absolute;left:50%;top:50%;width:min(54vw,84vh);height:min(54vw,84vh);transform:translate(-50%,-50%);border:3px solid #152128;border-radius:50%;box-shadow:inset 0 0 30px #0008,0 0 0 200vmax #061014d9}.scope-v,.scope-h{position:absolute;left:50%;top:50%;background:#18262f;box-shadow:0 0 2px #a4c8d2}.scope-v{height:100%;width:1px;transform:translate(-50%,-50%)}.scope-h{width:100%;height:1px;transform:translate(-50%,-50%)}#scope-level{position:absolute;left:50%;top:calc(50% + 42vh);transform:translate(-50%);color:#b9dce7;font-size:12px;font-weight:900;letter-spacing:.2em}#smoke-veil{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#a6afad,#87918f 65%,#737e7d)}.weapon-shop{z-index:100}.shop-panel{max-width:850px;width:min(850px,94vw);max-height:90vh;overflow:auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:18px 0}.shop-grid button{margin:0;padding:15px;font-size:14px}.shop-grid button:disabled{opacity:.45;cursor:default}#cash{margin-top:8px;color:#f0c575;font-weight:800}select{width:100%;background:#132c3a;color:#fff;border:1px solid #537282;padding:15px;border-radius:7px;outline:none}select:focus{border-color:#4ec6e5}#bonus{position:absolute;top:88px;left:50%;transform:translate(-50%);background:#f5a84add;color:#10212b;padding:9px 16px;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap;box-shadow:0 6px 18px #0005}#pickup-hint{position:absolute;left:50%;bottom:20%;transform:translate(-50%);background:#0b1c29dd;padding:8px 13px;border-radius:6px;font-size:13px;font-weight:900;color:#ffe09a;min-height:1px}#pickup-hint:empty{display:none}#scoreboard{width:min(1080px,98vw);z-index:11;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 22px;max-height:85vh;overflow:auto;border:1px solid #9bcddd66;box-shadow:0 25px 90px #000b}#scoreboard.single{grid-template-columns:1fr;width:min(650px,95vw)}.score-legend{grid-column:1/-1;color:#bfe9f5;font-size:12px;line-height:1.5;text-align:center;padding:3px 8px 12px;border-bottom:1px solid #ffffff30}.scorecol{min-width:0}.scorecol h2{margin:6px 0 12px}#scoreboard .row{grid-template-columns:minmax(90px,1fr) repeat(4,minmax(55px,70px));align-items:center;gap:3px;padding:9px 6px;font-variant-numeric:tabular-nums}#scoreboard .row span:not(:first-child){text-align:center}#scoreboard .row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scoreboard .row.head{display:grid;color:#aed9e7;font-size:10px;font-weight:900;letter-spacing:.02em;background:#24435399}#scoreboard .row.self{background:#49c9e62c;color:#fff;font-weight:900}#host-controls #restart{grid-column:1/-1}.screen .panel{max-width:680px}.room-browser{margin:14px 0;padding:12px;background:#081e2caa;border:1px solid #63889566;border-radius:10px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#91d9e8;font-size:12px;letter-spacing:.12em}.room-heading button,.room-card button,.sound-check button{margin:0;padding:7px 10px;background:#255165;color:#e9f8fd;box-shadow:none;font-size:11px;border:1px solid #78b5c8}.room-card{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:9px 5px;border-top:1px solid #ffffff25;text-align:left}.room-card:first-child{margin-top:8px}.room-card strong{font-size:13px}.room-card small{grid-column:1;color:#a3c0cd;font-size:11px}.room-card button{grid-column:2;grid-row:1/3}.room-card button:disabled{opacity:.5;cursor:default}#rooms-list{color:#9cbac7;font-size:12px;padding-top:7px}.sound-check{display:flex;align-items:center;gap:10px;margin:12px 0}.sound-check span{color:#afe5cc;font-size:12px}.team-actions{grid-column:2;grid-row:1/3;display:flex;gap:5px}.room-card .team-actions button{grid-column:auto;grid-row:auto}.room-card .team-blue{background:#174e76;border-color:#69bdf0}.room-card .team-orange{background:#754222;border-color:#f3a566}#team-choice{display:grid;gap:5px;margin:8px 0}#team-choice[hidden]{display:none}@media(max-width:540px){.team-actions{grid-column:1/3;grid-row:auto}.room-card .team-actions button{flex:1}}.health-panel{min-width:210px;border:1px solid #80bfca66;box-shadow:0 12px 30px #0008,inset 0 0 24px #165c6733}.health-panel strong{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #66dcca88}.health-track{height:13px;margin:6px 0 9px;background:#142832;border:1px solid #83c5cb88;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.health-track i{display:block;width:100%;height:100%;border-radius:9px;background:linear-gradient(90deg,#2aab82,#98eed1);box-shadow:0 0 14px #61e5b4;transition:width .18s ease,background .2s ease}.health-track i.critical{background:linear-gradient(90deg,#b92c31,#ff8670);box-shadow:0 0 14px #ff6955;animation:healthpulse .7s ease-in-out infinite alternate}@keyframes healthpulse{to{opacity:.62}}#grenade-count{color:#e9bd7f;font-size:12px;font-weight:900;letter-spacing:.08em;margin-top:4px}.nametag{font-size:10px!important;letter-spacing:.02em;padding:2px 5px!important;background:#102431a8!important;opacity:.86;white-space:nowrap}#host-controls label{font-size:11px;color:#9ad7e3;text-align:left}#host-controls select{padding:8px;font-size:12px}.weapon-panel{min-width:260px;border:1px solid #92adb466;box-shadow:0 12px 30px #0008,inset 0 0 26px #849faa15}#weapon-icon{height:62px;width:220px;display:grid;place-items:center;margin-left:auto;filter:drop-shadow(0 5px 7px #000b)}#weapon-icon svg{display:block;width:100%;height:100%}#damage-direction{position:absolute;z-index:5;left:50%;top:50%;width:1px;height:1px;pointer-events:none;filter:drop-shadow(0 2px 9px #ff4f2d)}#damage-direction span{position:absolute;left:-20px;top:-154px;color:#ff7954;font-size:43px;line-height:1;text-shadow:0 0 12px #ff3b23}#damage-direction small{position:absolute;left:-48px;top:-105px;width:96px;text-align:center;color:#ffab85;font-size:10px;font-weight:900;letter-spacing:.03em;white-space:nowrap;text-shadow:0 1px 3px #000}@media(max-width:800px){#scoreboard{grid-template-columns:1fr;width:min(560px,98vw);padding:15px}.score-legend{font-size:10px}#scoreboard .row{grid-template-columns:minmax(75px,1fr) repeat(4,minmax(50px,64px))}}#game.hurt:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px 35px #e5484766;animation:hurt .45s ease-out forwards}@keyframes hurt{to{opacity:0}}#lobby{display:block;overflow-y:auto;padding:18px 0}#lobby>.panel{margin:auto}#headshot-banner{position:absolute;left:50%;top:36%;transform:translate(-50%);font-size:clamp(21px,3vw,36px);font-weight:1000;letter-spacing:.16em;color:#ffe1a1;text-shadow:0 0 18px #ff8a2a,0 3px 8px #000;opacity:0;pointer-events:none;white-space:nowrap}#hitmark.headshot{color:#fff0b8;font-size:62px;text-shadow:0 0 18px #ff9b48}.headshot-pop{animation:headshot-pop .95s ease-out}@keyframes headshot-pop{0%{opacity:0;transform:translate(-50%,24px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.12)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-16px) scale(1)}}#team-picker{z-index:20;overflow:auto;padding:16px}#team-picker .panel{max-width:780px;width:min(780px,100%);text-align:center}#team-rosters{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:left}#team-rosters section{border:1px solid #698e9e88;border-radius:12px;padding:16px;background:#142c39}#team-rosters h3{margin:0 0 12px;font-size:17px}#team-rosters ul{padding:0;list-style:none;min-height:120px;margin:0 0 12px}#team-rosters li{border-bottom:1px solid #ffffff20;padding:7px 4px;font-weight:700}#team-rosters button{width:100%;padding:12px 8px;font-size:12px}#team-rosters button:disabled{opacity:.45;cursor:not-allowed}.roster-blue h3{color:#6ad5f7}.roster-orange h3{color:#ffae73}#team-waiting{font-size:12px;color:#a9c4cc}#game.team-selecting .bottom,#game.team-selecting #cross,#game.team-selecting #pickup-hint{display:none}@media(max-width:600px){#team-rosters{grid-template-columns:1fr}#team-rosters ul{min-height:40px}}#headshot-icon{position:absolute;left:50%;top:24%;width:84px;height:84px;transform:translate(-50%);color:#ffbe66;filter:drop-shadow(0 0 14px #ff6b2d);opacity:0;pointer-events:none}#headshot-icon svg{width:100%;height:100%}#headshot-icon.headshot-pop{animation:headshot-icon-pop .95s ease-out}@keyframes headshot-icon-pop{0%{opacity:0;transform:translate(-50%) scale(.3) rotate(-24deg)}20%{opacity:1;transform:translate(-50%) scale(1.18) rotate(5deg)}55%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8)}}#weapon-name{color:#f2c47a}#net-status{position:absolute;top:16px;left:16px;z-index:2;padding:7px 10px;border-radius:6px;background:#102d36ca;color:#a5eccd;font-size:11px;font-weight:900;letter-spacing:.07em;pointer-events:none}#net-status.slow{color:#ffd38d;background:#513622dc}#cross{transition:scale .08s ease-out}#cross.shooting{scale:1.35}#hitmark{font-size:26px;font-weight:900;letter-spacing:.03em;text-shadow:0 0 12px #ffb960}.bot-option{display:flex;align-items:center;gap:10px;margin:14px 0;color:#dbeaf0;font-size:13px}.bot-option input{width:18px;height:18px;accent-color:#4ec6e5}#host-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px}#host-controls[hidden]{display:none}#host-controls span{grid-column:1/-1;text-align:left;color:#8bd9f0;font-size:11px;font-weight:900;letter-spacing:.18em}#host-controls button{font-size:11px;padding:10px 8px;margin:0;background:#21485b;border:1px solid #7ba4b3;color:#fff;border-radius:6px;box-shadow:none;cursor:pointer}#host-controls button:hover{background:#326982}.settings{margin:18px 0 6px;padding:13px 16px;background:#071d2b99;border:1px solid #52728566;border-radius:10px;text-align:left}.settings summary{font-size:11px;font-weight:900;letter-spacing:.16em;color:#88dceb;cursor:pointer;margin-bottom:9px}.settings label{display:block;font-size:11px!important;letter-spacing:.08em!important;margin:10px 0 4px}.settings output{float:right;color:#ffd188}.settings input[type=range]{appearance:none;height:6px;padding:0;margin:8px 0;background:#406879;border:0;border-radius:8px;accent-color:#f5a05b}.settings input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#ffd188;border-radius:50%;box-shadow:0 0 0 3px #29495c}.settings .check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px!important}.settings .check input{width:16px;height:16px;padding:0;accent-color:#e99b58}.settings select{padding:8px 10px;font-size:12px}.overlay{z-index:10}.overlay .panel{max-height:94vh;overflow:auto}.overlay .settings{margin:14px 0}.screen .panel{max-height:98vh;overflow:auto}#weapon-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.weapon-gallery-link{display:inline-block;color:#9ee5ed;font-size:12px;font-weight:800;margin-bottom:12px;text-decoration:none}.weapon-gallery-link:hover{text-decoration:underline}