:root{--paper: #ffffff;--paper-dim: rgba(255, 255, 255, .72);--paper-faint: rgba(255, 255, 255, .5);--glass: rgba(255, 255, 255, .13);--glass-strong: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .22);--ink: #08382a;--radius: 24px;--font: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--paper);background:#0b6f55;-webkit-font-smoothing:antialiased;overflow:hidden}.live-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 38%,#1cab82,#11946d 40%,#0a7457 72%,#075c46)}.live-app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 50% 45%,rgba(255,255,255,.06),transparent 70%);pointer-events:none}.virus-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.virus{position:absolute;display:block;will-change:transform;animation-name:virusFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes virusFloat{0%{transform:translateZ(0) rotate(-4deg) scale(.98)}to{transform:translate3d(2.2vw,3vh,0) rotate(5deg) scale(1.04)}}.live-grid{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:28fr 34fr 27fr;gap:clamp(9px,1vw,18px);padding:clamp(11px,1.1vw,20px);padding-bottom:clamp(38px,3.4vh,54px)}.col{display:flex;flex-direction:column;gap:clamp(8px,.8vw,14px);min-height:0}.col-left{justify-content:flex-start}.left-center{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,.8vw,14px)}.col-center,.col-right{justify-content:center}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 18px 50px #042e2247,inset 0 1px #ffffff29}.card{padding:clamp(11px,1.05vw,20px)}.logo{display:flex;align-items:center;gap:0;padding:0 clamp(2px,.35vw,8px) clamp(2px,.35vw,8px)}.logo .emoji{width:clamp(40px,4vw,64px);height:auto;filter:drop-shadow(0 6px 18px rgba(4,46,34,.28))}.market-card,.infected-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.market-card,.infected-card{flex:0 0 auto;min-height:clamp(140px,15vh,200px);padding-top:clamp(16px,1.6vw,26px);padding-bottom:clamp(16px,1.6vw,26px)}.metric-value{width:100%;text-align:center;font-weight:900;line-height:1.04;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;max-width:100%}.infected-card .metric-value{font-size:clamp(34px,4vw,70px)}.metric-label{font-size:clamp(12px,1vw,18px);font-weight:700;color:var(--paper-dim);margin-top:clamp(4px,.5vw,10px)}.metric-extra{font-size:clamp(10px,.8vw,14px);font-weight:700;color:var(--paper-faint);margin-top:clamp(3px,.4vw,8px)}.board-card{display:flex;flex-direction:column;gap:clamp(6px,.55vw,11px)}.board-title{margin:0;text-align:center;font-size:clamp(16px,1.45vw,26px);font-weight:900;letter-spacing:-.01em}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(4px,.45vw,8px)}.board-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(7px,.7vw,12px);padding:clamp(6px,.5vw,10px) clamp(7px,.6vw,12px);border-radius:18px;background:#ffffff1f;will-change:transform}.board-rank{width:clamp(18px,1.5vw,28px);text-align:center;font-size:clamp(20px,1.9vw,32px);font-weight:900;font-variant-numeric:tabular-nums}.board-main{display:flex;flex-direction:column;min-width:0}.board-name{font-size:clamp(13px,1.05vw,19px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-amount{display:flex;align-items:center;gap:6px;font-size:clamp(12px,1vw,18px);font-weight:700;color:var(--paper-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.board-empty,.feed-empty{padding:clamp(14px,1.4vw,26px);text-align:center;font-size:clamp(13px,1.1vw,20px);font-weight:700;color:var(--paper-faint)}.avatar{border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(255,255,255,.35);background:#fff3}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;letter-spacing:.02em}.feed-card{display:flex;flex-direction:column;gap:clamp(5px,.45vw,9px)}.feed-title{margin:0;text-align:center;font-size:clamp(15px,1.35vw,24px);font-weight:900}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(4px,.4vw,7px)}.feed-row{display:flex;align-items:center;gap:clamp(9px,.9vw,16px);padding:clamp(4px,.35vw,7px) clamp(5px,.45vw,9px);border-radius:14px;animation:feedIn .45s cubic-bezier(.22,1,.36,1)}.feed-row:nth-child(odd){background:#ffffff14}.feed-name{font-size:clamp(13px,1.05vw,19px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes feedIn{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.now-card{display:flex;align-items:center;gap:clamp(7px,.65vw,12px);position:relative}.now-art{width:clamp(44px,3.5vw,62px);height:clamp(44px,3.5vw,62px);border-radius:14px;background:linear-gradient(140deg,#ffffff59,#ffffff1a);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.now-art img{width:100%;height:100%;object-fit:cover}.now-art-note{font-size:clamp(20px,1.7vw,30px);font-weight:900;opacity:.85}.now-info{flex:1;min-width:0}.now-title{font-size:clamp(13px,1.05vw,19px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-artist{font-size:clamp(11px,.9vw,16px);font-weight:700;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-progress{margin-top:7px;height:5px;border-radius:99px;background:#ffffff38;overflow:hidden}.now-progress-fill{display:block;height:100%;border-radius:99px;background:#fff;transition:width .9s linear}.now-eq{display:flex;align-items:flex-end;gap:3px;height:clamp(18px,1.6vw,30px);flex:none}.now-eq i{display:block;width:4px;border-radius:2px;background:#fff;opacity:.9;animation:eq .9s ease-in-out infinite}.now-eq i:nth-child(1){height:60%;animation-delay:0s}.now-eq i:nth-child(2){height:100%;animation-delay:.25s}.now-eq i:nth-child(3){height:40%;animation-delay:.5s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.now-time{position:absolute;right:clamp(12px,1.2vw,22px);bottom:clamp(6px,.6vw,12px);font-size:clamp(9px,.72vw,13px);font-weight:700;color:var(--paper-faint);font-variant-numeric:tabular-nums}.status-bar{position:absolute;right:clamp(14px,1.6vw,30px);bottom:clamp(10px,1.2vh,22px);z-index:2;display:flex;align-items:center;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;font-size:clamp(11px,.9vw,16px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#00000038;color:#ffffffd9}.status-dot{width:9px;height:9px;border-radius:50%;background:#ff6b57}.status-pill.online .status-dot{background:#7dffb4;box-shadow:0 0 #7dffb4b3;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #7dffb4b3}70%{box-shadow:0 0 0 10px #7dffb400}to{box-shadow:0 0 #7dffb400}}.status-clock{font-size:clamp(12px,1vw,18px);font-weight:800;font-variant-numeric:tabular-nums;color:#ffffffe6;background:#00000038;padding:6px 12px;border-radius:99px}img.emoji{display:inline-block;vertical-align:-.18em;pointer-events:none}@media(prefers-reduced-motion:reduce){.virus,.now-eq i,.status-pill.online .status-dot{animation:none}}