:root { --bottom-safe: env(safe-area-inset-bottom, 0px); }
body { background:#0b0f14; color:#e8eef6; }
a { color:#9bd3ff; }
.card { background:#111827; border-color:#1f2937; }
.table { color:#e8eef6; }
.badge { font-weight:600; }
.map-grid { display:grid; grid-template-columns: repeat(11, 1fr); gap:4px; }
.tile { border:1px solid #2b3546; border-radius:8px; aspect-ratio:1/1; font-size:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; }
.tile.mine { outline:2px solid #2dd4bf; }
.tile.foreign { outline:2px solid #fbbf24; }
.tile.none { outline:2px solid #f87171; }
.fixed-bottom-panel { position:fixed; left:0; right:0; bottom:0; padding-bottom: var(--bottom-safe); background: rgba(17,24,39,0.95); border-top:1px solid #1f2937; }