@font-face { font-family:'Pixelify Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url('assets/fonts/pixelify-cyrillic.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Pixelify Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url('assets/fonts/pixelify-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+2000-206F,U+20AC,U+2122; }
@font-face { font-family:'Press Start 2P'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/press-start-cyrillic.woff2') format('woff2'); unicode-range:U+0400-045F,U+0490-0491,U+2116; }
@font-face { font-family:'Press Start 2P'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/press-start-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+2000-206F; }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:400 700; font-display:swap; src:url('assets/fonts/space-grotesk-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+2000-206F; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap; src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap; src:url('assets/fonts/manrope-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+2000-206F,U+20AC,U+2122; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/dm-mono-400-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+2000-206F; }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/dm-mono-500-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+2000-206F; }
/* Single motion contract: milliseconds are shared with Web Animations. */
:root {
  --motion-fast: 180ms;
  --motion-expand: 520ms;
  --motion-reveal: 480ms;
  --motion-page: 320ms;
  --motion-ease: cubic-bezier(.16, 1, .3, 1);
  --motion-distance: 10px;
  --motion-blur: 2px;
}
html[data-motion="light"] {
  --motion-fast: 120ms;
  --motion-expand: 200ms;
  --motion-reveal: 180ms;
  --motion-page: 160ms;
  --motion-distance: 0px;
  --motion-blur: 0px;
}
body { animation: none; }
body.page-exit { transform: none; filter: none; opacity: 1; }
body.page-exit > :not(.topbar):not(script):not(.site-loader) {
  opacity: 0; transform: translateY(calc(-1 * var(--motion-distance)));
  transition: opacity var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease);
}
@view-transition { navigation: auto; }
.topbar { view-transition-name: site-header; }
::view-transition-old(root) { animation: motion-page-out var(--motion-page) ease both; }
::view-transition-new(root) { animation: motion-page-in var(--motion-page) var(--motion-ease) both; }
::view-transition-group(site-header) { animation-duration: var(--motion-page); }
::view-transition-old(site-header), ::view-transition-new(site-header) { animation: none; mix-blend-mode: normal; }
::view-transition-old(site-header) { opacity: 0; }
@keyframes motion-page-out { to { opacity: 0; transform: translateY(calc(-1 * var(--motion-distance))); } }
@keyframes motion-page-in { from { opacity: 0; transform: translateY(var(--motion-distance)); } }
.motion-page-ready main > :first-child { animation: motion-page-in var(--motion-reveal) var(--motion-ease) both; }
.motion-page-ready main > :nth-child(2) { animation: motion-page-in var(--motion-reveal) var(--motion-ease) 65ms backwards; }
[data-reveal-bound="true"] { transform: translateY(var(--motion-distance)); transition: opacity var(--motion-reveal) ease var(--reveal-delay,0ms), transform var(--motion-reveal) var(--motion-ease) var(--reveal-delay,0ms); }
[data-reveal-state="visible"] { opacity: 1; transform: none; }
.motion-preference { display: block; margin: 28px auto 0; padding: 9px 12px; background: transparent; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
.faq .faq-answer { display: block; height: 0; overflow: hidden; opacity: 0; transition: none; }
.faq details[data-open] .faq-answer { max-height: none; }
:is(.primary-btn,.secondary-btn,.discord-btn,.icon-btn,.tab,.run-mode-tab,.share-run,.motion-preference) {
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) ease, color var(--motion-fast) ease, background-color var(--motion-fast) ease;
}
:is(.primary-btn,.secondary-btn,.discord-btn,.icon-btn,.tab,.run-mode-tab,.share-run,.motion-preference):active { transform: scale(.97); }
.nav-icon { transform-origin: center; transition: transform var(--motion-reveal) var(--motion-ease); }
.nav-links a:hover .nav-icon { transform: translateY(-2px) rotate(-8deg); }
.nav-links a[href$="#faq"]:hover .nav-icon { transform: rotate(12deg) scale(1.08); }
.rank.medal-1:hover,.rank.medal-2:hover,.rank.medal-3:hover { animation: none; }
.run-details { display: block; height: 0; overflow: hidden; opacity: 0; transition: none; overflow-anchor: none; }
.run-details-inner,.run-card[data-open="true"] .run-details-inner { min-height: 0; opacity: 1; transform: none; padding-bottom: 19px !important; transition: none; }
.run-card { overflow-anchor: none; }
.run-card:hover { transform: none; }
.run-card .attempt-chart { opacity: 1; transform: none; }
.profile-main .run-stats,.profile-main .runs { transition: opacity var(--motion-fast) ease, transform var(--motion-expand) var(--motion-ease); }
.profile-main.is-mode-switching .run-stats,.profile-main.is-mode-switching .runs { transform: translateY(var(--motion-distance)); filter: none; }
.chart-line { stroke-dasharray: 1; stroke-dashoffset: 0; animation: motion-chart-draw 850ms var(--motion-ease) both; }
@keyframes motion-chart-draw { from { stroke-dashoffset: 1; } }
.chart-point-halo,.chart-point-core { transform-box: fill-box; transform-origin: center; }
.chart-point .chart-point-hit { fill: transparent; stroke: transparent; stroke-width: 16; vector-effect: non-scaling-stroke; }
.chart-point.is-active .chart-point-halo,.chart-point.is-active .chart-point-core { animation: none; }
.chart-popover-position { pointer-events: none; }
.chart-popover { opacity: 0; transform: scale(.84); transform-origin: var(--popover-origin,center); transition: opacity var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease); }
.chart-popover.is-visible { opacity: 1; transform: scale(1); }
.chart-point.is-active .chart-point-core { stroke-width: 4; }

