:root{--bg:#000;--panel:#0a0f1a;--panel2:#0c1326;--border:#24304a;--text:#e0f8ff;--muted:#a9b6c5;--accent:#29f081;--accent-ink:#04140a;--highlight:#67ffda}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
.fw-root{position:relative;min-height:100vh;color:var(--text);background:var(--bg)}
.fw-header{position:sticky;top:0;width:100%;background:#091120;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;z-index:100;border-bottom:1px solid var(--border)}
.fw-tabs{display:flex;gap:8px;flex-wrap:wrap}
.fw-tabbtn{border:1px solid var(--border);background:#0e1730;color:var(--text);padding:8px 12px;border-radius:10px;font-size:12px;cursor:pointer}
.fw-tabbtn.active{outline:2px solid var(--accent);color:#04140a;background:var(--accent)}
.only-mobile{display:none}
.panelClose{position:absolute;top:6px;right:6px;border:1px solid var(--border);background:#0e1730;color:#fff;border-radius:8px;padding:6px 10px}
#fw-leftPanel{position:absolute;top:56px;left:10px;bottom:10px;width:320px;max-width:92vw;overflow:hidden;background:rgba(6,10,22,.85);border:1px solid var(--border);border-radius:12px;padding:10px;z-index:20;backdrop-filter:blur(4px)}
#fw-searchWrap{display:flex;gap:6px;align-items:center}
#fw-countrySearch{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0e1730;color:var(--text);outline:none}
#fw-clearSearch{border:1px solid var(--border);background:#0e1730;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}
#fw-countryList{margin-top:10px;height:calc(100% - 58px);overflow:auto}
.countryRow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px;border-bottom:1px dashed #253048;cursor:pointer;border-radius:8px}
.countryRow:hover{background:rgba(103,255,218,0.08)}
.badge{background:#13203a;border:1px solid var(--border);padding:2px 8px;border-radius:999px;font-size:11px;color:var(--muted)}
.hl{background:var(--highlight);color:#04140a;padding:0 2px;border-radius:2px}
#fw-scene{display:block;width:100%;height:calc(100vh - 56px)}
#fw-donorsView{position:fixed;top:56px;left:0;right:0;bottom:0;display:none;background:#050915;z-index:95;overflow:auto;padding:16px}
.fw-table{width:100%;border-collapse:collapse;font-size:13px}
.fw-table th,.fw-table td{padding:8px;border-bottom:1px solid var(--border);text-align:left}
.fw-table th{color:var(--muted);position:sticky;top:0;background:#061024}
.fw-table a{color:var(--highlight);text-decoration:none}
.fw-table a:hover{text-decoration:underline}
#fw-aboutView{position:fixed;top:56px;left:0;right:0;bottom:0;display:none;background:#050915;z-index:96;overflow:auto;padding:20px}
.about-inner{max-width:900px;margin:0 auto}
.about-actions{display:flex;gap:10px;margin-top:12px}
#fw-leaderboard{position:absolute;top:56px;right:10px;width:280px;max-height:42vh;overflow:auto;background:rgba(6,10,22,.8);border:1px solid var(--border);border-radius:10px;padding:10px;z-index:20}
#fw-leaderboard h4{margin:0 0 6px 0;font-size:12px;color:var(--muted)}
#fw-leaderboard .row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px dashed #253048}
#fw-leaderboard .row:last-child{border-bottom:none}
#fw-hud{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:none;z-index:30;background:rgba(6,12,24,.96);border:1px solid var(--border);border-radius:12px;padding:12px 14px;backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:92vw}
#fw-hud .title{font-weight:800;margin-bottom:8px;font-size:14px}
#fw-hud .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pill{border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:var(--accent);color:var(--accent-ink);font-weight:800;cursor:pointer}
.ghost{background:#0e1730;color:#fff}
#fw-hint{position:absolute;right:10px;bottom:10px;color:var(--muted);font-size:12px;z-index:15;background:rgba(0,0,0,.4);padding:6px 8px;border-radius:8px;border:1px solid var(--border)}
#fw-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:120}
#fw-modal .box{width:min(560px,92vw);background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:16px}
.f{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.f label{font-size:12px;color:var(--muted)}
.f input,.f textarea{padding:10px;border-radius:10px;border:1px solid var(--border);background:#0e1730;color:var(--text);outline:none}
.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px}
.linkbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.linkbar a{border:1px solid var(--border);background:#0e1730;color:var(--text);padding:8px 10px;border-radius:10px;text-decoration:none}
@media (max-width: 768px){
  .only-mobile{display:inline-block}
  #fw-leftPanel{position:fixed;top:56px;left:0;right:0;bottom:0;width:auto;border-radius:0;margin:0;display:none;z-index:90}
  #fw-leaderboard{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-height:60vh;border-radius:12px 12px 0 0;display:none;z-index:80}
  #fw-hud{left:8px;right:8px;transform:none;width:auto}
  #fw-hint{right:8px;left:8px;text-align:center}
  .fw-tabbtn{padding:8px 10px;font-size:12px}
  .countryRow{padding:12px}
}
