:root{color-scheme:dark;--ct:#a1d7ff;--t:#f1ca81}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#171d16;color:#e9ece5;font:13px Arial,Helvetica,sans-serif;overflow:hidden}body.offline{background:#171717}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.offline-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse 300px 340px at center,#0006,transparent);opacity:0}.offline .offline-grid{opacity:1}.editor-button{position:fixed;top:16px;right:16px;z-index:100;color:#fff;font-size:12px;font-weight:700;border:2px solid #f3ee75;border-radius:5px;background:#171b16;padding:11px 15px;box-shadow:0 0 22px #eade5233}.editor-button:hover{background:#2c2d1a}.battlefield{min-height:100dvh;display:grid;grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;gap:14px;padding:70px 14px 35px;max-width:1500px;margin:auto}.map{position:relative;width:min(100%,calc(100dvh - 110px));aspect-ratio:1;margin:auto;overflow:hidden}#map-image{display:block;width:100%;height:100%;object-fit:contain}#players{position:absolute;inset:0}.roster{display:flex;flex-direction:column;gap:9px;align-self:center}.player-card{background:#0d140acb;border:1px solid #353e2d;border-radius:5px;padding:9px 7px;min-height:77px}.card-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #37402d;padding-bottom:7px;min-width:0}.card-avatar{width:29px;height:29px;flex:none;border:1px solid #b6c2a0;border-radius:50%;display:grid;place-items:center;background:#263128;font-weight:700;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-name{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.card-name.owner:after{content:' •';color:#a6c976}.card-bottom{display:flex;align-items:center;gap:6px;height:25px;padding-top:4px}.card-health{font-weight:700;font-size:14px;min-width:29px}.card-weapons{display:flex;align-items:center;gap:5px;overflow:hidden;height:23px}.card-weapons img{width:36px;height:22px;object-fit:contain;opacity:.75;filter:grayscale(1) brightness(1.3)}.player-card.dead{opacity:.4}.player-card.dead .card-avatar{filter:grayscale(1)}.player{position:absolute;transform:translate(-50%,-50%);width:var(--size,24px);height:var(--size,24px);display:grid;place-items:center;border:2px solid var(--ct);border-radius:50%;background:#263b40;color:#fff;font-weight:700;font-size:10px;box-shadow:0 0 7px #000;z-index:2}.player.team-t{border-color:var(--t);background:#453b28}.player.local{box-shadow:0 0 0 3px #72e06060,0 0 8px #000}.player img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player .direction{position:absolute;left:50%;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:19px solid var(--ct);transform-origin:0 50%;transform:translateY(-50%) rotate(var(--yaw,0deg)) translateX(13px);opacity:.7;z-index:-1}.player.team-t .direction{border-left-color:var(--t)}.player .name{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;text-shadow:0 1px 3px #000,1px 0 2px #000;pointer-events:none}.player .tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#10170eee;border:1px solid #566049;border-radius:4px;padding:6px 8px;font-size:12px;z-index:8}.player:hover{z-index:20}.player:hover .tip{display:block}.map-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:290px;height:160px;border:1px solid #552920;border-radius:16px;background:#171717;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;box-shadow:0 0 45px #a7352412}.map-overlay strong{color:#ff4036;font-size:22px;font-weight:700}.signal{width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ff7b91,#f53959 55%,#ba3145);box-shadow:0 0 25px #ff4b5966,inset 0 0 10px #ffafae55}.editor-panel{position:fixed;top:70px;right:16px;width:260px;z-index:90;background:#121910f5;border:1px solid #4a533a;border-radius:5px;padding:13px;box-shadow:0 12px 35px #0009}.editor-title{font-weight:700;font-size:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35402c;padding-bottom:10px}.editor-title button{border:0;background:none;color:#adb6a1;font-size:22px;padding:0}.room-info{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#93a083;margin:11px 0}.editor-panel label{display:flex;align-items:center;gap:8px;margin:11px 0;font-size:12px}.editor-panel select{margin-left:auto;max-width:150px;border:1px solid #49523c;border-radius:3px;padding:4px;background:#1d2618;color:#e9ece5}.editor-panel input[type=range]{width:130px;margin-left:auto}.editor-panel input{accent-color:#bbce74}.editor-actions{display:flex;gap:6px;border-top:1px solid #35402c;padding-top:11px}.editor-actions button{background:#1d2817;border:1px solid #49583a;border-radius:3px;padding:7px;color:#dbe2cf;font-size:11px}.no-roster .battlefield{grid-template-columns:1fr}.no-roster .roster{display:none}.no-roster .map{width:min(90vw,calc(100dvh - 110px))}@media(max-width:950px){.battlefield{grid-template-columns:145px minmax(0,1fr) 145px;gap:8px;padding:65px 4px 25px}.player-card{padding:7px 5px}.card-name{font-size:11px}.card-avatar{width:26px;height:26px}.card-weapons img{width:27px}.card-health{min-width:25px}.card-top{gap:5px}.roster{gap:7px}.map{width:100%}}@media(max-width:620px){body{overflow:auto}.battlefield{grid-template-columns:1fr 1fr;align-items:start;gap:10px;padding:70px 8px 20px}.map{grid-column:1/3;grid-row:1;width:100%}.ct-roster{grid-column:1;grid-row:2}.t-roster{grid-column:2;grid-row:2}.editor-panel{right:10px}.editor-button{top:10px;right:10px}.no-roster .map{grid-column:1;width:100%}}
#map-image{mix-blend-mode:screen}
#map-image{filter:brightness(1.4) saturate(1.15)}
.map{container-type:inline-size}#effects{position:absolute;inset:0;pointer-events:none}.effect{position:absolute;z-index:2;color:#ddd;--effect:#ded786}.effect.smokegrenade{--effect:#bdc9d0}.effect.molotov,.effect.incgrenade{--effect:#f39548}.effect.bomb{--effect:#ff775c}.effect-icon{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#131a14e8;border:1px solid var(--effect);color:var(--effect);font:bold 10px Arial}.effect.bomb .effect-icon{border-radius:3px;width:25px}.effect-time{position:absolute;left:0;top:15px;transform:translateX(-50%);white-space:nowrap;font:bold 11px Arial;color:var(--effect);background:#131a14e8;padding:2px 4px;border-radius:2px}.effect-area,.fire-cells i{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--effect);background:color-mix(in srgb,var(--effect) 16%,transparent)}.fire-cells i{border-color:#f3954866;background:#f395482a}.editor-panel{max-height:calc(100dvh - 85px);overflow:auto}
.effect{width:1px;height:1px}
.effect.bomb .effect-time{top:-29px}