:root{color-scheme:light;font-family:IBM Plex Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#88b8ff}#app{width:100vw;height:100vh;position:relative}#hud{position:absolute;left:16px;top:16px;background:#0e141cb8;color:#f3f7ff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;min-width:220px;line-height:1.35;font-size:14px;pointer-events:none;z-index:30}#hud .value{color:#a7ff9e}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.75);pointer-events:none;z-index:32}#dead-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;transform:scale(1);background:radial-gradient(circle at center,#ffc39100 52%,#b6745c26,#4828206b);z-index:24}#blast-pop{position:absolute;inset:0;pointer-events:none;opacity:0;transform:scale(1);transition:opacity .68s ease-out,transform .68s ease-out;background:radial-gradient(circle at center,#fff7e4f2,#ffd29699 24%,#ffa8662e 52%,#ffa86600 72%),linear-gradient(#ffd6aa33,#ffd6aa33);z-index:23}#chat-panel{position:absolute;left:16px;bottom:16px;width:min(92vw,420px);background:#090e14c2;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#edf3ff;padding:8px;z-index:31}#chat-log{min-height:62px;max-height:120px;overflow:auto;font-size:13px;line-height:1.35;margin-bottom:8px}#chat-input-row{display:flex;gap:6px}#chat-input{flex:1;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1a;color:#eef5ff;padding:7px 9px;outline:none}#chat-send{border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#4ba066d9;color:#f6fff9;padding:7px 11px;font-weight:600;cursor:pointer}#overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:40}#entry-card,#lobby-card,#result-card{background:#0a1017d9;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:#edf3ff;padding:16px 18px;width:min(92vw,440px);box-shadow:0 8px 40px #00000059;pointer-events:auto}#entry-card h1,#lobby-card h1,#result-card h1{margin:0 0 10px;font-size:20px}#entry-card p,#lobby-card p,#result-card p{margin:6px 0;opacity:.94;font-size:14px}#lobby-player-list{margin:8px 0 10px;display:grid;gap:4px;font-size:14px}#entry-card input,#lobby-card input{border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1a;color:#eef5ff;padding:7px 9px;outline:none;min-width:150px}#entry-card button,#lobby-card button,#result-card button{border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#4ba066d9;color:#f6fff9;padding:7px 11px;font-weight:600;cursor:pointer}#entry-card button[disabled],#lobby-card button[disabled],#result-card button[disabled]{opacity:.55;cursor:not-allowed}#entry-error{color:#ff9f90;min-height:18px}.hidden{display:none!important}#map-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:35}#map-panel{width:min(76vw,760px);height:min(76vh,760px);background:#080c127a;border:2px solid rgba(255,255,255,.35);border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:10px}#map-canvas{width:100%;height:100%;display:block}