/* Gold home screen — matched to reference screenshot */
body.reference-home{background:#232323!important}
.reference-home .gold-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;padding:14px 4px 6px}
.gold-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.14/1;border-radius:14px;text-decoration:none;
 background:linear-gradient(135deg,#f2dc9c 0%,#e6c47c 45%,#d8af64 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.35);overflow:hidden;padding:6px 2px}
.gold-tile:active{transform:scale(.97)}
.gold-tile-art{width:72%;display:block}
.gold-tile-art img{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}
.gold-tile b{margin-top:6px;color:#25140d;font:800 13px/1.1 system-ui,Roboto,Arial,sans-serif;letter-spacing:1.2px;white-space:nowrap;text-align:center}
.gold-heading{margin:16px 2px 6px;padding-left:10px;border-left:3px solid #e7c271;color:#e7c271;font:800 16px/1.2 system-ui,Roboto,Arial,sans-serif;background:none}
.gold-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:68px;padding:0 4px 6px;
 background:#333331;border-radius:16px 16px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.4);max-width:520px;margin:0 auto}
.gold-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#9a9a96;text-decoration:none}
.gold-bottom a svg{width:26px;height:26px}
.gold-bottom small{font:500 12px/1 system-ui,Roboto,Arial,sans-serif}
.gold-bottom a.active{color:#e7b84f}
.gold-bottom .gold-reward span{width:64px;height:64px;margin-top:-34px;border-radius:50%;display:grid;place-items:center;color:#fff;
 background:radial-gradient(circle at 40% 35%,#f4dc9a,#e3be6c 60%,#cfa04c);border:3px solid #f0c44d;box-shadow:0 0 0 2px #333331,0 3px 10px rgba(0,0,0,.5)}
.gold-bottom .gold-reward span svg{width:30px;height:30px}
.gold-bottom .gold-reward small{color:#e7b84f;font-weight:800;font-size:11px}
.reference-bottom{display:none!important}
body{padding-bottom:80px}
@media(max-width:380px){.gold-tile b{font-size:11px;letter-spacing:.6px}}
.wingo-live{display:flex;flex-direction:column;gap:8px;margin:6px 2px 10px}
.wingo-live-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#2a2824;border:1px solid #3a3528;color:#fff;text-decoration:none}
.wl-no{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 13px system-ui,Arial;color:#2a1c00;background:linear-gradient(135deg,#f8d66b,#e8a91a)}
.wl-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:wlpulse 1.2s infinite}
@keyframes wlpulse{50%{opacity:.35}}
.wl-name{flex:1;display:flex;flex-direction:column;min-width:0}.wl-name b{font-size:14px}.wl-name small{font-size:11px;color:#9a9a96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-res{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:#555}
.wl-res.wl-green{background:#16a34a}.wl-res.wl-red{background:#dc2626}.wl-res.wl-violet{background:#8b5cf6}
.wl-play{padding:6px 12px;border-radius:20px;font-weight:800;font-size:12px;color:#2a1c00;background:linear-gradient(90deg,#f8d66b,#e8a91a)}