/* Layout */
.fab-wrap { position: relative; width: 100%; height: 100vh; background: #0b0e15; overflow: hidden; }
#fab-canvas { display:block; margin:0 auto; touch-action: none; user-select: none; }
#fab-ui { position: fixed; inset: 0; pointer-events: none; }
#fab-stick { position:absolute; left:24px; bottom:24px; width:120px; height:120px; border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter: blur(4px); pointer-events:auto; touch-action:none; }
#fab-fire { position:absolute; right:24px; bottom:36px; width:88px; height:88px; border-radius:999px; font-size:28px; pointer-events:auto; touch-action:none; border:0; background:#2d7bff; color:#fff; }
@media (hover:hover) and (pointer:fine){ #fab-ui{ display:none; } }

/* Modal */
#fab-modal{ position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.5); }
#fab-modal[hidden]{ display:none; }
.fab-sheet{ width:min(92vw,420px); border-radius:16px; padding:18px; background:#10131b; color:#e7ecff; border:1px solid rgba(255,255,255,.05); }
.fab-sheet input, .fab-sheet button{ font-size:16px; }
.fab-disclaimer{ opacity:.7; font-size:.9rem; margin-top:.5rem; }

/* Leaderboard */
.fab-leader{ position: absolute; top: 12px; left: 12px; width: 280px; background: rgba(255,255,255,.06); color:#e7ecff; padding:12px; border-radius:12px; }
.fab-leader h3{ margin:0 0 6px 0; }
.fab-filters button{ margin-right:6px; margin-bottom:6px; }
.fab-filters .is-active{ background:#2d7bff; color:#fff; }
#fab-board{ max-height: 40vh; overflow:auto; margin:8px 0 0; padding-left:18px; }

/* Game Controls */
#fab-game-controls{ position: absolute; top: 12px; right: 12px; z-index: 10; display: flex; gap: 8px; flex-direction: column; }
.fab-control-btn{ padding: 8px 12px; border: 0; border-radius: 8px; background: rgba(45,123,255,0.9); color: #fff; font-size: 14px; cursor: pointer; backdrop-filter: blur(4px); transition: all 0.2s; }
.fab-control-btn:hover{ background: rgba(45,123,255,1); transform: translateY(-1px); }
.fab-control-btn:active{ transform: translateY(0); }

/* Standalone Leaderboard */
.fab-leaderboard-standalone{ max-width: 600px; margin: 20px auto; padding: 20px; background: #f9f9f9; border-radius: 12px; }
.fab-leaderboard-standalone h3{ margin: 0 0 16px 0; color: #333; }
.fab-leaderboard-standalone .fab-filters{ margin-bottom: 16px; }
.fab-leaderboard-standalone .fab-filters button{ padding: 8px 16px; margin-right: 8px; border: 1px solid #ddd; background: #fff; color: #333; border-radius: 6px; cursor: pointer; }
.fab-leaderboard-standalone .fab-filters .is-active{ background: #2d7bff; color: #fff; border-color: #2d7bff; }
#fab-board-standalone{ background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 16px; max-height: 400px; overflow-y: auto; }