/* Cyber Fireworks — custom WebGL template style */
@font-face { font-family: 'GameKR'; src: url('../game_kr.ttf'); font-display: swap; }

html, body { height: 100%; padding: 0; margin: 0; }
body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(1200px 800px at 50% -5%, #1a2a5c 0%, #0c1230 45%, #060814 100%);
  font-family: 'GameKR', -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
}

#unity-container { position: relative; }
#unity-container.unity-desktop {
  padding: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .6), 0 0 46px rgba(90, 150, 255, .18);
}
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100%; padding: 0; background: none; box-shadow: none; }

#unity-canvas { background: #060814; border-radius: 12px; display: block; }
.unity-mobile #unity-canvas { width: 100%; height: 100%; border-radius: 0; }

#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center; }

#unity-footer { position: relative; padding: 10px 6px 2px; }
.unity-mobile #unity-footer { display: none; }
#unity-fullscreen-button { cursor: pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center; }
#unity-build-title { float: right; margin-right: 12px; line-height: 38px; color: #ffd45a; font-weight: 800; letter-spacing: .5px; }

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none; }

/* visitor counter layout */
body { flex-direction: column; gap: 14px; }
#visitor-counter { text-align: center; font-family: 'GameKR', -apple-system, sans-serif; color: #9fb4e6; font-size: 15px; letter-spacing: .3px; }
#visitor-counter #vc-num { color: #ffd45a; font-weight: 800; }
@media (max-width: 700px) { #visitor-counter { display: none; } }