:root{
  --bg1:#070814; --bg2:#0e1330; --ink:#EAF2F8;
  --cy:#00F5FF; --mg:#FF2D95; --line:#2a2f62;
}
html,body{margin:0;height:100%;background:radial-gradient(1200px 600px at 50% 0%,#0c1140 0%,#080a1a 60%,#070814 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Arial;overflow:hidden}

#game{position:fixed;inset:0;display:block;width:100vw;height:100vh}

#hud{position:fixed;top:10px;left:10px;right:10px;display:flex;gap:10px;flex-wrap:wrap;z-index:3;pointer-events:none}
.chip{background:#10142c;border:1px solid var(--line);border-radius:12px;padding:6px 10px;pointer-events:auto}
.bar{display:inline-block;height:10px;background:#0b0f26;border:1px solid var(--line);border-radius:99px;overflow:hidden;width:140px;vertical-align:middle;margin-left:6px}
.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--cy),#39e1ff);width:100%}
#coopChip{display:flex;gap:6px;align-items:center}

#ui{position:fixed;left:10px;bottom:10px;display:flex;gap:8px;z-index:3}
input,button{padding:.55rem .75rem;border-radius:.6rem;border:1px solid var(--line);background:#0F122C;color:var(--ink)}
button{cursor:pointer}

#start{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;background:linear-gradient(180deg,var(--bg1),var(--bg2));padding:14px}
#startCard{width:min(920px,95vw);background:#0f122c;border:1px solid var(--line);border-radius:16px;padding:18px}
#start h1{font-size:clamp(28px,6vw,56px);margin:.2rem 0 1rem}
#start h1 span{color:var(--cy)} #start h1 b{color:var(--mg)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0f122c}
.card h3{margin:.2rem 0 .4rem}

#modal{display:none;position:fixed;inset:0;background:rgba(7,8,20,.86);align-items:center;justify-content:center;z-index:5}
#card{width:min(760px,92vw);background:#0f122c;border:1px solid #333;padding:20px;border-radius:14px}
#lbTable{width:100%;border-collapse:collapse}
.list{max-height:45vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.actions{display:flex;gap:10px;margin-top:10px}