/* Global ranking as an arcade high-score board (Frycade style) */
#ranking-modal{background:#07031a!important}
#ranking-modal .modal-content.ar-card{width:min(560px,96vw);max-height:92vh;overflow-y:auto;padding:0;border:4px solid #ff2d95;border-radius:14px;background:#0b0624 repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);box-shadow:0 0 0 3px #1a0a3a,0 0 34px rgba(255,45,149,.45),inset 0 0 40px rgba(0,229,255,.08);font-family:'Courier New',monospace}
.ar-marquee{position:relative;padding:16px 50px 12px;text-align:center;background:linear-gradient(180deg,#2a0a4a,#0b0624);border-bottom:3px solid #00e5ff}
.ar-marquee span{font:900 clamp(18px,5vw,26px) 'Courier New',monospace;letter-spacing:4px;color:#ffe066;text-shadow:0 0 6px #ff2d95,0 0 16px #ff2d95,3px 3px 0 #7a0a4a;animation:ar-flick 3s infinite}
@keyframes ar-flick{0%,92%,100%{opacity:1}94%{opacity:.6}96%{opacity:1}98%{opacity:.7}}
.ar-x{position:absolute;right:10px;top:10px;width:32px;height:32px;border:2px solid #00e5ff;border-radius:6px;background:#06041a;color:#00e5ff;font-weight:bold;cursor:pointer}
.ar-sub{margin:10px 12px 8px;text-align:center;font:bold 10px 'Courier New',monospace;letter-spacing:2px;color:#00e5ff}
.ar-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.ar-tab{flex:1 1 30%;padding:8px 4px;border:2px solid #3a2a6a;border-radius:6px;background:#10092e;color:#8a7fb8;font:bold 10px 'Courier New',monospace;letter-spacing:1px;cursor:pointer;white-space:nowrap}
.ar-tab i{font-style:normal;margin-right:4px}
.ar-tab.on{border-color:#ffe066;color:#ffe066;background:#2a1a00;box-shadow:0 0 12px rgba(255,224,102,.45)}
#ranking-list-container{padding:0 12px 14px}
.ar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;padding:7px 10px;border-radius:6px;background:rgba(20,12,52,.9);border:1px solid #2c1f5c;color:#d9d2ff}
.ar-row.top1{border-color:#ffe066;background:linear-gradient(90deg,rgba(255,224,102,.18),rgba(20,12,52,.9))}
.ar-row.top2{border-color:#c9d3e0;background:linear-gradient(90deg,rgba(201,211,224,.14),rgba(20,12,52,.9))}
.ar-row.top3{border-color:#e08a4a;background:linear-gradient(90deg,rgba(224,138,74,.16),rgba(20,12,52,.9))}
.ar-row.friend{border-color:#35e07a}
.ar-row.me{border-color:#00e5ff;box-shadow:0 0 14px rgba(0,229,255,.4)}
.ar-pos{flex:0 0 40px;font:900 14px 'Courier New',monospace;color:#ff2d95}
.top1 .ar-pos{color:#ffe066}.top2 .ar-pos{color:#c9d3e0}.top3 .ar-pos{color:#e08a4a}
.ar-ava{flex:0 0 32px;width:32px;height:32px;border-radius:6px;object-fit:cover;border:2px solid #3a2a6a;background:#1a1040;display:flex;align-items:center;justify-content:center;font:bold 14px sans-serif;color:#8a7fb8}
.ar-name{flex:0 1 auto;min-width:0;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:bold 13px 'Courier New',monospace;color:#fff}
.ar-name small{display:block;font-size:9px;color:#7a70a8;font-weight:normal}
.ar-name em{font-style:normal;margin-left:4px;padding:1px 5px;border-radius:4px;background:#00e5ff;color:#06041a;font-size:8px}
.ar-name u{text-decoration:none;margin-left:4px;padding:1px 4px;border-radius:4px;background:#6c3483;color:#fff;font-size:8px}
.ar-dots{flex:1;min-width:8px;border-bottom:2px dotted #3a2a6a;align-self:flex-end;margin-bottom:9px}
.ar-score{flex:0 0 auto;font:900 15px 'Courier New',monospace;color:#7cff9a;text-shadow:0 0 6px rgba(124,255,154,.5)}
.ar-score i{font-style:normal;margin-left:4px;font-size:12px}
.ar-gap{text-align:center;color:#5a4f8a;letter-spacing:6px;margin:2px 0 6px}
.ar-foot{margin-top:10px;text-align:center;font:bold 10px 'Courier New',monospace;letter-spacing:2px;color:#00e5ff}
.ar-msg{padding:34px 10px;text-align:center;font:bold 12px 'Courier New',monospace;letter-spacing:3px;color:#ffe066;animation:ar-flick 1.4s infinite}
@media(max-width:480px){.ar-tab{flex:1 1 45%}.ar-name{max-width:36%}}