/* Shared rows grow with expanded descriptions; the axis never crosses text. */
.timeline-events { height: auto; min-height: 176px; grid-template-columns: repeat(var(--event-count),var(--event-width)); grid-template-rows: minmax(64px,auto) 28px minmax(64px,auto); gap: 0; padding: 10px 8px; }
.timeline-events::before { position: relative; grid-row: 2; grid-column: 1 / span var(--event-count); align-self: center; inset: auto; margin: 0 16px; width:auto; min-width:0; }
.timeline-events li { grid-column: var(--event-index); grid-row: 1 / 4; display: grid; grid-template-rows: subgrid; }
.timeline-event { display: grid; grid-row: 1 / 4; grid-template-rows: subgrid; height: auto; }
.timeline-event .timeline-event-card,
.timeline-events li:nth-child(even) .timeline-event-card,
.timeline-events li.is-major .timeline-event-card,
.timeline-events li.is-minor .timeline-event-card { position: relative; inset: auto; min-height: 64px; padding:10px 12px; margin: 0 6px; align-self: end; grid-row: 1; box-sizing: border-box; }
.timeline-events li.is-minor .timeline-event-card { grid-row: 3; align-self: start; }
.timeline-event > i { position: relative; inset: auto; grid-row: 2; align-self: center; justify-self: center; margin: 0; }
.timeline-event .timeline-segment { position: absolute; top: 50%; pointer-events: none; }
.timeline-event-card::after { content: ''; position: absolute; inset: -1px; border: 1px solid transparent; border-radius: inherit; background: linear-gradient(135deg,#c7f36b,transparent 48%,#73ab59) border-box; mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; transition: opacity var(--motion-expand) ease; pointer-events: none; }
.timeline-event.is-event-active .timeline-event-card::after { opacity: 1; }
.timeline-event-card { transition: transform var(--motion-expand) var(--motion-ease), border-color var(--motion-fast) ease; }
.timeline-event .timeline-segment { display: none; }
.shared-run-notice { color: var(--muted); font-size: 12px; }
.timeline-event-description { display: block; height: 0; overflow: hidden; opacity: 0; font-size: 10px; line-height: 1.6; color: #b0b5bf; }
.timeline-event-description > span { display: block; padding-top: 5px; }
.timeline-event:focus-visible { outline: 2px solid #c7f36b; outline-offset: -2px; border-radius: 10px; }
html[data-motion="light"] { scroll-behavior: auto; }
html[data-motion="light"] .chart-line { animation: none; }
html[data-motion="light"] :is(.metric-wave,.metric-wave i,.loader-dots span) { animation: none !important; }
html[data-motion="light"] :is(.metric-wave,.nav-icon,.timeline-event-card,.skin-stage img) { transform: none !important; }
html[data-motion="light"] .metric-wave { display: none !important; }
html[data-motion="light"] [data-reveal-bound] { --reveal-delay: 0ms !important; }
html[data-motion="light"] :is(.chart-point-core,.chart-point-halo,.chart-popover) { transform: none !important; }
/* Profile portrait and legible, spacious results. */
.profile-hero { grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:40px; padding-bottom:40px; }
.profile-intro { min-width:0; }
.profile-intro h1 { font-size:clamp(36px,4.8vw,68px); overflow-wrap:anywhere; }
.nickname-letter { display:inline-block; }
.skin-stage { height:460px; min-height:0; background:radial-gradient(ellipse at 50% 22%,#26323a,transparent 72%),#111a20; border-color:#33404a; border-radius:24px; isolation:isolate; }
.skin-stage img { position:absolute; top:5%; left:50%; height:156%; width:auto; max-width:none; object-fit:contain; transform:translateX(-50%); filter:drop-shadow(0 18px 22px #0005); }
.skin-stage:hover img { transform:translateX(-50%) translateY(-4px) scale(1.015); }
.skin-stage .skin-glow { opacity:.18; }
.skin-stage > span { z-index:2; padding:6px 9px; background:#111a20cc; border:1px solid #ffffff12; border-radius:6px; color:#8e9da8; }
.best-result { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:26px; gap:12px; }
.best-result > .metric-card { min-height:156px; gap:14px; padding:20px; flex-direction:column; }
.best-result > .metric-record { grid-column:1/-1; min-height:140px; flex-direction:row; align-items:center; gap:20px; }
.metric-icon { width:42px; height:42px; flex:0 0 42px; border-radius:13px; }
.metric-icon svg { width:23px; height:23px; }
.metric-record .metric-icon { width:54px; height:54px; flex-basis:54px; }
.metric-record .metric-icon svg { width:28px; height:28px; }
.metric-card strong { font-size:clamp(20px,2vw,26px)!important; white-space:normal; }
.metric-record strong { font-size:clamp(28px,3.3vw,40px)!important; white-space:nowrap; letter-spacing:-.045em; }
.metric-card small { font-size:10px; line-height:1.6; }
.metric-card em { font-size:10px; max-width:230px; }
.metric-wave { right:-2%; top:4%; width:65%; height:92%; gap:7px; opacity:.17; transform:translateX(0) scaleX(1); mask-image:linear-gradient(90deg,transparent,#000 45%); }
.metric-wave i { width:7px; flex-shrink:0; box-shadow:none; background:linear-gradient(180deg,transparent,var(--metric-glow) 30%,var(--metric-glow) 70%,transparent); }
.metric-card:is(:hover,:focus,:focus-within) .metric-wave { opacity:.65; transform:scaleX(1.04); }
.timeline-viewport.is-edge-scrolling { scroll-snap-type:none; scroll-behavior:auto; }
/* A quiet open state and a drawn chevron, without a luminous green button. */
.faq details, .faq details[open], .faq details[data-open="true"] { background:linear-gradient(130deg,#15141c,#101116); border:1px solid #ffffff12; box-shadow:none; border-radius:16px; }
.faq details[data-open="true"] { border-color:#b9a3ff45; }
.faq details summary { padding:23px 64px 23px 24px; color:#e9e6ee; background:transparent; }
.faq details summary::after { content:''; position:absolute; right:27px; top:50%; width:9px; height:9px; padding:0; border:0; border-right:1.5px solid #aaa0bc; border-bottom:1.5px solid #aaa0bc; border-radius:0; background:transparent!important; box-shadow:none!important; transform:translateY(-70%) rotate(45deg)!important; }
.faq details[data-open="true"] summary::after { transform:translateY(-20%) rotate(225deg)!important; }
.faq details .faq-answer p { animation:none; padding:0 24px 24px; margin:0; line-height:1.8; color:#a6a1ae; }
/* A complete, stable field: rounded corners never scale or get clipped. */
.toolbar .search, .toolbar .search.expanded { position:relative; isolation:isolate; display:flex; width:min(300px,100%)!important; height:46px; min-width:0; aspect-ratio:auto; padding:0 14px 0 0!important; justify-content:flex-start; border:1px solid #ffffff16; border-radius:14px; background:#121319; box-shadow:none; overflow:visible; cursor:text; transition:border-color 200ms ease,background-color 200ms ease; }
.toolbar .search::before { content:''; display:block!important; position:absolute; inset:-4px; z-index:-1; border:1px solid #b9a3ff22; border-radius:18px; background:transparent; transform:none; opacity:0; transition:opacity 220ms ease; pointer-events:none; }
.toolbar .search:focus-within { border-color:#b9a3ff80; background:#181620; }
.toolbar .search:focus-within::before { opacity:1; }
.toolbar .search span { width:44px; height:44px; flex:0 0 44px; }
.toolbar .search input, .toolbar .search.expanded input { width:100%!important; min-width:0; padding:0; border:0; outline:none; background:transparent; opacity:1; transform:none; transition:color 180ms ease; pointer-events:auto; font-size:12px; }
.toolbar .search input::placeholder { color:#827c8d; }
.toolbar .search span svg { transition:stroke 180ms ease,transform 240ms var(--motion-ease); }
.toolbar .search:focus-within span svg { stroke:#c9b8f4; transform:scale(1.08); }
/* The address itself is the copy action, with feedback in the same card. */
.server-card { gap:16px; padding:0; border:0; background:none; box-shadow:none; }
.ip-address, .guide-ip.ip-address, .server-option.ip-address { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; width:100%; margin:0; padding:24px 52px 24px 24px; border:1px solid #b9a3ff30; border-radius:18px; background:linear-gradient(135deg,#1d1928,#11151c); color:#eeeaf6; text-align:left; cursor:pointer; font:inherit; transition:transform 240ms var(--motion-ease),border-color 200ms ease; }
.ip-address::before { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(ellipse at 0 100%,#b9a3ff30,transparent 70%); opacity:0; transform:scale(.8); transition:opacity 300ms ease,transform 500ms var(--motion-ease); }
.ip-address:hover::before, .ip-address[data-copy-state="copied"]::before { opacity:1; transform:scale(1); }
.ip-address:hover { transform:translateY(-3px); border-color:#b9a3ff80; }
.ip-address:focus-visible { outline:2px solid #b9a3ff; outline-offset:4px; }
.ip-address small { font-size:10px; color:#96909f; letter-spacing:.04em; }
.ip-address strong, .guide-ip.ip-address strong { font:500 clamp(14px,1.55vw,21px) 'DM Mono',monospace; color:#e9e0fa; overflow-wrap:anywhere; }
.ip-address .ip-status { min-height:14px; font:10px Manrope,sans-serif; color:#bbdfa4; }
.ip-symbol { position:absolute; right:22px; top:25px; width:20px; height:20px; fill:none; stroke:#a798c5; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.ip-copy,.ip-check { transform-origin:center; transition:opacity 180ms ease,transform 300ms var(--motion-ease); }
.ip-check { opacity:0; transform:scale(.5); stroke:#c7f36b; }
[data-copy-state="copied"] .ip-copy { opacity:0; transform:scale(.5); }
[data-copy-state="copied"] .ip-check { opacity:1; transform:scale(1); }
[data-copy-state="error"] .ip-status { color:#ffadb3; }
.rules-list { counter-reset:rule; display:grid; gap:14px; }
.rules-list li { position:relative; counter-increment:rule; padding:26px 28px 26px 86px; border:1px solid #ffffff12; border-radius:18px; background:linear-gradient(115deg,#17151e,#101217); box-shadow:none; }
.rules-list li::before { content:counter(rule,decimal-leading-zero); position:absolute; left:24px; top:26px; display:grid; place-items:center; width:38px; height:38px; border:1px solid #b9a3ff30; border-radius:12px; background:#b9a3ff0a; color:#b9a3ff; font:12px 'DM Mono',monospace; }
.rules-list li h2 { margin-top:0; font-size:19px; line-height:1.5; }
.rules-list li p { margin-bottom:0; color:#a5a0ad; line-height:1.8; }
/* Short readable entrances, more visible travel between documents. */
:root { --motion-page:380ms; --motion-distance:18px; }
.motion-page-ready .hero { animation:none; }
.motion-page-ready .hero > *, .motion-page-ready .telegram-top { animation:hero-arrive 420ms var(--motion-ease) both; }
.motion-page-ready .hero > :nth-child(2) { animation-delay:60ms; }
.motion-page-ready .hero > :nth-child(3) { animation-delay:110ms; }
.motion-page-ready .hero > :nth-child(4) { animation-delay:160ms; }
@keyframes hero-arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.telegram-top { position:relative; isolation:isolate; overflow:hidden; }
.telegram-top::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(110deg,transparent 20%,#b9a3ff24 50%,transparent 80%); transform:translateX(-110%); pointer-events:none; }
.telegram-top:hover::before { animation:news-sheen 850ms ease both; }
.telegram-top .telegram-dot { transition:transform 350ms var(--motion-ease); }
.telegram-top:hover .telegram-dot { transform:rotate(-15deg) scale(1.18); }
.telegram-top .telegram-arrow { transition:transform 350ms var(--motion-ease); }
.telegram-top:hover .telegram-arrow { transform:translate(3px,-3px); }
@keyframes news-sheen { to { transform:translateX(110%); } }
@media(max-width:820px) {
 .profile-hero { grid-template-columns:1fr; gap:28px; }
 .skin-stage { height:400px; width:min(100%,360px); justify-self:center; }
 .profile-intro h1 { font-size:clamp(32px,8vw,58px); }
 .metric-card strong { font-size:22px!important; }
 .metric-record strong { font-size:36px!important; }
 .ip-address strong, .guide-ip.ip-address strong { font-size:16px; }
}
@media(max-width:480px) {
 .best-result { gap:10px; }
 .best-result > .metric-card { padding:16px; min-height:162px; }
 .best-result > .metric-record { min-height:130px; gap:16px; }
 .metric-card strong { font-size:19px!important; }
 .metric-record strong { font-size:32px!important; }
 .metric-record .metric-icon { width:44px; height:44px; flex-basis:44px; }
 .metric-wave { gap:5px; width:75%; }
 .metric-wave i { width:6px; }
 .rules-list li { padding:22px 18px 22px 70px; }
 .rules-list li::before { left:17px; top:23px; width:34px; height:34px; }
 .rules-list li h2 { font-size:16px; }
}
.motion-page-ready main > .hero { animation:none; }
@media(max-width:380px) {
 .best-result { grid-template-columns:1fr; }
 .best-result > .metric-card:not(.metric-record) { min-height:132px; flex-direction:row; align-items:center; }
 .metric-card strong { font-size:20px!important; }
 .metric-record strong { font-size:30px!important; }
}
.faq details { margin-bottom:10px; }
.faq details summary { position:relative; }
.faq details[data-open="false"] summary::after { transform:translateY(-70%) rotate(45deg)!important; }

/* Editorial FAQ: heading beside a single, quiet accordion surface. */
.faq { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr); gap:64px; align-items:start; }
.faq .faq-intro h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; max-width:380px; margin:18px 0 0; text-align:left; }
.faq .faq-intro .eyebrow { justify-content:flex-start; }
.faq-list { border-top:1px solid #ffffff20; counter-reset:question; }
.faq .faq-list details, .faq .faq-list details[open], .faq .faq-list details[data-open="true"] { counter-increment:question; margin:0; padding:0; border:0; border-bottom:1px solid #ffffff16; border-radius:0; background:transparent; box-shadow:none; transform:none; }
.faq .faq-list details[data-open="true"] { background:linear-gradient(90deg,#b9a3ff07,transparent); }
.faq .faq-list summary { position:relative; display:block; margin:0; padding:26px 48px 26px 36px; font-size:14px; font-weight:600; line-height:1.65; list-style:none; cursor:pointer; }
.faq .faq-list summary::-webkit-details-marker { display:none; }
.faq .faq-list summary::before { content:counter(question,decimal-leading-zero); position:absolute; left:0; top:29px; color:#736b84; font:10px 'DM Mono',monospace; }
.faq .faq-list summary::after, .faq .faq-list details[data-open] summary::after { content:'+'; position:absolute; display:grid; place-items:center; top:50%; right:4px; width:28px; height:28px; border:1px solid #ffffff20; border-radius:9px; background:#ffffff03!important; color:#bcb3cf; font:300 20px/1 sans-serif; transform:translateY(-50%) rotate(0)!important; transition:transform 260ms var(--motion-ease),color 180ms ease; }
.faq .faq-list details[data-open="true"] summary::after { transform:translateY(-50%) rotate(45deg)!important; color:#dfd2ff; }
.faq .faq-list summary:focus-visible { outline:2px solid #b9a3ff; outline-offset:-3px; border-radius:8px; }
.faq .faq-list .faq-answer p { padding:0 48px 24px 36px; font-size:13px; line-height:1.85; max-width:640px; }
.guide-ip-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
.guide-ip.ip-address { gap:8px; padding:18px 48px 16px 18px; border-radius:14px; }
.guide-ip.ip-address strong { white-space:nowrap; overflow-wrap:normal; font-size:clamp(13px,1.45vw,18px); letter-spacing:-.035em; }
.guide-ip.ip-address .ip-status { min-height:12px; font-size:10px; }
.guide-ip.ip-address .ip-symbol { right:18px; top:19px; width:18px; height:18px; }
.timeline-event-card b { line-height:1.45; }
.skin-stage > span { display:none; }
/* Compact event tracks allocate space only to the expanded event. */
.timeline-viewport { scroll-snap-type:none; scroll-behavior:auto; }
.timeline-events { --event-width:144px; width:max-content; min-width:100%; grid-template-columns:none; grid-auto-columns:auto; grid-template-rows:minmax(48px,auto) 28px minmax(48px,auto); min-height:144px; padding:18px 8px; }
.timeline-events li { width:144px; transition:width 440ms var(--motion-ease); }
.timeline-events li.is-event-wide { width:280px; }
.timeline-events { grid-template-rows:124px 28px 124px; min-height:276px; }
.timeline-events:not(:has(> li.is-minor)) { grid-template-rows:124px 28px 0; min-height:0; }
.timeline-events:not(:has(> li.is-major)) { grid-template-rows:0 28px 124px; min-height:0; }
.timeline-event .timeline-event-card,
.timeline-events li:nth-child(even) .timeline-event-card,
.timeline-events li.is-major .timeline-event-card,
.timeline-events li.is-minor .timeline-event-card { max-height:120px; overflow:hidden; }
.timeline-events li { transition:width 340ms cubic-bezier(.2,.75,.25,1); }
.timeline-event-card { transition:border-color 220ms ease,background-color 220ms ease!important; }
.timeline-events li.is-major .timeline-event.is-event-active .timeline-event-card,
.timeline-events li.is-minor .timeline-event.is-event-active .timeline-event-card { transform:none; }
.timeline-event .timeline-event-card,
.timeline-events li:nth-child(even) .timeline-event-card,
.timeline-events li.is-major .timeline-event-card,
.timeline-events li.is-minor .timeline-event-card { min-height:48px; gap:0; padding:12px; }
.timeline-event-card b { display:block; font-size:10px; line-height:1.5; }
.timeline-event-meta { display:block; overflow:hidden; height:0; opacity:0; }
.timeline-event-meta-inner { display:block; padding-top:9px; }
.timeline-event-meta .timeline-event-description { height:auto; opacity:1; overflow:visible; }
.timeline-events li.is-major .timeline-event.is-event-active .timeline-event-card,
.timeline-events li.is-minor .timeline-event.is-event-active .timeline-event-card { transform:none; }
.timeline-event-meta small { display:block; color:#b9a3ff; }
/* Translate the words, without fading the page or its cards. */
.language-fragment { display:inline; position:relative; font:inherit; color:inherit; letter-spacing:inherit; background:none; border:0; padding:0; margin:0; }
.language-source { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap!important; }
.language-visual-word { display:inline-block; white-space:pre; font:inherit; color:inherit; letter-spacing:inherit; transform-origin:center bottom; }
.faq .faq-intro h2, .ranking-wrap .section-heading h2 { font-family:'Space Grotesk',Manrope,Arial,sans-serif!important; text-transform:none; font-weight:700; letter-spacing:-.045em; line-height:1.15; font-size:clamp(32px,4vw,48px); background:none; -webkit-text-fill-color:currentColor; color:#eeebf5; text-shadow:none; }
.faq .faq-intro h2 { max-width:470px; font-size:clamp(32px,3.7vw,44px); }
.faq { grid-template-columns:minmax(260px,.9fr) minmax(0,1.25fr); gap:54px; }
.faq-intro { padding:28px 0 28px 24px; border-left:2px solid #b9a3ff45; background:linear-gradient(90deg,#b9a3ff06,transparent); }
.faq .faq-list summary { font-size:15px; font-weight:500; }
.faq .faq-intro h2 { font-family:'Press Start 2P',monospace!important; font-size:clamp(16px,1.65vw,23px)!important; line-height:1.55; font-weight:400; letter-spacing:-.045em; text-transform:uppercase; color:#e9e1f9; }
.faq .faq-list summary { padding:17px 42px 17px 32px; line-height:1.45; font-size:14px; }
.faq .faq-list summary::before { top:20px; }
.faq .faq-list .faq-answer p { padding:0 38px 17px 32px; font-size:12px; line-height:1.65; }
.faq .faq-list summary::after,.faq .faq-list details[data-open] summary::after { width:24px; height:24px; border-radius:50%; font-size:17px; }
.faq-intro { padding-top:12px; padding-bottom:12px; }
.timeline-event-card b { font:500 12px/1.5 'Space Grotesk',Manrope,Arial,sans-serif; }
.timeline-event-meta .timeline-event-description { font:12px/1.7 'Space Grotesk',Manrope,Arial,sans-serif; }
.faq .faq-list details[data-open="true"] { background:linear-gradient(90deg,#9cbf7010,transparent); }
.faq .faq-list details[data-open="true"] summary { color:#c4d7ac; }
.faq .faq-list details[data-open="true"] summary::after { color:#b1cf8c; border-color:#9cbf7040; background:#9cbf7012!important; }
.faq .faq-list details[data-feedback="closed"] summary::after { color:#d69a9a; border-color:#c87d7d55; background:#c87d7d12!important; }
.faq .faq-list summary { transition:color 300ms ease; }
.site-footer-card .footer-column { justify-items:start; align-content:start; }
.site-footer-card .footer-column a, .site-footer-card .support-contact { position:relative; width:fit-content; max-width:100%; padding:2px 0; border:0; background:none; box-shadow:none; font:inherit; font-size:12px; line-height:1.5; color:#a2a3ad; cursor:pointer; text-decoration:none; transition:color 240ms ease,transform 300ms var(--motion-ease); }
.site-footer-card a:hover, .site-footer-card .support-contact:hover { outline:none; box-shadow:none; }
.site-footer-card .footer-column a::after, .site-footer-card .support-contact::after { content:''; position:absolute; left:0; right:0; bottom:-2px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform 300ms var(--motion-ease); }
.site-footer-card .footer-column a:hover, .site-footer-card .support-contact:hover { color:#c6b1f4; transform:translateX(2px); background:none; }
.site-footer-card .footer-column a:hover::after, .site-footer-card .support-contact:hover::after { transform:scaleX(1); }
.site-footer-card a[href*="discord.gg"]:hover { color:#8892ff; }
.site-footer-card a[href*="t.me"]:hover { color:#35b6ef; }
.site-footer-card .footer-socials .discord:hover { background:#5865f224; color:#8892ff; }
.site-footer-card .footer-socials .telegram:hover { background:#229ed924; color:#35b6ef; }
.site-footer-card .footer-socials .youtube:hover { background:#ff000018; color:#ff7272; }
.site-footer-card .footer-socials .tiktok:hover { background:#25f4ee14; color:#80e9e6; }
.site-footer-card .support-contact.is-copied { color:#b1cf8c; }
.telegram-top { --promo-rgb:171,139,255; width:min(540px,calc(100% - 36px)); min-height:56px; border-color:rgba(var(--promo-rgb),.38)!important; background:linear-gradient(105deg,rgba(var(--promo-rgb),.12),rgba(17,18,23,.94) 56%)!important; box-shadow:0 12px 36px #0005,0 0 28px rgba(var(--promo-rgb),.16),inset 0 1px rgba(var(--promo-rgb),.14)!important; transition:border-color 650ms ease,box-shadow 650ms ease,background-color 650ms ease,transform 300ms ease; }
.telegram-top[data-promo="bot"] { --promo-rgb:95,214,188; }
.telegram-top:hover { border-color:rgba(var(--promo-rgb),.65)!important; box-shadow:0 16px 38px #0006,0 0 38px rgba(var(--promo-rgb),.31),inset 0 1px rgba(var(--promo-rgb),.22)!important; }
.telegram-top::after { background:radial-gradient(circle at 12% 50%,rgba(var(--promo-rgb),.17),transparent 48%),linear-gradient(105deg,rgba(255,255,255,.08),transparent 34%); }
.telegram-top.is-changing { box-shadow:0 14px 42px #0007,0 0 48px rgba(var(--promo-rgb),.43),inset 0 0 18px rgba(var(--promo-rgb),.17)!important; }
.telegram-top :is(.telegram-dot,.telegram-copy,.telegram-arrow) { position:relative; z-index:1; }
.telegram-top .telegram-copy b { text-shadow:0 0 13px rgba(var(--promo-rgb),.38); }
.telegram-top .promo-mote { position:absolute; z-index:3; width:4px; height:4px; border-radius:1px; pointer-events:none; filter:drop-shadow(0 0 5px currentColor); will-change:transform,opacity; }
.telegram-top .telegram-dot { flex:none; width:34px; height:34px; background:#171226 url('assets/elarion-logo-mini.webp') center / 165% no-repeat; }
.telegram-top[data-promo="bot"] .telegram-dot { background:#08090b url('assets/elmate-fists.jpg') center 43% / 125% no-repeat; border-color:#a183d466; }
.telegram-top[data-promo="bot"] .telegram-dot { border-color:#79e2c988; }
.telegram-top .telegram-copy { display:grid; min-width:0; gap:2px; }
.telegram-top .telegram-copy b,.telegram-top .telegram-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.telegram-top .telegram-copy b { font-weight:700; }
.telegram-top.is-changing::before { z-index:0; animation:promo-sweep 1150ms ease both; }
.telegram-top.is-changing .telegram-dot { animation:promo-orbit 1150ms cubic-bezier(.16,1,.3,1); }
.telegram-top.has-afterglow::after { animation:promo-afterglow 4400ms ease-out both; }
.telegram-top.has-afterglow .telegram-copy b { animation:promo-title-glow 2200ms ease-in-out 2; }
.telegram-top[data-promo="bot"] .telegram-arrow { color:#96e2cb; border-color:#79e2c944; background:#79e2c912; }
@keyframes promo-sweep { from { transform:translateX(-110%); opacity:0; } 42% { opacity:1; } to { transform:translateX(110%); opacity:0; } }
@keyframes promo-orbit { 0% { box-shadow:0 0 0 0 rgba(var(--promo-rgb),.35); } 50% { box-shadow:0 0 0 9px rgba(var(--promo-rgb),.17); } 100% { box-shadow:0 0 0 0 rgba(var(--promo-rgb),0); } }
@keyframes promo-afterglow { 0%,55% { opacity:1; } 26%,78% { opacity:.25; } 100% { opacity:.65; } }
@keyframes promo-title-glow { 0%,100% { text-shadow:0 0 13px rgba(var(--promo-rgb),.38); } 45% { text-shadow:0 0 19px rgba(var(--promo-rgb),.8),0 0 34px rgba(var(--promo-rgb),.42); } }
.site-footer-card :is(a,button):focus-visible { outline:2px solid #b9a3ff; outline-offset:4px; border-radius:3px; }
.footer-copy-feedback { font-size:10px; min-height:14px; color:#b1cf8c; }
.lmate-promo { position:relative; isolation:isolate; display:grid; grid-template-columns:96px minmax(0,1fr) auto; align-items:center; gap:22px; max-width:1000px; margin:12px auto 32px; padding:10px 24px 10px 10px; border:1px solid #ffffff0e; border-radius:14px; background:#0e1013; overflow:hidden; }
.lmate-art { position:relative; width:96px; height:96px; overflow:hidden; border-radius:9px; background:#07080a; }
.lmate-art::after { content:''; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,#07080a 88%); pointer-events:none; }
.lmate-art img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.35) translateY(-8%); }
.lmate-promo:hover .lmate-art img { transform:scale(1.35) translateY(-8%); }
.lmate-art b { position:absolute; bottom:9px; left:0; right:0; z-index:1; text-align:center; color:#d0c7df; font:600 10px 'Space Grotesk',Manrope,sans-serif; letter-spacing:.14em; }
.lmate-label { margin-bottom:6px; }
.lmate-label > span { padding:0; border:0; background:none; color:#746d82; font:9px 'Space Grotesk',Manrope,sans-serif; letter-spacing:.09em; }
.lmate-copy h2 { margin:0 0 5px; font:600 clamp(18px,1.7vw,22px)/1.3 'Space Grotesk',Manrope,sans-serif; letter-spacing:-.03em; color:#dcd9e4; }
.lmate-copy p { margin:0; font-size:12px; line-height:1.6; color:#7f7b88; }
.lmate-action { display:flex; align-items:center; justify-content:center; gap:9px; padding:10px 0 10px 12px; border:0; border-radius:0; background:none; color:#b4a3cf; font-size:12px; text-decoration:none; white-space:nowrap; transition:color 240ms ease; }
.lmate-action svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform 300ms var(--motion-ease); }
.lmate-action:hover { background:none; color:#e0d2fc; }
.lmate-action:hover svg { transform:translateX(3px); }
.lmate-action:focus-visible { outline:2px solid #c7f36b; outline-offset:4px; }
@media(max-width:900px) { .lmate-promo { margin-inline:18px; gap:16px; } }
@media(max-width:600px) { .lmate-promo { grid-template-columns:80px minmax(0,1fr); gap:8px 14px; padding:12px; } .lmate-art { width:80px; height:80px; grid-row:1/3; } .lmate-copy p { display:none; } .lmate-copy h2 { font-size:18px; } .lmate-action { grid-column:2; justify-self:start; padding:2px 0; } .lmate-label { margin-bottom:5px; } .lmate-label > span { font-size:8px; letter-spacing:.02em; } }

/* Mobile navigation and compact ranking rows. */
.mobile-menu-toggle { display:none; }
.link-arrow { display:inline-block; flex:none; width:13px; height:13px; background:currentColor; mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" d="M3 13 13 3M5 3h8v8"/%3E%3C/svg%3E') center/contain no-repeat; }
.player-row .player { min-width:0; }
.player-row .player > div { min-width:0; }
.player-row .player strong { overflow-wrap:anywhere; font-family:'Pixelify Sans',Manrope,Arial,sans-serif; font-size:20px; line-height:1.05; letter-spacing:.015em; }
.player-row .skin { width:44px!important; height:44px!important; flex:none; object-fit:cover; object-position:center top; border-radius:9px!important; clip-path:none; margin:0!important; filter:none; background:#24203a!important; }
.player-row .tier { font-family:'Pixelify Sans',Manrope,Arial,sans-serif!important; font-size:17px!important; font-weight:600; line-height:1; letter-spacing:0; width:auto!important; min-width:52px; padding:7px 9px; white-space:nowrap; }
.account-button img { object-fit:cover; background:#262033; }
.account-avatar-fallback { display:grid; place-items:center; width:23px; height:23px; flex:none; border-radius:50%; background:#604893; color:white; font:700 12px Manrope,Arial,sans-serif; }
.telegram-top[data-promo="news"] .telegram-dot { background-size:cover; }
.timeline-events li { transition:width 560ms cubic-bezier(.16,1,.3,1); }
.timeline-events .timeline-event-meta { height:auto!important; max-height:0; opacity:0; overflow:hidden; transform:translateY(-4px); transition:max-height 560ms cubic-bezier(.16,1,.3,1),opacity 300ms ease,transform 560ms cubic-bezier(.16,1,.3,1); }
.timeline-events .timeline-event.is-event-active .timeline-event-meta { max-height:96px; opacity:1; transform:none; }
@media(max-width:760px) {
  .topbar { display:flex!important; align-items:center; justify-content:space-between; gap:8px; padding:0 11px!important; }
  .topbar .brand { min-width:0; max-width:138px!important; flex:1 1 auto; gap:6px; font-size:9px; white-space:nowrap; }
  .topbar .brand-logo { width:24px; height:24px; flex:none; }
  .topbar .top-actions { flex:none; gap:6px; margin:0; }
  .mobile-menu-toggle { display:flex; flex:none; width:38px; height:38px; padding:10px 9px; flex-direction:column; justify-content:center; gap:5px; border:1px solid #ffffff24; border-radius:10px; background:#191820; color:#e5deef; cursor:pointer; }
  .mobile-menu-toggle span { display:block; height:1.5px; width:100%; border-radius:2px; background:currentColor; transition:transform 240ms ease,opacity 180ms ease; }
  .topbar.mobile-menu-open .mobile-menu-toggle span:first-child { transform:translateY(6.5px) rotate(45deg); }
  .topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(2) { opacity:0; }
  .topbar.mobile-menu-open .mobile-menu-toggle span:last-child { transform:translateY(-6.5px) rotate(-45deg); }
  .topbar.mobile-menu-open .nav-links { display:grid!important; position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:30; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin:0; padding:10px; border:1px solid #ffffff20; border-radius:14px; background:#17161d; box-shadow:0 18px 48px #000a; }
  .topbar .nav-links a { display:flex; align-items:center; min-height:44px; padding:9px 11px; border-radius:9px; font-size:13px; }
  .topbar .nav-links .nav-icon { width:17px; height:17px; }
  .player-row { grid-template-columns:25px minmax(0,1fr) auto!important; gap:7px; min-height:65px; padding:8px 10px!important; }
  .player-row .rank { width:25px; height:25px; font-size:13px!important; border-radius:6px; }
  .player-row .player { gap:9px; }
  .player-row .player strong { font-size:clamp(16px,4.4vw,19px); line-height:1.05; }
  .player-row .skin { width:40px!important; height:40px!important; }
  .player-row .time { display:none!important; }
  .player-row .tier { min-width:50px; font-size:17px!important; }
  .table-head { grid-template-columns:25px minmax(0,1fr) 50px!important; gap:7px; padding:10px!important; }
  .table-head span:nth-child(3) { display:none!important; }
  .telegram-top { width:calc(100% - 24px); min-height:58px; gap:9px; padding:8px 10px; }
  .telegram-top .telegram-dot { width:32px; height:32px; flex:none; background-size:cover; }
  .telegram-top[data-promo="bot"] .telegram-dot { background-size:cover; }
  .telegram-top .telegram-copy { min-width:0; flex:1 1 auto; }
  .telegram-top .telegram-copy b { font-size:11px; }
  .telegram-top .telegram-copy small { font-size:9px; }
  .telegram-top .telegram-arrow { flex:none; }
  .hero-actions { flex-wrap:wrap; }
  .hero-actions a { max-width:100%; }
  .hero::after,.ranking-wrap::after { content:none!important; display:none!important; }
  .metric-wave,.metric-card:hover .metric-wave,.metric-card:focus .metric-wave { opacity:.17!important; transform:none!important; transition:none!important; }
  .metric-wave i,.metric-card:hover .metric-wave i,.metric-card:focus .metric-wave i { animation:none!important; transform:scaleY(.68)!important; }
  .run-card:hover { transform:none; box-shadow:none; }
  .timeline-events li.is-event-wide { width:228px; }
  .timeline-events { grid-template-rows:88px 24px 88px; min-height:200px; }
  .timeline-events:not(:has(> li.is-minor)) { grid-template-rows:88px 24px 0; }
  .timeline-events:not(:has(> li.is-major)) { grid-template-rows:0 24px 88px; }
}
@media(max-width:380px) {
  .topbar .brand { max-width:112px!important; font-size:8px; }
  .topbar .brand > span { display:none; }
  .topbar .brand::after { content:'ELARION'; font:800 9px Manrope,Arial,sans-serif; letter-spacing:.06em; color:#eeeaf6; }
  .topbar .brand-logo { width:21px; height:21px; }
  .topbar .top-actions { gap:4px; }
  .topbar .icon-btn { width:34px; height:34px; }
  .player-row .skin { width:34px!important; height:34px!important; }
  .player-row .tier { min-width:44px; font-size:15px!important; padding:6px; }
}
@media(max-width:820px) {
 .faq { grid-template-columns:1fr; gap:28px; }
 .faq .faq-intro h2 { max-width:100%; font-size:clamp(30px,6vw,40px); }
 .guide-ip.ip-address strong { font-size:16px; }
}
@media(max-width:380px) {
 .guide-ip.ip-address { padding-left:12px; padding-right:38px; }
 .guide-ip.ip-address strong { font-size:13px; }
 .faq .faq-list summary { padding-left:28px; font-size:13px; }
 .faq .faq-list .faq-answer p { padding-left:28px; padding-right:22px; }
}

/* Stable mobile header, restored typography, and dimensional player renders. */
:is(.hero h1,.section-heading h2,.how h2,.faq .faq-intro h2,.guide-page h1,.profile-intro h1,.legal h1) {
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
.player-row { min-height:88px; }
.player-row .player { gap:15px; }
.player-row .skin {
  width:54px!important; height:76px!important; flex:none; object-fit:contain!important;
  object-position:center!important; border-radius:0!important; clip-path:none!important;
  margin:0!important; background:transparent!important; image-rendering:pixelated;
  filter:drop-shadow(0 9px 9px #000a);
}
.player-row .player strong {
  font-family:Manrope,Arial,sans-serif!important; font-size:24px!important;
  font-weight:800; line-height:1.05; letter-spacing:-.035em;
}
.player-row .tier { font-family:Manrope,Arial,sans-serif!important; }

.skin-stage { perspective:900px; transform-style:preserve-3d; box-shadow:inset 0 1px #ffffff12,inset 0 -70px 90px #0204078c,0 28px 70px #0005; }
.skin-stage::before { content:''; position:absolute; z-index:0; left:10%; right:10%; bottom:-11%; height:35%; border-radius:50%; background:radial-gradient(ellipse,#8ca7b52b 0%,#25333c18 43%,transparent 72%); transform:rotateX(68deg); filter:blur(2px); }
.skin-stage::after { content:''; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(108deg,#ffffff0a 0%,transparent 23%,transparent 74%,#00000030 100%); box-shadow:inset 18px 0 34px #ffffff05,inset -24px 0 42px #0006; }
.skin-stage .skin-glow { z-index:0; width:260px; height:330px; border-radius:44%; background:radial-gradient(ellipse,#8c9fa63d,transparent 70%); filter:blur(42px); }
.skin-stage img { z-index:1; top:2%; height:125%; transform:translateX(-50%) rotateY(-5deg) rotateX(1deg); transform-origin:center 54%; filter:drop-shadow(-10px 18px 10px #0007) drop-shadow(14px 25px 20px #0007); transition:transform 650ms cubic-bezier(.16,1,.3,1),filter 650ms ease; }
.skin-stage:hover img { transform:translateX(-50%) translateY(-5px) rotateY(-11deg) rotateX(1deg) scale(1.018); filter:drop-shadow(-15px 20px 12px #0008) drop-shadow(18px 29px 24px #0008); }

.compact-login { min-width:44px; justify-content:center; }
.account-placeholder-icon { position:relative; display:block; width:18px; height:18px; flex:none; border:1.5px solid currentColor; border-radius:50%; }
.account-placeholder-icon::before { content:''; position:absolute; left:50%; top:3px; width:5px; height:5px; border:1.4px solid currentColor; border-radius:50%; transform:translateX(-50%); }
.account-placeholder-icon::after { content:''; position:absolute; left:3px; right:3px; bottom:2px; height:5px; border:1.4px solid currentColor; border-radius:7px 7px 4px 4px; }
.back-rating svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }

@media(max-width:760px) {
  .topbar { width:calc(100% - 16px)!important; min-width:0; height:62px!important; margin:8px!important; top:8px!important; padding:0 9px!important; gap:6px!important; border-radius:14px!important; }
  .topbar .brand { max-width:76px!important; gap:5px!important; overflow:hidden; }
  .topbar .brand-logo { width:27px!important; height:27px!important; min-width:27px!important; flex:0 0 27px!important; object-fit:contain!important; }
  .topbar .brand > span { display:none!important; }
  .topbar .brand::after { content:'ELARION'; font:800 9px Manrope,Arial,sans-serif; letter-spacing:.04em; color:#eeeaf6; white-space:nowrap; }
  .topbar .top-actions { gap:4px!important; }
  .mobile-menu-toggle,.language-button,.topbar .icon-btn,.topbar .discord-btn,.topbar .back-rating,.topbar .account-button { width:36px!important; min-width:36px!important; height:36px!important; padding:0!important; justify-content:center!important; }
  .language-button { gap:0!important; }
  .language-button span,.compact-login-label,.back-rating span,.topbar .account-button > span { display:none!important; }
  .topbar .account-button { gap:0!important; font-size:0!important; }
  .topbar .account-button img,.topbar .account-avatar-fallback { width:24px!important; height:24px!important; }
  .language-menu { top:70px!important; right:8px!important; width:min(170px,calc(100vw - 16px))!important; }
  .player-row { min-height:80px!important; }
  .player-row .player { gap:10px; }
  .player-row .skin { width:44px!important; height:64px!important; }
  .player-row .player strong { font-size:clamp(19px,5.6vw,22px)!important; }
}
@media(max-width:380px) {
  .topbar .brand { max-width:34px!important; }
  .topbar .brand::after { content:none; }
  .player-row .skin { width:40px!important; height:58px!important; }
  .player-row .player strong { font-size:19px!important; }
}