/* ─── DEBUG OUTLINES ──────────────────────────────────────────────────────── Remove the "debug" class from to hide all outlines. e.g. change → Uses inset box-shadow instead of outline so overflow:hidden doesn't clip it. ──────────────────────────────────────────────────────────────────────────── */ body.debug .landing-page { box-shadow: inset 0 0 0 2px #ff44ff; } body.debug .game-area { box-shadow: inset 0 0 0 2px #ff4444; } body.debug .board-wrapper { box-shadow: inset 0 0 0 2px #4488ff; } body.debug #panelFaction { box-shadow: inset 0 0 0 2px #ff9900; } body.debug #panelBoardControls { box-shadow: inset 0 0 0 2px #ffff00; } body.debug #panelStatus { box-shadow: inset 0 0 0 2px #00ffcc; } body.debug #panelPlayerCount { box-shadow: inset 0 0 0 2px #44ff44; } body.debug #panelChat { box-shadow: inset 0 0 0 2px #44aaff; } body.debug #panelLobby { box-shadow: inset 0 0 0 2px #aa44ff; }