.widget-fast-ranking-sidebar { position:relative; display:flex; flex-direction:column; margin:.5rem 0 0; overflow:hidden; isolation:isolate; border:1px solid rgba(233,91,189,.26); border-radius:12px; background:rgba(8,10,25,.92); box-shadow:0 10px 40px rgba(0,0,0,.42),0 0 24px rgba(139,92,246,.09); transform:translate3d(0,0,0); backface-visibility:hidden; }
.widget-fast-ranking-sidebar::before { content:""; position:absolute; inset:35px 0 0; z-index:-1; opacity:.58; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:18px 18px; }
.widget-fast-ranking-sidebar .terminal-system-header { display:flex; align-items:center; justify-content:space-between; padding:.5rem .8rem; border-bottom:1px solid rgba(233,91,189,.2); background:rgba(139,92,246,.08); font-family:"JetBrains Mono",monospace; }
.widget-fast-ranking-sidebar .system-path { color:#9ca3af; font-size:.65rem; letter-spacing:.05em; }
.widget-fast-ranking-sidebar .system-path span { color:#e95bbd; }
.widget-fast-ranking-sidebar .system-status { color:#f6a0dc; font-size:.6rem; font-weight:800; letter-spacing:.1em; }
.fast-ranking-sidebar__identity { display:flex; align-items:center; gap:10px; padding:13px 14px 9px; }
.fast-ranking-sidebar__identity img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 0 11px rgba(233,91,189,.55)); }
.fast-ranking-sidebar__identity span { display:block; color:#67e8f9; font:800 8px/1 "JetBrains Mono",monospace; letter-spacing:.13em; }
.fast-ranking-sidebar__identity strong { display:block; margin-top:5px; color:#fff; font:900 17px/1 "Kanit",sans-serif; }
.fast-ranking-sidebar__stats { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:7px 12px 13px; }
.fast-ranking-sidebar__stats>div { position:relative; min-height:68px; box-sizing:border-box; padding:10px 8px; border:1px solid rgba(103,232,249,.1); border-radius:5px 11px; background:rgba(2,7,20,.58); text-align:center; }
.fast-ranking-sidebar__stats span { display:block; color:#7891a9; font:800 7px/1.2 "JetBrains Mono",monospace; letter-spacing:.08em; }
.fast-ranking-sidebar__stats strong { display:inline-block; margin-top:7px; color:#fff; font:900 24px/.9 "Kanit",sans-serif; }
.fast-ranking-sidebar__stats>div:nth-child(2) strong { color:#fbbf24; text-shadow:0 0 9px rgba(251,191,36,.5); }
.fast-ranking-sidebar__stats em { margin-left:3px; color:#f6a0dc; font:800 7px/1 "JetBrains Mono",monospace; font-style:normal; text-transform:uppercase; }
.fast-ranking-sidebar__play { display:flex; align-items:center; justify-content:center; gap:8px; min-height:45px; margin:0 12px 13px; padding:6px 12px; border:1px solid rgba(108,99,255,.42); border-radius:7px; background:linear-gradient(135deg,rgba(108,99,255,.25),rgba(233,91,189,.18)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); font:900 12px/1 "Kanit",sans-serif; text-decoration:none; transform:translate3d(0,0,0); backface-visibility:hidden; transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s ease,box-shadow .22s ease; }
.fast-ranking-sidebar__play img { width:31px; height:31px; object-fit:contain; filter:drop-shadow(0 0 7px rgba(233,91,189,.5)); }
.fast-ranking-sidebar__play i { color:#67e8f9; font-size:10px; }
.fast-ranking-sidebar__play:hover { background:linear-gradient(135deg,rgba(108,99,255,.4),rgba(233,91,189,.3)); box-shadow:0 0 20px rgba(139,92,246,.24),inset 0 1px 0 rgba(255,255,255,.13); transform:translate3d(0,-2px,0) scale(1.025); }
.widget-fast-ranking-sidebar.is-mobile-top { width:min(100%,760px); margin:8px auto 12px; }
.widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__identity { display:none; }
.widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__stats { grid-template-columns:repeat(4,1fr); padding:9px; }
.widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__stats>div { min-height:58px; }
.widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__play { margin:0 9px 9px; }
@media (max-width:640px) { .widget-fast-ranking-sidebar.is-mobile-top .terminal-system-header { display:none; } .widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__stats { grid-template-columns:1fr 1fr; } .widget-fast-ranking-sidebar.is-mobile-top .fast-ranking-sidebar__play { min-height:41px; } }