* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; overflow: hidden; background: #03060a; color: #d8f5e4; font-family: Rajdhani, system-ui, sans-serif; cursor: none; }
[hidden] { display: none !important; }
#bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
body.scan::after { 
  content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 50;
  background: -webkit-repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 2px, transparent 2px 4px);
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 2px, transparent 2px 4px);
  mix-blend-mode: multiply;
}


#splash { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: -webkit-radial-gradient(50% 40%, ellipse, #072b1b 0%, #03060a 65%); background: radial-gradient(ellipse at 50% 40%, #072b1b 0%, #03060a 65%); cursor: pointer; }
.splash-stage { -webkit-transform-origin: center center; transform-origin: center center; }
.splash-inner { text-align: center; -webkit-animation: pulse 2.4s ease-in-out infinite; animation: pulse 2.4s ease-in-out infinite; }
.splash-logo { font: 900 120px/1 Orbitron, Rajdhani, system-ui, sans-serif; letter-spacing: .14em; color: #00ff88; text-shadow: 0 0 30px #00ff88, 0 0 90px rgba(0,255,136,.5); white-space: nowrap; }
.splash-title { font: 700 56px/1.2 Orbitron, Rajdhani, system-ui, sans-serif; letter-spacing: .5em; margin-top: 18px; color: #fff; white-space: nowrap; }
.splash-sub { margin-top: 56px; font: 600 40px/1 Rajdhani, system-ui, sans-serif; letter-spacing: .15em; color: #ffb000; text-transform: uppercase; }
.splash-hint { margin-top: 14px; font-size: 22px; color: #6fa88a; letter-spacing: .1em; }
@-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.02); } }
@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }


#app { position: fixed; left: 50%; top: 50%; width: 1920px; height: 1080px; margin: -540px 0 0 -960px; -webkit-transform-origin: center center; transform-origin: center center; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 0 22px 18px; overflow: hidden; }


