#level-loading[hidden], #level-loading [hidden] { display: none !important; }
#level-loading { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; background: #294634; color: #262419; font-family: Arial, sans-serif; text-align: center; touch-action: none; }
#level-loading .level-card { width: min(370px, 100%); box-sizing: border-box; padding: 28px 22px 22px; background: #f7eed2; border: 4px solid #262419; border-radius: 24px; box-shadow: 0 9px 0 #18271e; }
#level-loading .level-title { font-size: clamp(23px, 6vw, 30px); font-weight: 900; padding: 12px 4px; margin: -48px -10px 22px; background: #ffdc48; border: 3px solid #262419; border-radius: 15px; box-shadow: 0 5px 0 #d69424; }
#level-loading p { min-height: 42px; font-size: 16px; line-height: 1.4; }
#level-loading .level-track { height: 25px; overflow: hidden; border: 3px solid #262419; border-radius: 16px; background: #777451; }
#level-loading .level-fill { width: 0; height: 100%; background: linear-gradient(#ffec73 0 50%, #ffc52e 50%); }
#level-loading .level-percent { display: block; margin-top: 12px; font-size: 23px; }
#level-loading .level-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
#level-loading button { margin-top: 16px; padding: 10px 17px; border: 2px solid #262419; border-radius: 10px; background: #ffdc48; font: bold 16px Arial, sans-serif; cursor: pointer; }