:root{--bg: #0a0b0d;--panel: rgba(255, 255, 255, .03);--gold: #d8b45a;--gold-bright: #f2d98a;--green: #1f8f4e;--red: #ce1126;--text: #f3f0e7;--muted: rgba(243, 240, 231, .5);--ring: rgba(216, 180, 90, .22)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:relative;display:grid;place-items:center}.backdrop{position:absolute;inset:-20%;background:radial-gradient(45% 45% at 22% 26%,rgba(31,143,78,.2),transparent 70%),radial-gradient(50% 50% at 80% 74%,rgba(216,180,90,.16),transparent 70%),radial-gradient(40% 40% at 60% 12%,rgba(206,17,38,.08),transparent 70%);filter:blur(30px);animation:drift 26s ease-in-out infinite alternate;z-index:0}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.stage{position:relative;z-index:1;width:min(92vw,820px);padding:clamp(16px,4vw,40px);text-align:center;display:flex;flex-direction:column;gap:clamp(18px,4vh,40px);transition:opacity .5s ease,transform .5s ease}.stage[data-state=loading]{opacity:0;transform:translateY(8px)}.stage[data-state=ready]{opacity:1;transform:none}.crest{display:flex;flex-direction:column;align-items:center;gap:10px}.flag{width:88px;height:58px;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 24px #00000080,0 0 0 1px var(--ring)}.stripe{flex:1;display:grid;place-items:center}.stripe.green{background:var(--green)}.stripe.white{background:#f4f2ec}.stripe.black{background:#0c0c0c}.stripe .stars{color:var(--red);font-size:13px;letter-spacing:3px;line-height:1}.server-name{font-size:clamp(20px,4.5vw,30px);font-weight:800;letter-spacing:-.01em;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.tagline{font-size:12px;text-transform:uppercase;letter-spacing:.32em;color:var(--muted)}.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.5vw,22px)}.counter{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:clamp(16px,3.5vh,30px) 8px;backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0a;transition:border-color .4s ease,transform .2s ease}.counter.bump{animation:bump .5s cubic-bezier(.2,.9,.2,1)}@keyframes bump{0%{transform:none}35%{transform:translateY(-4px) scale(1.03);border-color:var(--ring)}to{transform:none}}.value{font-size:clamp(30px,8vw,58px);font-weight:800;line-height:1;color:var(--gold-bright);font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:.32em}.label{margin-top:10px;font-size:clamp(10px,2.4vw,13px);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.live-dot{width:.34em;height:.34em;border-radius:50%;background:#34d16d;box-shadow:0 0 #34d16d99;animation:ping 2.4s ease-out infinite;flex:none}@keyframes ping{0%{box-shadow:0 0 #34d16d8c}70%{box-shadow:0 0 0 .9em #34d16d00}to{box-shadow:0 0 #34d16d00}}.foot{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.06em;color:var(--muted)}.foot .brand{color:var(--gold)}.foot .sep{opacity:.5}@media(prefers-reduced-motion:reduce){.backdrop,.live-dot,.counter.bump{animation:none}.stage{transition:opacity .2s ease}}