/* Horo City x Robinhood: lime #CCFF00 on black. Loaded after horo.css. */
:root { --rh:#CCFF00; --rhd:#9fcc00; --metal: linear-gradient(180deg,#141414 0%,#0b0b0b 60%,#050505 100%); --edge:#2c3a00; --line:#000; --text:#f2f2f2; --dim:#a3a3a3; --gold:#CCFF00; --amber:#CCFF00; --teal2:#CCFF00; --lime:#CCFF00; --go:#CCFF00; --cream:#0b0b0b; --cream2:#161616; --ink:#f2f2f2; --ink2:#d0d0d0; --mute:#8a8a8a; }
html, body { background:#000; }
.hbrand { padding:4px 8px !important; background:#000 !important; border:1px solid var(--rh) !important; outline:1px solid #1f2900 !important; box-shadow:0 0 0 1px #000, 0 6px 18px rgba(0,0,0,.6), 0 0 14px rgba(204,255,0,.18) !important; }
.hlogoimg { display:block; height:62px; width:auto; }
.slogo { display:flex; justify-content:center; margin:0 0 4px; }
.slogoimg { display:block; width:min(520px,90%); height:auto; }
.slogo .big, .slogo .sub { display:none; }
.hbrand, .me, .htop, .hchat, .roomtitle, .panel, .card, .tcard, .hint, .toast, .hbar .rb, .leave { background:var(--metal) !important; border-color:#000 !important; outline-color:#3d5000 !important; color:var(--text); }
.me .av { border-color:var(--rh) !important; background:#000 !important; }
.me .tag, .me .tag.gold { color:var(--rh) !important; }
.htop .online { display:none !important; }
.htop { padding:8px !important; }
.wbtnh, .pbtn.lime, .btns .wal, .pbtn.block { color:#000 !important; background:var(--rh) !important; border:1px solid #000 !important; outline:1px solid #e8ff7a !important; text-shadow:none !important; box-shadow:0 3px 0 #3d5000, 0 0 16px rgba(204,255,0,.25) !important; font-weight:600 !important; }
.wbtnh.conn { background:#111 !important; color:var(--rh) !important; outline-color:var(--rh) !important; }
.wbtnh .tag { background:#000; color:var(--rh); }
.pbtn { background:linear-gradient(180deg,#1c1c1c,#0c0c0c) !important; color:var(--text) !important; outline-color:#3d5000 !important; box-shadow:0 3px 0 #000 !important; }
.pbtn:hover { outline-color:var(--rh) !important; color:var(--rh) !important; }
.hct, .roomtitle, .panel .ph, .panel .ph .tb, .card h2, .tcard h4, .tagline { color:var(--rh) !important; }
.roomtitle span { background:#000 !important; color:var(--rh) !important; border-color:var(--rh) !important; }
.hch { border-bottom-color:#2c3a00 !important; }
.hcm b::after { color:#ddd; } .hcm.sys { color:#7a8a50 !important; }
.hcm:nth-child(5n+3) b, .hcm:nth-child(5n) b { color:var(--rh) !important; }
.hclock { background:#0a0a0a !important; border-color:#2c3a00 !important; color:#a3a3a3 !important; }
.hclock svg { color:var(--rh) !important; }
#onlineN, #hcOn { display:none !important; }
.hbar .rb svg { color:#e6e6e6; } .hbar .rb:hover svg, .hbar .rb:hover span { color:var(--rh) !important; }
.hbar .rb:hover { outline-color:var(--rh) !important; }
.hint .k { background:var(--rh) !important; color:#000 !important; border-color:#000 !important; }
.sk.on, .sc.on { outline:2px solid var(--rh) !important; border-color:var(--rh) !important; box-shadow:0 0 14px rgba(204,255,0,.35) !important; }
.sc, .sk { background:#0c0c0c !important; border-color:#2c3a00 !important; }
.sc span, .sk span { color:#eee !important; }
.carousel .arr { background:#0c0c0c !important; color:var(--rh) !important; border-color:var(--rh) !important; }
.namerow input { background:#050505 !important; color:#fff !important; border-color:var(--rh) !important; }
.namerow label { color:var(--rh) !important; }
.btns .demo { background:#0c0c0c !important; color:var(--rh) !important; outline:1px solid var(--rh) !important; border-color:#000 !important; }
.perks div b { color:var(--rh) !important; } .perks div.h { border-color:#3d5000 !important; }
.splash::before { background:radial-gradient(ellipse at 50% 40%, rgba(204,255,0,.06), rgba(0,0,0,.7) 70%) !important; }
.card .bolt { background:#2c3a00 !important; }
.items .it { background:#0c0c0c !important; border-color:#2c3a00 !important; }
.panel a { color:var(--rh) !important; }
/* profile + leaderboard panels */
.hp-prof { display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:start; }
.hp-av { width:150px; height:150px; background:#000; border:1px solid var(--rh); border-radius:6px; box-shadow:0 0 18px rgba(204,255,0,.2); }
.hp-nm { font:700 30px Oswald,sans-serif; color:#fff; letter-spacing:.5px; margin:0; }
.hp-badge { display:inline-block; font:600 12px Rubik; letter-spacing:1px; padding:3px 8px; border-radius:3px; margin:4px 6px 8px 0; border:1px solid var(--rh); color:var(--rh); }
.hp-badge.on { background:var(--rh); color:#000; }
.hp-kv { display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; font:400 14px Rubik; color:#bbb; }
.hp-kv b { color:#fff; font-weight:500; float:right; } .hp-kv b.l { color:var(--rh); }
.hp-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; grid-column:1/-1; }
.hp-stats div { background:#0a0a0a; border:1px solid #2c3a00; border-radius:5px; padding:10px; text-align:center; }
.hp-stats b { display:block; font:700 24px Oswald; color:var(--rh); } .hp-stats span { font:400 11px Rubik; color:#999; letter-spacing:1px; text-transform:uppercase; }
.hp-acts { grid-column:1/-1; display:flex; gap:8px; margin-top:8px; flex-wrap:wrap; }
.hp-lb { width:100%; border-collapse:collapse; font:400 15px Oswald; color:#eee; }
.hp-lb th { text-align:left; color:var(--rh); font:600 12px Rubik; letter-spacing:1px; padding:6px 8px; border-bottom:1px solid #3d5000; }
.hp-lb td { padding:7px 8px; border-bottom:1px solid #1a1a1a; }
.hp-lb tr.me td { background:rgba(204,255,0,.08); color:var(--rh); }
.hp-lb .rk { width:40px; font-weight:700; } .hp-lb tr:nth-child(-n+3) .rk { color:var(--rh); }
.hp-tabs { display:flex; gap:6px; margin-bottom:10px; } .hp-tabs .pbtn.on { color:#000 !important; background:var(--rh) !important; }
.hbar .rb.lbBtn svg { color:var(--rh); }
.slogo{background:#000!important}
/* ===== approved HUD layout ===== */
.hbar, .hbtns, #lbBtn { display:none !important; }
body.in-room .hbar { display:none !important; }
.hbrand { left:auto !important; right:16px !important; top:12px !important; background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important; padding:0 !important; }
body.in-room .hbrand { display:block !important; }
.hlogoimg { height:84px; border-radius:8px; mix-blend-mode:screen; }
.htop { top:auto !important; bottom:126px !important; right:16px !important; background:rgba(0,0,0,.72) !important; border:1px solid var(--rh) !important; outline:0 !important; border-radius:12px !important; }
.me, .hchat, .hdock { background:rgba(0,0,0,.74) !important; border:1px solid var(--rh) !important; outline:0 !important; border-radius:14px !important; box-shadow:0 8px 24px rgba(0,0,0,.55), 0 0 12px rgba(204,255,0,.12) !important; backdrop-filter:blur(3px); }
.me { top:14px !important; left:14px !important; padding:12px 22px 12px 12px !important; min-width:330px; }
body.in-room .me { top:14px !important; }
body.in-room .roomtitle { top:auto !important; bottom:126px; left:auto; right:16px; }
.me .av { width:76px !important; height:76px !important; border-radius:50% !important; border:2px solid var(--rh) !important; box-shadow:0 0 12px rgba(204,255,0,.35); }
.me .av canvas { width:76px !important; height:76px !important; }
.me .nm { font:600 24px Oswald,sans-serif !important; color:#fff !important; }
.me .tag { display:inline-block; border:1px solid var(--rh) !important; border-radius:5px !important; padding:2px 8px !important; margin:3px 0; }
.me .lvl { margin-top:4px; font:400 12px Rubik; color:#ddd; } .me .lvl i { display:block; height:7px; width:170px; background:#222; border-radius:4px; margin-top:4px; overflow:hidden; } .me .lvl b { display:block; height:100%; background:var(--rh); border-radius:4px; box-shadow:0 0 8px var(--rh); }
.hchat { bottom:14px !important; left:14px !important; }
.hdock { position:fixed; z-index:4; left:50%; transform:translateX(-50%); bottom:14px; display:flex; padding:10px 8px; }
body.s-start .hdock { display:none; }
.hdock .db { background:none; border:0; color:var(--rh); display:flex; flex-direction:column; align-items:center; gap:6px; padding:6px 22px; cursor:pointer; font:400 16px Oswald,sans-serif; letter-spacing:.3px; }
.hdock .db + .db { border-left:1px solid rgba(204,255,0,.25); }
.hdock .db svg { width:46px; height:46px; } .hdock .db span { color:#fff; }
.hdock .db:hover { background:rgba(204,255,0,.08); border-radius:8px; } .hdock .db:hover span { color:var(--rh); }
.leave { top:auto !important; bottom:186px !important; right:16px !important; }