@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap";:root{--primary:#3b82f6;--bg-dark:#0f172a;--bg-light:#1e293b;--accept:#22c55e;--reject:#ef4444;--metric-demo:#22c55e;--metric-econ:#3b82f6;--metric-unity:#eab308;--metric-stab:#ef4444}*{box-sizing:border-box}body{color:#f8fafc;background:linear-gradient(#0f172ab3,#0f172af2),url(/game-assets/balance-of-power/app/assets/sl_map_bg.png) 0/cover no-repeat,#0f172a;width:100vw;height:100dvh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:20s ease-in-out infinite alternate bgBreathing;overflow:hidden}@keyframes bgBreathing{0%{background-position:0 0,0}to{background-position:0 0,calc(50% + 20px)}}#root{background:#0003;width:100%;max-width:480px;height:100%;margin:0 auto;position:relative;box-shadow:0 0 40px #00000080}.app-container{width:100%;height:100%}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a}.metrics-shell{padding:16px}.metrics-card{justify-content:space-between;gap:8px;padding:20px 16px;display:flex}.metrics-shell--results{padding:10px 0 14px}.metrics-card--results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:18px 14px;display:grid}.metric-item{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.metric-label{color:#e2e8f0;letter-spacing:.5px;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:2.2em;font-size:12px;font-weight:800;line-height:1.1;display:flex}.metric-ring{flex:none;position:relative}.metrics-card--game .metric-label{white-space:nowrap}.metrics-card--results .metric-label{min-height:2.7em;padding:0 4px;font-size:12px}@media (width<=380px){.metrics-card--game{gap:4px;padding:16px 10px}.metrics-card--game .metric-label{letter-spacing:0;font-size:11px}.metrics-card--results{padding:16px 12px}}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:12px 24px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn:active{transform:translateY(0)}