.tape { height: 54px; -webkit-flex: 0 0 54px; flex: 0 0 54px; overflow: hidden; margin: 0 -22px; background: -webkit-linear-gradient(left, #000 0%, #06130c 50%, #000 100%); background: linear-gradient(90deg, #000 0%, #06130c 50%, #000 100%); border-bottom: 1px solid rgba(0, 255, 136, .22); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.tape-track { display: -webkit-flex; display: flex; white-space: nowrap; -webkit-animation: tape 60s linear infinite; animation: tape 60s linear infinite; font: 700 26px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; }
@-webkit-keyframes tape { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-50%); } }
@keyframes tape { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.tk { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; margin-right: 60px; }
.tk > span { margin-right: 14px; }
.tk .sym { color: #fff; letter-spacing: .08em; }
.tk .up { color: #00ff88; text-shadow: 0 0 10px #00ff88; }
.tk .amt { color: #ffb000; }
.tk .t { color: #6fa88a; font-size: 20px; }
.tk .dot { color: #2a5a40; }


.top { height: 118px; -webkit-flex: 0 0 118px; flex: 0 0 118px; margin-top: 10px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.brand { -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; }
.brand-name { white-space: nowrap; font: 900 40px/1 Orbitron, Rajdhani, system-ui, sans-serif; letter-spacing: .12em; color: #fff; text-shadow: 0 0 24px rgba(0,255,136,.45); }
.brand-name span { color: #00ff88; }
.brand-name b { font-weight: 900; }
.status { margin-top: 8px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font: 700 20px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; letter-spacing: .2em; color: #6fa88a; }
.status > * { margin-right: 10px; }
.led { width: 14px; height: 14px; border-radius: 50%; background: #ffb000; box-shadow: 0 0 12px #ffb000; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; }
.led.live { background: #00ff88; box-shadow: 0 0 14px #00ff88; -webkit-animation: blink 2s infinite; animation: blink 2s infinite; }
.led.down { background: #ff3355; box-shadow: 0 0 14px #ff3355; -webkit-animation: blink .4s infinite; animation: blink .4s infinite; }
@-webkit-keyframes blink { 50% { opacity: .35; } }
@keyframes blink { 50% { opacity: .35; } }
.demo-badge { background: #ffb000; color: #000; padding: 3px 10px; border-radius: 4px; font-weight: 800; }
.clock { -webkit-flex: 0 0 auto; flex: 0 0 auto; text-align: center; padding: 0 20px; }
#clock { font: 700 74px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #fff; letter-spacing: .04em; text-shadow: 0 0 20px rgba(56,217,255,.5); }
#date { margin-top: 4px; white-space: nowrap; font: 600 20px/1 Rajdhani, system-ui, sans-serif; letter-spacing: .2em; color: #6fa88a; text-transform: uppercase; }
.kpis { -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
.kpi { text-align: right; padding: 8px 14px; min-width: 0; border-right: 2px solid rgba(0, 255, 136, .22); }
.kpi:last-child { border-right: 0; padding-right: 0; }
.kpi-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 700 16px/1 Rajdhani, system-ui, sans-serif; letter-spacing: .2em; color: #6fa88a; }
.kpi-value { margin-top: 6px; font: 800 46px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #fff; white-space: nowrap; }
.kpi-value.green { color: #00ff88; text-shadow: 0 0 22px rgba(0,255,136,.6); }
.kpi-value.small { font-size: 26px; padding-top: 14px; }
.kpi-value.bump { -webkit-animation: bump .7s ease-out; animation: bump .7s ease-out; }
@-webkit-keyframes bump { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.25); color: #00ff88; } 100% { -webkit-transform: scale(1); } }
@keyframes bump { 0% { transform: scale(1); } 30% { transform: scale(1.25); color: #00ff88; } 100% { transform: scale(1); } }

.grid { -webkit-flex: 1 1 0; flex: 1 1 0; min-height: 0; margin-top: 10px; display: -webkit-flex; display: flex; }


.board { -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 0; background: rgba(4, 14, 10, .72); border: 1px solid rgba(0, 255, 136, .22); border-radius: 14px; box-shadow: 0 0 40px rgba(0,255,136,.08), inset 0 0 60px rgba(0,255,136,.03); overflow: hidden; }
.board-head, .row { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 20px; }
.board-head > div, .row > div { -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 12px; }
.board-head > div:first-child, .row > div:first-child { margin-left: 0; }
.col-rank, .rank { width: 80px; }
.col-name, .who { -webkit-flex: 1 1 0 !important; flex: 1 1 0 !important; min-width: 0; }
.col-spark, .spark { width: 150px; }
.col-wm, .wm { width: 190px; }
.col-cnt, .cnt { width: 130px; }
.col-today, .today { width: 250px; }
.board-head { height: 40px; -webkit-flex: 0 0 40px; flex: 0 0 40px; font: 700 17px/1 Rajdhani, system-ui, sans-serif; letter-spacing: .22em; color: #6fa88a; border-bottom: 1px solid rgba(0, 255, 136, .22); text-align: right; }
.board-head .col-rank, .board-head .col-name { text-align: left; }
.rows { -webkit-flex: 1 1 0; flex: 1 1 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 0; position: relative; }
.row { -webkit-flex: 1 1 0; flex: 1 1 0; min-height: 0; border-bottom: 1px solid rgba(0,255,136,.09); -webkit-transition: background .4s; transition: background .4s; position: relative; }
.row:last-child { border-bottom: 0; }
.row.zero { opacity: .55; }
.row.hot { -webkit-animation: hot 2.5s ease-out; animation: hot 2.5s ease-out; }
@-webkit-keyframes hot { 0% { background: rgba(0,255,136,.45); } 100% { background: transparent; } }
@keyframes hot { 0% { background: rgba(0,255,136,.45); } 100% { background: transparent; } }
.row.top1 { background: -webkit-linear-gradient(left, rgba(255,213,74,.14), transparent 70%); background: linear-gradient(90deg, rgba(255,213,74,.14), transparent 70%); }
.rank { font: 900 44px/1 Orbitron, Rajdhani, system-ui, sans-serif; color: #6fa88a; }
.row.top1 .rank { color: #ffd54a; text-shadow: 0 0 18px rgba(255,213,74,.8); }
.row.top2 .rank { color: #d6dde6; text-shadow: 0 0 14px rgba(214,221,230,.6); }
.row.top3 .rank { color: #e39a5b; text-shadow: 0 0 14px rgba(227,154,91,.6); }
.who { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-width: 0; }
.who .txt { min-width: 0; margin-left: 16px; }
.avatar { width: 62px; height: 62px; border-radius: 50%; -webkit-flex: none; flex: none; background: #0b2a1c; border: 2px solid #1fbf6b; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font: 800 24px/1 Orbitron, Rajdhani, system-ui, sans-serif; color: #00ff88; overflow: hidden; box-shadow: 0 0 14px rgba(0,255,136,.25); }
.avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
.row.top1 .avatar { border-color: #ffd54a; box-shadow: 0 0 20px rgba(255,213,74,.6); }
.name { font: 700 31px/1.05 Rajdhani, system-ui, sans-serif; color: #fff; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pos { font: 600 17px/1.2 Rajdhani, system-ui, sans-serif; color: #6fa88a; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.spark { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; height: 44px; -webkit-justify-content: flex-end; justify-content: flex-end; }
.spark i { display: block; width: 10px; margin-left: 3px; background: #1fbf6b; border-radius: 2px 2px 0 0; min-height: 2px; opacity: .8; }
.spark i.today { background: #00ff88; box-shadow: 0 0 8px #00ff88; opacity: 1; }
.wm { text-align: right; font: 700 22px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #38d9ff; white-space: nowrap; }
.wm small { color: #6fa88a; font-size: .65em; }
.cnt { text-align: right; font: 700 30px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #ffb000; white-space: nowrap; }
.cnt small { font-size: .5em; color: #6fa88a; font-family: Rajdhani, system-ui, sans-serif; letter-spacing: .05em; }
.today { text-align: right; font: 900 54px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #00ff88; text-shadow: 0 0 18px rgba(0,255,136,.6); display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: baseline; align-items: baseline; white-space: nowrap; }
.today > * { margin-left: 8px; }
.today small { font-size: .4em; color: #6fa88a; }
.row.zero .today { color: #3a6b52; text-shadow: none; }
.today .arrow { font-size: .5em; color: #00ff88; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.row.hot .today .arrow { opacity: 1; -webkit-animation: arrow 2.5s ease-out; animation: arrow 2.5s ease-out; }
@-webkit-keyframes arrow { 0% { -webkit-transform: translateY(14px); } 30% { -webkit-transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); opacity: 0; } }
@keyframes arrow { 0% { transform: translateY(14px); } 30% { transform: translateY(-6px); } 100% { transform: translateY(0); opacity: 0; } }
.today.tick { -webkit-animation: tick .8s ease-out; animation: tick .8s ease-out; }
@-webkit-keyframes tick { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(1.45); color: #fff; } 100% { -webkit-transform: scale(1); } }
@keyframes tick { 0% { transform: scale(1); } 25% { transform: scale(1.45); color: #fff; } 100% { transform: scale(1); } }
.rank-move { position: absolute; left: 60px; top: 8px; font: 800 16px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #00ff88; opacity: 0; }
.rank-move.show { -webkit-animation: rankmove 3s ease-out; animation: rankmove 3s ease-out; }
@-webkit-keyframes rankmove { 0% { opacity: 0; -webkit-transform: translateY(8px); } 15% { opacity: 1; -webkit-transform: translateY(0); } 80% { opacity: 1; } 100% { opacity: 0; } }
@keyframes rankmove { 0% { opacity: 0; transform: translateY(8px); } 15% { opacity: 1; transform: translateY(0); } 80% { opacity: 1; } 100% { opacity: 0; } }


.side { -webkit-flex: 0 0 540px; flex: 0 0 540px; width: 540px; margin-left: 18px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 0; }
.panel { background: rgba(4, 14, 10, .72); border: 1px solid rgba(0, 255, 136, .22); border-radius: 14px; padding: 14px 18px; min-height: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; }
.chart-panel { height: 250px; -webkit-flex: 0 0 250px; flex: 0 0 250px; }
.period-panel { -webkit-flex: 1 1 0; flex: 1 1 0; margin-top: 14px; }
.feed-panel { height: 300px; -webkit-flex: 0 0 300px; flex: 0 0 300px; margin-top: 14px; }
.panel-title { font: 700 18px/1 Rajdhani, system-ui, sans-serif; letter-spacing: .2em; white-space: nowrap; overflow: hidden; color: #6fa88a; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; align-items: baseline; margin-bottom: 10px; }
.panel-title .muted { font: 700 14px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; letter-spacing: .05em; color: #4f8a69; margin-left: 14px; -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; text-align: right; overflow: hidden; text-overflow: ellipsis; }
#chart { -webkit-flex: 1 1 0; flex: 1 1 0; width: 100%; min-height: 0; }
.period-list { list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 0; flex: 1 1 0; min-height: 0; }
.period-list li { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; margin-bottom: 8px; }
.period-list .r { width: 34px; font: 900 22px/1 Orbitron, Rajdhani, system-ui, sans-serif; color: #6fa88a; }
.period-list li:nth-child(1) .r { color: #ffd54a; }
.period-list li:nth-child(2) .r { color: #d6dde6; }
.period-list li:nth-child(3) .r { color: #e39a5b; }
.period-list .avatar { width: 42px; height: 42px; font-size: 17px; margin-left: 10px; }
.period-list .n { -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; margin-left: 10px; font: 700 24px/1.05 Rajdhani, system-ui, sans-serif; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.period-list .n small { display: block; font: 600 15px/1.2 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #ffb000; }
.period-list .c { margin-left: 10px; font: 800 28px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #00ff88; white-space: nowrap; }
.period-list .c small { font-size: .55em; color: #6fa88a; }
.period-list .bar { -webkit-flex: 0 0 calc(100% - 96px); flex: 0 0 calc(100% - 96px); margin-left: 96px; height: 5px; background: rgba(0,255,136,.12); border-radius: 3px; overflow: hidden; margin-top: 4px; }
.period-list .bar i { display: block; height: 100%; background: -webkit-linear-gradient(left, #1fbf6b, #00ff88); background: linear-gradient(90deg, #1fbf6b, #00ff88); }
.period-list .none { display: block; color: #6fa88a; font-size: 22px; }
.feed { list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex: 1 1 0; flex: 1 1 0; min-height: 0; overflow: hidden; }
.feed li { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 6px; font: 700 22px/1.1 Rajdhani, system-ui, sans-serif; padding: 6px 10px; border-left: 3px solid #1fbf6b; background: rgba(0,255,136,.05); border-radius: 0 6px 6px 0; }
.feed li.new { -webkit-animation: feedin .6s ease-out; animation: feedin .6s ease-out; border-left-color: #00ff88; background: rgba(0,255,136,.18); }
@-webkit-keyframes feedin { from { -webkit-transform: translateX(-30px); opacity: 0; } to { -webkit-transform: none; opacity: 1; } }
@keyframes feedin { from { transform: translateX(-30px); opacity: 0; } to { transform: none; opacity: 1; } }
.feed .t { width: 74px; -webkit-flex: 0 0 74px; flex: 0 0 74px; font: 700 18px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #6fa88a; }
.feed .n { -webkit-flex: 1 1 0; flex: 1 1 0; min-width: 0; margin: 0 12px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feed .n small { color: #6fa88a; font-size: .7em; }
.feed .a { font: 800 22px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #00ff88; white-space: nowrap; }


#celebrate { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: rgba(0, 6, 3, .86); }
#confetti { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cel-flash { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0,255,136,.55), transparent 60%); background: radial-gradient(ellipse at center, rgba(0,255,136,.55), transparent 60%); -webkit-animation: flash 1.2s ease-out forwards; animation: flash 1.2s ease-out forwards; }
@-webkit-keyframes flash { 0% { opacity: 1; -webkit-transform: scale(.6); } 100% { opacity: 0; -webkit-transform: scale(2); } }
@keyframes flash { 0% { opacity: 1; transform: scale(.6); } 100% { opacity: 0; transform: scale(2); } }
.cel-stage { position: relative; -webkit-transform-origin: center center; transform-origin: center center; }
.cel-card { position: relative; text-align: center; -webkit-animation: celin .6s cubic-bezier(.2,1.6,.4,1) both; animation: celin .6s cubic-bezier(.2,1.6,.4,1) both; }
@-webkit-keyframes celin { from { -webkit-transform: scale(.3) rotate(-6deg); opacity: 0; } to { -webkit-transform: none; opacity: 1; } }
@keyframes celin { from { transform: scale(.3) rotate(-6deg); opacity: 0; } to { transform: none; opacity: 1; } }
.cel-top { font: 900 44px/1 Orbitron, Rajdhani, system-ui, sans-serif; letter-spacing: .5em; color: #ffb000; text-shadow: 0 0 24px #ffb000; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; white-space: nowrap; }
.cel-avatar { width: 300px; height: 300px; margin: 30px auto 20px; border-radius: 50%; border: 6px solid #00ff88; box-shadow: 0 0 60px #00ff88, 0 0 140px rgba(0,255,136,.5); background: #0b2a1c; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font: 900 120px/1 Orbitron, Rajdhani, system-ui, sans-serif; color: #00ff88; overflow: hidden; -webkit-animation: ring 1.2s ease-in-out infinite alternate; animation: ring 1.2s ease-in-out infinite alternate; }
.cel-avatar .x { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.cel-avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@-webkit-keyframes ring { from { box-shadow: 0 0 50px #00ff88, 0 0 120px rgba(0,255,136,.4); } to { box-shadow: 0 0 90px #00ff88, 0 0 220px rgba(0,255,136,.7); } }
@keyframes ring { from { box-shadow: 0 0 50px #00ff88, 0 0 120px rgba(0,255,136,.4); } to { box-shadow: 0 0 90px #00ff88, 0 0 220px rgba(0,255,136,.7); } }
.cel-name { font: 700 92px/1 Rajdhani, system-ui, sans-serif; color: #fff; letter-spacing: .04em; text-shadow: 0 0 30px rgba(255,255,255,.4); white-space: nowrap; }
.cel-plus { font: 900 190px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #00ff88; text-shadow: 0 0 40px #00ff88, 0 0 120px rgba(0,255,136,.6); margin-top: 6px; -webkit-animation: plus .9s cubic-bezier(.2,1.8,.4,1) both; animation: plus .9s cubic-bezier(.2,1.8,.4,1) both; }
@-webkit-keyframes plus { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); } }
@keyframes plus { from { transform: scale(0); } to { transform: scale(1); } }
.cel-amount { font: 800 56px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; color: #ffb000; text-shadow: 0 0 20px rgba(255,176,0,.6); margin-top: 10px; }
.cel-rank { margin-top: 18px; font: 700 34px/1 Orbitron, Rajdhani, system-ui, sans-serif; white-space: nowrap; letter-spacing: .2em; color: #38d9ff; text-shadow: 0 0 20px rgba(56,217,255,.6); }
.cel-rank.leader { color: #ffd54a; text-shadow: 0 0 30px #ffd54a; font-size: 40px; }

body.lowpower .cel-avatar { -webkit-animation: none; animation: none; }
body.lowpower .splash-inner { -webkit-animation: none; animation: none; }